Dreamweaver 8和Flash 8案例教程 动画制作

《Dreamweaver 8和Flash 8案例教程 动画制作》由会员分享，可在线阅读，更多相关《Dreamweaver 8和Flash 8案例教程 动画制作（114页珍藏版）》请在金锄头文库上搜索。

1、第第1010章章 动动 画画 制制 作作【案例34】“旋转移动的扇叶”动画 10.1【案例35】“人和自然”动画10.2【案例36】“奔驰火车头”动画10.3【案例39】“自转地球”动画10.6【案例37】“移动的探照灯光”动画10.4【案例38】“变化文字”动画10.510.1 10.1 【案例案例3434】“ “旋转移动的扇叶旋转移动的扇叶 ” ”动画动画10.1.1 学习目标“旋转移动的扇叶”动画播放后，画面 出现一个扇叶一边围绕中心顺时针旋转， 一边移动。动画播放后的两幅画面如图10- 1-1所示。图10-1-1 “旋转移动的扇叶”动画播放后的两幅画面通过制作该案例，可以进一步了解制

2、作动作动画的方法，了解动画的种类，进 一步了解时间轴的结构特点，以及时间轴 中各种帧的特点。 10.1.2 操作过程10.1.3 相关知识1动画的种类和动作动画的特点（1）动画的种类：Flash动画分为帧 帧动画和动作动画两大类，它们的特 点如下。帧帧动画：帧帧动画的每一帧都由制作者 确定，而不是由Flash通过计算得到，然后 连续依次播放这些画面，即可生成动画效 果。帧帧动画适于制作非常复杂的动画， Gif格式的动画就是属于这种动画。与过渡 动画相比，通常帧帧动画的文件字节数较 大。为了使一帧的画面显示的时间长一些 ，可以在关键帧后边添加几个与关键帧内 容一样的普通帧。补间动画：它也叫过渡动

3、画。制作若干关 键帧画面，由Flash计算生成各关键帧之间 的各个帧，使画面从一个关键帧过渡到另 一个关键帧。补间动画又分为动作动画和 形状动画。（2）动作动画的特点：动作动画是补 间动画的一种。在Flash 8中可以创建出 丰富多彩的动作动画效果，可以使一个 对象在画面中沿直线移动，沿曲线移动 ，变换大小、形状和颜色，以中心为圆 点自转，以中心为圆点旋转，产生淡入 淡出效果等。各种变化可以独立进行， 也可合成复杂的动画。例如一个对象不 断自转的同时还水平移动。Flash 8可以使实例、图形、图像、文 本和组合产生动作动画。创建动作动画后 ，自动将对象转换成补间的实例，“库”面 板中会自动增加

4、元件，名称为“补间l”、“ 补间2”和“补间3”等。动作动画可以借助于引导层使对象沿 任意路径运动，即创建引导动作动画。动 作动画还可以借助遮罩层的作用产生千奇 百态的动画效果。时间轴窗口如图10-1-5所示。其中，有 许多图层和帧单元格（简称为帧），每一 行表示一个图层，每一列表示一帧。各个 帧的内容会不相同，不同的帧表示了不同 的含义。2时间轴的帧特点图10-1-5 时间轴窗口（1）空白帧 ：也叫做帧。该帧内是 空的，没有任何对象，也不可以在其内 创建对象。（2）空白关键帧 ：也叫做白色关 键帧。帧单元格内有一个空心的圆圈 ，则表示它是一个没有内容的关键帧 。如果新建一个Flash文件，则

5、会在 第1帧自动创建一个空白关键帧。空 白关键帧内可以创建各种对象。选中 某一个空白帧，再按F7键，即可将它 转换为空白关键帧。（3）关键帧 ：帧单元格内有一个 实心的圆圈，表示该帧内有对象，可 以进行编辑。选中一个空白帧，再按 F6键，即可创建一个关键帧。（4）普通帧 ：在关键帧的右边的 浅灰色背景帧单元格是普通帧，表示 它的内容与左边的关键帧内容一样。 选中关键帧右边的一个空白帧，再按 F5键，则从关键帧到选中的帧之间的 所有帧均变成普通帧。（5）动作帧 ：该帧本身也是一个 关键帧，其中有一个字母“a”，表示 这一帧中分配有动作脚本。当影片播 放到这一帧时会执行相应的脚本程序 。要加入动作

6、需弹出“动作-帧”面板 。（6）过渡帧：它是两个关键帧之间 ，创建补间动画后由Flash计算生成 的帧，它的底色为浅蓝色或浅绿色。 不可以对过渡帧进行编辑。创建不同帧的方法还有：选中某一个 帧单元格，再单击“插入”“时间轴 ”“”菜单命令；或者，将鼠标指针 移到要插入关键帧的帧单元格处，单击右 键，弹出快捷菜单，再单击快捷菜单中相 应的菜单命令。（7）不同种类动画的帧：动作动画 、形状动画和动作动画错误的帧特点 如下。动作动画 ：在关键帧之间有一 条水平指向右边的箭头，帧为浅蓝色背景 。形状动画 ：在关键帧之间也有一 条水平指向右边的箭头，帧为浅绿色背景 。动画错误 ：表示在创建动作动 画中存

7、在错误，无法正确完成动画的制作 。在选中一个或多个关键帧后，执行下 面的操作均可以将选中的一个或多个关键 帧转换为动作动画的关键帧，从而创建动 作动画。常用的创建动作动画的方法如下 。3使关键帧成为动作动画的关键帧（1）使用工具箱内的选择工具 ， 选中动画的第1个关键帧，单击鼠标 右键，弹出帧快捷菜单命令，单击该 菜单命令中的“创建补间动画”菜单命 令或单击“插入”“时间轴”“创建 补间动画”菜单命令。选中动画的最 后一个关键帧，按F6键。（2）使用工具箱内的选择工具 ， 按住Shift键，选中动画的第1个关键 帧，再选中动画的最后一个关键帧， 单击鼠标右键，弹出帧快捷菜单命令 ，单击该菜单命

8、令中的“创建补间动 画”菜单命令或单击“插入”“时间轴 ”“创建补间动画”菜单命令。选中动画关键帧，弹出动画关键帧的“ 属性”面板。利用该面板可以设置动画类型 和动画其他属性。在“补间”下拉列表框中 选择了“动画”选项（应该翻译为“动作选项 ”）后，该面板如图10-1-6所示。该对话框 内有关选项的作用如下。4动画关键帧的“属性”面板图10-1-6 动画关键帧的“属性”面板 （1）“”文本框：用来输入 关键帧的标签名称。 （2）“标签类型”下拉列表框：在输 入关键帧的标签名称后“标签类型”下 拉列表框才会生效。该下拉列表框可 以用来定义标签的类型，其中有三个 选项“名称”、“注释”、“锚点”。

9、例如：单击选中动作动画的第1关键帧 ，在其“属性”面板“”文本框中输 入“第1帧”文字后，时间轴的第1关键帧内 会显示标签的名称。如果在“标签类型”下 拉列表框中选择不同选项，则该关键帧内 的红色标记图案会不一样，其作用也会不 一样。选择“名称”选项时，程序中可以利 用该名称。（3）“补间”下拉列表框：用来选择 动画类型。它有三个选项：选择“无” 选项，是没有动画；选择“动画”选项 ，是创建动作动画；选择“形状”选项 ，是创建“形状”动画。（4）“缓动”文本框：可输入数据或 调整滑条的滑块（数值范围是100到 100），来调整运动的加速度。其值 为负数时为动画在结束时加速，其值 为正数时为动画

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

11、声音加入动画 ，时间轴的动画图层中会出现一条水 平波纹线，反映加入了声音。 （10）“效果”下拉列表框：该下拉列 表框用来选择导入声音的播放效果。（11）“同步”下拉列表框：用来选择 影片剪辑实例在循环播放时与主电影 相匹配的方式。该下拉列表框中有4 个选项：“事件”、“开始”、“停止”、 “数据流”。（12）“声音循环”下拉列表框：用来 选择播放声音的方式，它有“重复”和 “循环”两个选项。选择“重复”选项后 ，其右边会出现一个“循环次数”文本 框，用来输入播放声音的循环次数。 选择“循环”选项后，声音会不断循环 播放。10.2.1 学习目标“人和自然”动画播放后，在森林中， 一只狗和一只豹

12、子在来回奔跑戏耍，在画 面的左上角，一个女人的眼睛一会儿睁开 一会儿闭上。这个画面很自然地使人想到“ 人和自然”这个主题，人和动物应该和谐地 生活在大自然中。10.2 10.2 【案例案例3535】“ “人和自然人和自然” ”动画动画图10-2-1 “人和自然”动画播放后的2幅画面通过制作该案例，可以掌握利用连续 动作的一系列图像制作动画的方法，进一 步掌握制作动作动画的方法。动画播放后 的2幅画面如图10-2-1所示。 10.2.2 操作过程1选择帧编辑帧以前应先选中要编辑的帧。在 时间轴中选中若干帧，然后单击右键，即 可弹出帧快捷菜单，常常需要使用帧快捷 菜单中的菜单命令来编辑帧。选择帧的

13、方 法如下。 （1）选中一个帧：单击一帧的单元 格，即可选中该帧。10.2.3 相关知识（2）选中连续的多个帧：按住Shift 键，选中一个或多个动画所在图层内 左上角的帧，再单击右下角的帧，即 可选中连续的所有帧。另外，选中某 一个非关键帧，再拖曳鼠标。 （3）选中一个图层的所有帧：单击 控制区域内的某一图层，即可选中该 图层的所有帧。（4）选中多个连续图层的所有帧： 按住Shift键，单击控制区域内的连续 图层中第1个图层，再单击连续图层 中最后一个图层，即可选中多个连续 图层内的所有帧。 （5）选中多个图层的所有帧：按住 Ctrl键，单击控制区域内的各个图。 （6）选择所有帧：选中帧快捷

14、菜单 中的“选择所有帧”菜单命令。（1）移动帧：在时间轴中选中若干 帧，用鼠标拖曳选中的帧，可以把它 们移到目的位置。2移动帧、复制帧和调整过渡帧的数 量（2）复制帧和移动帧：选中要移动 的帧，单击帧快捷菜单中的“复制帧” （或“剪切帧”）菜单命令，将选中的 帧复制（剪切）到剪贴板内。再在时 间轴窗口中选中一个帧单元格，然后 弹出“帧”快捷菜单，单击快捷菜单中 的“粘贴帧”，即可把剪贴板中的若干 帧粘贴到时间轴窗口选定的帧内，从 而实现复制帧（移动帧）。（3）调整过渡帧的数量：在创建了 运动或形状动画后，如果要调整过渡 的长度，可以先选中起始或结束关键 帧，然后用鼠标水平拖曳该帧单元格 ，在拖

15、曳帧单元格的时候，可能会出 现只拖曳了结束帧单元格 ，此时需 要再拖曳终止关键帧，使它与结束帧 单元格 重合。（1）插入普通帧：选中要插入普通帧 的帧单元格，然后按F5键。这时就会 在选中的帧单元格中新增加一个普通 帧，该帧单元格中原来的帧以及它右 面的帧都会向右移动一帧。 （2）删除帧：在时间轴窗口中选中要 删除的一个或多个帧，然后单击帧快 捷菜单中的 “删除帧”菜单命令。按住 Shift+F5键，也可以删除选中的帧。3插入帧和删除帧（3）插入关键帧，选中要插入关键 帧的帧单元格，然后按F6键或单击帧 快捷菜单中的“插入关键帧”菜单命令 。 （4）插入空白关键帧：选中要插入 空白关键帧的帧单

16、元格，然后按F7键 或单击帧快捷菜单中的“插入空白关 键帧”菜单命令。（5）清除关键帧：选中要删除的关 键帧，然后单击帧快捷菜单中的“删 除关键帧”菜单命令。此时，原关键 帧中的内容会被前面的关键帧内容取 代。 （6）清除帧：选中要清除的帧，然 后单击帧快捷菜单中的“清除帧”菜单 命令，可将选中的帧中的内容清除， 使该帧成为空白关键帧。（1）转换为关键帧（或空白关键帧） ：选中要转换的普通帧，然后单击帧 快捷菜单中的“转换为关键帧”（或“转 换为空白关键帧”）菜单命令。4转换为关键帧和动画反向播放（2）动画反向播放：动画反向播放 就是使起始帧变为终止帧，终止帧变 为起始帧。选中一段动画，可以包括 多个图层，然后单击帧快捷菜单中的 “翻转帧”菜单命令。 10.3.1 学习目标“奔驰火车头”动画播放后，一列精致 的玩具小火车，沿着