Flash MX 2004动画设计与制作 教学课件 作者 秦琴 郭红彬 第3章 简单动画的制作.pptVIP

第3章 简单动画的制作 教学目标 课堂讲解 课后小结 教学目标 理解动画的类型以及关键帧、普通帧的概念 掌握逐帧动画和渐变动画制作方法 课堂讲解 预备知识 案例 课后小结 预备知识 基本概念： 帧：帧是构成动画的基本单位，不同帧表现不同时刻动画的某一动作。在时间轴中，每一帧都由时间轴上的小方格表示。 案例 案例3.1 制作一个转盘 案例3.2 制作一只飞舞的蝴蝶 案例3.3 文字由小变大 案例3.4 制作变色文字的动画 案例3.5 圆形变为矩形 案例3.6 文字的变形 案例3.7 添加形状提示 案例3.1 制作一个转盘 练习目的： 熟练掌握使用颜料桶工具进行不同颜色的填充； 掌握使用任意变形工具对图形进行旋转变形； 理解并体会逐帧动画的制作方法和技巧 ； 操作要点： 第一步：新建一个Flash文档 ； 第二步：绘制所需要的转盘； 1、单击工具栏中的椭圆工具按钮绘制一个圆； 2、单击工具栏中的线条工具按钮，在圆内画几条线段，将圆分为几部分，如图3-1所示。 3、单击工具栏中的颜料桶工具按钮，将每一小块分别填充为红色、黄色、蓝色、绿色、紫色、黑色，如图所示 ； 第三步：制作逐帧动画 1、选中第2帧，按【F6】键插入一个关键帧，如图所示。 2、单击工具栏中的任意变形工具按钮，将圆旋转一定的角度 ； 3、用同样的方法，分别选中第3帧、第4帧、第5帧、第6帧插入一个关键帧，并使用任意变形工具按钮分别将各帧的图形旋转一定的角度，如图所示； 第四步：按【Ctrl+Enter】组合键测试动画 ； 第五步：保存文件，退出Flash ； 案例3.2 制作一只飞舞的蝴蝶 练习目的： 掌握图片文件的导入方法和使用任意变形工具改变图形大小的方法； 操作要点： 第一步：新建Flash文档 ； 第二步：单击【文件】→【导入】→【导入到舞台】菜单命令，从素材文件夹中导入图片“Lx3-2-2.jpg” 。 第三步：制作飞舞的蝴蝶 ； 1、选中第2帧，点击鼠标右键在弹出的快捷菜单中选择“插入关键帧”命令，在该层的第2帧处插入一个关键帧 ； 2、单击工具栏中的任意变形工具按钮，改变图形的大小，如图所示 ； 3、同理在第3帧、第4帧、第5帧处插入关键帧，并利用工具栏中的任意变形工具按钮，改变各帧中图形的大小，如图所示 ； 第四步：按【Ctrl+Enter】组合键测试动画 ； 第五步：保存文件，退出Flash ； 案例3.3 文字由小变大 练习目的： 掌握文本属性的设置、图形大小的修改； 掌握运动过渡动画的属性面板的设置方法和关键帧的修改方法 ； 操作要点： 第一步：新建Flash文档 ； 第二步：设置背景颜色为蓝色，文件大小为550×200像素，帧频为8fps ； 第三步：单击工具栏中的文本工具按钮，选择【窗口】→【属性】菜单命令打开属性面板，设置字体为华文彩云,大小为55，颜色为黄色，在舞台工作中适当位置输入文字“精彩制作”，如图所示； 第四步：制作运动过渡动画； 1、选中第30帧，按【F6】键插入一个关键帧； 2、单击工具栏中的任意变形工具按钮，将文字“精彩制作”进行拉伸，如图所示； 3、在时间轴上的第1帧到第30帧之间任意选中一帧，在属性面板中将“补间”设置为“动作”，如图所示 ； 第五步：按【Ctrl+Enter】组合键测试动画 ； 第六步：保存文件，退出Flash ； 案例3.4 制作变色文字的动画 练习目的： 掌握颜色过渡动画的属性面板的设置方法，以及关键帧的修改方法。 操作要点： （1）启动Flash，打开D:\LX文件夹下Fa3-3.fla。另存为Fa3-4.fla。 （2）单击工具栏中的箭头工具按钮，选中第1帧中所输入的文字，连续两次选择【修改】→【分离】菜单命令，将第1帧中的文本打散。 （3）选中第30帧中所输入的文字，按同样的方法将第30帧中的文本打散。 （4）在时间轴上的第1帧到第30帧之间任意选中一帧，在属性面板中将“补间”设置为“形状”。 （5）单击工具栏中颜料桶工具按钮，将填充色设置为红色，使用颜料桶工具按钮，将第1帧中的文字填充为红色。 （6）利用同样的方法将第30帧中的文字填充为绿色，如图3-15、图3-16所示。 （7）按【Ctrl+Enter】组合键测试动画。 （8）保存文件，退出Flash。 案例3.5 圆形变为矩形 练习目的： 掌握形状过渡动画的制作方法和关键帧的修改方法。 操作要点： 第一步：制作圆和矩形。 （1）启动Flash，保存文件到D:\LX，文件名为Fa3-5.fla。 （2）并设置背景颜色为紫色（#9999FF），文件大小为550×200像素，帧频为12fps。 （