《中文Flash CS3案例教程(第二版) 教学课件 ppt 作者 沈大林 主编 第4章 基本动画的制作》由会员分享，可在线阅读，更多相关《中文Flash CS3案例教程(第二版) 教学课件 ppt 作者 沈大林 主编 第4章 基本动画的制作（19页珍藏版）》请在金锄头文库上搜索。
1、,第 4 章 4.1,基本动画的制作 【案例 14】倒计时数字,相关知识 1动画的种类 （1）帧帧动画：帧帧动画的每一帧都由制作者确定，而不是由 Flash 通过计算得到，然后连续依次播放这 些画面，即可生成动画效果。帧帧动画适于制作非常复杂的动画，GIF 格式的动画就是属于这种动画。与过渡动 画相比，通常帧帧动画的文件字节数较大。为了使一帧的画面显示的时间长一些，可以在关键帧后边添加几个与 关键帧内容一样的普通帧。 （2）补间动画：它也叫过渡动画。制作若干个关键帧画面，由 Flash 计算生成各关键帧之间的各个帧，使 画面从一个关键帧过渡到另一个关键帧。补间动画又分为动作动画和形状动画。在补
2、间动画中，可以制作各种移 动动画、变色动画、大小变化动画、旋转动画等。在动作动画中，还可以制作围绕中心点自转的动画、围绕中心 点摆动的动画等。 2不同种类动画的帧,（1）动作动画 （2）形状动画,：在关键帧之间有一条水平指向右边的箭头，该帧为浅蓝色背景。 ：在关键帧之间有一条水平指向右边的箭头，该帧为浅绿色背景。,（3）虚线,：表示在创建补间动画中存在错误，无法正确完成动画的制作。,3动作动画的特点 动作动画是补间动画中的一种。在 Flash CS3 中可以创建出丰富多彩的动作动画效果，可以使一个对象在画 面中沿直线移动，沿曲线移动，变换大小、形状和颜色，以中心为圆点自转，以中心为圆点旋转，产
3、生淡入/淡 出效果等。各种变化可以独立进行，也可合成复杂的动画。例如一个对象不断自转的同时还水平移动。 Flash CS3 可以使实例、图形、图像、文本和组合产生动作动画。创建动作动画后，自动将对象转换成补间 的实例，“库”面板中会自动增加元件，名字为“补间 l”、“补间 2”等。 动作动画可以借助于引导层使对象沿任意路径运动，即创建引导动作动画。动作动画可以借助遮罩层的作用 产生千奇百态的动画效果。 4创建动作动画的方法 方法一：创建动作动画起始关键帧的对象，单击“选择工具”按钮 ，右击关键帧，弹出帧快捷菜单，单击 “创建补间动画”命令，也可以单击“插入”“时间轴”“创建补间动画”命令，使该
4、关键帧具有补间动画 属性；然后，单击动画的终止关键帧，按【F6】键。 方法二：创建动作动画起始关键帧的对象，单击“选择工具”按钮 ，单击动作动画的终止帧，按【F6】键， 创建动作动画终止关键帧；右击两个关键帧之间的帧，弹出帧快捷菜单，单击“创建补间动画”命令。,4.2,【案例 15】摆动模拟指针表,相关知识 1动画关键帧的“属性”面板 选中动画关键帧，弹出动画关键帧的“属性”面板。利用该面板可以设置动画类型和动画其他属性。在“补 间”下拉列表框中选择“动画”后，该面板如图 4-2-14 所示。该面板内有关选项的作用如下：,图 4-2-14,动画关键帧的“属性”面板,（1）“”文本框：用来输入关
5、键帧的标签名称。 （2）“标签类型”下拉列表框：在输入关键帧的标签名称后该下拉列表框才会生效。可用来定义标签的类型， 其中有 “名称”、“注释”、“锚点”三个选项。 例如：选中动作动画的第 1 关键帧，在其“属性”面板的“”文本框中输入“第 1 帧”文字后，时 间轴的第 1 关键帧内会显示标签的名称。如果在“标签类型”下拉列表框中选择不同选项，则该关键帧内的红色 标记图案会不一样，其作用也会不一样。选择“名称”时，程序中可以利用该名称。 （3）“补间”下拉列表框：用来选择动画类型。它有三个选项，选择“无”，是没有动画；选择“动画”，是,创建动作动画；选择“形状”，是创建“形状”动画。,（4）“
6、缓动”文本框：可输入数据或调整滑条的滑块（数值范围是-100100），来调整运动的加速度。其值,为负数时为动画在结束时加速，其值为正数时为动画在结束时减速。,（5）“旋转”下拉列表框：用来控制对象在运动时的旋转方式。选择“无”是不旋转；选择“自动”是按照,尽可能少运动的情况下旋转；选择“顺时针”选项是顺时针旋转象；选择“逆时针”是逆时针旋转。可以在其右,边的“次”文本框内输入旋转的次数。,（6）“调整到路径”复选框：选中它后，可将运动对象的基线调整到运动路径。,（7）“同步”复选框：选中它后，可使图形元件实例的动画与主时间轴同步。,（8）“对齐”复选框：选中它后，可使运动对象的中心点标记与运动
7、路径对齐。,2插入、删除和转换帧,（1）插入普通帧：选中要插入普通帧的帧单元格，然后按【F5】键。这时就会在选中的帧单元格中新增加,一个普通帧，该帧单元格中原来的帧以及它右面的帧都会向右移动一帧。,（2）删除帧：在时间轴窗口中选中要删除的一个或多个帧，然后单击帧快捷菜单中的“删除帧”命令。按,【Shift+F5】组合键，也可以删除选中的帧。,（3）插入关键帧：选中要插入关键帧的帧单元格，然后按【F6】键或单击帧快捷菜单中的“插入关键帧”,命令。,（4）插入空白关键帧：单击选中要插入空白关键帧的帧单元格，然后按【F7】键或单击帧快捷菜单中的“插,入空白关键帧”命令。,（5）清除关键帧：选中要删除
8、的关键帧，然后单击帧快捷菜单中的“删除关键帧”命令。此时，原关键帧,中的内容会被前面的关键帧内容取代。,（6）清除帧：选中要清除的帧，然后单击帧快捷菜单中的“清除帧”命令，可将选中的帧中的内容清除，,使该帧成为空白关键帧。,（7）转换为关键帧（或空白关键帧）：选中要转换的普通帧，然后单击帧快捷菜单中的“转换为关键帧”（或,“转换为空白关键帧”）命令。,4.3,【案例 16】人和大自然,相关知识 1引导层 可以在引导层内创建图形等，这可以在绘制图形时起到辅助作用，以及起到运动路径的引导作用。引导层中 的图形只能在舞台工作区内看到，在输出的影片中不会出现。另外，还可以把多个普通图层关联到一个引导层
9、上。 在时间轴窗口中，引导层名字的左边有 图标（运动引导层）或 图标（普通引导层）。它们代表了不同的引导 层，作用也不同。 （1）运动引导层：可以引导对象沿辅助线（也叫引导线）移动，产生引导动作动画。单击时间轴左下角的,“添加运动引导层”按钮,，即可在选中图层的上边增加一个运动引导层。,（2）普通引导层：只起到辅助绘图的作用。创建普通引导层的方法是，创建一个普通图层。将鼠标指针移 到该图层名字处，右击，弹出图层快捷菜单，如图 4-3-11 所示。单击选中“引导层”命令，其结果如图 4-3-12 所示。,图 4-3-11,图层快捷菜单,图 4-3-12,创建普通引导层,2引导动画的制作方法 （1
10、）按照上述方法建立沿直线移动的动作动画，例如圆球从左移到右边的动画。,（2）单击时间轴左下角的“添加运动引导层”按钮,，则选中图层（此处是“图层 1”图层）的上边会增加,一个引导层（也叫导向图层），同时选中的图层自动成为与引导层相关联的被引导层。关联的图层名字向右缩进， 表示它是关联的图层。此外，还可以通过单击“插入”“时间轴”“运动引导层”命令，来增加一个引导层。 （3）选中引导层，在舞台工作区内绘制路径曲线（辅助线），如图 4-3-13 所示。选中引导层的第 30 帧，按 【F5】键，创建一个普通帧。,图 4-3-13,引导动画的时间轴和引导线,（4）选中“图层 1”图层的第 1 帧，选中
11、“属性”面板内的“对齐”复选框，用鼠标拖动对象（圆球）到 辅助线的起始端或辅助线上，使对象的中心十字与辅助线起始点或辅助线重合。再选中终止帧，用鼠标拖动圆球 到辅助线的终止端或辅助线上，使对象的中心十字与辅助线终止点或辅助线重合。 （5）按【Enter】键，播放动画，可以看到小球沿绘制的辅助线移动。按住【Ctrl+Enter】，播放动画，此 时辅助线不会显示出来。 3引导层与普通图层的关联 （1）引导层与普通图层的关联：其方法是把一个图层控制区域内的普通图层拖动到运动引导层或普通引导 层的右下边，再松开鼠标左键，如果原来的引导层是普通引导层，与普通图层关联后会自动变为运动引导层。一 个引导层可
12、以与多个普通图层关联。如果要断开图层与引导层的关联，可在图层控制区域内把已关联的图层拖动,到运动引导层的左下边。此时，如果运动引导层没有与它相关联的图层，则该运动引导层会自动变为普通引导层。,（2）引导层转换为普通图层：选中引导层，再单击图层快捷菜单中的“引导层”命令，使它左边的对钩消,失，这时它就转换为普通图层了。,4设置图层的属性,选中一个图层，单击“修改”“时间轴”“图层属性”命令，弹出“图层属性”对话框，如图 4-3-14,所示。其中各选项的作用如下：,图 4-3-14 “图层属性”对话框,（1）“名称”文本框：给选定的图层命名。,4.4,（2）“显示”复选框：选中该复选框后，表示该层
13、处于显示状态，否则处于隐藏状态。,（3）“锁定”复选框：选中该复选框后，表示该层处于锁定状态，否则处于解锁状态。,（4）“类型”选项组：利用该选项组中的单选按钮，可以用来确定选定图层的类型。,（5）“轮廓颜色”按钮：单击该按钮，打开颜色板，用颜色板可以设定在以轮廓线显示图层对象时，轮廓线,的颜色。它仅在“将图层视为轮廓”复选框被选中时有效。,（6）“将图层视为轮廓”复选框：选中该复选框后，将以轮廓线方式显示该图层内的对象。,（7）“图层高度”下拉列表框：用来选择一种百分数，在时间轴窗口中可以改变图层帧单元格的高度，它在,观察声波图形时非常有用。,【案例 17】弹跳彩球和字母变换,相关知识,1形
14、状动画的基本制作方法,形状动画也叫变形动画，它是由一种形状对象逐渐变为另外一种形状对象。Flash CS3 可以将图形、分离的,文字、分离后的点阵图和由点阵图转换的矢量图形进行变形。Flash CS3 不能将实例、未分离的文字、点阵图像、,群组对象进行变形。,在形状动画中，对象位置和颜色的变换是在两个对象之间发生的，而在动作动画中，变化的是同一个对象的,位置和颜色属性。,下面通过制作一个彩球变化为七彩矩形的形状动画来介绍形状动画的制作方法。,（1）选中在时间轴内一个空白关键帧作为动画的开始帧。然后，在舞台工作区内创建一个符合要求的对象，,作为形状动画的初始对象。此处绘制一个红色立体彩球。,（2
15、）选中形状动画的第 1 个关键帧，再选择“属性”面板内“补间”下拉列表框中的“形状”，此时该面板,如图 4-4-12 所示。,（3）单击形状动画的终止帧，按【F6】键，创建动画的终止帧为关键帧。此时，在时间轴上，从第 1 帧到,终止帧之间会出现一个指向右边的箭头，帧单元格的背景为浅绿色。,（4）在舞台工作区内创建一个符合要求的对象，作为形状动画的终止对象（例如绘制一个七彩色放射状渐,变填充的矩形），再将该帧内原有的对象（例如红色立体彩球）删除。,注意：一定要先创建新对象，再删除原对象；关键帧内创建的对象必须是图形、打散的文字或打散的点阵,图像。,图 4-4-12,形状动画关键帧的“属性”面板,
16、2形状动画关键帧的“属性”面板 选择动画关键帧“属性”面板内的“补间”下拉列表框中的“形状”后，“属性”面板如图 4-4-4 所示。“属 性”面板中各选项的作用如下： （1）“缓动”文本框：用来设置动画的加速度。 （2）“混合”下拉列表框：该下拉列标框内各选项的作用如下： “角形”选项：选择该选项后，创建的过渡帧中的图形更多地保留了原来图形的尖角或直线的特征。如 果关键帧中图形没有尖角，则与选择“分布式”的效果一样。 “分布式”选项：选择该选项后，可使形状动画过程中创建的中间过渡帧的图形较平滑。 3添加形状提示 为了使形状动画中间过程不一样，可使用形状提示来控制变形过程。形状提示就是在形状的初始图形与结束 图形上，分别指定一些形状的关键点，并使这些关键点在起始帧中和结束帧中一一对应，这样 Flash 会根据这些,关键点的对应关系计算形状变化的过程。 （1）选中时间轴上第 1 帧单元格，再单击“修改”“形状”“添加形状提示”命令，或按【Ctrl+Shift+H】 组合键，即可在第 1 帧中加入一个形状标记 a。
