Flash动画设计与应用

1、第四章flash 动画设计与应用flash的启动：单击桌面上的图标：- macromedia flash mx或：单击“开始” “程序”, "macromedia” , macromedia flash mx新建一个frash文档：第一次运行flash mx程序时，会自动建立一个新文件（或通过单击“文件”“新建”，选择“常规” “flash文档”）（演示）4. 2. 4绘图工具栏的使用frash中的图形由轮廓线、填充色二个独立的部 分组成。因此在绘制图形前，应选择相应的线条颜色 和填充颜色。1、“线条颜色工具”.用于指定当前的线条颜色2、“填充颜色工具”用于指定当前的填充颜色3、“椭

2、圆工具” °用于绘制椭圆。按住shift键，可绘制出正圆形4、“矩形工具” 用于绘制矩形。按住shift键，可绘制出正方形3、 “铅笔工具” “用来在动画中绘制线条、和图形的轮廓通过附加选项，可绘制：s伸直折线、折线图形、矩形;旧平沿 曲线、曲线图形、椭圆;t凄水：任意线条、或由其组成的图形;说明：(1)有些图形可能 不要轮廓线、填充色可选择：无线条颜色、或无填充颜色(演示：见“工具练习”)(2)有些图形可能要 改变或去掉轮廓线、填充色4、“箭头工具”（或“选择工具”）、用来选择一个对象或区域。单击对象：选择一个对象，如：一段线、图形的填充区域、文字块等；双击对象：选择多个对象，如：

3、一段曲线、图形的填充区及边框；拖动鼠标：选择被封闭在该矩形区域内的所有内容5、“套索工具” ,可以用来选取任何形状范围内的对象，方法是：用鼠标拖出一个封闭的区域。8、“墨水瓶工具” 1改变一条线段、或图形轮廓线 的颜色、粗细、线形等、或在选定图形的外轮廓上加线条；9、“油漆桶工具”心改变图形的填充颜色；或：给封闭的轮廓线加填充色。演示：删除线条或填充颜色;修改线条或填充颜色;说明：在调色板上也可以增加新的颜色 演示:10、“文字工具” .用于创建和编辑文字对象。11、”自由变形工具”对图形进行缩放、旋转、倾斜和扭曲。12、“橡皮擦工具”有选择地删除任意的内容。在工具栏的下方“选项”中，可选择特

4、殊的擦除方式。4.3实例制作（演示：“课件演示”）4. 3. 1建立动画文件再建一个frash的新文档。文件建立之后，首先要定义文件的动画属性：单击“修改”菜单的“影片”（或“文档”）命令, 就会出现“影片属性”对话框其中“帧频”指动画文件每秒共播放多少帧画面，默认值是 12（ 建议设置为 12 - 30f/s ）。将场景的宽度设置成650px高度设置成400px背景颜色改为淡绿色； “帧频”改为 20完成后，单击“文件”菜单中的“ 另存为 ”命令，给文件 命名 后保存。4 3 3 组件和 蒙板 动画1、制作影片剪辑“旋转的地球”（见“ 演示课件 ”或“各种组件”中：旋转的地球）（ 1）单击“

5、 插入 ”菜单中的“ 新建元件 ”命令，弹出“新建元件”对话框：在“名称”框中输入“ 旋转的地球”设置类型为“ 影片剪辑 ”然后单击“确定”按钮，进入编辑模式在编辑区中， 用快捷菜单选择“标尺” ， 出现标尺将编辑区中心与播放区的 零点 重合 （ 宽、高点分别为： 0:0）, 并以此作为 影片剪辑的中心单击 第一帧 （自然成为关键帧）选取工具栏中的“椭圆工具” ：在 第一帧 的编辑区中绘制一个圆并删除圆的外边框单击 “ 窗口 ” 菜单的“ 调色板 ”命令，打开“调色板”浮动面板（或 “设计面板” 的 “混色器” ）选择“径向” （或 “放射状” ） ，将下方渐变条左边 的滑块颜色选 白色 ，右

6、边 的颜色调整为 浅兰色 （可添加到自定义色中）用“油漆桶工具”在圆形上单击调整其颜色和光线。用“箭头工具”选中该圆，按“ f8” 键（或快捷菜单） ， 将该圆 转换成元件 , 并命名为“地球”注意：使“地球”的中心点对准编辑区的0:0点。选择 第 40 帧 ：按下“ f5”键、或快捷菜单的“插入帧” ，使该圆在场景的第 1 帧到第 40 帧中完成后测试场景（ 2）单击“插入”菜单中的“图层”命令，或用快捷菜单 ，新建一个图层 2；选中该层的第 1 帧：单击“文件”菜单的“ 导入 ”的“ 导入到舞台 ”导入一个“世界地图 ”的图片文件用“变形工具”调整“世界地图”大小，选中该图片，按下“ f8

7、”键：将其 转换成元件 ，并命名为“世界地图”用“箭头工具”将其拖到 右边的起始位置在图层2的第40帧，按下“ f6”键(或快捷菜单)插入关键帧 ，选择工具选项“ 对齐对象 ”后用“箭头工具” 将其拖到 左边的终始位置在图层 2 的第 1 帧到第 40 帧之间：单击快捷菜单的 “ 创建动画动作 ”命令创建移动动画。(3) 完成后播放：单击“控制”菜单下的“播放”命令。我们看到，整个世界地图都显示在屏中，好象在一张 移动的地图 下，有一个静止的圆 。接下来，利用蒙板层给图层 2 创建一个蒙板效果：使得只能看到 在圆上移动地图看起来更象一个运动的地球（ 4）在“图层2 ”的上面新建一个图层“图层3

8、 ”通过“ 复制 ”和“ 粘贴 ” ，将“ 图层 1”中的圆，拷贝到 “图层 3” 的 第 1 帧并与图层 1 中的圆重叠 （或用 “粘贴到当前位置” ）在该层的层名上右击鼠标，在快捷菜单中选择：“遮蔽”命令，创建一个蒙板层注意： 一定要先解开该层 、及 下一层 的“锁”然后测试场景，再看一下效果。为了使制作的地球更有立体感，可以制作一个 隐约可见 的地球另一面的效果。（ 5）新建一个“图层4” ，选择第一帧：从库中将元件“ 世界地图 ” 拖入 该帧在属性面板中选择“颜色”栏中的“ alpha ”选项将其值设置为 30% 。 “世界地图”就成半透明利用“箭头工具”将“ 世界地图拖到 左边的 起

9、始位置在 “图层 4”的第 40 帧 插入关键帧将“ 世界地图 ”拖到 右边的 终始位置在图层 4 的第 1 帧到第 40 帧之间， “ 创建动画动作”(12) 在“图层 4”的上面新建一个图层“图层5”在该层创建一个蒙板层将“图层 1”中的圆复制到 “图层 5”的第 1 帧测试场景，再看一下效果。到此为止，已经制作好影片剪辑 “ 旋转的地球”2、制作制作 影片剪辑 “旋转的光环”(见“ 演示课件 ” 的库中：旋转的光环)制作好地球后，再做一个可以围绕它旋转的光环(1) 单击“插入”菜单中的“新建元件”命令在对话框中，设置名称为“ 旋转的光环”类型为“影片剪辑”在编辑区中绘制一个圆，删除圆的填

10、充色选中外边框，在其属性面板中选择线条的样式为“实线”，线条的粗细调为“ 9”，产生一个环回到编辑区，用“套索工具”和“油漆桶工具”将环设计成一个彩色的环将光环转换为图形元件，并命名为“彩色的光环在第40帧插入关键帧在第1帧和第40帧之间，“创建动画动作”测试场景，我们看到光环并没有转动(2)选中第1帧和第40帧之间的任一帧；右击鼠标，打开属性面板：先在“中间”框内选择“移动”再将“旋转”项设置为“顺时针”、“1”次(若未出现，单击属性面板右下角的按钮口i)测试场景。 “旋转的光环”组件也做好了。3、组件的整合制作 影片剪辑 “ 光环绕地球”(见“课件演示”的库中：光环绕地球)接下来，将两个做

11、好的 影片剪辑 组合到一起，就可以看到一个地球带着自己的光环旋转了。(1) “新建元件” ，设置名称为“ 光环绕地球”类型为“ 影片剪辑 ”(2) 单击“窗口”菜单的“库”命令将“库”打开将 影片剪辑 “ 旋转的地球 ”拖入到 第一帧(必须被选择)(3) 新建一个“图层 2” ：将 影片剪辑 “ 旋转的光环 ”拖到 第一帧选择“ 自由变形工具” ，向左拖动组件 上方的中间节点再将该组件逆时针稍稍旋转一点，效果如图:调整其与“旋转的光环”的位置、大小等。测试场景：可以看到地球和光环都在旋转，但是光环并没有围 绕在地球上。为了实现光环环绕地球的效果，又要用到蒙板层了(3)新建一个“图层3” ：将“

12、图层1”中的“旋转的地球”复制到“图层3”的第1帧中的相同位置上(4)在“图层3”上新建“图层4”：绘制一个和“旋转的地球”同样大小的无边线 圆形（将“笔触颜色”切换为“没有颜色”）选择“套索工具”，选中左下角半个圆形，按下“delete”键，将其删除，仅留下右上角半个圆将“图层4”作为蒙板层。将各个图层锁住，影片剪辑“光环绕地球”完成了测试场景，就可以看到该 影片剪辑的效果了说明：遮蔽层（蒙版层）产生的效果：（1）被遮蔽的可见效果（看指定部分）遮蔽层（上层）效果层 背景层视觉效果被遮蔽（2）被遮蔽的不可见效果（看其他部分）遮蔽层被遮蔽层效果层 背景层视觉(见“光环绕地球”中的图层2,看到一部

13、分环)(3)被遮蔽层的可达范围一个遮蔽层，可以遮蔽多个被遮蔽层以后插入、或拖入遮蔽层下的层，均被遮蔽(4)清除被遮蔽的效果删除遮蔽层、或：将被遮蔽层先拖到遮蔽层的上方(有多个被遮蔽层时)以后可拖到任意的层位,只要不满足(3)即可(演示“各种组件”场景5:遮蔽的效果)4、在一个新场景中插入影片剪辑(1)添加一个新场景单击“修改”菜单(或“窗口”、“设计面板”)的“场景”命令，弹出“场景”框 选择“场景1”单击“添加”按钮 i，添加“场景2”双击“场景2”，将其改名为“运动的地球”(2)插入影片剪辑“光环绕地球”在图层1上右击鼠标，然后单击“属性”弹出“图层属性”对话框将其名称命名为“会动的地球”

14、将影片剪辑“光环绕地球”拖到该层的第1帧中测试场景，看看效果吧。若“光环绕地球”的播放位置不合要求，调整它的 位置。5、调整元件的播放位置在编辑区中，用快捷菜单选择“标尺”，编辑区出 现标尺;单击编辑区右上角“显示比例”框的下拉箭头选择合适的比例（如：50%）;选中“光环绕地球”元件后，将其拖到右上角。测试场景，看看效果吧。(4) 3. 6制作运动的动画1、制作随引导线移动的地球（见“课堂练习2”的场景2:运动的地球）在flash中，运动向导层的主要作用是：给出物体运动的路径。通过运动向导层，可使地球一边转动，一边沿着指定的轨迹运动（1）在场景2中：单击时间轴上的“添加引导图层"按钮

15、六在“会动的地球”图层上添加一个引导图层并在该引导线层的 第1帧插入关键帧(2)用“铅笔工具”工具(选项为“平滑”)在引导线层第1帧绘制一条地球运动的曲线(或画一个椭圆框后，用“橡皮工具”擦去一个缺口)然后可用“箭头工具”将其曲线修整平滑；双击后调整位置(可将线加粗)(3)在“会动的地球”图层中的第1帧中移动地球，使其中心点(形状为9对准引导线的起始端(4)在“引导线图层”的第200帧“插入帧”(5)在“会动的地球”图层的第200帧插入关键帧移动地球使其中心对准引导线的终止端在第1帧到第200帧之间“创建动画动作”测试场景，看看效果吧。2、制作放大的地球(1)在“会动的地球”图层中的第 250

16、帧插入关键帧， 将地球移动到编辑区的中心（ 偏上 ）在第 200 帧 到第250 帧 之间，“ 创建动画动作”（2） 在“会动的地球”图层中：第 300 帧 插入关键帧， 将地球放大在第 250 帧 到第 300 帧 之间， “ 创建动画动作 ”在第 330 帧 “插入关键帧 ”测试场景，看看效果吧4 3 9 形变动画形变动画是flash 中独具特色的动画表现方法。通过形变动画，可以将一些 文字、或图形， 在任意位置 变化为完全不同的 其他文字、 或图形 （而且不用一一对应 ）形变动画的制作限制是：制作形变动画的 起、止对象都必须是 矢量图形用 flash 的工具绘制的图都是矢量图形都可以直接

17、制作形变动画如果不是矢量图形，可单击“ 修改 ”菜单的“ 分解组件 ”命令将其打散，分解成矢量图形注意： 有些 符号 和 组合对象 允许嵌套所以 要经过多次的打散操作直到将它们完全变成矢量图形为止下面就来制作一个形变动画：首先显示文本“地 球” ， 以后逐渐变成“我的家(1) 选择场景“ 运动的地球” (“原场景2”)插入一个图层，命名为“变幻的字”(2) 在第 200 帧插入关键帧用“ 文本工具 ” ， 在编辑区的下部 输入“ 地 球”用箭头工具选择(或双击)该文本后，打开属性框选择所需的 字体 、 颜色 、设置字的大小调整文本框的 大小 、 字间距 、 位置 (在下方 )(3) 在第230

18、帧、300 帧中插入关键帧在第 300 帧将“ 地 球 ”改为“ 我的家 ”(4) 在第300帧：选择“修改”菜单中的“分解组件”(或“分离”)命令(要使用2 次 ) ，将文字分解成矢量图形同样，在第 230 帧也将文字分解成矢量图形(5) 选中第 230 帧，在“ 属性 ”面板中选择“ 中间 ” (或“补间”)选项的“形状 ”命令这样第 230 帧到第 300 帧之间就会变成 绿色并且会出现一个箭头。(6) 在第 330 帧插入关键帧。测试场景！4 3 4 制作淡入效果在场景 2 中，我们已经看到一个漂亮的地球在屏幕上边转动、边移动了。现在给它添加一个淡入的效果，让 地球慢慢的出现(演示“课

19、件演示”场景1: “渐现的地球”)(1)打开“场景”对话框，双击“场景1 ”将其改名为“ 渐现的地球”(2) 将影片剪辑“ 光环绕地球”拖到 图层 1 的 第 1 帧 中的 左上角(对应于“场景2 ”的开始位置)在第 100 帧 “插入帧 ”(3) 在图层 1 上新建“图层2”将图层名改为“ 天空背景 ”缩小编辑区(25%)用“矩形工具”在“图层2”的第 1 帧 上绘制一个能覆盖整个编辑区的 黑色矩形将该矩形定义成“图形”组件名称为“ 逐亮的天空 ”(4) 在“图层 2”的 第 20 帧 插入关键帧将“ 渐亮的天空 ”的“ 属性面板 ”打开选择“ 颜色 ”栏中的“ alpha ”选项在右边弹出的框中，将其值设为 100%在 第 90 帧 插入关键帧将其相应的“ alpha ”设为 0%(这样，该色块就是全透明的了)在 第 20 帧到 第 90 帧之间“创建