实验3Flash基本动画的创作

《实验3Flash基本动画的创作》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

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

2、。在主场景中新建图层“树叶飘落”，从库中将“树叶”元件拖入到当前图层，将英放置在舞台的上方。并右击“树叶”示例，选择“创建补I'可动画”，如图所示：创建补间形状创建补间动画型切CO复制（C）粘贴『）复制动画将动画复制为Actionscript3,0...粘贴动亘全选职消全选选掃性柵占动画…另存为动画预设…任意变形图1将林对叶汀放置在主场景中，并创建补间动画（2）将“树叶飘落”图层的帧延长至110帧，选择第35帧，并将场景中的树叶拖动位置，进而用“任意变形工具”将其旋转任意角度。用“选择工具”将补间路径修改为弧线。(3)选择第85帧，继续将

3、场景中的树叶拖动位置，进而用“任意变形工具”将其旋转任意角度，并将其适当缩小。用“选择工具”将补间路径修改为弧线。如图所示：兴祥春4擁

4、□35404550556065707580涉90・树叶飘落Z••■•T图3修改补间动画第85帧处树叶的位置，修改运动路径(3)选择第90帧，在屈性面板中将“树叶”的alpha值设置为0。树叶飘落动画制作完成。图4修改第9()帧处树叶的透明度2.蝴蝶煽动翅膀（1）打开Flash的【库】面板，右击编辑其中的“蝴蝶”的元件。选中蝴蝶实例的所有对象，将蝴蝶的两只翅膀以及身体分散到图层。如图5所示。画自口图1分散对

5、象到不同图层（2）制作一个翅膀的扇动效果选中“翅膀1”图层的笫1帧，将蝴蝶的翅膀1的旋转中心（中心点）进行如图6所示的修改,“任意变形工具”将旋转中心移动到翅膀与身体的链接处，以便于接下來的修改。对丁•翅膀2做同样的修改。图2修改翅膀1的旋转中心在“翅膀1”图层的笫5、9、15帧处分别插入关键帧，对各关键帧的翅膀进行缩放，英中，第1、15帧的内容相同，第5、9帧的内容相同。在1到5帧创建动作补间动画，在9到15帧创建动作补间动画。同样对“翅膀2”图层进行同样的操作。综合效果如图7所示：图3各关键帧的内容（3）将所有图层的帧扩展到20帧（插

6、入帧）。蝴蝶煽动翅膀的动画制作完成。（4）在主场景中新建图层，命名为“蝴蝶图层”，将库中的“蝴蝶”元件拖入主场景的合适位置（可以将蝴蝶放在草地上）。2.制作云彩飘动（I）打开动画，在主场景中新建图层，命名为“云”。在笫1帧处绘制云朵的形状。选中云朵，按F8将云朵转换为名为“云”的元件。图9“云”元件（2）选中舞台上的“云”，查看属性面板中的“滤镜”属性，增加“模糊”滤镜。图4给“云”增加模糊滤镜右击舞台上的“云”，“创建补间动画”，入下图所示H1创逹补间动画创逮补间形状劈切CT）复制（C）粘贴（P）复制动画图5给“云”创建补间动画选中云图

7、层的补间动画的最后一帧，并将舞台上的“云”实例拖动到舞台的另一端。2.制作太阳渐变动画（1）在主场景屮新建图层，命名为“太阳”。在第1帧处绘制渐变色的太阳。在“太阳”图层后面的某一帧按F6插入关键帧，修改该帧的太阳的颜色。单击两个关键帧中间的任意一帧，右击并选择“创建形状补间”，即创建形状补间动画。最终的效果图以及时间轴效果图如图13所示。四.思考题1）典型的Flash动画屮每秒出现多少帧？更高的帧频不是一个好主意的主要原因是什么？2）形状提示的概念是什么？如何使用？3）逐帧制作动画与补间动画的区别是什么？4）运动补间和形状补间动画中，哪

8、一种可以用來更改对象的颜色？哪一种可以隐藏一个对象而不移动它？5）Flash动画从根本上说可以分为哪儿大类？