第5章-动画制作技法

动画制作技法第5章1案例5-1制作“动物奔跑”逐帧动画2案例5-2制作“飘落文字”传统补间动画3案例5-3制作“细胞分裂”补间动画4案例5-4制作“骑车疾驰”补间动画5案例5-5制作“蝴蝶飞舞”运动引导图层6案例5-6制作“地球旋转”遮罩动画7案例5-7制作“女孩招手”反向运动（IK）动画8案例5-8制作“旋转立体画”3D效果动画2教学目标本章主要介绍FlashCS6中几种动画的创建方法，包括逐帧动画、传统补间、补间形状、补间动画、引导层动画、遮罩动画、反向运动和应用动画预设等制作技法。通过“动物奔跑”“飘落文字”“细胞分裂”“汽车疾驰”“蝴蝶飞舞”“地球旋转”“女孩招手”“翻转立体画”八个动画设计案例的学习，掌握FlashCS6中八种动画的设计方法与技巧。3教学目标4教学目标5案例5-1制作“动物奔跑”逐帧动画5.1.1案例效果6案例5-1制作“动物奔跑”逐帧动画5.1.3制作步骤7案例5-1制作“动物奔跑”逐帧动画5.1.3制作步骤8案例5-1制作“动物奔跑”逐帧动画5.1.3制作步骤9案例5-1制作“动物奔跑”逐帧动画5.1.3制作步骤10案例5-1制作“动物奔跑”逐帧动画5.1.4相关知识要在序列的第一个帧上创建插图，可以使用绘图工具，也可以从剪贴板中粘贴图形或导入一个图像文件。若要完成逐帧动画序列，添加与第一个关键帧内容一样的新关键帧，可以单击同一层中的下一帧，然后选择“插入”→“时间轴”→“关键帧”命令，或者右击并选择“插入关键帧”命令，直到创建完动作所需的关键帧。若要测试动画序列，可选择“控制”→“播放”命令或单击“控制器”(“窗日”→“工具栏”→“控制器”)上的“播放”按钮。11案例5-2制作“飘落文字”传统补间动画5.2.1案例效果12案例5-2制作“飘落文字”传统补间动画5.2.3制作步骤13案例5-2制作“飘落文字”传统补间动画5.2.3制作步骤14案例5-2制作“飘落文字”传统补间动画5.2.3制作步骤15案例5-2制作“飘落文字”传统补间动画5.2.3制作步骤16案例5-2制作“飘落文字”传统补间动画5.2.3制作步骤17案例5-2制作“飘落文字”传统补间动画5.2.3制作步骤18在一个点定义实例的位置、大小和旋转角度等属性，然后在另一个位置更改这些属性，由这些变化而产生动画效果。起始帧、结束帧、过渡帧是构成传统补间动画的三要索。能最大限度地减小文件的大小，是一种比较有效的产生动画效果的方式，制作简单。如果想利用传统补间动画技术创建一些特殊效果，还需在“属性”面板中进行相应的设置。案例5-2制作“飘落文字”传统补间动画5.2.4相关知识19案例5-3制作“细胞分裂”补间形状动画5.3.1案例效果20案例5-3制作“细胞分裂”补间形状动画5.3.3制作步骤21案例5-3制作“细胞分裂”补间形状动画5.3.3制作步骤22案例5-3制作“细胞分裂”补间形状动画5.3.3制作步骤23案例5-3制作“细胞分裂”补间形状动画5.3.4相关知识补间形状动画是在某一关键帧处绘制一个形状，然后在另一关键帧处修改形状或绘制另一个形状的动画。补间形状动画可以实现一种形状变换为另一种形状的效果。24案例5-4制作“汽车疾驰”补间动画5.4.1案例效果25案例5-4制作“汽车疾驰”补间动画5.4.3制作步骤26案例5-4制作“汽车疾驰”补间动画5.4.3制作步骤27案例5-4制作“汽车疾驰”补间动画5.4.3制作步骤28案例5-4制作“汽车疾驰”补间动画5.4.3制作步骤29案例5-4制作“汽车疾驰”补间动画5.4.3制作步骤30案例5-4制作“汽车疾驰”补间动画5.4.3制作步骤31案例5-4制作“汽车疾驰”补间动画5.4.4相关知识32案例5-5制作“蝴蝶飞舞”运动引导层动画5.5.1案例效果33案例5-5制作“蝴蝶飞舞”运动引导层动画5.5.3制作步骤34案例5-5制作“蝴蝶飞舞”运动引导层动画5.5.3制作步骤35案例5-5制作“蝴蝶飞舞”运动引导层动画5.5.3制作步骤36案例5-5制作“蝴蝶飞舞”运动引导层动画5.5.3制作步骤37案例5-5制作“蝴蝶飞舞”运动引导层动画5.5.3制作步骤38案例5-5制作“蝴蝶飞舞”运动引导层动画5.5.3制作步骤39案例5-5制作“蝴蝶飞舞”运动引导层动画5.5.4相关知识40案例5-6制作“地球旋转”遮罩动画5.6.1案例效果41案例5-6制作“地球旋转”遮罩动画5.6.3制作步骤42案例5-6制作“地球旋转”遮罩动画5.6.3制作步骤43案例5-6制作“地球旋转”遮罩动画5.6.3制作步骤44案例5-6制作“地球旋转”遮罩动画5.6.3制作步骤45案例5-6制作“地球旋转”遮罩动画5.6.4相关知识可以使用遮罩层来显示下方图层中图片或图形的部分区域。若要创建遮罩，可将图层指定为遮罩层，然后在该图层上绘制或放置一个填充形状。可以将任何填充形状用作遮罩，包括组、文本和元件。透过遮罩层可查看该填充形状下的链接层区域。(1)选择或创建一个图层，在此图层中绘制出可透过遮罩层显示的内容。(2)选择“插入”~“时间轴”~“图层”，以在其上创建一个新图层作为遮罩层。遮罩层总是遮住其下方紧贴着它的图层，因此要在正确的位置创建遮罩层。

(3)在遮罩层上放置填充形状、文字或元件实例。(2)右击时间轴中作为遮罩层的图层名称，然后选择“遮罩层”。

(5)创建遮罩层后，系统将自动锁定遮罩层和被遮罩层，显示遮罩后的效果，若用户还要对遮罩层进行编辑，取消其锁定状态即可。46案例5-6制作“地球旋转”遮罩动画5.6.4相关知识普通图层和遮罩图层是相互关联的，被关联的普通图层位于遮罩图层下面，Flash提供了三种使普通图层和遮罩图层相关联的方法，分别如下。

(1)在“时间轴”面板中把已经存在的普通图层拖动到遮罩图层之下，普通图层就会自动转化为被遮罩图层，被遮罩的图层会向右缩进，表示已被遮罩。(2)在遮罩图层之下创建新图层时，新建的图层会自动被设置为被遮罩图层。(3)在“图层属性”对话框中单击图层“类型”单选按钮，在打开的列表中选择“遮罩层”或“被遮罩层”选项即可。47案例5-6制作“地球旋转”遮罩动画5.6.4相关知识如果要取消普通图层与遮罩图层的关联，也有多种方法，分别如下:

(1)在“时间轴”面板中把相关联的被遮罩图层拖动到遮罩图层之上，则被遮罩图层会自动转化为普通图层。

(2)在“图层属性”对话框的“类型”选区中选择“一般”单选按钮即可断开与遮罩层的链接。48案例5-7制作“女孩招手”反向运动(IK)动画5.7.1案例效果49案例5-7制作“女孩招手”反向运动(IK)动画5.7.3制作步骤50案例5-7制作“女孩招手”反向运动(IK)动画5.7.3制作步骤51案例5-7制作“女孩招手”反向运动(IK)动画5.7.3制作步骤52案例5-7制作“女孩招手”反向运动(IK)动画5.7.3制作步骤53案例5-7制作“女孩招手”反向运动(IK)动画5.7.3制作步骤54案例5-7制作“女孩招手”反向运动(IK)动画5.7.3制作步骤55案例5-7制作“女孩招手”反向运动(IK)动画5.7.3制作步骤56案例5-7制作“女孩招手”反向运动(IK)动画5.7.4相关知识57案例5-8制作“翻转立体画”3D效果动画5.8.1案例效果58案例5-8制作“翻转立体画”3D效果动画5.8.3制作步骤59案例5-8制作“翻转立体画”3D效果动画5.8.3制作步骤60案例5-8制作“翻转立体画”3D效果动画5.8.3制作步骤61案例5-8制作“翻转立体画”3D效果动画5.8.3制作步骤62案例5-8制作“翻转立体画”3D效果动画5.8.3制作步骤63案例5-8制作“翻转立体画”3D效果动画5.8.3制作步骤64案例5-8制作“翻转立体画”3D效果动画5.8.3制作步骤65案例5-8制作“翻转立体画”3D效果动画5.8.3制作步骤66案例5-