「动画制作」Flash基本动画的制作方法与实例

「动画制作」Flash基本动画的制作方法与实例：

在Flash中有三种基本的动画：逐帧动画、补间动画、引导路径动画。

一、逐帧动画

原理：在连续的关键帧中分解动画动作，也就是每一帧中的内容不同，连续播放而成动画。

1)导入静态图片建立逐帧动画

【实例5-1】“走路的女孩”逐帧动画。

① 新建影片文档

② 创建背景图层(导入1个图片到第1帧，末尾帧位置按F5)

③ 创建动画图层，并导入系列图片(在第1帧导入，自动分配图片)

④ 调整对象位置(注意锁定背景层，再用到绘图纸按钮)

⑤ 创建文字图层，并设置标题文字 (用到“文本工具” )

⑥ 测试存盘

2)制作由变化文字组成的逐帧动画

【实例5-2】由变化数字组成的“倒计时”逐帧动画。

① 新建一个文档，单击“工具箱”中的“文本工具” ; 选中时间轴的第1帧，在舞台中央输入文本“9”。 …..

② 选中时间轴上第2帧，连续按9次“F6”键，插入9个关键帧(即第2到第10个关键帧为插入的关键帧)。每当插入一个关键帧时，系统会自动将前一帧的内容复制到后一帧。

③ 选中时间轴的第2帧，双击舞台中的文本，将其原来的文字“9”改为“8”。

④ 重复与步骤③相同的操作，将第3帧的文本由“9”改为“7”;直至将第10帧的文本由“9”改为“0”。这时，动画制作完毕。

3)绘制矢量逐帧动画

【实例5-3】“球形单摆的周期性摆动”矢量逐帧动画。

(1)新建一个文档，在图层1画一根水平直线和一个小圆球表示天花板和单摆的固定点。

(2)选中时间轴上第2帧，连续按9次“F6”键，插入9个关键帧，即第2到第10帧是插入的9个关键帧;使第1帧的图形延续到2~10帧。再单击“插入图层”按钮，添加图层2。

(3)选择图层2的第1帧，画出单摆图形(含直线、球);转换为图形元件 ;并调整单摆图形到相应的位置方向。

(4)由第一个单摆图形 “复制”出多个单摆图形 ，并调整各单摆图形到不同的位置方向。

(5)选中图层2时间轴上第2帧，连续按9次“F6”键，在第2～第10帧处插入关键帧，于是第1帧的单摆图案被复制到第2～第10帧。

(6)然后依次选定1帧，删除该帧中多余的单摆图形，每帧只保留1个相应方向的单摆图形。

二、补间动画

补间动画即过渡变形动画，包括动作补间和形状补间。补间动画只需制作动画的首末两个关键帧，这样可减少制作工作量和文件大小;中间帧由系统自动生成，能使过渡效果平滑。

1)动作补间动画的制作原理与实例

在Flash的时间轴面板上，在一个时间点(关键帧)放置一个元件，然后在另一个时间点(关键帧)改变这个元件的大小、颜色、位置、透明度等等。

【实例5-4】 “上下弹跳的小球”动作补间动画。

(1)双击“层 1”的标题并键入“跳动的球”并按回车键重命名图层。

(2)在该图层的第l帧画一个正圆。

(3)将舞台中的正圆转换为图形元件。

(4)选择第 30 帧 按 F6 键插入一个关键帧。

(5)选择第 15 帧并按 F6 键以添加另一个关键帧。

(6)在播放头仍处于第 15 帧上时，按住 Shift 键沿直线移动小球，使它移动到原位置正上方一定距离的位置。

【实例5-4】 “上下弹跳的小球”动作补间动画。

(7)在“跳动的球”图层中，选择第 2 帧与第14帧之间的任何帧。在属性面板中，从“补间”下拉菜单中选择“动作”，

(8)选择第16帧和第29帧之间的任何帧。同样，使用属性面板中的“补间”下拉菜单，选择“动作”菜单项。

(9)选择“文件”→“保存”菜单命令，保存源文件;并按“Ctrl+Enter”键测试影片。

2)形状补间动画的制作原理与实例

在Flash的时间轴面板上，在一个时间点(关键帧)绘制一个形状，然后在另一个时间点(关键帧)更改该形状或绘制另一个形状，Flash 根据二者之间的帧的值或形状来创建的动画被称为“形状补间动画”。

【实例5-5】“五球连环”形状补间动画的制作。

(1)新建一个Flash文档，将该图层名称改成“变形的球”。

(2)在“变形的球”图层的第1帧，用椭圆工具结合Shift键，画5个大小差不多的圆。并调整相互位置到合适程度。

(3)在第30帧处插入关键帧;并删除此帧里原来的5个园;最后在第30帧画一个大园，大园的位置大约在原来5个园的中央。

(4)这是最后关键的一步，选定第1到第30帧间的任意一帧;再展开下面的属性面板，选择“补间”下拉菜单中的“形状”。

(5)按“Ctrl+Enter”组合键测试影片。

三、引导路径动画

将一个或多个层链接到一个运动引导层，使一个或多个对象沿同一条路径运动的动画形式被称为“引导路径动画”。这种动画可以使一个或多个元件完成曲线或不规则运动。

1)创建引导路径动画的一般方法

(1)创建引导层和被引导层

(2)引导层和被引导层中的对象

“引导层”中的内容可以是用钢笔、铅笔、线条、椭圆工具、矩形工具或画笔工具等绘制出的线段。

而“被引导层”中的对象可以使用影片剪辑、图形元件、按钮、文字等，但不能应用形状。

(3)向被引导层中添加元件

“引导动画”最基本的操作就是使一个动作补间动画“附着”在“引导线”上。所以操作时特别得注意“引导线”的两端，被引导的对象起点、终点的2个“中心点”一定要对准“引导线”的2个端头。

2)应用引导路径动画的技巧

(1)“被引导层”中的对象在被引导运动时，还可作更细致的设置，比如运动方向。

(2)引导层中的内容在播放时是看不见的，利用这一特点，可以单独定义一个不含“被引导层”的“引导层”，该引导层中可以放置一些文字说明、元件位置参考等。

(3)在做引导路径动画时，按下工具栏上的“对齐对象”功能按钮，可以使“对象附着于引导线”的操作更容易成功。

(4)过于陡峭的引导线可能使引导动画失败，而平滑圆润的曲线段有利于引导动画成功制作。

(5)被引导对象的中心对齐场景中的十字星，也有助于引导动画的成功。

(6)向被引导层中放入元件时，在动画开始和结束的关键帧上，一定要让元件的注册点对准线段的开始和结束的端点，否则无法引导。

(7)如果想解除引导，可以把被引导层拖离“引导层”;或将引导层的 “图层属性”设置为“正常”，使它改变图层类型。

(8)如果想让对象作圆周运动，可以在“引导层”画个圆形线条，再用橡皮擦去一小段，使圆形线段出现2个端点，再把对象的起始、终点分别对准端点即可。

(9)引导线允许重叠，比如螺旋状引导线，但在重叠处的线段必需保持圆润，让Flash能辨认出线段走向，否则会使引导失败。

3)引导路径动画的制作实例

【实例5-6】“纸飞机沿引导线轨道飞行”的引导路径动画制作。

(1)新建影片

属性对话框中，设定尺寸400×300，背景颜色为蓝色。

(2)制作纸飞机图形元件

① 先利用矩形工具在舞台上画一个矩形;然后用部分选取工具向外拖拉矩形的一角，再将矩形另一对角向内拖动;用直线工具连接刚拖过的两个角;利用颜料桶工具填充直线两边三角区域的颜色，以便改变飞机两三角翅的颜色。此时，飞机图形画好了。

② 将飞机图形转换为图形元件，注册点选为中心点。

(3)制作动画

① 双击图层1名称，将名称改为“被引导层”;单击被引导层的第1帧，将飞机拖放在场景中的左上角。用变形工具调整飞机大小方向，一直调到满意为止。

② 选择被引导层第40桢，按F6键插入关键帧。

【实例5-6】“纸飞机沿引导线轨道飞行”的引导路径动画制作。

(3)制作动画

③ 单击被引导层第1～第40帧之间的任何帧，找到下面的属性面板，选择“补间”下拉菜单的“动作”，建立1～40帧之间的小飞机动作补间动画;并将“调整到路经”复选框选中。

④ 在第一图层上就增加一个引导图层，并将名称改为“引导层”。单击引导层第1帧，选择铅笔工具(附属选项为“平滑”);然后用铅笔工具在场景中画一个平滑曲线(就是飞机的运动轨迹)。

⑤ 选择被引导层的第1帧。拖动第1帧上的飞机到曲线左端点上，注意一定要把飞机上的注册点调到与曲线左端点重合。

⑥ 选择被引导层的第40帧。用同样的方法将飞机拖动到曲线的右端点上，飞机注册点与曲线的右端点重合。

⑦ 按Ctrl+Enter快捷键，测试影片效果。

(4)输出和保存影片文件

黄鹤楼动漫星空动画制作：027-82730702；82720703 移动/微信：139-9566-0877 企鹅QQ：76211136

推荐阅读：

武汉企业宣传动画片制作有哪些注意事项

动画制作的主要要素有哪些？

二维MG医药动画制作：贝乐芬止痛片宣传动画广告片