实验3--Flash基本动画的创作.doc

实验3 Flash基本动画的创作

———————————————————————————————— 作者：
———————————————————————————————— 日期：

8

个人收集整理 勿做商业用途
实验3 Flash基本动画的创作
一、实验目的
1、 理解帧以及帧频的概念。掌握关键帧、普通帧的概念及常用操作.
2、 掌握帧标签、帧注释、锚记的使用.
3、 掌握逐帧动画的概念、原理、创作方法.
4、 掌握补间动画，传统补间动画、形状补间动画的概念、原理、创作方法。
二、实验任务
1、 树叶飘落动画(制作要点：补间动画，续实验1）
2、 蝴蝶煽动翅膀(制作要点：逐帧动画，续实验1）
3、 制作云彩飘动 （制作要点:补间动画,续实验1)
4、 制作太阳动作 （制作要点：形状补间，续实验1）
三、实验内容
1。树叶飘落
(1）将实验一中绘制的树叶“转变为元件”，命名为“树叶”。在主场景中新建图层“树叶飘落”，从库中将“树叶”元件拖入到当前图层，将其放置在舞台的上方。并右击“树叶”示例，选择“创建补间动画”，如图所示：

图1 将“树叶”放置在主场景中，并创建补间动画

（2)将“树叶飘落”图层的补间过程帧延长至110帧，选择第35帧，并将场景中的树叶拖动位置，进而用“任意变形工具"将其旋转任意角度。用“选择工具”将补间运动路径修改为弧线。

图2 修改补间动画第35帧处树叶的位置，修改运动路径
（3)选择第85帧,继续将场景中的树叶拖动位置，进而用“任意变形工具”将其旋转任意角度，并将其适当缩小.用“选择工具”将补间路径修改为弧线。如图所示：

图3 修改补间动画第85帧处树叶的位置，修改运动路径

(3）选择第90帧，在属性面板中将“树叶”实例的alpha值设置为0。树叶飘落动画制作完成。

图4 修改第90帧处树叶的透明度

2．蝴蝶煽动翅膀
（1)打开编辑之前实验课制作的“蝴蝶”元件。修改元件使蝴蝶的两只翅膀以及身体分散放置在不同的图层.且确保两个翅膀分别转变为元件。如图5所示。

图1 分散对象到不同图层

(2）制作一个翅膀的扇动效果
选中“翅膀1”图层的第1帧，将蝴蝶的翅膀1的旋转中心（中心点）进行如图6所示的修改,用“任意变形工具”将旋转中心移动到翅膀与身体的链接处,以便于接下来的修改。对于翅膀2做同样的修改。

图2 修改翅膀1的旋转中心
在“翅膀1”图层的第5、9、15帧处分别插入关键帧，对各关键帧的翅膀进行缩放，其中,第1、15帧的内容相同，第5、9帧的内容相同。在1到5帧创建传统补间动画（右击第一帧，选择“创建传统补间"，如下图所示)，类似的，在9到15帧创建传统补间动画。

同样对“翅膀2"图层进行同样的操作。综合效果如图7所示：

图1 各关键帧的内容
(3）将所有图层的帧扩展到20帧(插入帧）.蝴蝶煽动翅膀的动画制作完成。
（4）在主场景中新建图层，命名为“蝴蝶图层”，将库中的“蝴蝶”元件拖入主场景的合适位置（可以将蝴蝶放在草地上)。
3.制作云彩飘动
(1）打开动画，在主场景中新建图层,命名为“云"。在第1帧处绘制云朵的形状。选中云朵，按F8将云朵转换为名为“云"的元件.

图9 “云”元件
（2)选中舞台上的“云”实例，查看属性面板中的“滤镜”属性，增加“模糊”滤镜。

图Error! Bookmark not defined. 给“云”增加模糊滤镜
右击舞台上的“云"，“创建补间动画”,入下图所示

图3 给“云”创建补间动画

选中云图层的补间动画的最后一帧，并将舞台上的“云”实例拖动到舞台的另一端.

图Error! Bookmark not defined. 创建云朵补间动画
4。 制作太阳渐变动画
（1）在主场景中新建图层，命名为“太阳”.在第1帧处绘制渐变色的太阳。在“太阳”图层后面的某一帧按F6插入关键帧，修改该帧的太阳的颜色。单击两个关键帧中间的任意一帧，右击并选择“创建形状补间”,即创建形状补间动画。最终的效果图以及时间轴效果图如图13所示.

图Error! Bookmark not defined. 太阳形状渐变时间轴
四、思考题
1)典型的Flash动画中每秒出现多少帧？更高的帧频不是一个好主意的主要原因是什么?
2)形状提示的概念是什么？如何使用？
3）逐帧制作动画与补间动画的区别是什么？
4）运动补间和形状补间动画中，哪一种可以用来更改对象的颜色？哪一种可以隐藏一个对象而不移动它？
5）Flash动画从根本上说可以分为哪几大类？