实验3Flash基本动画的创作

1、实验 3Flash 基本动画的创作一、实验目的1、 理解帧以及帧频的概念。掌握关键帧、普通帧的概念及常用操作。2、 掌握帧标签、帧注释、锚记的使用。3、 掌握逐帧动画的概念、原理、创作方法。4、 掌握补间动画，传统补间动画、形状补间动画的概念、原理、创作方法。二、实验任务1、树叶飘落动画( 制作要点：补间动画，续实验1)2、蝴蝶煽动翅膀( 制作要点：逐帧动画，续实验1)3、制作云彩飘动( 制作要点：补间动画，续实验1)4、制作太阳动作( 制作要点：形状补间，续实验1)三、实验内容树叶飘落（ 1）将实验一中绘制的树叶“转变为元件” ，命名为 “树叶”。在主场景中新建图层“树叶飘落”，从库中将“树

2、叶”元件拖入到当前图层，将其放置在舞台的上方。并右击“树叶”示例，选择“创建补间动画”，如图所示：图 1 将“树叶”放置在主场景中，并创建补间动画（ 2）将“树叶飘落”图层的补间过程帧延长至110 帧，选择第35 帧，并将场景中的树叶拖动位置，进而用“任意变形工具”将其旋转任意角度。用“选择工具”将补间运动路径修改为弧线。图 2 修改补间动画第35 帧处树叶的位置，修改运动路径（ 3）选择第 85 帧，继续将场景中的树叶拖动位置，进而用“任意变形工具”将其旋转任意角度，并将其适当缩小。用“选择工具”将补间路径修改为弧线。如图所示：图 3 修改补间动画第85 帧处树叶的位置，修改运动路径（ 3）

3、选择第 90 帧，在属性面板中将“树叶”实例的alpha 值设置为0。树叶飘落动画制作完成。图 4 修改第 90 帧处树叶的透明度蝴蝶煽动翅膀（ 1）打开编辑之前实验课制作的“蝴蝶”元件。修改元件使蝴蝶的两只翅膀以及身体分散放置在不同的图层。且确保两个翅膀分别转变为元件。如图5 所示。图 1 分散对象到不同图层（ 2）制作一个翅膀的扇动效果选中“翅膀1”图层的第1 帧，将蝴蝶的翅膀1 的旋转中心（中心点）进行如图6 所示的修改，用“任意变形工具”将 旋转中心 移动到翅膀与身体的链接处，以便于接下来的修改。对于翅膀2 做同样的修改。图 2 修改翅膀1 的旋转中心在“翅膀1”图层的第5、9、15

4、帧处分别插入关键帧，对各关键帧的翅膀进行缩放， 其中，第1、15 帧的内容相同，第5、 9 帧的内容相同。在1 到 5 帧创建传统补间动画（右击第一帧，选择“创建传统补间”，如下图所示） ，类似的，在9 到 15 帧创建传统补间动画。同样对“翅膀2”图层进行同样的操作。综合效果如图7 所示：图 3 各关键帧的内容（ 3）将所有图层的帧扩展到20 帧（插入帧） 。蝴蝶煽动翅膀的动画制作完成。（ 4）在主场景中新建图层，命名为“蝴蝶图层”，将库中的“蝴蝶”元件拖入主场景的合适位置（可以将蝴蝶放在草地上）。制作云彩飘动（ 1）打开动画，在主场景中新建图层，命名为“云”。在第 1 帧处绘制云朵的形状。

5、选中云朵，按F8 将云朵转换为名为“云”的元件。图 9“云”元件（ 2）选中舞台上的“云”实例，查看属性面板中的“滤镜”属性，增加“模糊”滤镜。图 4 给“云”增加模糊滤镜右击舞台上的“云” ，“创建补间动画” ，入下图所示图 5 给“云”创建补间动画选中云图层的补间动画的最后一帧，并将舞台上的“云”实例拖动到舞台的另一端。制作太阳渐变动画图 6 创建云朵补间动画（1）在主场景中新建图层，命名为“太阳”。在第 1 帧处绘制渐变色的太阳。在“太阳”图层后面的某一帧按F6 插入关键帧，修改该帧的太阳的颜色。单击两个关键帧中间的任意一帧，右击并选择“创建形状补间”，即创建形状补间动画。最终的效果图以及时间轴效果图如图13 所示。四、思考题图 7 太阳形状渐变时间轴典型的 Flash 动画中每秒出现多少帧？更高的帧频不是一个好主意的主要原因是什么？形状提示的概念是什么？如何使用？逐帧