*教程系列十六——走进动画世界flash序*

个人日记

     大家好,本来flash动画系列教程没有打算这么早来写,不过应友人相邀,勉为其难,稍作调整,仓促写本篇教程。虽然这个教程系列计划也在自己心中酝酿,原本是打算自己学有所成后再来做的。我希望把自己求学过程中的知识精华和学习理念浓缩在自己的教程系列中,目的也是给初学者引导个方向,这样大家在学习过程中可以少走弯路,而且如何起步,如何又能边学边玩呢。这也一直在我的思考中。
      不过对于flash,其实我也还是个初学者,2014.3.18日我才偶然进入一个动画群开始系列学习,大家看看是不是也没几天,也不过一月有余,当然许多年前自己有买了本书胡乱玩过点,但也都忘到九霄云外了。而自己现在充其量也只是个初级学员,每晚只要有时间也在听课学习,甚至做作业,从那一日进群起,每天一课,每天一篇作业,只要跟课就也篇篇不落都会交作业,大概这也是自己的一个爱好和执着,我很喜欢琢磨问题,喜欢思考,辛苦却乐在其中,有时会为一个问题彻夜思考,甚至因此而失眠,不过当自己弄清楚问题后,却是非常非常的快乐,我的老师,除了群里的老师外,更多的是百度,是网络,是书本……
       我说上面这些,也是说给一些朋友听,经常有朋友会向我请教一些问题,其实,我总觉得大家要尽量学会自己去思考,尽量自己去寻求答案,只有自己付出了,才会有真正的收获,也许我可以给你指引个方向,但不可能手把手一步步教你,靠着别人永远也没有太大的进步,不过三人行必有我师,敏而好学,不耻下问也是应该的,在空间我也会遇到一些朋友,虽然只是三言两语的交流,但也给我很多的启示,偶然间就又打开了一个新知识的大门,其实心里也是非常感激的……
      以上都是题外话,言归正传,大家学习一个新的软件,一定要知道为什么要学?这个软件做什么用?学习它可以带给我怎样的快乐?大家多数可能是玩空间,那么这个软件都能做出什么样的作品?可否美化我们的空间?我是否有精力去学它?其实玩空间的话,这个软件大约还是个冷门……为什么呢?这个问题我们稍后就明白了。
     那么我说说我为什么要学?因为我想学会这个软件后,有天我可以做出自己喜欢的动画,这个动画可以符合我ps做图的意境,做到真正的画龙点睛的作用,我要让我的图动起来,再者我也可以单独地玩flash动画,闪客的世界有着它的无限精彩。它的旋律、它的灵动、它的视觉冲击、它的美即使没有任何文字也令人陶醉……
      那么我们是否还要了解一下这个软件的发展史呢?我总觉得学什么东西,都要先有个本质的基础的了解,还要有个大局的了解,再有在学习过程中要对某些概念仔细推敲,原理的东西要搞清楚,学什么不要盲目去学,跟着老师没错,跟课也没错,但学习的过程不要盲目跟从,要学会思考,学会提炼,老师讲的知识要点,精髓在哪里?还有也要给自己一个定位,每个人的基础不同,很多知识都是融会贯通的,如果自己的能力达不到,就不要把目标定得太高,否者依旧是眼高手低一事无成。还有学习也要有个谦虚的态度,不要轻易就看不起别人的作品,也许很多老师的图你不一定喜欢,但是图的里面难道就没有一个闪光点,没有你要学得知识点吗?老师的图你可以不喜欢,但不代表就否定它,只要有学习的价值就要学会欣赏。一个作品你可以欣赏它的意境也可以欣赏它的技巧,当然如果你只是欣赏不想去学什么,那自然可以挑你喜欢的……
      我们一定听说过网页三剑客,网页四剑客,这些都是什么?怎么回事?Flash软件最初叫做FutureSplash,是Macromedia公司早期收购的一家小公司开发的动画插件,Macromedia公司利用自己在多媒体软件上的开发优势,对FutureSplash加以改造,推出了 Flash 2.0。在推出Flash 3.0后,Macromedia公司加大对它的宣传力度:Flash与几乎同时推出的Dreamweaver 2.0和Fireworks 2.0一起被Macromedia公司命名为“Dream Team(梦之队)”,我国用户将它们称为“网页制作三剑客”。一时间,它们在Web界的好评如潮,并获得多项殊荣。
“网页设计三剑客”:
Macromedia Dreamweaver 、
Macromedia Flash、
Macromedia  Fireworks。
2005年 Macromedia被Adobe收购后,Adobe推出了“网页四剑客”:
Adobe Dreamweaver cs3、
Adobe Flash CS3、
Adobe Fireworks CS3、
Adobe Photoshop CS3(注:CS4系列的也出来了)。
当然也见到过这样的说法,说网页四剑客的第四剑客,是Frontpage而不是Photoshop,这里不做推敲,好信的朋友可以再去百度查查……
      Flash的版本发展:
FutureSplash Animator (1995)   (Flash 3的前身)
Flash 1 (1996-11)
Flash 2 (1997-6)
Flash 3 (1998-5-31)
Flash 4 (1999-6-15)
Flash 5 (2000-8-24)
Flash MX (2002-3-15)
Flash MX 2004 (2003-9-10)
Flash MX 2004 Pro (2003-9-10)
Flash 8 (2005-9-13) ;
Flash 8 Pro (2005-9-13)
Flash CS3(2007)   (Adobe收购Macromedia后,首次推出的版本)
Flash CS4(2008-9-10) 
Flash CS5(2010-3-29)  (目前最新版本)
现在还有FLash CS5.5,甚至FLash CS6,这些大家可以看两眼,也稍微了解一下,我这里啰嗦下,不过多知道点也没坏处。低版本做出的作品高版本可以读出,但高版本的作品在低版本中确是打不开的,所以如果要学这个软件,选择适合你的版本。我的电脑里装了两个版本,一个是早期经典的cs3,另一个则是比较新的版本cs5.5。两个版本我都有尝试做过作品,不过个人感觉,初学者,电脑不是特别熟悉的朋友,建议还是用经典的cs3。高版本也许完善了各种功能,更加个性化,功能更加强大,但却并不一定适合初学,大家没必要为了一些界面的变化,界面的个性浪费时间,当然选择权在个人……
       FLash制作动画一般导出的文件是swf格式,这个格式一般的媒体播放软件都可以播放,但是空间却是不认可的,那么我们如何将制作的swf格式的文件在空间展示呢?
       我们玩空间的朋友经常会在日志中插入动画效果,现在大约的方式可以是这样三种,第一种是直接用代码插入gif图片,第二种是用代码插入动画网址,第三种就是我上篇教程讲过的动画合成,利用gif图片与自己的图合成新的gif图片,这些都可以达到动画的效果,完成我们边框或者大图的动态效果。大家有没有注意过,你插入的动画网址,最后的后缀就是swf。
      那么我们自己用flash做的swf动画就可以上传网络,获得个地址,然后链接到你的图中啊。大家平时用的插入动画其实都是别人上传的,那么经常会失效,可能系统升级了,可能那个网址失效了,那么动态效果也就失效了。那么试想下,如果是你自己做出的动画swf,那你怕什么呢,主动权永远控制在自己手里,地址失效了,我可以重新上传,只要源文件在就不怕。
      有朋友说我只想做出gif图片,这样配合我的大图好用,其实有时候转向思维下,想想你的目的是什么?如何能够更有效的达到我的动态效果……那么有时候不要执着一种方法。新的方法也要去学习接纳。当然新的方法会带来新的问题,就比如那么我做出了swf格式的动画,又如何上传到网络,被我空间所用呢,那么可以是我们再思考的问题……
      那么gif文件和swf文件有什么区别,都能体现动画效果,它们的区别在哪?它们各自的优势又在哪?用FLash做动画可以导出gif文件吗?如何实现。
      gif其实也是图片,它是很多图片不停切换形成的动画效果,大家在上篇教程里可以注意看下,你导入到ps里的gif是不是形成了很多帧,形成了很多图层,一层对应一帧呢,一帧对应一个图片,而上篇教程那篇合成动画,最后大家也可以发现,最后一帧对应的其实可以是几个图层的叠加,而一帧帧连续播放起来就形成了动画,静态图片切换形成的动画是利用人眼的视觉差,这个道理明白后,那么我可以知道,如果动画做得逼真,那么一定要帧数多些,每一个静态图片只有细微的变换……其实这也就是我们平时所说的帧帧动画或则叫逐帧动画。知道这个原理了,那么我们gif图片可以在ps中完成,也可以在flash中完成,但是如果用FLash软件只做gif图片却是大材小用了。FLash中引入了图形元件,按钮元件,影片剪辑元件,语句,引导层,遮罩层等等许多组件形成了丰富的动态和视听效果。一部分的Flash做成的动态效果可以导出gif格式,但也有许多则无法完成,会失效无法显示应有的动态效果。这个我们在以后的学习中,会逐渐熟悉。
          

 结束





文章评论

美丽的梦

辛苦了[em]e328170[/em][em]e327836[/em][em]e327874[/em][em]e327837[/em][em]e327834[/em][em]e327866[/em][em]e327859[/em][em]e258181[/em][em]e257413[/em][em]e327864[/em]

自由自在的鱼

云儿,你总结的太棒了,才女就是才女,我看了前一段,就知是你亲自所写,语言文字亲切流畅,感觉你就在身边和我说话,辛苦了,老师[em]e163[/em][em]e178[/em][em]e179[/em][em]e191[/em][em]e183[/em][em]e177[/em][em]e160[/em][em]e156[/em][em]e157[/em]