制作动作补间动画课件

学习目标第6讲制作动作补间动画掌握动作补间动画的原理和创建方法

。掌握使用动作补间动画表现蝙蝠飞翔的效果

。掌握时间轴特效的原理和使用方法

。

掌握使用时间轴特效制作动态影集的方法

。

学习目标第6讲制作动作补间动画掌握动作补间动画的原理6.1动作补间动画原理6.2

时间轴特效5.3课后作业本章大纲6.1动作补间动画原理本章大纲6.1动作补间动画原理6.1.1知识点讲解动作补间是Flash动画应用最多的表现手法，只要有动画产生的实例中就会使用动作补间，其重要性不言而喻，这里首先来认识其原理。图6-1动作补间动画

一、动作补间动画原理。动作补间动画是指在两个或两个以上的关键帧之间对元件进行补间的动画，使一个元件随着时间幻化其颜色、位置、旋转等属性，如图6-1所示。6.1动作补间动画原理6.1.1知识点讲解动作补间动画只能对元件进行补间，如果对非元件的对象进行动作补间动画时，软件将自动将其转化为元件。

二、创建动作补间动画。在存储着同一元件两种不同属性的两关键帧之间任选1帧，然后在【属性】面板上的【补间】下拉列表中选择【动作】命令或直接在该帧上单击鼠标右键，在弹出的快捷菜单中选择【创建补间动画】命令，如图6-2所示就可创建动作补间动画。如果两关键帧之中的任何一个关键帧的内容为空，将创建动作补间动画失败，如图6-3所示。

图6-2右键操作

图6-3创建失败动作补间动画只能对元件进行补间，如果对非元件的对象进行动作补三、认识形状补间动画的属性面板当选中动作补间动画的任一帧时，其【属性】面板如图6-4所示。

图6-4【属性】面板

其中常用的选项为【缓动】和【旋转】选项，在【旋转】选项中选择不同的方式，将使元件按不同的方式旋转。（1）“顺时针”是指元件播放时以顺时针方向进行旋转，并可在【次】项中设置旋转次数。（2）“逆时针”是指元件播放时以逆时针方向进行旋转，并可在【次】项中设置旋转次数。（3）“自动”是指元件的旋转由用户自己进行设置。（4）“无”是指元件不产生旋转。三、认识形状补间动画的属性面板图6-4【属性】面板6.1.2范例解析（一）──创建动作补间动画练习请同学们在老师的带领下进一步学习动作补间动画的创建方法，并按要求完成以下操作。1、打开教学资源中的“素材\第6讲\创建动作补间动画\创建动作补间动画.fla”文件，如图6-5所示。2、在“篮球”图层的第30帧处插入关键帧，然后向下移动篮球到如图6-6所示的位置。图6-5打开制作模板

图6-6调整篮球位置一

6.1.2范例解析（一）──创建动作补间动画练习3、在第60帧处插入关键帧，调整篮球的位置如图6-7所示。4、分别在“篮球”图层的第1帧和第30帧处单击鼠标右键，在弹出的快捷菜单中选择【创建补间动画】命令，从而在第1帧～第30帧、第30帧～第60帧之间创建动作补间动画，此时【时间轴】效果如图6-8所示。图6-7调整篮球位置二

图6-8创建动作补间动画5、按Ctrl+Enter快捷键测试播放影片，虽然篮球运动起来了，但是动作显的十分坚硬。3、在第60帧处插入关键帧，调整篮球的位置如图6-7所示。图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、选中第1帧，在【属性】面板中设置【缓动】为“－100”，6.1.3范例解析（二）──制作“云海日出”花是带给人们幸福与浪漫的精灵。本例将使用形状补间动画来制作一个“浪漫的绽放”动画，带领读者来一同体验自己绘制出的浪漫感觉，其设计思路及效果如图5-8所示。图6-12制作思路及效果

1、制作云层元件。（1）新建一个Flash文档，设置文档【背景颜色】为“#666666”，其他文档属性使用默认参数。

6.1.3范例解析（二）──制作“云海日出”（2）新建一个影片剪辑元件并命名为“云块”，单击按钮进入元件内部进行编辑。（3）选择【椭圆】工具，设置【笔触颜色】为“无”，【填充颜色】为“白色”，在编辑区绘制5个椭圆形成一片云的形状，如图6-13所示。（4）新建一个影片剪辑元件并命名为“云层”，单击按钮进入元件内部进行编辑。（5）将【库】面板中的“云块”元件拖入编辑区，打开【滤镜】面板，单击面板左上角的按钮，选择“模糊”滤镜，设置参数【模糊X】和【模糊Y】都为“30”，如图6-14所示。

图6-13绘制云块

图6-14滤镜参数（2）新建一个影片剪辑元件并命名为“云块”，单击【滤镜】面板默认情况下位于【属性】面板窗格中，单击窗格上方“属性”右侧的“滤镜”便可转到【滤镜】面板，也可执行【窗口】/【属性】/【滤镜】菜单命令打开【滤镜】面板。（6）按住Ctrl键不放，利用【选择】工具拖动“云块”元件，复制元件并摆放成如图6-15所示的云层状。

图6-15复制云块

2、制作天空元件。

【滤镜】面板默认情况下位于【属性】面板窗格中，单击窗格上方“（1）新建一个影片剪辑元件并命名为“天空”，单击按钮进入元件内部进行编辑。（2）选择【矩形】工具，在【颜色】面板中设置【笔触颜色】为“无”，【填充颜色】的【类型】为“线性”，从左至右第1个色块颜色为“白色”，第2个色块颜色为“#0099FF”，如图6-16所示。（3）在编辑区绘制一个宽高为“550px×400px”的矩形，并居中对齐，然后利用【填充变形】工具调整填充方向和位置如图6-17所示。图6-16填充颜色

图6-17调整填充

（1）新建一个影片剪辑元件并命名为“天空”，单击3、制作太阳元件。（1）新建一个影片剪辑元件并命名为“太阳”，单击按钮进入元件内部进行编辑。（2）选择【椭圆】工具，在【颜色】面板中设置【笔触颜色】为“无”，【填充颜色】的【类型】为“放射状”，从左至右第1个色块颜色为“白色”，第2个色块颜色为“#FFFF00”，第3个色块颜色为“#FFFF00”且【Alpha】参数为“0%”，如图6-18所示。（3）按住Shift键不放，在编辑区绘制一个宽高都为“100px”的圆形，并相对于舞台居中对齐，如图6-19所示。图6-18填充颜色二

图6-19绘制太阳3、制作太阳元件。图6-18填充颜色二图6-194、导入高山元件。（1）返回主场景，执行【文件】/【导入】/【打开外部库】菜单命令，选择教学资源中的“素材\第6讲\云海日出\高山素材.fla”文件并打开，将里面的“高山1”、“高山2”和“高山3”元件拖入当前文件的【库】面板中。（2）至此，所需元件制作完成，此时当前【库】面板如图6-20所示。5、布置动画场景。（1）新建并重命名图层，直至图层效果如图6-21所示。图6-20【库】面板

图6-21新建并重命名图层

4、导入高山元件。图6-20【库】面板图6-21（2）选择“天空”图层，将【库】面板中的“天空”元件拖入舞台并居中对齐，使元件刚好覆盖整个舞台。（3）选择“太阳”图层，将【库】面板中的“太阳”元件拖入舞台，放置在舞台的右下角，位置坐标x、y分别为“450”、“300”，如图6-22所示。（4）选择“云层1”图层，将【库】面板中的“云层”元件拖入舞台，放置到如图6-23所示的位置。

图6-22放置“太阳”元件

图6-23放置第1个云层（2）选择“天空”图层，将【库】面板中的“天空”元件拖入舞台由于不同的读者制作出的云层的大小和形状可能有所不同，所以确定“高山”元件的坐标可方便读者对照效果图对“云层”元件的位置进行合理的调整。（5）选择“高山1”图层，将【库】面板中的“高山1”元件拖入舞台，设置位置坐标x、y分别为“260”、“256”，如图6-24所示。（6）选择“云层2”图层，将【库】面板中的“云层”元件拖入到舞台中，放置到如图6-25所示的位置，使云层刚好遮住“高山1”的底部。图6-24放置第1个高

图6-25放置第2个云层由于不同的读者制作出的云层的大小和形状可能有所不同，所以确定（7）选择“高山2”图层，将【库】面板中的“高山2”元件拖入舞台，设置位置坐标x、y分别为“108”、“195”，如图6-26所示。（8）选择“云层3”图层，将【库】面板中的“云层”元件拖入舞台，遮住“高山2”元件的底部，最终3个“云层”元件的位置如图6-27所示。图6-26放置第2个高山

图6-273个云层的位置（7）选择“高山2”图层，将【库】面板中的“高山2”元件拖入（9）选择“高山3”图层，将【库】面板中的“高山3”元件拖入舞台，设置位置坐标x、y分别为“－2”、“145”，如图6-28所示。（10）选择“飘云”图层，将【库】面板中的“云块”元件拖入舞台，添加“模糊”滤镜，如图6-29所示。图6-28放置第3个高山

图6-29滤镜参数

（11）利用【任意变形】工具减小“云块”元件的高，使其变得细长，并放置到如图6-30所示的位置，至此场景布置完成。图6-30调整“云块”元件（9）选择“高山3”图层，将【库】面板中的“高山3”元件拖入6、制作“天空”动画。（1）在所有图层的第160帧插入帧。（2）在“天空”图层的第70帧和第120帧插入关键帧，选择第1帧中的“天空”元件，在【属性】面板中调整【颜色】下拉列表中的“亮度”选项，设置亮度参数为“－100%”，如图6-31所示。图6-31设置元件颜色属性一

（3）选择第70帧中的“天空”元件，在【属性】面板中调整【颜色】选项为“色调”，设置色调参数如图6-32所示。图6-32设置元件颜色属性二

6、制作“天空”动画。图6-31设置元件颜色属性一（3（4）分别在“天空”图层的第1帧和第70帧单击鼠标右键，在弹出的快捷菜单中选择【创建补间动画】命令，此时【时间轴】状态如图6-33所示。图6-33【时间轴】状态

7、制作“太阳”动画。（1）在“太阳”图层的第35帧和第120帧插入关键帧，删除第1帧中的太阳元件。（2）选择第35帧中的“太阳”元件，在【属性】面板中设置其【颜色】参数如图6-34所示。图6-34设置元件颜色属性三

（4）分别在“天空”图层的第1帧和第70帧单击鼠标右键，在弹场景中的元件较多，为了方便选择正确的元件并防止对其余元件的误操作，应灵活利用图层的锁定和隐藏功能。（3）选择第120帧中的“太阳”元件，调整元件的位置到“云块”元件的上方，如图6-35所示。图6-35调整太阳位置

（4）在“太阳”图层的第35帧单击鼠标右键，选择【创建补间动画】命令。场景中的元件较多，为了方便选择正确的元件并防止对其余元件的误8、制作“云层1”动画。（1）在“云层1”图层的第25帧、第80帧和第120帧插入关键帧，选择第1帧中的“云层”元件，在【属性】面板中设置其【颜色】属性如图6-36所示。图6-36设置元件颜色属性四

这里所说的“云层”元件是指“云层1”图层中的“云层”元件，为了防止选错元件，可将“云层1”图层以外的图层全部锁定。在下面制作“高山”和“云层”动画时也使用同样的方法。8、制作“云层1”动画。图6-36设置元件颜色属性四（2）选择第25帧中的“云层”元件，在【属性】面板中设置其【颜色】属性如图6-37所示。图6-37设置元件颜色属性五

（3）选择第80帧中的“云层”元件，设置其【颜色】属性如图6-38所示。图6-38设置元件颜色属性六

（4）分别在第25帧和第80帧处创建补间动画。（2）选择第25帧中的“云层”元件，在【属性】面板中设置其【9、制作“高山1”动画。（1）在“高山1”图层的第45、120帧插入关键帧，分别选择第1、45帧中的“高山1”元件，设置其【颜色】属性如图6-39所示。图6-39设置元件颜色属性七

（2）在第45帧创建补间动画。10、制作“云层2”动画。（1）在“云层2”图层的第35、70、120帧插入关键帧，分别选择第1、35帧中的“云层”元件，设置其【颜色】属性如图6-40所示图6-40设置元件颜色属性八

9、制作“高山1”动画。图6-39设置元件颜色属性七（2）选择第70帧中的“云层”元件，设置其【颜色】属性如图6-41所示。图6-41设置元件颜色属性九

（3）设置元件颜色属性九分别在第35帧和第70帧创建补间动画。11、制作“高山2”动画。（1）在“高山2”图层的第55帧和第120帧插入关键帧，分别选择第1帧和第55帧中的“高山2”元件，设置其【颜色】属性如图6-42所示。图6-42设置元件颜色属性十

（2）选择第70帧中的“云层”元件，设置其【颜色】属性如图6（2）在第55帧创建补间动画。12、制作“云层3”动画。（1）在“云层3”图层的第45帧、第70帧和第120帧插入关键帧，分别选择第1帧和第45帧中的“云层”元件，设置其【颜色】属性如图6-43所示。图6-41设置元件颜色属性十一

（2）选择第70帧中的“云层”元件，设置其【颜色】属性如图6-44所示。图6-41设置元件颜色属性十二

（3）分别在第45帧和第70帧创建补间动画（2）在第55帧创建补间动画。图6-41设置元件颜色13、制作“高山3”动画。（1）在“高山3”图层的第55帧和第120帧插入关键帧，分别选择第1帧和第55帧中的“高山3”元件，设置其【颜色】属性如图6-45所示。图6-45设置元件颜色属性十三

（2）在第55帧创建补间动画。14、制作“飘云”动画。（1）在“飘云”图层的第70帧和第120帧插入关键帧，删除第1帧中的“云块”元件。13、制作“高山3”动画。图6-45设置元件颜色属性（2）选择第70帧中的“云块”元件，设置其【颜色】属性如图6-46所示。图6-46设置元件颜色属性十四

（3）将“云块”元件的位置向右移动约“120px”，向下移动约“30px”，然后在第70帧创建补间动画，以形成逐渐飘出的效果，至此全部动画制作完成。（4）保存测试影片，即可欣赏惟妙惟肖的云海日出景观。（2）选择第70帧中的“云块”元件，设置其【颜色】属性如图66.1.4课堂练习──制作“夜空中的蝙蝠”本例将使用动作补间动画来制作一个月色正浓而又寂静的夜晚，几只幽灵般的蝙蝠横空出世，惊起一阵哗然的效果，如图6-47所示。1、绘制夜空。（1）新建一个Flash文档，文档所有属性使用默认参数。图6-47效果图6.1.4课堂练习──制作“夜空中的蝙蝠”（2）新建并重命名图层，直至图层效果如图6-48所示。图6-48图层效果一（3）选择【矩形】工具，在【颜色】面板中设置【笔触颜色】为“无”，【填充颜色】的【类型】为“线形”，从左至右第1个色块颜色为“#000099”，第2个色块颜色为“黑色”，【颜色】面板设置效果如图6-49所示，在“背景”图层上绘制一个宽高为“550px×400px”的矩形，并居中对齐到舞台，效果如图6-50所示。图6-49【颜色】面板图6-50填充背景（2）新建并重命名图层，直至图层效果如图6-48所示。图62、绘制圆月。（1）选择【椭圆】工具，设置【笔触颜色】为“无”，设置【填充颜色】为“放射状”，从左至右第1个色块为“#FFFF00”，第2个色块为“白色”且其【Alpha】值为“0%”，在“月亮”图层上绘制一个宽高均为“138px”的圆形，其位置对齐到舞台中央，效果如图6-51所示。【颜色】面板圆形图6-51绘制月亮（2）选中舞台上刚刚绘制的月亮，按F8快捷键将其转换影片剪辑元件并命名为“月亮”。2、绘制圆月。【颜色】面板圆形图6-51绘制月亮（3、制作蝙蝠飞翔效果。（1）按Ctrl+F8快捷键新建一个影片剪辑元件并命名为“蝙蝠”，单击按钮进入元件编辑界面。（2）新建并重命名图层，直至图层效果如图6-52所示。（3）选择【椭圆】工具，在【属性】面板中设置【笔触颜色】为“无”，设置【填充颜色】为“黑色”，在“头部”图层上绘制一个宽高为“34.5px”的圆形，其位置居中对齐到舞台，效果如图6-53所示。图6-52图层效果二图6-53绘制头部3、制作蝙蝠飞翔效果。图6-52图层效果二图6-53（4）选择【线条】工具，在【属性】面板中设置【笔触颜色】为“黑色”，设置【笔触高度】为“1”，在“左耳朵”图层上绘制一个三角形，效果如图6-54所示。（5）选择【颜料桶】工具，设置【填充颜色】为“黑色”，填充三角形。填充完成后删除边界线，并利用【选择】工具调整耳朵的形状，效果如图6-55所示。（6）将“左耳朵”图层上的图形复制到“右耳朵”图层上，执行【修改】/【变形】/【水平翻转】菜单命令将其水平翻转，并向右移动一段距离，使左右耳朵相对头部对称效果如图6-56所示。图6-54绘制“左耳朵”大体形状图6-55编辑“左耳朵”图形图6-56绘制“右耳朵”（4）选择【线条】工具，在【属性】面板中设置【笔触颜色】为“（7）将两只耳朵向舞台下方移动，直至蝙蝠的头部，效果如图6-57所示。（8）选择【线条】工具，在【属性】面板中设置【笔触颜色】为“黑色”，设置【笔触高度】为“1”，在“翅膀”图层上绘制一个翅膀的图形，效果如图6-58所示。图6-57对齐“耳朵”图6-58绘制“翅膀”大体形状（7）将两只耳朵向舞台下方移动，直至蝙蝠的头部，效果如图图6（9）利用【颜料桶】工具将翅膀填充为“黑色”，填充完成后删除边界线，并利用【选择】工具调整翅膀的形状，效果如图6-59所示。（10）选中舞台上的翅膀图形，按F8快捷键将其转换为影片剪辑元件并命名为“翅膀”。（11）双击舞台上的“翅膀”元件进入元件编辑界面，在前4帧都按F6键插入关键帧，效果如图6-60所示。图6-59编辑“翅膀”图形图6-60【时间轴】效果一（9）利用【颜料桶】工具将翅膀填充为“黑色”，填充完成后删除（12）在第2帧处，利用【任意变形】工具将翅膀调整到如图6-61所示的形状。（13）在第3帧处，利用【任意变形】工具将翅膀调整到如图6-62所示的形状，这样就完成了翅膀飞翔状态制作。图6-61制作飞翔的“翅膀”（1）图6-62制作飞翔的“翅膀”（2）在这里调整“翅膀”形状时，将光标移动到最左边的边界处，当鼠标光标变为形状，然后进行移动和翅膀形状调整。（12）在第2帧处，利用【任意变形】工具将翅膀调整到如图6-（14）双击【库】面板中的“蝙蝠”元件，进入“蝙蝠”元件的编辑界面。将翅膀调整到合适的大小和位置，效果如图6-63所示。（15）选中舞台上的“翅膀”文件，按Ctrl+C快捷键复制，按Ctrl+Shift+V快捷键粘贴到当前位置，并执行【修改】/【变形】/【水平翻转】菜单命令将其水平翻转，最后调整其水平位置，效果如图6-64所示。蝙蝠飞翔效果制作完成。图6-63调整“翅膀”的位置图6-64制作另一个“翅膀”4、制作蝙蝠飞向月亮的动画。（1）回到主场景中，在3个图层的第120帧处插入帧，效果如图6-65所示。图6-65【时间轴】效果二（14）双击【库】面板中的“蝙蝠”元件，进入“蝙蝠”元件的编（2）选择“背景”图层，在第20帧处按F6快捷键插入关键帧，并在第1帧～第20帧之间创建形状补间动画。（3）选中“背景”图层上第1帧的图形，利用【填充变形】工具，调整填充的颜色，将颜色中心向上移动一段距离，效果如图6-66所示。（4）选择“月亮”图层，在第20帧处按F6快捷键插入关键帧，并在第1帧～第20帧之间创建动作补间动画。（5）选中“月亮”图层上第1帧的月亮，将其拖放到舞台的右下角，效果如图6-67所示。颜色中心点图6-66调整背景颜色图6-67制作“月亮”升起效果（2）选择“背景”图层，在第20帧处按F6快捷键插入关键帧，（6）选择“蝙蝠”图层，在第21帧处按F6快捷键插入关键帧，将【库】面板的“蝙蝠”元件拖入舞台中，调整它的宽高为“108px×18.4px”，并相对于舞台居中对齐，效果如图6-68所示。然后在第35帧、第45帧和第60帧处插入关键帧，并在第21帧～第35帧，第45帧～第60帧之间创建动作补间动画。（7）选中第21帧的蝙蝠，将其拖放到画布之外，并利用【任意变形】工具将蝙蝠放大，效果如图6-69所示，完成蝙蝠飞入的动画效果。图6-68将“蝙蝠”拖入舞台图6-69制作“蝙蝠”的飞入效果（6）选择“蝙蝠”图层，在第21帧处按F6快捷键插入关键帧，（8）选中第60帧的蝙蝠，利用【任意变形】工具将蝙蝠缩小至看不见，代表蝙蝠越飞越远，效果如图6-70所示。（9）在第80帧和第100帧处插入关键帧。然后在第61帧处按F7快捷键插入空白关键帧，代表蝙蝠完全消失，最后在第80帧和第100帧之间创建动作补间动画。（10）选中第100帧的蝙蝠，将其拖放到画布之外，利用【任意变形】工具将蝙蝠拉大，效果如图6-71所示。完成蝙蝠飞出的效果。（11）最后在第101帧处按F7快捷键插入空白关键帧。缩小的蝙蝠图6-70缩小“蝙蝠”图6-71制作“蝙蝠”的飞出效果（8）选中第60帧的蝙蝠，利用【任意变形】工具将蝙蝠缩小至看（12）新建两个图层并重命名，直至图层效果如图6-72所示。（13）然后按住Shift键选中“蝙蝠”图层的第21帧～第101帧，单击鼠标右键，在弹出的菜单中选择【复制帧】命令，最后分别在“蝙蝠2”图层的第25帧和“蝙蝠3”图层的第30帧单击鼠标右键，在弹出的菜单中选择【粘贴帧】命令。最后删除时间轴上超出了120帧外的多余帧，效果如图6-73所示。图6-72图层效果三图6-73图层效果三四5、添加音效。（1）执行【文件】/【导入】/【导入到库】菜单命令，将教学资源中的“素材\第6讲\夜空中的蝙蝠\翅膀声音1.wav”和“翅膀声音2.wav”文件导入到库中。（12）新建两个图层并重命名，直至图层效果如图6-72所示。（2）新建图层并重命名为“声音”，在第21帧、第75帧和第109帧处插入关键帧，在第21帧和第75帧处分别插入声音“翅膀声音1”和“翅膀声音2”，效果如图6-74所示。图6-74添加声音（3）保存测试影片，模拟蝙蝠和月亮的影片就制作完成。（2）新建图层并重命名为“声音”，在第21帧、第75帧和第16.2时间轴特效时间轴特效功能经常用于以模板的形式制作一些复杂而重复的动画，例如模糊、位移等，恰当合理地运用Flash的时间轴特效功能，可以为Flash动画添加一些动感。6.2.1知识点讲解图6-75添加时间轴特效图6-76【库】面板一、添加时间轴特效。给一个对象添加时间轴特效时，Flash会新建一个图层，同时把对象传送到新建的层中。对象被放置在特效图形中，特效所需的所有过渡和变形存放在新建层的图形中。新建层的名称与特效的名称相同，并加一个编号，表示特效应用的顺序，如图6-75所示。添加时间轴特效时，在库中会添加一个以特效名命名的文件夹，内含创建该特效所用的元素，如图6-76所示。6.2时间轴特效时间轴特效功能经常用二、时间轴特效设置。在Flash中包含8种时间轴特效，每种时间轴特效都以特定的方式来处理对象。用户可以通过改变特效的各个参数，以获得理想的特效。在特效预览窗口中，可以修改特效的参数，快速预览修改参数后的变化，以选择满意的效果。二、时间轴特效设置。6.2.2范例解析（一）──时间轴特效练习同学们在老师的带领下进一步熟悉时间轴特效的创建方法和参数设置，并按要求完成以下操作。1、新建一个Flash文档，执行【文件】/【导入】/【导入到舞台】菜单命令，将教学资源中的“素材\第6讲\时间轴特效练习\图片.jpg”导入舞台。2、选中舞台上的“图片.jpg”，然后利用【插入】/【时间轴特效】/【效果】/【模糊】命令打开【模糊】窗口，如图6-77所示。3、观察【模糊】窗口，左边为“参数”设置区域，右边为“动画”阅览区域。请同学们依次设置各种“参数”后，在右边预览窗口观察动画的变化情况。4、设置完成后，单击按钮将其动作添加到时间轴上，效果如图6-78所示。6.2.2范例解析（一）──时间轴特效练习图6-77模糊特效设置窗口图6-78【时间轴】效果三图6-77模糊特效设置窗口图6-78【时间轴】效果466.2.3范例解析（二）──制作“汽车影集”本例将使用时间轴特效制作一个动感而又漂亮的汽车影集，其设计思路及效果如图6-79所示。1、素材准备。（1）新建一个Flash文档，设置文档【尺寸】为“400px×300px”，文档【帧频】为“24fps”，文档其他属性使用默认参数。图6-79设计思路及效果6.2.3范例解析（二）──制作“汽车影集”（2）新建并重命名图层，直至图层效果如图6-80所示。（3）执行【文件】/【导入】/【打开外部库】菜单命令，将教学资源中的“素材\第6讲\汽车影集\汽车影集.fla”文件打开，将“相框”元件直接拖入到“相框”图层上，并与舞台居中对齐，效果如图6-81所示。图6-80图层效果五图6-81放置“相框”元件（4）将“菊花”元件直接拖入到“菊花”图层上，其位置坐标x、y分别为“85.5”、“306.2”，效果如图6-82所示。（5）执行【文件】/【导入】/【导入到库】菜单命令，将教学资源中的“素材\第6讲\汽车影集\A1.jpg、A2.jpg、A3.jpg……A8.jpg、背景音乐.mp3”导入到当前【库】的面板中。然后整理库中的元件，效果如图6-83所示。（2）新建并重命名图层，直至图层效果如图6-80所示。图6-图6-82放置“菊花”元件图6-83【库】面板2、设置场景。（1）在所有图层的第300帧处插入帧，效果如图6-84所示。图6-84图层效果六图6-82放置“菊花”元件图6-83【库】面板2（2）将“菊花”和“相框”图层锁定，将【库】中名为“A1.jpg”的图片放置到“图1”图层上，设置图片宽高为“400px×300px”，并相对舞台居中对齐，如图6-85所示。（3）在“图1”图层上的第41帧处插入关键帧，在第70帧处插入空白关键帧。（4）在“图1消失”图层上的第70帧处插入关键帧，在第100帧处插入空白关键帧。（5）选中“图1”图层上的图片，按Ctrl+C

快捷键复制，按Ctrl+Shift+V

快捷键将其粘贴到“图1消失”图层上的第70帧处，效果如图6-86所示。图6-85图片显示图6-86【时间轴】效果四（2）将“菊花”和“相框”图层锁定，将【库】中名为“A1.j从插入几个帧来分析，第1帧到第40帧为图片进入的时间，第41帧到第69帧为图片展览的时间，第70帧到第99帧为图片消失的时间。（6）利用【选择】工具将“图1”图层上第1帧处的图片选中，单击鼠标右键，在弹出菜单中选择【时间轴特效】/【变形/转换】/【转换】选项，弹出【变形】对话框，效果如图6-87所示。动画在时间轴中持续的长度设置转换方式，包括【入/出】的方向和效果当数值为负时表示移动先慢后快，当为正时，表示先快后慢。单击按钮，即可在此处进行预览。图6-87【变形】对话框从插入几个帧来分析，第1帧到第40帧为图片进入的时间，第41（7）按照图6-87所示设置完成后，单击按钮，回到主场景中。然后拖动时间轴播放头，可以在舞台上观看制作的动画效果，如图6-88所示。（8）此时观察【时间轴】和【库】中的变化，效果如图6-89所示。有时，载入时间轴特效会产生载入失败的现象，这是程序出错的原因，解决办法为：单击按钮关闭失败窗口，然后选中关键帧，再选择关键帧上的图片，然后执行命令。如果不成功，关闭Flash程序，重新启动软件即可。图6-88动画效果【时间轴】【库】面板图6-89时间轴和【库】的变化（7）按照图6-87所示设置完成后，单击按钮对照分析，在为图片添加了时间轴特效后，原来被命名的图层会被自动重命名，【库】中也会自动生成特效所需要的元件和文件夹，这就是添加时间轴特效后的变化。3、制作图片消失特效。（1）选中“图1消失”图层的70帧处的图片，单击鼠标右键，在弹出菜单中选择【时间轴特效】/【变形/转换】/【变形】命令，弹出【变形】对话框，设置效果如图6-90所示。图6-90【变形】对话框对照分析，在为图片添加了时间轴特效后，原来被命名的图层会被自（2）设置完成后，回到主场景中。拖动时间轴播放头，效果如图6-91所示。（3）在“图2”图层上的第100帧插入关键帧，将【库】中名为“A2.jpg”的图片放置到“图2”图层上的第100帧，设置图片宽高为“200px×150px”，并与舞台居中对齐，效果如图6-92所示。图6-91消失效果图6-92第二张图片（2）设置完成后，回到主场景中。拖动时间轴播放头，效果如图6（4）在“图2”图层上的第130帧插入关键帧，并设置图片宽高为“400px×300px”，并与舞台居中对齐，然后在第160帧处插入空白关键帧。（5）在“图2消失”图层上的第160帧插入关键帧，在第175帧处插入空白关键帧，并将“图2”图层上第130帧处的图形复制粘贴到“图2消失”图层上的第160帧。（6）选中“图2”图层上的第100帧处的图形，单击鼠标右键，在弹出菜单中选择【时间轴特效】/【变形/转换】/【变形】选项，弹出【变形】对话框，设置效果如图6-93所示。图6-93【变形】对话框（4）在“图2”图层上的第130帧插入关键帧，并设置图片宽高（7）完成图片进入效果设置，选中“图2消失”图层上的第160帧处的图形，单击鼠标右键，在弹出菜单中选择【时间轴特效】/【效果】/【模糊】选项，弹出【模糊】对话框，设置效果如图6-94所示。图6-94【模糊】对话框（8）使用同样的方法创建图片3的效果，在“图3”图层的第175帧～第214帧为图片进入时间，第215帧～第265帧为图片展览时间。在“图3消失”图层的第265帧～第300帧为图片消失时间。（7）完成图片进入效果设置，选中“图2消失”图层上的第160（9）选中“图3”图层上的第175帧处的图形，单击鼠标右键，在弹出菜单中选择【时间轴特效】/【变形/转换】/【转换】命令，弹出【变形】对话框，设置效果如图6-95所示。图6-95【变形】对话框（10）选中“图3消失”图层上的第265帧处的图形，单击鼠标右键，在弹出的快捷菜单中选择【时间轴特效】/【效果】/【分离】命令，弹出【分离】对话框，设置效果如图6-96所示。（9）选中“图3”图层上的第175帧处的图形，单击鼠标右键，图6-96【分离】对话框图6-96【分离】对话框（11）至此，3张图片的效果已经制作完成，剩下的图片效果请读者亲自动手制作，原理和前面的制作原理相同。4、添加背景音乐。（1）选中“声音”图层的第1帧，在【属性】面板中添加声音，效果如图6-97所示。图6-97【属性】面板（2）保存测试影片，一个动感的汽车影集效果就制作完成了。（11）至此，3张图片的效果已经制作完成，剩下的图片效果请读6.2.4课堂练习──制作“动态相册”

请同学们使用时间轴特效和图片，制作一个“动态相册”效果，如图6-98所示1、新建一个Flash文档，设置文档【尺寸】为“563px×485px”，设置文档【帧频】为“24”，文档其他属性使用默认参数。图6-98效果图6.2.4课堂练习──制作“动态相册”2、执行【文件】/【导入】/【导入到库】菜单命令，将教学资源中的“素材\第6讲\动态相册\”中的所有素材导入到库面板中。3、将“相框.png”图片放入舞台，并相对舞台居中对齐，使其刚好覆盖整个舞台，如图6-99所示。4、利用【库】中的图片和【时间轴】特效制作动态相册效果，如图6-100所示。图6-99设置相框图6-100动态相册效果5、添加背景音乐。6、保存测试影片，一个播放动态相册的动画制作完成。2、执行【文件】/【导入】/【导入到库】菜单命令，将教学资源6.3课后作业一、操作题1、请读者根据所学知识制作一个水晶文字效果，如图6-101所示。2、请使用时间轴特效制作一个风景影集，如图6-102所示。图6-101水晶文字效果

图6-102风景影集

6.3课后作业一、操作题2、请使用时间轴特效制作一个二、思考题1、动作补间动画可以实现元件哪些方面的变化效果？2、属性面板中的【旋转】项中有哪些可选参数，都实现什么样的效果？3、时间轴特效有几种类型，它们又可以应用于哪些对象上？二、思考题学习目标第6讲制作动作补间动画掌握动作补间动画的原理和创建方法

。掌握使用动作补间动画表现蝙蝠飞翔的效果

。掌握时间轴特效的原理和使用方法

。

掌握使用时间轴特效制作动态影集的方法

。

学习目标第6讲制作动作补间动画掌握动作补间动画的原理6.1动作补间动画原理6.2

时间轴特效5.3课后作业本章大纲6.1动作补间动画原理本章大纲6.1动作补间动画原理6.1.1知识点讲解动作补间是Flash动画应用最多的表现手法，只要有动画产生的实例中就会使用动作补间，其重要性不言而喻，这里首先来认识其原理。图6-1动作补间动画

一、动作补间动画原理。动作补间动画是指在两个或两个以上的关键帧之间对元件进行补间的动画，使一个元件随着时间幻化其颜色、位置、旋转等属性，如图6-1所示。6.1动作补间动画原理6.1.1知识点讲解动作补间动画只能对元件进行补间，如果对非元件的对象进行动作补间动画时，软件将自动将其转化为元件。

二、创建动作补间动画。在存储着同一元件两种不同属性的两关键帧之间任选1帧，然后在【属性】面板上的【补间】下拉列表中选择【动作】命令或直接在该帧上单击鼠标右键，在弹出的快捷菜单中选择【创建补间动画】命令，如图6-2所示就可创建动作补间动画。如果两关键帧之中的任何一个关键帧的内容为空，将创建动作补间动画失败，如图6-3所示。

图6-2右键操作

图6-3创建失败动作补间动画只能对元件进行补间，如果对非元件的对象进行动作补三、认识形状补间动画的属性面板当选中动作补间动画的任一帧时，其【属性】面板如图6-4所示。

图6-4【属性】面板

其中常用的选项为【缓动】和【旋转】选项，在【旋转】选项中选择不同的方式，将使元件按不同的方式旋转。（1）“顺时针”是指元件播放时以顺时针方向进行旋转，并可在【次】项中设置旋转次数。（2）“逆时针”是指元件播放时以逆时针方向进行旋转，并可在【次】项中设置旋转次数。（3）“自动”是指元件的旋转由用户自己进行设置。（4）“无”是指元件不产生旋转。三、认识形状补间动画的属性面板图6-4【属性】面板6.1.2范例解析（一）──创建动作补间动画练习请同学们在老师的带领下进一步学习动作补间动画的创建方法，并按要求完成以下操作。1、打开教学资源中的“素材\第6讲\创建动作补间动画\创建动作补间动画.fla”文件，如图6-5所示。2、在“篮球”图层的第30帧处插入关键帧，然后向下移动篮球到如图6-6所示的位置。图6-5打开制作模板

图6-6调整篮球位置一

6.1.2范例解析（一）──创建动作补间动画练习3、在第60帧处插入关键帧，调整篮球的位置如图6-7所示。4、分别在“篮球”图层的第1帧和第30帧处单击鼠标右键，在弹出的快捷菜单中选择【创建补间动画】命令，从而在第1帧～第30帧、第30帧～第60帧之间创建动作补间动画，此时【时间轴】效果如图6-8所示。图6-7调整篮球位置二

图6-8创建动作补间动画5、按Ctrl+Enter快捷键测试播放影片，虽然篮球运动起来了，但是动作显的十分坚硬。3、在第60帧处插入关键帧，调整篮球的位置如图6-7所示。图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、选中第1帧，在【属性】面板中设置【缓动】为“－100”，6.1.3范例解析（二）──制作“云海日出”花是带给人们幸福与浪漫的精灵。本例将使用形状补间动画来制作一个“浪漫的绽放”动画，带领读者来一同体验自己绘制出的浪漫感觉，其设计思路及效果如图5-8所示。图6-12制作思路及效果

1、制作云层元件。（1）新建一个Flash文档，设置文档【背景颜色】为“#666666”，其他文档属性使用默认参数。

6.1.3范例解析（二）──制作“云海日出”（2）新建一个影片剪辑元件并命名为“云块”，单击按钮进入元件内部进行编辑。（3）选择【椭圆】工具，设置【笔触颜色】为“无”，【填充颜色】为“白色”，在编辑区绘制5个椭圆形成一片云的形状，如图6-13所示。（4）新建一个影片剪辑元件并命名为“云层”，单击按钮进入元件内部进行编辑。（5）将【库】面板中的“云块”元件拖入编辑区，打开【滤镜】面板，单击面板左上角的按钮，选择“模糊”滤镜，设置参数【模糊X】和【模糊Y】都为“30”，如图6-14所示。

图6-13绘制云块

图6-14滤镜参数（2）新建一个影片剪辑元件并命名为“云块”，单击【滤镜】面板默认情况下位于【属性】面板窗格中，单击窗格上方“属性”右侧的“滤镜”便可转到【滤镜】面板，也可执行【窗口】/【属性】/【滤镜】菜单命令打开【滤镜】面板。（6）按住Ctrl键不放，利用【选择】工具拖动“云块”元件，复制元件并摆放成如图6-15所示的云层状。

图6-15复制云块

2、制作天空元件。

【滤镜】面板默认情况下位于【属性】面板窗格中，单击窗格上方“（1）新建一个影片剪辑元件并命名为“天空”，单击按钮进入元件内部进行编辑。（2）选择【矩形】工具，在【颜色】面板中设置【笔触颜色】为“无”，【填充颜色】的【类型】为“线性”，从左至右第1个色块颜色为“白色”，第2个色块颜色为“#0099FF”，如图6-16所示。（3）在编辑区绘制一个宽高为“550px×400px”的矩形，并居中对齐，然后利用【填充变形】工具调整填充方向和位置如图6-17所示。图6-16填充颜色

图6-17调整填充

（1）新建一个影片剪辑元件并命名为“天空”，单击3、制作太阳元件。（1）新建一个影片剪辑元件并命名为“太阳”，单击按钮进入元件内部进行编辑。（2）选择【椭圆】工具，在【颜色】面板中设置【笔触颜色】为“无”，【填充颜色】的【类型】为“放射状”，从左至右第1个色块颜色为“白色”，第2个色块颜色为“#FFFF00”，第3个色块颜色为“#FFFF00”且【Alpha】参数为“0%”，如图6-18所示。（3）按住Shift键不放，在编辑区绘制一个宽高都为“100px”的圆形，并相对于舞台居中对齐，如图6-19所示。图6-18填充颜色二

图6-19绘制太阳3、制作太阳元件。图6-18填充颜色二图6-194、导入高山元件。（1）返回主场景，执行【文件】/【导入】/【打开外部库】菜单命令，选择教学资源中的“素材\第6讲\云海日出\高山素材.fla”文件并打开，将里面的“高山1”、“高山2”和“高山3”元件拖入当前文件的【库】面板中。（2）至此，所需元件制作完成，此时当前【库】面板如图6-20所示。5、布置动画场景。（1）新建并重命名图层，直至图层效果如图6-21所示。图6-20【库】面板

图6-21新建并重命名图层

4、导入高山元件。图6-20【库】面板图6-21（2）选择“天空”图层，将【库】面板中的“天空”元件拖入舞台并居中对齐，使元件刚好覆盖整个舞台。（3）选择“太阳”图层，将【库】面板中的“太阳”元件拖入舞台，放置在舞台的右下角，位置坐标x、y分别为“450”、“300”，如图6-22所示。（4）选择“云层1”图层，将【库】面板中的“云层”元件拖入舞台，放置到如图6-23所示的位置。

图6-22放置“太阳”元件

图6-23放置第1个云层（2）选择“天空”图层，将【库】面板中的“天空”元件拖入舞台由于不同的读者制作出的云层的大小和形状可能有所不同，所以确定“高山”元件的坐标可方便读者对照效果图对“云层”元件的位置进行合理的调整。（5）选择“高山1”图层，将【库】面板中的“高山1”元件拖入舞台，设置位置坐标x、y分别为“260”、“256”，如图6-24所示。（6）选择“云层2”图层，将【库】面板中的“云层”元件拖入到舞台中，放置到如图6-25所示的位置，使云层刚好遮住“高山1”的底部。图6-24放置第1个高

图6-25放置第2个云层由于不同的读者制作出的云层的大小和形状可能有所不同，所以确定（7）选择“高山2”图层，将【库】面板中的“高山2”元件拖入舞台，设置位置坐标x、y分别为“108”、“195”，如图6-26所示。（8）选择“云层3”图层，将【库】面板中的“云层”元件拖入舞台，遮住“高山2”元件的底部，最终3个“云层”元件的位置如图6-27所示。图6-26放置第2个高山

图6-273个云层的位置（7）选择“高山2”图层，将【库】面板中的“高山2”元件拖入（9）选择“高山3”图层，将【库】面板中的“高山3”元件拖入舞台，设置位置坐标x、y分别为“－2”、“145”，如图6-28所示。（10）选择“飘云”图层，将【库】面板中的“云块”元件拖入舞台，添加“模糊”滤镜，如图6-29所示。图6-28放置第3个高山

图6-29滤镜参数

（11）利用【任意变形】工具减小“云块”元件的高，使其变得细长，并放置到如图6-30所示的位置，至此场景布置完成。图6-30调整“云块”元件（9）选择“高山3”图层，将【库】面板中的“高山3”元件拖入6、制作“天空”动画。（1）在所有图层的第160帧插入帧。（2）在“天空”图层的第70帧和第120帧插入关键帧，选择第1帧中的“天空”元件，在【属性】面板中调整【颜色】下拉列表中的“亮度”选项，设置亮度参数为“－100%”，如图6-31所示。图6-31设置元件颜色属性一

（3）选择第70帧中的“天空”元件，在【属性】面板中调整【颜色】选项为“色调”，设置色调参数如图6-32所示。图6-32设置元件颜色属性二

6、制作“天空”动画。图6-31设置元件颜色属性一（3（4）分别在“天空”图层的第1帧和第70帧单击鼠标右键，在弹出的快捷菜单中选择【创建补间动画】命令，此时【时间轴】状态如图6-33所示。图6-33【时间轴】状态

7、制作“太阳”动画。（1）在“太阳”图层的第35帧和第120帧插入关键帧，删除第1帧中的太阳元件。（2）选择第35帧中的“太阳”元件，在【属性】面板中设置其【颜色】参数如图6-34所示。图6-34设置元件颜色属性三

（4）分别在“天空”图层的第1帧和第70帧单击鼠标右键，在弹场景中的元件较多，为了方便选择正确的元件并防止对其余元件的误操作，应灵活利用图层的锁定和隐藏功能。（3）选择第120帧中的“太阳”元件，调整元件的位置到“云块”元件的上方，如图6-35所示。图6-35调整太阳位置

（4）在“太阳”图层的第35帧单击鼠标右键，选择【创建补间动画】命令。场景中的元件较多，为了方便选择正确的元件并防止对其余元件的误8、制作“云层1”动画。（1）在“云层1”图层的第25帧、第80帧和第120帧插入关键帧，选择第1帧中的“云层”元件，在【属性】面板中设置其【颜色】属性如图6-36所示。图6-36设置元件颜色属性四

这里所说的“云层”元件是指“云层1”图层中的“云层”元件，为了防止选错元件，可将“云层1”图层以外的图层全部锁定。在下面制作“高山”和“云层”动画时也使用同样的方法。8、制作“云层1”动画。图6-36设置元件颜色属性四（2）选择第25帧中的“云层”元件，在【属性】面板中设置其【颜色】属性如图6-37所示。图6-37设置元件颜色属性五

（3）选择第80帧中的“云层”元件，设置其【颜色】属性如图6-38所示。图6-38设置元件颜色属性六

（4）分别在第25帧和第80帧处创建补间动画。（2）选择第25帧中的“云层”元件，在【属性】面板中设置其【9、制作“高山1”动画。（1）在“高山1”图层的第45、120帧插入关键帧，分别选择第1、45帧中的“高山1”元件，设置其【颜色】属性如图6-39所示。图6-39设置元件颜色属性七

（2）在第45帧创建补间动画。10、制作“云层2”动画。（1）在“云层2”图层的第35、70、120帧插入关键帧，分别选择第1、35帧中的“云层”元件，设置其【颜色】属性如图6-40所示图6-40设置元件颜色属性八

9、制作“高山1”动画。图6-39设置元件颜色属性七（2）选择第70帧中的“云层”元件，设置其【颜色】属性如图6-41所示。图6-41设置元件颜色属性九

（3）设置元件颜色属性九分别在第35帧和第70帧创建补间动画。11、制作“高山2”动画。（1）在“高山2”图层的第55帧和第120帧插入关键帧，分别选择第1帧和第55帧中的“高山2”元件，设置其【颜色】属性如图6-42所示。图6-42设置元件颜色属性十

（2）选择第70帧中的“云层”元件，设置其【颜色】属性如图6（2）在第55帧创建补间动画。12、制作“云层3”动画。（1）在“云层3”图层的第45帧、第70帧和第120帧插入关键帧，分别选择第1帧和第45帧中的“云层”元件，设置其【颜色】属性如图6-43所示。图6-41设置元件颜色属性十一

（2）选择第70帧中的“云层”元件，设置其【颜色】属性如图6-44所示。图6-41设置元件颜色属性十二

（3）分别在第45帧和第70帧创建补间动画（2）在第55帧创建补间动画。图6-41设置元件颜色13、制作“高山3”动画。（1）在“高山3”图层的第55帧和第120帧插入关键帧，分别选择第1帧和第55帧中的“高山3”元件，设置其【颜色】属性如图6-45所示。图6-45设置元件颜色属性十三

（2）在第55帧创建补间动画。14、制作“飘云”动画。（1）在“飘云”图层的第70帧和第120帧插入关键帧，删除第1帧中的“云块”元件。13、制作“高山3”动画。图6-45设置元件颜色属性（2）选择第70帧中的“云块”元件，设置其【颜色】属性如图6-46所示。图6-46设置元件颜色属性十四

（3）将“云块”元件的位置向右移动约“120px”，向下移动约“30px”，然后在第70帧创建补间动画，以形成逐渐飘出的效果，至此全部动画制作完成。（4）保存测试影片，即可欣赏惟妙惟肖的云海日出景观。（2）选择第70帧中的“云块”元件，设置其【颜色】属性如图66.1.4课堂练习──制作“夜空中的蝙蝠”本例将使用动作补间动画来制作一个月色正浓而又寂静的夜晚，几只幽灵般的蝙蝠横空出世，惊起一阵哗然的效果，如图6-47所示。1、绘制夜空。（1）新建一个Flash文档，文档所有属性使用默认参数。图6-47效果图6.1.4课堂练习──制作“夜空中的蝙蝠”（2）新建并重命名图层，直至图层效果如图6-48所示。图6-48图层效果一（3）选择【矩形】工具，在【颜色】面板中设置【笔触颜色】为“无”，【填充颜色】的【类型】为“线形”，从左至右第1个色块颜色为“#000099”，第2个色块颜色为“黑色”，【颜色】面板设置效果如图6-49所示，在“背景”图层上绘制一个宽高为“550px×400px”的矩形，并居中对齐到舞台，效果如图6-50所示。图6-49【颜色】面板图6-50填充背景（2）新建并重命名图层，直至图层效果如图6-48所示。图62、绘制圆月。（1）选择【椭圆】工具，设置【笔触颜色】为“无”，设置【填充颜色】为“放射状”，从左至右第1个色块为“#FFFF00”，第2个色块为“白色”且其【Alpha】值为“0%”，在“月亮”图层上绘制一个宽高均为“138px”的圆形，其位置对齐到舞台中央，效果如图6-51所示。【颜色】面板圆形图6-51绘制月亮（2）选中舞台上刚刚绘制的月亮，按F8快捷键将其转换影片剪辑元件并命名为“月亮”。2、绘制圆月。【颜色】面板圆形图6-51绘制月亮（3、制作蝙蝠飞翔效果。（1）按Ctrl+F8快捷键新建一个影片剪辑元件并命名为“蝙蝠”，单击按钮进入元件编辑界面。（2）新建并重命名图层，直至图层效果如图6-52所示。（3）选择【椭圆】工具，在【属性】面板中设置【笔触颜色】为“无”，设置【填充颜色】为“黑色”，在“头部”图层上绘制一个宽高为“34.5px”的圆形，其位置居中对齐到舞台，效果如图6-53所示。图6-52图层效果二图6-53绘制头部3、制作蝙蝠飞翔效果。图6-52图层效果二图6-53（4）选择【线条】工具，在【属性】面板中设置【笔触颜色】为“黑色”，设置【笔触高度】为“1”，在“左耳朵”图层上绘制一个三角形，效果如图6-54所示。（5）选择【颜料桶】工具，设置【填充颜色】为“黑色”，填充三角形。填充完成后删除边界线，并利用【选择】工具调整耳朵的形状，效果如图6-55所示。（6）将“左耳朵”图层上的图形复制到“右耳朵”图层上，执行【修改】/【变形】/【水平翻转】菜单命令将其水平翻转，并向右移动一段距离，使左右耳朵相对头部对称效果如图6-56所示。图6-54绘制“左耳朵”大体形状图6-55编辑“左耳朵”图形图6-56绘制“右耳朵”（4）选择【线条】工具，在【属性】面板中设置【笔触颜色】为“（7）将两只耳朵向舞台下方移动，直至蝙蝠的头部，效果如图6-57所示。（8）选择【线条】工具，在【属性】面板中设置【笔触颜色】为“黑色”，设置【笔触高度】为“1”，在“翅膀”图层上绘制一个翅膀的图形，效果如图6-58所示。图6-57对齐“耳朵”图6-58绘制“翅膀”大体形状（7）将两只耳朵向舞台下方移动，直至蝙蝠的头部，效果如图图6（9）利用【颜料桶】工具将翅膀填充为“黑色”，填充完成后删除边界线，并利用【选择】工具调整翅膀的形状，效果如图6-59所示。（10）选中舞台上的翅膀图形，按F8快捷键将其转换为影片剪辑元件并命名为“翅膀”。（11）双击舞台上的“翅膀”元件进入元件编辑界面，在前4帧都按F6键插入关键帧，效果如图6-60所示。图6-59编辑“翅膀”图形图6-60【时间轴】效果一（9）利用【颜料桶】工具将翅膀填充为“黑色”，填充完成后删除（12）在第2帧处，利用【任意变形】工具将翅膀调整到如图6-61所示的形状。（13）在第3帧处，利用【任意变形】工具将翅膀调整到如图6-62所示的形状，这样就完成了翅膀飞翔状态制作。图6-61制作飞翔的“翅膀”（1）图6-62制作飞翔的“翅膀”（2）在这里调整“翅膀”形状时，将光标移动到最左边的边界处，当鼠标光标变为形状，然后进行移动和翅膀形状调整。（12）在第2帧处，利用【任意变形】工具将翅膀调整到如图6-（14）双击【库】面板中的“蝙蝠”元件，进入“蝙蝠”元件的编辑界面。将翅膀调整到合适的大小和位置，效果如图6-63所示。（15）选中舞台上的“翅膀”文件，按Ctrl+C快捷键复制，按Ctrl+Shift+V快捷键粘贴到当前位置，并执行【修改】/【变形】/【水平翻转】菜单命令将其水平翻转，最后调整其水平位置，效果如图6-64所示。蝙蝠飞翔效果制作完成。图6-63调整“翅膀”的位置图6-64制作另一个“翅膀”4、制作蝙蝠飞向月亮的动画。（1）回到主场景中，在3个图层的第120帧处插入帧，效果如图6-65所示。图6-65【时间轴】效果二（14）双击【库】面板中的“蝙蝠”元件，进入“蝙蝠”元件的编（2）选择“背景”图层，在第20帧处按F6快捷键插入关键帧，并在第1帧～第20帧之间创建形状补间动画。（3）选中“背景”图层上第1帧的图形，利用【填充变形】工具，调整填充的颜色，将颜色中心向上移动一段距离，效果如图6-66所示。（4）选择“月亮”图层，在第20帧处按F6快捷键插入关键帧，并在第1帧～第20帧之间创建动作补间动画。（