《第四章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帧插入关键帧,将地球移