学习任务：
1.掌握形状补间动画的制作方法。
2.掌握移动补间动画的制作方法。
3.了解Flash 5 不同动画类型的区别。


目标一  毫毛变猴子——形状补间动画
第一步：单击“画笔工具”，在绘图工具栏下方画笔大小列表框的“选项”中，选择第一种类型，单击“填充颜色”，选择橘黄色（# FF9900），在舞台中画一根细长的毫毛，如图7-5-1所示。

图7-5-1
第二步：单击时间轴的第20帧，单击“插入” →“白色关键帧”。
第三步：单击“橢圆工具”，单击“描绘颜色”，选择黑色（#000000），单击“填充颜色”，选择土黄色（# FFCC99），在舞台中画一个橢圆作猴头，如图7-5-2所示。

图7-5-2a     图7-5-2b     

第四步：单击“铅笔工具”，“选项”中的铅笔模式选择“平滑”，在舞台中画一个心形的猴脸轮廓，如图7-5-3所示。

图7-5-3

第五步：单击“颜料桶工具”，单击“填充颜色”，选择橘红色（#FF9966），单击猴脸内部进行填充，如图7-5-4所示。

图7-5-4

第六步：单击“画笔工具”，在绘图工具栏下方画笔大小列表框的“选项”中，选择第2种类型，单击“填充颜色”，选择黑色（# 000000）， 画出猴眼，如图7-5-5所示。

图7-5-5

第七步：单击“填充颜色”，选择红色（# FF0000）， 画出猴嘴，如图7-5-6所示。

图7-5-6

第八步：单击第1帧。
第九步：单击“修改（M）” →“帧数（A）...”，弹出“帧”面板，在“补间动画”列表中选择“形状”，如图7-5-7所示。关闭“帧”面板。可以看到，时间轴上从第1帧到第20 帧之间出现一条浅“绿”底色的箭头，如图7-5-8所示。

图7-5-7     图7-5-8

第十步：播放。一根毫毛逐渐变成了一个猴头！
第十一步：保存文件为“毫毛变猴”。

知识收藏夹
这种动画，Flash 5 在两个关键帧之间自动出现了图形“形状”的变化过程，称为“形状补间动画”。

技能检查站
尝试用形状补间动画让猴头翻跟头。在第40 帧插入关键帧，再把这一帧的猴头旋转90°，然后在第20 帧加上形状补间动画。
播放，结果不是我们想像的猴头旋转，而是变脸，五官都移位了！如图7-5-9所示。

 图7-5-9

这正是形状补间动画的特点：形状发生变化。
要想让猴头正常旋转，必须保持整体性，不能有局部变形，这就需要把猴头由“图形”转换为“元件”。

技巧展示台
⒈单击“编辑（E）”→“撤消（U）”，可以撤消一步操作。
⒉单击“文件（F）”→“恢复（T）”，可以一步回到最后一次保存时的状态。
如果在操作过程中，我们尝试了用形状补间动画让猴头翻跟头，那么在继续做第十二步前，就需要单击“文件（F）”→“恢复（T）”，返回到第十一步。

目标二  猴子翻跟头——移动补间动画
第十二步：单击第21 帧，再单击“插入（I）”→“关键帧（K）”。猴头自动复制过来，并且处于选择状态。
第十三步：单击“插入（I）”→“转换成元件（C）....”，弹出“元件属性”对话框，如图7-5-10所示。

图7-5-10a

图7-5-10b

第十四步：可以为元件命名为“猴头”，单击“确定”按钮。
第十五步：单击第40 帧，再单击“插入（I）”→“关键帧（K）”。
第十六步：单击第21 帧。
第十七步：单击“修改（M）”→“帧数（A）.....”，弹出“帧”面板，如图7-5-11所示在“补间动画”列表中选择“移动”。“帧”面板的内容随之发生了变化，如图7-5-12所示。

图7-5-11  

图7-5-12

第十八步：在“旋转”列表中选“逆时针”，后面的次数填入“1”，如图7-5-13所示。

图7-5-13

第十九步：关闭“帧”面板。这时，时间轴上从第21 帧到第40 帧之间出现一条浅“蓝”底色的箭头，如图7-5-14所示。

图7-5-14

第二十步：播放。先是一根毫毛逐渐变成了一个猴头，接着猴头翻了一个跟头。
第二十一步：保存文件。

知识收藏夹
这种动画，Flash 5 在两个关键帧之间自动画出了元件实例的整体变化过程（移动、旋转等），称为“移动补间动画”。

技能检查站
⒈打开第21 帧的“帧”面板，改变其中的有关项目，让猴头“顺时针”方向翻跟头。




⒉改变旋转的次数，让猴头多翻几个跟头。

⒊探索“扩大”栏中的数值起什么作用。

目标三  Flash 5不同动画类型的区别
 

要想灵活运用各种动画类型，就要熟悉它们之间的区别。

 

技能检查站

判断下面的动画属于哪种类型。







技巧展示台

在制作文字的形状补间动画时，需要把文字转换成图形。方法是：先选择文字，再单击“修改（M）”→“分解组件（K）”。

下面再来做一个从文字“1”变到文字“2”的形状补间动画。

第一步：新建一个文件，修改影片尺寸为100×100像素，双击“手形工具”显示整个舞台。
第二步：单击工作区右下角的字符开关“A”按钮，弹出字符面板，将文字高度栏中的数值改为96。
第三步：单击“文本工具”，在舞台中单击鼠标，输入文字“1”。
第四步：单击第20 帧，再单击“插入（I）”→“关键帧 ”，文字“1”自动复制过来。
第五步：单击文字“1”，把它修改为“2”。
第六步：单击第1帧，再打开“帧”面板，选择“形状补间动画”。
第七步：播放，怎么回事，从第2 帧到第19帧全是空白画面？因为没有把文字转换成图形！
第八步：单击第1帧，再单击“修改（M）”→“分解组件（K） ”。
第九步：单击第20帧，再单击“修改（M）”→“分解组件（K） ”。
第十步：播放。

水平测试所

选择正确答案的序号填在括号内：

Flash 的动画类型分两大类，（        ）动画和补间动画，而补间动画又分（         ）补间动画和（       ）补间动画两种。元件和实例用于（        ）补间动画，（        ）用于（         ）补间动画。
在（        ）补间动画中，可以设定旋转方向和旋转次数。文字对象经过“分解组件”可以转换成（      ），从而可应用于（       ）补间动画。
（A）移动 （B）形状（C）逐帧（D）图形（E）元件

能力挑战场
试试做出这两个动画。

信息大观园
传统动画片制作简介
    传统动画片是用画笔画出一张张逐渐变化着的静止画面，经过摄影机（摄像机）逐格拍摄，然后，以每秒钟24格（或25帧）的速度连续放映（或播放），这时，原来静止的画面就在银幕上（或荧屏里）活动起来，这就是传统动画片。
    一部动画片究竟要多少幅画面呢？短短10分钟的普通动画片，就要画一万多张画面。像观众们所熟悉的《大闹天宫》这样一部120分钟的动画片，需要画近18万张画面。完成如此繁重而复杂的绘制任务，由几十位动画工作者，花费了三年多时间的辛勤劳动。
    制作传统动画片，分工也比较复杂。一部完整的动画片，无论是5分钟的短片还是2小时的长片，都要经过编剧、导演、美术设计（人物设计和背景设计）、设计稿、原画、动画、绘景、描线、上色、校对、摄影、剪辑、作曲、拟音、对白配音、音乐录音、混合录音、洗印、（转磁输出）等十几道工序的分工合作，密切配合，才可以顺利完成。