网页制作ppt-ch9

《网页制作ppt-ch9》由会员分享，可在线阅读，更多相关《网页制作ppt-ch9（31页珍藏版）》请在金锄头文库上搜索。

1、第9章 Flash动画制作 9.1 案例36 “捕猎”动画 案例效果 “捕猎”动画播放后，可以看到有个小猎手在追捕豹子的画面。 该动画播放中的画面如图9-1所示。所需素材在“案例36素材”文 件夹中。通过学习本案例，可以了解动画的种类和时间轴的组成 ，进一步掌握选择帧、移动帧、复制帧、插入帧、删除帧和编辑 多帧的方法以及利用连续动作的一系列图像制作帧帧动画的方法 。 9.1 案例36 “捕猎”动画 相关知识 1动画的种类 （1）帧帧动画：帧帧动画的每一帧都由制作者确定后，连续依次播放这些画面， 即可生成动画效果。帧帧动画适于制作非常复杂的动画，通常此类动画的文件字 节数较大。 （2）补间动画：

2、也叫过渡动画。制作若干关键帧画面，由Flash计算生成各关键 帧之间的各个帧，使画面从一个关键帧过渡到另一个关键帧。补间动画又分为动 作动画和形状动画。 1）动作动画：属于补间动画的一种。在Flash 8中可以创建出丰富多彩的动作动 画效果，可以使一个对象在画面中沿直线移动，沿曲线移动，变换大小、形状和 颜色，以中心为圆点自转，以中心为圆点旋转，产生淡入淡出效果等。各种变化 可以独立进行，也可合成复杂的动画。动作动画可以借助于引导层使对象沿任意 路径运动，即创建引导动作动画。动作动画可以借助遮罩层的作用产生千奇百态 的动画效果。 2）形状动画：也叫变形动画，属于补间动画的一种。它是由一种形状对

3、象逐渐变 为另外一种形状对象。Flash8可以将图形、打碎的文字和分离后的点阵图进行变 形。Flash8不能将实例、未打碎的文字、点阵图像、群组对象进行变形。 在形状动画中，对象位置和颜色的变换是在两个对象之间发生的变化，而 在动作动画中，变化的是同一个对象的位置和颜色属性。 9.1 案例36 “捕猎”动画 相关知识 2时间轴组成 Flash8的时间轴是用来进行动画制作和编辑的主要工具，一般位 于常用工具栏的下面，用户可以使用鼠标拖动它，改变它在窗口 中的位置。每一个动画都有与它相应的时间轴。 如图9-6所示，“时间轴”面板可以分为“顶区”、“图层区”、 “时间帧区”和“状态栏”。 9.1 案

4、例36 “捕猎”动画 相关知识 （1）“顶区”由两行组成，第一行是切换行，只要单击相应的文件名就可以在几个fla或swf 文件之间进行切换。第二行从左向右是当前场景的名称、编辑场景和编辑元件间的切换、场 景显示比例。 （2）“图层控制区”最上面有三个图标，“显示/隐藏图层”按钮，表示是否显示该图层的 内容，图标为时不显示，图标为时显示；“锁定/解除锁定”按钮，表示是否锁定该图层，被 锁定图层中的对象将不能被编辑，图标为时锁定，图标为时不锁定；“显示所有图层的轮廓 ”按钮，表示是否用轮廓线显示图形对象，图标为时是正常显示，图标为时表示用轮廓线显 示。最下面一行的按钮表示插入新图层； 按钮表示添加

5、运动引导层； 按钮表示插入图层文 件夹；按钮表示删除图层。 图层有以下几种： 1）“图层文件夹”按钮，组织动画序列的组件和分离动画对象，有两种状态， 是打开时的 状态，是关闭时的状态。 2）“引导层”按钮，使被引导层中的元件沿引导线运动，该层下的图层为“被引导层”。 3）“遮罩层”按钮，使“被遮罩层”中的动画元素只能透过遮罩层被看到，“遮罩层”下的 图层就是“被遮罩层”。 4）“普通层”按钮，放置各种动画元素。9.1 案例36 “捕猎”动画 相关知识 （3）“时间帧区”用来设置动画运动的方式、播放的顺序及时间等。上边的第一 行是时间轴帧刻度，用来标注随时间变化所对应的帧号码。下边是帧工作区，它

6、 给出各帧的属性信息。在一个图层的水平方向上划分为许多个帧单元格。时间轴 中的红色竖线为“播放头”，拖动播放头时可浏览动画或是选择需要处理的帧。 1）空白帧：也叫帧。该帧内是空的，没有任何对象，也不可以在其内创建对象。 2）空白关键帧：也叫白色关键帧。帧单元格内有一个空心的圆圈，表示它是一个 没有内容的关键帧。 3）关键帧：帧单元格内有一个实心的圆圈，表示该帧内有对象，可以进行编辑。 4）普通帧：在关键帧的右边的浅灰色背景帧单元格是普通帧，表示它的内容与左 边的关键帧内容一样。 5）动作帧：该帧本身也是一个关键帧，其中有一个字母a，表示这一帧中分配有 动作脚本。 6）过渡帧：它是两个关键帧之间

7、，创建补间动画后由Flash计算生成的帧，它的 底色为浅蓝色（动作动画）或浅绿色（形状动画）。不可以对过渡帧进行编辑。 （4）“状态栏”位于时间轴的最下方，指示所选的帧编号、当前帧频以及到当前 帧为止的运行时间。最左边的是一组“帧显示模式”按钮，它能将某个动画过程 以一定透明度完整地显示出来，而且还可以进行“多帧编辑”。 9.1 案例36 “捕猎”动画 相关知识 3选择帧 编辑帧以前应先选中要编辑的帧。选择帧的方法如下所述。 （1）选中一个帧：单击一帧的单元格，即可选中该帧。 （2）选中连续的多个帧：按住Shift键，单击选中一个或多个动画所在 图层内左上角的帧，再单击右下角帧，即可选中连续的

8、所有帧。另外， 单击选中某一个非关键帧，再拖动鼠标，也可以选中连续的多个帧。 （3）选中一个图层的所有帧：单击控制区域内的某一图层，即可选中该 图层的所有帧。 （4）选中多个连续图层的所有帧：按住Shift键，单击控制区域内的连 续图层中第一个图层，再单击连续图层中最后一个图层，即可选中多个 连续图层内的所有帧。 （5）选中多个图层的所有帧：按住Ctrl键，单击控制区域内的各个图层 ，即可选中多个图层内的所有帧。 （6）选择所有帧：单击选中帧快捷菜单中的“选择所有帧”命令。 9.1 案例36 “捕猎”动画 相关知识 4移动帧、复制帧、插入帧和删除帧 （1）移动帧：在时间轴中选中若干帧，用鼠标拖

9、动选中的帧，可以把它们移到目的位置。 （2）复制帧和移动帧：选中要移动的帧，单击帧快捷菜单中的“复制帧”（“剪切帧”）命 令，将选中的帧复制（剪切）到剪贴板内。再在时间轴窗口中单击选中一个帧单元格，然后 打开帧快捷菜单，单击快捷菜单中的“粘贴帧”命令，即可把剪贴板中的若干帧粘贴到时间 轴窗口选定的帧内，从而实现复制帧（移动帧）。 （3）插入普通帧：单击选中要插入普通帧的帧单元格，然后按F5键。这时就会在选中的帧单 元格中新增加一个普通帧，该帧单元格中原来的帧及它右面的帧都会向右移动一帧。 （4）插入关键帧：单击选中要插入关键帧的帧单元格，然后按F6键或单击帧快捷菜单中的“ 插入关键帧”命令。

10、（5）插入空白关键帧：单击选中要插入空白关键帧的帧单元格，然后按F7键或单击帧快捷菜 单中的“插入空白关键帧”命令。 （6）插入动作帧：右击选中要插入动作的帧，在弹出的快捷菜单中选择“动作”命令，打开 “动作-帧”面板后，添加相应脚本程序。当影片播放到动作帧时会执行相应的脚本程序。 （7）删除帧：在时间轴窗口中选中要删除的一个或多个帧，然后单击帧快捷菜单中的“删除 帧”命令。按Shift+F5组合键，也可以删除选中的帧。 （8）清除关键帧：单击选中要删除的关键帧，然后单击帧快捷菜单中的“删除关键帧”菜。 （9）清除帧：单击选中要清除的帧，然后单击帧快捷菜单中的“清除帧”命令，可将选中的 帧中的

11、内容清除，使该帧成为空白关键帧。 9.2 案例37 “翻页图册”动画 案例效果 “翻页图册”动画播放后，画册的第1页慢慢向左翻开，当翻页翻 到背面后，背面的图像与正面的图像不一样。该动画播放中的3幅 画面如图9-7所示。所需素材在“案例37素材”文件夹中。通过学 习本案例，可以进一步掌握围绕中心点旋转动画的制作方法和制 作技巧，掌握动画关键帧“属性”面板的使用方法、转换为关键 帧和动画反向播放的方法。 9.2 案例37 “翻页图册”动画 相关知识 1关键帧的属性面板 单击选中动画关键帧，打开关键帧的“属性”面板。利用该面板 可以设置动画类型和动画其他属性。在“补间”下拉列表框中选 择“动画”选

12、项后，该面板如图9-13所示。该对话框内各选项的 作用如下所述。9.2 案例37 “翻页图册”动画 相关知识 （1）“”文本框：用来输入关键帧的标签名称。 （2）“标签类型”下拉列表框：在输入关键帧的标签名称后，此下拉列表框才会生效。该下拉列表框 可以用来定义标签的类型，其中有“名称”、“注释”、“锚点”3个选项。 （3）“补间”下拉列表框：用来选择动画类型，有“无”、“动画”、“形状”3个选项。选择“无” 选项，是没有动画；选择“动画”选项，是创建动作动画；选择“形状”选项，是创建形状动画。 （4）“缓动”文本框：可输入数据或调整滑条的滑块（数值范围是-100100），来调整运动的加速度 。

13、其值为负数时为动画逐渐加速变化，其值为正数时为动画逐渐减速变化。 （5）“旋转”下拉列表框：用来控制对象在运动时是否自旋转和旋转方式。选择“无”选项，是不旋 转；选择“自动”选项，是按照尽可能少运动的情况下旋转对象；选择“顺时针”选项，是顺时针旋转 对象；选择“逆时针”选项，是逆时针旋转对象。可以在其右边的文本框内输入旋转的次数。 （6）“调整到路径”复选框：选中它后，可将运动对象的基线调整到动动路径。 （7）“同步”复选框：选中它后，可使图形元件实例的动画与时间轴同步。 （8）“对齐”复选框：选中它后，可使运动对象的中心点标记与运动路径对齐。 （9）“声音”下拉列表框：该下拉列表框用来选择导

14、入的声音名称。选择一种声音名称后，会将声音 加入动画，时间轴的动画图层中会出现一条水平波纹线。 （10）“效果”下拉列表框：该下拉列表框用来选择导入声音的播放效果。 （11）“同步”下拉列表框：用来选择影片剪辑实例在循规蹈矩环播放时与主电影相匹配的方式。该下 拉列表框有“事件”、“开始”、“停止”、“数据流”4个选项。 （12）“声音循环”下拉列表框：用来选择播放声音的方式，它有“重复”和“循环”两个选项。选择 “重复”选项后，其右边会出现一个“循环次数”文本框，用来输入播放声音的循环次数。选择“循环 ”选项后，声音会不断循环播放。9.2 案例37 “翻页图册”动画 相关知识 2转换为关键帧和

15、动画反向播放 （1）转换为关键帧：单击选中要转换的普通帧，然后单击帧快捷菜单中 的“转换为关键帧”命令。 （2）动画反向播放：就是使起始帧变为终止帧，终止帧变为起始帧。单 击选中一段动画（可以包括多个图层），然后单击帧快捷菜单中的“翻 转帧”命令。 9.3 案例38 “飞舞的蜻蜓”动画 案例效果 “飞舞的蜻蜓”动画播放后的一幅画面，有一只蜻蜓在园林背景上呈圆 圈形循环不止的飞舞。所需素材在“案例38素材”文件夹中。通过学习 本案例，可以掌握制作引导动画的方法，以及引导层与普通图层的关联 和设置图层属性的方法。9.3 案例38 “飞舞的蜻蜓”动画 相关知识 1引导层 在引导层内创建图形，可以在绘

16、制图形时起到辅助作用，以 及起到运动路径的引导作用。引导层中的图形只能在舞台工 作区内看到，在输出的电影中不会出现的。另外，还可以把 多个普通图层关联到一个引导层上。在时间轴窗口中，引导 层名字的左边有“运动引导层”图标或“普通引导层”图标 ，它们代表了不同的引导层，不同的引导层有不同的作用。 （1）运动引导层：它可以引导对象沿辅助线移动，产生引导 动作动画。单击时间轴左下角的“添加运动引导层”按钮， 即可在选中图层的上边增加一个运动引导层。 （2）普通引导层：它只起到辅助绘图的作用。创建普通引导 层的方法是先创建一个普通图层，再将鼠标指针移动该图层 名称处右击，弹出图层快捷菜单，如图9-18所示，再单击快 捷菜单中的“引导层”命令，如图9-17的“引导层：图层2” 所示。9.3 案例38 “飞舞的蜻蜓”动画 相关知识 2引导层与普通层的关联 （1）引导层与普通层的关联：用鼠标把一个图层区域内的普通图层拖