《第四章Flash动画设计与应用》由会员分享，可在线阅读，更多相关《第四章Flash动画设计与应用（26页珍藏版）》请在金锄头文库上搜索。
1、第四章 Flash 动画设计与应用Flash的启动：单击桌面上的图标： Macromedia Flash MX或：单击“开始” “程序” “Macromedia” Macromedia Flash MX新建一个Frash文档：第一次运行Flash MX 程序时，会自动建立一个新文件（或通过单击“文件”“新建”，选择“常规”“Flash文档”） (演示)424 绘图工具栏的使用Frash中的图形由轮廓线、填充色二个独立的部分组成。因此在绘制图形前，应选择相应的线条颜色和填充颜色。1、“线条颜色工具” 用于指定当前的线条颜色。2、“填充颜色工具” 用于指定当前的填充颜色。3、“椭圆工具” 用于绘制
2、椭圆。按住shift键，可绘制出正圆形。 4、“矩形工具” 用于绘制矩形。按住shift键，可绘制出正方形。 3、 “铅笔工具” 用来在动画中绘制线条、和图形的轮廓通过附加选项，可绘制： 折线、折线图形、矩形； 曲线、曲线图形、椭圆； ：任意线条、或由其组成的图形；说明：（1）有些图形可能不要轮廓线、填充色可选择：无线条颜色、或无填充颜色（演示：见“工具练习”）（2）有些图形可能要改变或去掉轮廓线、填充色4、“箭头工具”(或“选择工具”) 用来选择一个对象或区域。单击对象：选择一个对象，如：一段线、图形的填充区域、文字块等；双击对象：选择多个对象，如：一段曲线、图形的填充区及边框；拖动鼠标：选
3、择被封闭在该矩形区域内的所有内容5、“套索工具” 可以用来选取任何形状范围内的对象，方法是：用鼠标拖出一个封闭的区域。8、“墨水瓶工具” 改变一条线段、或图形轮廓线的颜色、粗细、线形等、或在选定图形的外轮廓上加线条； 9、“油漆桶工具” 改变图形的填充颜色；或：给封闭的轮廓线加填充色。演示：删除线条或填充颜色；修改线条或填充颜色；说明：在调色板上也可以增加新的颜色演示： 10、“文字工具” 用于创建和编辑文字对象。11、“自由变形工具” 对图形进行缩放、旋转、倾斜和扭曲。12、“橡皮擦工具” 有选择地删除任意的内容。在工具栏的下方“选项”中，可选择特殊的擦除方式。4 .3 实例制作（演示：“课
4、件演示”）431 建立动画文件再建一个Frash的新文档。文件建立之后，首先要定义文件的动画属性：单击 “修改”菜单的“影片”(或“文档”)命令，就会出现“影片属性”对话框。其中“帧频”指动画文件每秒共播放多少帧画面，默认值是12(建议设置为12 - 30f/s )。将场景的宽度设置成650px高度设置成400px背景颜色改为淡绿色；“帧频”改为20完成后，单击“文件”菜单中的“另存为”命令，给文件命名后保存。433 组件和蒙板动画、制作影片剪辑“旋转的地球”（见“演示课件”或“各种组件”中：旋转的地球）（1）单击“插入”菜单中的“新建元件”命令，弹出“新建元件”对话框：在“名称”框中输入 “
5、旋转的地球”设置类型为“影片剪辑”然后单击“确定”按钮，进入编辑模式在编辑区中，用快捷菜单选择“标尺”，出现标尺将编辑区中心与播放区的零点重合(宽、高点分别为：0:0),并以此作为影片剪辑的中心单击第一帧（自然成为关键帧）选取工具栏中的“椭圆工具”：在第一帧的编辑区中绘制一个圆并删除圆的外边框单击 “窗口” 菜单的“调色板”命令，打开“调色板”浮动面板（或“设计面板”的“混色器”）选择“径向”（或“放射状”），将下方渐变条左边的滑块颜色选白色，右边的颜色调整为浅兰色（可添加到自定义色中）用“油漆桶工具”在圆形上单击调整其颜色和光线。用“箭头工具”选中该圆，按“F8”键（或快捷菜单），将该圆转换
6、成元件, 并命名为“地球” 注意：使“地球”的中心点对准编辑区的:0点。选择第40帧：按下“F5”键、或快捷菜单的“插入帧”，使该圆在场景的第1帧到第40帧中完成后测试场景（2）单击“插入”菜单中的“图层”命令，或用快捷菜单，新建一个图层2；选中该层的第1帧：单击“文件”菜单的“导入”的“导入到舞台”导入一个“世界地图”的图片文件用“变形工具”调整“世界地图”大小，选中该图片，按下“F8”键：将其转换成元件，并命名为“世界地图”用“箭头工具”将其拖到右边的起始位置在图层2的第40帧，按下“F6”键(或快捷菜单)插入关键帧，选择工具选项“对齐对象”后用“箭头工具” 将其拖到左边的终始位置在图层2
7、的第1帧到第40帧之间：单击快捷菜单的 “创建动画动作”命令创建移动动画。(3) 完成后播放：单击“控制”菜单下的“播放”命令。我们看到，整个世界地图都显示在屏中，好象在一张移动的地图下，有一个静止的圆。接下来，利用蒙板层给图层2创建一个蒙板效果：使得只能看到在圆上移动地图看起来更象一个运动的地球（4）在“图层2”的上面新建一个图层“图层3”通过“复制”和“粘贴”，将“图层1”中的圆，拷贝到 “图层3”的第1帧并与图层1中的圆重叠（或用“粘贴到当前位置”）在该层的层名上右击鼠标，在快捷菜单中选择：“遮蔽”命令，创建一个蒙板层注意：一定要先解开该层、及下一层的“锁”然后测试场景，再看一下效果。为
8、了使制作的地球更有立体感，可以制作一个隐约可见的地球另一面的效果。（5）新建一个“图层4”，选择第一帧：从库中将元件“世界地图”拖入该帧在属性面板中选择“颜色”栏中的“Alpha”选项将其值设置为30% 。“世界地图”就成半透明利用“箭头工具”将“世界地图”拖到左边的起始位置在“图层4”的第40帧插入关键帧将“世界地图”拖到右边的终始位置在图层4的第1帧到第40帧之间，“创建动画动作”(12) 在“图层4”的上面新建一个图层“图层5”在该层创建一个蒙板层将“图层1”中的圆复制到 “图层5”的第1帧测试场景，再看一下效果。到此为止，已经制作好影片剪辑“旋转的地球”2、制作制作影片剪辑“旋转的光环
9、”（见“演示课件”的库中：旋转的光环）制作好地球后，再做一个可以围绕它旋转的光环(1) 单击“插入”菜单中的“新建元件”命令在对话框中，设置名称为“旋转的光环”类型为“影片剪辑”在编辑区中绘制一个圆，删除圆的填充色选中外边框，在其属性面板中选择线条的样式为“实线”，线条的粗细调为“9”,产生一个环回到编辑区，用“套索工具”和“油漆桶工具”将环设计成一个彩色的环将光环转换为图形元件，并命名为“彩色的光环”在第40帧插入关键帧在第1帧和第40帧之间，“创建动画动作”测试场景，我们看到光环并没有转动(2) 选中第1帧和第40帧之间的任一帧；右击鼠标，打开属性面板：先在“中间”框内选择“移动”再将“旋
10、转”项设置为“顺时针”、“1”次（若未出现，单击属性面板右下角的按钮）测试场景。“旋转的光环”组件也做好了。3、组件的整合制作影片剪辑“光环绕地球”（见“课件演示”的库中：光环绕地球）接下来，将两个做好的影片剪辑组合到一起，就可以看到一个地球带着自己的光环旋转了。(1) “新建元件”，设置名称为“光环绕地球”类型为“影片剪辑”(2) 单击“窗口”菜单的“库”命令将“库”打开将影片剪辑“旋转的地球”拖入到第一帧（必须被选择）(3) 新建一个“图层2”：将影片剪辑“旋转的光环”拖到第一帧选择“自由变形工具”，向左拖动组件上方的中间节点再将该组件逆时针稍稍旋转一点，效果如图：调整其与“旋转的光环”的
11、位置、大小等。测试场景:可以看到地球和光环都在旋转，但是光环并没有围绕在地球上。为了实现光环环绕地球的效果，又要用到蒙板层了。(3) 新建一个“图层3”：将“图层1”中的“旋转的地球”复制到 “图层3”的第1帧中的相同位置上(4) 在“图层3”上新建“图层4”：绘制一个和“旋转的地球”同样大小的无边线圆形(将“笔触颜色”切换为“没有颜色”)选择“套索工具”，选中左下角半个圆形，按下“Delete”键，将其删除，仅留下右上角半个圆将“图层4”作为蒙板层。将各个图层锁住，影片剪辑“光环绕地球”完成了测试场景，就可以看到该影片剪辑的效果了说明：遮蔽层（蒙版层）产生的效果：(1) 被遮蔽的可见效果（看
12、指定部分）效果层被遮蔽视觉效果遮蔽层(上层)背景层(2) 被遮蔽的不可见效果（看其他部分）被遮蔽层效果层背景层视觉遮蔽层(见“光环绕地球”中的图层2，看到一部分环)(3) 被遮蔽层的可达范围一个遮蔽层，可以遮蔽多个被遮蔽层。被遮蔽层遮蔽层以后插入、或拖入遮蔽层下的层，均被遮蔽(4) 清除被遮蔽的效果删除遮蔽层、或：将被遮蔽层先拖到遮蔽层的上方(有多个被遮蔽层时)以后可拖到任意的层位,只要不满足(3)即可（演示“各种组件”场景5：遮蔽的效果）、在一个新场景中插入影片剪辑 (1) 添加一个新场景单击“修改”菜单(或“窗口”、“设计面板”)的“场景”命令，弹出“场景”框选择“场景1”单击“添加”按钮
13、，添加“场景2”双击“场景2”，将其改名为“运动的地球”(2) 插入影片剪辑“光环绕地球”在图层1上右击鼠标，然后单击“属性”弹出“图层属性”对话框将其名称命名为“会动的地球”将影片剪辑“光环绕地球”拖到该层的第1帧中测试场景，看看效果吧。若“光环绕地球”的播放位置不合要求，调整它的位置。5、调整元件的播放位置在编辑区中，用快捷菜单选择“标尺”，编辑区出现标尺；单击编辑区右上角“显示比例”框的下拉箭头选择合适的比例(如：50%)；选中“光环绕地球”元件后，将其拖到右上角。测试场景，看看效果吧。436制作运动的动画、制作随引导线移动的地球（见“课堂练习2”的场景2：运动的地球）在Flash中，运
14、动向导层的主要作用是：给出物体运动的路径。通过运动向导层，可使地球一边转动，一边沿着指定的轨迹运动(1) 在场景2中：单击时间轴上的“添加引导图层”按钮 在“会动的地球”图层上添加一个引导图层并在该引导线层的第1帧插入关键帧(2) 用“铅笔工具”工具(选项为“平滑”)在引导线层第1帧绘制一条地球运动的曲线(或画一个椭圆框后，用“橡皮工具”擦去一个缺口)然后可用“箭头工具”将其曲线修整平滑；双击后调整位置(可将线加粗)(3) 在“会动的地球”图层中的第1帧中移动地球，使其中心点(形状为 )对准引导线的起始端(4) 在“引导线图层” 的第200帧“插入帧”(5) 在“会动的地球”图层的第200帧插入关键帧移动地球使其中心对准引导线的终止端在第1帧到第200帧之间“创建动画动作”测试场景，看看效果吧。、制作放大的地球(1) 在“会动的地球”图层中的第250帧插入关键帧，将地球移
