Flash动画制作一日通(3)

2019-04-13 21:32

小知识:

★Flash动画的类型

Flash动画基本上分三种类型。

1. 逐帧动画(Frame by Frame):这是采用的传统动画的制作方式,是把要表现的动态分解成一个个的动作,然后一个动作一个动作的绘制,最后连续播放的时候就形成动画了。逐帧动画不仅制作费时,而且文件所占空间也非常大。

2. 补间动画(Tweened):这种动画充分利用了电脑快速计算的优势,它只需要绘制出动画的开始动作及最后一个动作,之间的过程则由电脑自动计算得出,省时省力,文件所占空间也小。Flash中的补间动画又分为以下两种:

动作补间(Motion Tweening):适合于做移动、缩放、旋转、自定义路径移动(本例中的雪花飘落即是使用的这个方法)、色彩渐变等动画,可应用于实例、群组、文字等对象。

形状补间(Shape Tweening):它可以完成动作补间的大部分效果,它的最大特色则是形状渐变,比如从圆形过渡变成正方形等,但它只能应用于图形元件。

3. 时间轴特效(Timeline effects):这是Flash MX 2004中新增的特性,它实际上是由一些预定义的脚本创建的,可以自动产生各种动画效果,而无须使用者手工操作。本例中显示的文字即是使用的这种方法。

★元件、实例、库

打个比方来说,元件就是一个模具,实例就是用这个模具拓出来的一个个实际的物体,而库则是存放与管理各种元件的仓库。创建了一个元件之后,就可以在动画中的任意地方多次使用,所有的实例都只是元件的一个化身,是对元件的引用,每创建一个实例,软件只需要记录下它的尺寸、位置、比例、颜色等信息就可以了,所以创建再多的实例,也不会使文件变得很大。如本例在场景中拖放了N多个雪花剪辑,但实际上只是一个元件而已。 10:30~11:00 雪人笑了

木头人:接下来的这个例子,就是形状补间动画的一个最好说明,我们将做一个会微笑的雪人,它的嘴开始的时候只是一个点,慢慢的变成咧嘴大笑。

第一步:新建一个空白的Flash文档,执行“文件→导入→打开外部库”命令导入一张雪人图片,如果你没有合适的图片,可以下载本文所提供的资源包,导入其中的“微笑雪

人.fla”文件。

第二步:从库面板中将名为“雪人”的影片剪辑拖入场景中。你会发现这个雪人是没有嘴巴的,我们就来给它做一个咧开嘴巴笑的动画吧。

第三步:点击时间轴左下方的“插入图层”按钮新建一图层,然后点击工具箱中的椭圆工具(快捷键为O)在雪人脸上合适的位置拖画出一个小椭圆作为雪人闭嘴时的样子(见图9)。

第四步:鼠标右键点击图层1的第40帧选择“插入帧”命令,再右击图层2的第40帧选择“插入空白关键帧”命令,并在这一帧上用工具箱中的铅笔工具画出一个大笑的嘴(封闭的口字形状)。

第五步:用鼠标左键点选图层2的第1帧,再在属性面板中,将“补间”项设置成“形状”,这时你会看到时间轴中出现了由第1帧通向第40帧的实心箭头。好了,一切搞定,按下Ctrl+回车键来欣赏一下雪人快乐的微笑吧(见图10)。

学习心得

小美:如图10所示,点选第一个绘图纸外观按钮,则前后相邻的几个帧变得就像是透明的胶片叠在了一起,这样在给雪人绘制两种状态的嘴形时很容易对上位置。在时间轴下其他几个不同类型的绘图纸外观按钮,也能很好地帮助我们对齐不同帧上的图形对象。

阿宝:点选铅笔工具后,单击工具箱下方“选项”区中的下拉按钮可以为铅笔设置不同的状态,我在给雪人画微笑的嘴时,使用了中间的“平滑”,画出的线条柔和平滑多了。 13:30~14:30 欢迎进入Flash闪客世界

木头人:站在城门前,两扇红漆大门牢牢地拦住了你的视线,单击右下角的机关按钮,城门向两旁慢慢打开,露出城内的风景??这个实例是对位移动画最好的说明,涉及到简单的ActionScript脚本。

第一步:运行Flash,新建一个空白的Flash文档,在默认图层1的第1帧中通过“文件→导入→导入到舞台”命令将一幅故宫内城风景画导入到当前场景中,并在图层1的第70帧上右击,选择“插入帧”。

第二步:点击“插入图层”按钮插入图层2,通过“文件→导入→导入到库”命令将素材文件(左侧、右侧城门的图片)导入库中,然后从库面板中将左侧城门图片拖到图层2第1帧的场景上。

第三步:由于一个图层内同时能产生动画的只能有一个元件,所以我们还需要新建一个图层3,将右侧城门图片拖入图层3的第1帧场景中。调整两扇门的位置,使它们呈“关闭”状。

第四步:点选任意图层的第1帧,然后点击打开“动作-帧”面板,在其中输入“stop();”,此为Flash内置的Action Script脚本,使影片在开始的时候不要自动播放。

第五步:右击图层2的第2帧选择“插入关键帧”,这一帧中的大门不要动;再在第70帧插入关键帧,用鼠标点选图层2场景中的大门,利用鼠标将其向场景左侧移动,一直到显示出大门后面遮盖的背景为止。再用鼠标右击第2帧选择“创建补间动画“,打开这扇门的动画就创建成功了。以同样的方法将图层3中的城门也打开,不过方向相反。

第六步:大门打开后,就需要停在两旁不要再动了。于是我们选择任意图层的第70帧,点击打开“动作-帧”面板在其中输入“stop();”。

第七步:点击“窗口→其它面板→公用库→按钮”打开Macromedia官方提供的按钮库,在库中选择一个自己喜欢的按钮,将它拖入图层2的第1帧中。用选择工具点选此按钮,打开“动作-按钮”面板,在面板中为它输入动作脚本:“on (release)

{GotoAndPlay(2);}”(不含中文引号),这行代码的意思是当鼠标点击按钮时,立即播放第2帧,而第2帧开始正是前面我们制的开门动画。至此,城门洞开的动画就完成了,按Ctrl+回车键欣赏一下吧(见图11)。

Just do it !

开启城门的动画过程介绍给了大家,现在大家开动脑筋,打开Flash自己来试试如何再把城门关上。另外,可以再新建一个图层,在舞台之外(即工作区中)输入文字,如“欢迎来到Flash闪客世界!”,然后制作一个位移效果,使其在打开城门的时候,同时飞出欢迎词来。 学习心得

小美:城门位移的补间动画有时会发生意想不到的情况,如城门大小发生了变化甚至发生了旋转,试了几次之后发发现,其实这是“关键帧”属性设置的问题,选择第1帧,点击打开属性面板,去除勾选“缩放”,并将“旋转”设置成“无”即可。 14:30~14:45 五分钟打造超酷闪客相册

木头人:Flash MX 2004新增了“从模板创建”的功能,其中就含有“照片幻灯片放映”模板,让你花最少的时间做最专业的Flash相册,它不但有非常漂亮的相框,还具有前进、后退、自动播放、显示总体相片数目及当前所在位置、随意移动控制面板等多种功能。 第一步:启动Flash MX 2004,点击“文件→新建”打开新建窗口,点击其上的“模板”标签,在“类别”中选择“照片幻灯片放映”,风格则选择“现代照片幻灯片放映”,确定后进入编辑窗口。

第二步:可以看到FLash已经为我们准备好了几张图片,喜欢的话就保留,不喜欢就删


Flash动画制作一日通(3).doc 将本文的Word文档下载到电脑 下载失败或者文档不完整,请联系客服人员解决!

下一篇:农业部第一批畜禽标准化示范场

相关阅读
本类排行
× 注册会员免费下载(下载后可以自由复制和排版)

马上注册会员

注:下载文档有可能“只有目录或者内容不全”等情况,请下载之前注意辨别,如果您已付费且无法下载或内容有问题,请联系我们协助你处理。
微信: QQ: