Flash动画制作之-制作动作补间动画.ppt

《Flash动画制作之-制作动作补间动画.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、学习目标第6讲制作动作补间动画掌握动作补间动画的原理和创建方法。掌握使用动作补间动画表现蝙蝠飞翔的效果。掌握时间轴特效的原理和使用方法。掌握使用时间轴特效制作动态影集的方法。6.1动作补间动画原理6.2时间轴特效5.3课后作业本章大纲6.1动作补间动画原理6.1.1知识点讲解动作补间是Flash动画应用最多的表现手法，只要有动画产生的实例中就会使用动作补间，其重要性不言而喻，这里首先来认识其原理。图6-1动作补间动画一、动作补间动画原理。动作补间动画是指在两个或两个以上的关键帧之间对元件进行补间的动画，使一个元件随着时间幻化其颜色、位置、

2、旋转等属性，如图6-1所示。动作补间动画只能对元件进行补间，如果对非元件的对象进行动作补间动画时，软件将自动将其转化为元件。二、创建动作补间动画。在存储着同一元件两种不同属性的两关键帧之间任选1帧，然后在【属性】面板上的【补间】下拉列表中选择【动作】命令或直接在该帧上单击鼠标右键，在弹出的快捷菜单中选择【创建补间动画】命令，如图6-2所示就可创建动作补间动画。如果两关键帧之中的任何一个关键帧的内容为空，将创建动作补间动画失败，如图6-3所示。图6-2右键操作图6-3创建失败三、认识形状补间动画的属性面板当选中动作补间动画的任一帧时，其【属

3、性】面板如图6-4所示。图6-4【属性】面板其中常用的选项为【缓动】和【旋转】选项，在【旋转】选项中选择不同的方式，将使元件按不同的方式旋转。（1）“顺时针”是指元件播放时以顺时针方向进行旋转，并可在【次】项中设置旋转次数。（2）“逆时针”是指元件播放时以逆时针方向进行旋转，并可在【次】项中设置旋转次数。（3）“自动”是指元件的旋转由用户自己进行设置。（4）“无”是指元件不产生旋转。6.1.2范例解析（一）──创建动作补间动画练习请同学们在老师的带领下进一步学习动作补间动画的创建方法，并按要求完成以下操作。1、打开教学资源中的“素材第6

4、讲创建动作补间动画创建动作补间动画.fla”文件，如图6-5所示。2、在“篮球”图层的第30帧处插入关键帧，然后向下移动篮球到如图6-6所示的位置。图6-5打开制作模板图6-6调整篮球位置一3、在第60帧处插入关键帧，调整篮球的位置如图6-7所示。4、分别在“篮球”图层的第1帧和第30帧处单击鼠标右键，在弹出的快捷菜单中选择【创建补间动画】命令，从而在第1帧～第30帧、第30帧～第60帧之间创建动作补间动画，此时【时间轴】效果如图6-8所示。图6-7调整篮球位置二图6-8创建动作补间动画5、按Ctrl+Enter快捷键测试播放影片，虽

5、然篮球运动起来了，但是动作显的十分坚硬。6、选中第1帧，在【属性】面板中设置【缓动】为“－100”，如图6-9所示，选中第30帧，在【属性】面板中设置【缓动】为“100”，如图6-10所示。图6-9设置缓动为“－100”图6-10设置缓动为“100”7、按Ctrl+Enter快捷键测试播放影片，篮球的运动看起来具有一定的速率变化了。8、选中第1帧，在【属性】面板中设置【旋转】为“顺时针”，【次】为“1”，如图6-11所示，选中第30帧，在【属性】面板中做相同的旋转设置。图6-11设置旋转9、再次测试播放影片，篮球的运动效果基本达到要求。6

6、.1.3范例解析（二）──制作“云海日出”花是带给人们幸福与浪漫的精灵。本例将使用形状补间动画来制作一个“浪漫的绽放”动画，带领读者来一同体验自己绘制出的浪漫感觉，其设计思路及效果如图5-8所示。图6-12制作思路及效果1、制作云层元件。（1）新建一个Flash文档，设置文档【背景颜色】为“#666666”，其他文档属性使用默认参数。（2）新建一个影片剪辑元件并命名为“云块”，单击按钮进入元件内部进行编辑。（3）选择【椭圆】工具，设置【笔触颜色】为“无”，【填充颜色】为“白色”，在编辑区绘制5个椭圆形成一片云的形状，如图6-13所示。（4

7、）新建一个影片剪辑元件并命名为“云层”，单击按钮进入元件内部进行编辑。（5）将【库】面板中的“云块”元件拖入编辑区，打开【滤镜】面板，单击面板左上角的按钮，选择“模糊”滤镜，设置参数【模糊X】和【模糊Y】都为“30”，如图6-14所示。图6-13绘制云块图6-14滤镜参数【滤镜】面板默认情况下位于【属性】面板窗格中，单击窗格上方“属性”右侧的“滤镜”便可转到【滤镜】面板，也可执行【窗口】/【属性】/【滤镜】菜单命令打开【滤镜】面板。（6）按住Ctrl键不放，利用【选择】工具拖动“云块”元件，复制元件并摆放成如图6-15所示的云层状。图6-

8、15复制云块2、制作天空元件。（1）新建一个影片剪辑元件并命名为“天空”，单击按钮进入元件内部进行编辑。（2）选择【矩形】工具，在【颜色】面板中设置【笔触颜色】为“无”，【填充颜色】的【类型】