Flash8第8章动画制作.ppt

《Flash8第8章动画制作.ppt》由会员分享，可在线阅读，更多相关《Flash8第8章动画制作.ppt（67页珍藏版）》请在三一办公上搜索。

1、第8章 动画制作,8.1 逐帧动画8.2 形状补间动画8.3 运动补间动画8.4 场景的管理8.5 跑步的小人8.6 阴云密布过关练习,逐帧动画是Flash动画的一个重要组成类型，也是最传统最原始的动画创作形式，下面介绍它的工作原理以及制作方法。8.1.1 逐帧动画的工作原理动画是由一系列连续播放的、相似的静止画面组成的，通常来说，相似的画面越多，动画效果就越逼真，这就是逐帧动画的工作原理。如果两个连续的画面之间有较大的差别，则画面之间的切换就类似于放映幻灯片。,8.1 逐帧动画,制作逐帧动画即在连续相邻的关键帧内插入相对连续的内容，如可以创建奔跑的动物等动画效果（见图），但需要用户具备一些美

2、术功底。随着电脑技术的发展，这类素材也将越来越多，用户可以使用这些成熟的素材制作自己的动画或多媒体作品。,第1帧 第2帧 第3帧,第4帧 第5帧 第6帧图8.1.1 奔跑的动物动画效果,8.1.2 制作逐帧动画要制作逐帧动画，需要将每个帧都定义为关键帧，然后再为它们创建不同的内容，下面通过一个实例来介绍逐帧动画的制作方法，操作步骤如下：（1）启动Flash 8软件。（2）按Ctrl+J键，弹出“文档属性”对话框，设置“背景颜色”为“#FFFFCC”，单击“确定”按钮。（3）同时选中第26帧，按F6键插入5个关键帧。（4）分别在第16帧中绘制图形，如图所示。,第1帧 第2帧 第3帧,第4帧 第5

3、帧 第6帧图8.1.2 在各帧中绘制不同图形,（5）按Ctrl+Enter键预览，效果如图所示。,图8.1.3 效果图,形状补间动画是补间动画的一种，使用形状补间动画，用户可以制作出图形变形的效果，也可以制作出图形位置、大小、颜色变化的效果。在同一时刻最好只制作一个形状渐变，如果想同时为几个图形制作渐变动画，则这几个图形必须位于同一层上。8.2.1 形状补间动画的工作原理形状补间动画的工作原理是首先由用户制作好两个关键帧，然后再由Flash通过计算生成中间各帧，从而使动画从一个关键帧自然地过渡到另一个关键帧。,8.2 形状补间动画,形状补间动画不可以直接作用于群组、实例、文本和位图等对象上，若

4、要使用它们制作形状补间动画，必须按Ctrl+B键进行打散。此时，用鼠标单击被彻底打散的对象，其表面将被网格所覆盖，如图所示为群组在打散前后的效果。注意：对于群组和文本，必须连续按Ctrl+B键两次；对于实例和位图，按一次即可。,打散前 打散一次 打散两次图8.2.1 群组在打散前后的效果,8.2.2 制作形状补间动画下面通过一个实例来介绍形状补间动画的制作方法，操作步骤如下：（1）启动Flash 8软件。（2）选择工具箱中的文本工具，在属性面板中设置字体为“黑体”，字体大小为“96”，文本颜色为“红色”，在第1帧中输入文本“love”，如图所示。（3）选中第1帧中的文本，选择“修改”“分离”命

5、令，将文本打散为单个字符，再次选择该命令将单个字符打散为图形，如图所示。,图8.2.2 输入文本 图8.2.3 打散文本,（4）选中第20帧，按F7键插入空白关键帧。（5）选择工具箱中的椭圆工具，在属性面板中设置笔触颜色为“无”，填充颜色为“红色”，按住Shift键，在第20帧中绘制一个圆形，如图所示。（6）选择工具箱中的选择工具，在按住Ctrl键的同时，分别拖动圆形的上部和底部，添加一个节点，然后调整节点的位置及弧度，得到一个心的形状，如图所示。,图8.2.4 绘制圆形 图8.2.5 添加节点得到心形,（7）选中第1帧，在属性面板的“补间”下拉列表中选择“形状”选项（见图），在第120帧之间

6、就会变成淡绿色，并且会出现一个箭头（见图），至此，这个简单的形状补间动画就制作完成了。,图8.2.6 选择“形状”选项时的属性面板,图8.2.7 时间轴效果,（8）按Ctrl+Enter键预览，效果如图所示。8.2.3 形状补间动画的参数设置形状补间动画有“缓动”和“混合”两个参数，分别用于设置对象的变化速度和变化方式。,图8.2.8 效果图,（1）“缓动”：用于设置对象的变化速度，可以直接在文本框中输入数值，也可以单击右侧的按钮，在弹出的滑动条中拖动滑块进行调整，如图所示。缓动的最小值为-100，最大值为+100，临界值为0。当取值为0时，表示对象的形状变化是匀速的；若取值小于0，则表示对象

7、的形状变化越来越快，且数值越小，加快的趋势越明显；若取值大于0，则表示对象的形状变化越来越慢，且数值越大，减慢的趋势越明显。（2）“混合”：用于设置对象的变化方式，包括“分布式”和“角形”两个选项，如图所示。,图8.2.9 拖动滑动条上的滑块 图8.2.10“混合”下拉列表,1）“分布式”：选择该选项，使对象的形状变化更加随意和自然。2）“角形”：选择该选项，使各中间帧中的图形更多地保留关键帧中图形的棱角。8.2.4 使用形状提示使用形状提示，可以将起始对象上的某点与结束对象上的某点相关联，从而使对象的变形更加精确，更加有目的性。,形状提示是由实心小圆圈加上中间的英文字母组成的。在一个形状补间

8、动画中，最多可以添加26个形状提示，分别用az表示，并且起始对象上的形状提示用黄色圆圈表示，结束对象上的形状提示用绿色圆圈表示。下面通过一个实例来介绍形状提示的使用方法，操作步骤如下：（1）启动Flash 8软件。（2）选择工具箱中的椭圆工具，在属性面板中设置笔触颜色为“无”，填充颜色为“黑色”，然后在舞台上绘制一个椭圆。（3）选中第20帧，按F6键插入关键帧。,（4）选中第1帧，在属性面板中设置“补间”为“形状”，创建一段形状补间动画。此时，按Ctrl+Enter键预览，发现椭圆根本不动。（5）连续3次选择“修改”“形状”“添加形状提示”命令，为第1帧中的椭圆添加3个形状提示，并调整它们的位

9、置，如图所示。（6）调整第20帧中形状提示的位置，如图所示。,图8.2.11 第1帧中形状提示的位置 图8.2.12 第20帧中形状提示的位置,（7）按Ctrl+Enter键预览，效果如图所示。,图8.2.13 效果图,运动补间动画是补间动画的另一种，使用运动补间动画，用户可以制作出对象移动、改变大小、改变形状、旋转、改变颜色、淡入淡出或动态切换等效果。这些变化可以独立进行，也可以合成在一起，例如可以使一个对象在移动的过程中还不断地改变颜色和大小等。,8.3 运动补间动画,8.3.1 运动补间动画的工作原理运动补间动画和形状补间动画的工作原理基本相同，也需要制作两个关键帧，然后再由Flash通

10、过计算生成中间各帧。运动补间动画的起止对象必须为元件，而且必须为同一个元件，因此，若要使用群组、文本和位图等对象制作运动补间动画，必须首先将它们转换为元件，操作步骤如下：（1）选中用于制作运动补间动画的对象。（2）按F8键，弹出“转换为元件”对话框，如图所示。,图8.3.1“转换为元件”对话框,1）“名称”：输入元件的名称。2）“类型”：选择元件的类型，有影片剪辑、按钮和图形3个选项。3）“注册”：设置元件的中心点，有9个位置供用户选择。（3）设置完毕后，单击“确定”按钮，将其转换为元件，如图所示。,图8.3.2 转换对象为元件前后的效果,如果舞台中没有对象，还可以首先创建一个空白元件，然后再

11、进行编辑，操作步骤如下：（1）按Ctrl+F8键，弹出“创建新元件”对话框，如图所示。,图8.3.3“创建新元件”对话框,（2）在对话框中设置元件的名称和类型。（3）单击“确定”按钮，进入元件的编辑窗口，绘制或导入对象即可。8.3.2 制作运动补间动画下面通过一个实例来介绍运动补间动画的制作方法，操作步骤如下：（1）启动Flash 8软件。（2）按Ctrl+J键，弹出“文档属性”对话框，设置“背景颜色”为“#99FFCC”，单击“确定”按钮。（3）按Ctrl+F8键，弹出“创建新元件”对话框（见图），在“名称”文本框中输入“春”，在“类型”选项区中选中“图形”单选按钮，单击“确定”按钮，进入其

12、编辑窗口。,（4）选择工具箱中的文本工具，在属性面板中设置字体为“华文行楷”，字体大小为“100”，文本颜色为“#FF6600”，在舞台的中心位置输入文本“春”，如图所示。（5）单击“场景”图标，返回到主场景。（6）从库面板中拖动“春”元件到舞台中，如图所示。,图8.3.4 输入文本 图8.3.5 拖入“春”元件,（7）选中第20帧，按F6键插入关键帧，然后选择工具箱中的任意变形工具，将该帧中的“春”字放大，如图所示。（8）选中第1帧，在属性面板的“补间”下拉列表中选择“动画”选项，在第120帧之间就会变成淡紫色，并且会出现一个箭头，至此，该运动补间动画就制作完成了，如图所示。（9）按Ctrl

13、+Enter键预览，效果如图所示。,图8.3.6 放大“春”字 图8.3.7 制作运动补间动画,图8.3.8 效果图,8.3.3 运动补间动画的参数设置运动补间动画有“缩放”、“缓动”和“旋转”等参数，通过它们可以设置运动补间动画的属性，如图所示。,图8.3.9 选择“动画”选项时的属性面板,（1）“缩放”：选中该复选框，允许对象在运动过程中改变大小。（2）“缓动”：与形状补间动画中的“缓动”意义相同，这里就不再赘述。（3）“旋转”：用于设置对象是否旋转，在其下拉列表中有4个选项，分别为“无”、“自动”、“顺时针”和“逆时针”。1）无：设置对象不旋转。2）自动：设置对象以最小的角度进行旋转。3

14、）顺时针：设置对象沿顺时针方向进行旋转，在其后的文本框中可输入旋转的圈数。,4）逆时针：设置对象沿逆时针方向进行旋转，在其后的文本框中可输入旋转的圈数。（4）“调整到路径”：选中该复选框，使对象沿设定的路径运动。（5）“同步”：选中该复选框，使动画循环播放。（6）“对齐”：选中该复选框，使对象在沿路径运动时能够自动地捕捉路径。如果设置上例动画的“旋转”为“顺时针”，“旋转数”为“3”次，然后再按Ctrl+Enter键预览，则会发现“春”字在放大的同时，也在进行顺时针旋转，如图所示。,图8.3.10 效果图,如果把Flash动画比喻为话剧，那么场景则是话剧的一幕，多个场景就构成了不同内容的多幕剧

15、，如图所示。前面介绍了单场景动画的制作方法，其实，多场景动画的制作方法与之大致相同，只需要按照场景的顺序依次制作单个场景，然后播放即可。下面介绍如何管理场景，包括场景的添加、切换、重命名、复制以及删除。,8.4 场景的管理,场景1 场景2,场景3 场景4图8.4.1 多个场景的Flash动画,8.4.1 场景的添加新建文件时，Flash 8会默认建立一个场景，用户可以通过时间轴面板上的图标查看场景的名称，如图所示。添加场景的方法有以下两种：（1）选择“插入”“场景”命令。（2）选择“窗口”“其它面板”“场景”命令或按Shift+F2键，打开场景面板（见图），单击其中的“添加场景”按钮，结果如图

16、所示。,图8.4.2 时间轴面板,图8.4.3 场景面板 图8.4.4 添加场景,8.4.2 场景的切换切换场景的方法有以下两种：（1）单击编辑栏中的“编辑场景”按钮，在弹出的下拉菜单中选择要切换到的场景，如图所示。,图8.4.5“编辑场景”下拉菜单,（2）选择“视图”“转到”命令的子命令，如图所示。,图8.4.6“转到”命令的子命令,1）“第一个”：切换到第一个场景。2）“前一个”：切换到上一个场景。3）“下一个”：切换到下一个场景。4）“最后一个”：切换到最后一个场景。5）“场景1”、“场景2”、“场景3”、“场景4”：切换到相应场景。8.4.3 场景的重命名重命名场景的操作步骤如下：（1

17、）选择“窗口”“其他面板”“场景”命令或按Shift+F2键，打开场景面板。（2）双击要重命名的场景，使其处于可编辑状态。（3）输入新的名称。,（4）在其他位置单击鼠标进行确认，其操作过程如图所示。,图8.4.7 重命名场景的操作过程,8.4.4 场景的复制复制场景的操作步骤如下：（1）在场景面板中选取要复制的场景。（2）单击“直接复制场景”按钮。（3）为复制出的场景命名。8.4.5 场景的删除删除场景的操作步骤如下：（1）在场景面板中选取要删除的场景。（2）单击“删除场景”按钮，此时，系统将弹出一个提示框，询问用户是否确实要删除该场景，如图所示。,图8.4.8 提示框,1）“确定”：单击该按

18、钮，删除操作将生效。2）“取消”：单击该按钮，取消删除操作。（3）这里单击“确定”按钮删除场景。,本例将制作跑步的小人。在制作过程中，将练习逐帧动画的制作方法，效果如图所示。,8.5 跑步的小人,图8.5.1 效果图,操作步骤如下：（1）启动Flash 8软件。（2）按Ctrl+J键，弹出“文档属性”对话框，设置“尺寸”为“550 px400 px”，“背景颜色”为“白色”，单击“确定”按钮。（3）选择工具箱中的刷子工具，在舞台中绘制如图所示的图形。（4）分别选中第2帧和第3帧，按F6键插入关键帧，如图所示。,图8.5.2 绘制图形 图8.5.3 插入关键帧,（5）选中第2帧，修改其中的图形如

19、图所示。（6）选中第3帧，修改其中的图形如图所示，完成制作。（7）按Ctrl+Enter键预览，效果如图所示。,图8.5.4 修改第2帧中的图形 图8.5.5 修改第3帧中的图形,本例将制作阴云密布。在制作过程中，将练习运动补间动画的制作方法，效果如图所示。,8.6 阴云密布,图8.6.1 效果图,（1）启动Flash 8软件。（2）按Ctrl+J键，弹出“文档属性”对话框，设置“尺寸”为“550 px400 px”，“背景颜色”为“黑色”，单击“确定”按钮。（3）按Ctrl+F8键，弹出“创建新元件”对话框，在“名称”文本框中输入“云朵”，在“类型”选项区中选中“图形”单选按钮，如图所示。,

20、图8.6.2“创建新元件”对话框,（4）单击“确定”按钮，进入其编辑窗口。选择“文件”“导入”“导入到舞台”命令，弹出“导入”对话框，导入一张云朵图片到舞台的中心位置，如图所示。（5）单击“场景1”图标，返回到主场景。（6）选择“窗口”“库”命令，打开库面板，从中拖动“云朵”元件到舞台中，并使其右边缘与舞台的右边缘对齐。（7）选中“云朵”实例，在属性面板的“颜色”下拉列表中选择“Alpha”选项，设置Alpha值为“36%”，更改其透明度，如图所示。,图8.6.3 导入云朵图片 图8.6.4 更改云朵的透明度,（8）选中第148帧，按F6键插入关键帧，并调整该帧中云朵的位置，使其左边缘与舞台的

21、左边缘对齐，如图所示。（9）选中第1帧，在属性面板的“补间”下拉列表中选择“动画”选项，创建运动补间动画，此时，在第1148帧之间会变成淡紫色，并且会出现一个箭头，如图所示。,图8.6.5 第148帧中云朵的位置 图8.6.6 创建运动补间动画,（10）单击时间轴中的“插入图层”按钮，插入“图层2”。（11）选择工具箱中的矩形工具，在属性面板中设置笔触颜色为“无”，填充颜色为“黑色”，绘制一个恰好覆盖舞台的矩形，如图所示。（12）将鼠标指针置于“图层2”的层名区，单击鼠标右键，在弹出的快捷菜单中选择“遮罩层”命令，创建遮罩效果，如图所示。（13）按Ctrl+Enter键预览，效果如图所示。,图

22、8.6.7 绘制矩形 图8.6.8 创建遮罩效果,填空题1_是Flash动画的一个重要组成类型，也是最传统最原始的动画创作形式。2使用_，可以将起始对象上的某点与结束对象上的某点相关联，从而使对象的变形更加精确，更加有目的性。3如果把Flash动画比喻为话剧，那么_则是话剧的一幕，多个场景就构成了不同的多幕剧。,过关练习,选择题1形状补间动画不可以直接作用于（）。（A）群组（B）文本（C）实例（D）位图2运动补间动画只可以作用于（）。（A）群组（B）文本（C）元件（D）无正确答案,简答题1简述逐帧动画的工作原理。2简述形状提示的组成。上机操作题1制作一个小球沿曲线运动的逐帧动画。2制作由“A”到“B”的形状补间动画。,