Flash MX实战精选：制作网站标志 -pc6资讯

您的位置：首页 → 网页设计 → Flash → Flash MX实战精选：制作网站标志

Flash MX实战精选：制作网站标志 时间：2004/11/7 2:19:00来源：本站整理作者：蓝点我要评论(0)

　　实例说明

　　这是个动画曾经作为宇风多媒体站标，用Flash来做网站标志，有GIF动画所无法达到的效果，如果用它作为交换用的logo，必定能得到更多目光及点击。　

　　有关知识

　　旋转的地球、呈放射状运动的星空、动感标题、复合动画的生成等。

　　制作过程

　　一、旋转的地球

　　步骤1：选菜单栏中的插入>添加符号（Insert>New Symbol），在出现的对话框中选图像（Graphic），命名为“圆形”，用点选椭圆，在Color Mixer面板，将线条颜色选为空　，在舞台画一个填充了颜色的圆，如图1所示。

图1画圆

　　步骤2：点选菜单栏中插入>添加符号（Insert>New Symbol），在出现的对话框中选图像（Graphic），命名为“前景”，用点选椭圆，在Color Mixer面板，选放射填充(Radial)，设置三种渐层颜色，将外层调成深蓝，中心的Alpha值调为5左右，这样我们就可以在舞台画一个和前面的“圆形”一样大的圆，.圆中填充了蓝色并向圆心逐渐透明，如图2所示。

图2绘制透明度渐变的球

　　步骤3：点选菜单栏中插入>添加符号（Insert>New Symbol），在出现的对话框中选图像（Graphic），命名为“地图”，用铅笔工具（Pencil），选自由绘画模式（Ink)，在舞台勾画一个世界地图，如图3所示。

图3绘制世界地图

　　提示：为了能绘绘出更标准的图，可增加一图层，再导入一幅世界地图作描图参考。还可将舞台放大，描完边以后用油漆桶工具将其填充为橙色，并把地图边缘删除。

　　步骤4：将世界地图选中，按Ctrl或Alt键，用选取工具水平拖拽对象，即可产生复制的世界地图。如图4所示。

图4复制地图

　　步骤5：点选菜单栏中插入>添加符号（Insert>New Symbol），在出现的对话框中选电影片断（Movie Clip)，命名为“地球”，把“圆形”从库中拖到舞台中央，双击Layer1将其改名为“圆形1”。

　　步骤6：点时间轴左下的增加层按钮　，将此层命名为“橙色地球”，从库中把“地图”拖至舞台，按图5摆放好位置。

图5“地图”与“圆形”

　　步骤7：在“圆形1”层第40帧处插入帧（按F5），在“圆形1”层第40帧处关键帧（按F6），在舞台上将“地图”拖到如图6所示的位置。

图6第40帧橙色地球的位置

　　步骤8：选中 “橙色地球”层第1帧，在属性面板的Tween下拉框中选移动(Motion)，如图7所示。

图7合成地图移动动画

　　步骤9：复制“圆形1”层中的“圆形”，点增加层按钮　，执行编辑>粘贴到同一位置（Edit>Paste in Place），将“圆形”粘贴到此层的同一位置，如图8所示。

　　步骤10：新增“背光面地球”层，然后把“橙色地球”层的第1帧挎贝至“背光面地球”层，并在舞台将“地图”图向右边拖。然后在属性面板的Color下拉框中选Advanced，将背光面的地球调暗，如图9所示。

　　步骤11：从菜单中选择修改>变形>水平翻转（Modify>Transform>Flip Vertical），将地图转个方向，这样两图相对运动时就能产生正确的视觉效果，.如图10所示。

　　步骤12：在第40帧点右键，在弹出的菜单中选插入关键帧（Insert Keyframe)，按Shift键在第40帧用鼠标将“地图”拖到如图11所示的位置。

图8将 “圆形” 粘贴到“圆形2”层中

图9建立背光面地球

图10水平翻转后的背光面地球

图11第40帧背光面地球的位置

　　提示：一定要调整好相对位置，否则地球不能平稳的旋转。

　　步骤13：选中“背光面地球”层第1帧，在属性面板的Tween下拉框中选移动(Motion)，生成移动的背光面地球。

　　步骤14：在“圆形1”层状态栏上点右键，在弹出的菜单中选遮罩（Mask)，这样后面橙色地球只能显示在“圆形”范围内。同样在“圆形2”层状态栏上点右键，在弹出的菜单中选遮罩（Mask)，这样其后的“背光面地球”也只能显示在“圆形2”范围内。最后出现如图12所示的效果。

图12 将两圆形设置成遮罩后的效果

　　步骤15：.在最上建一层命名为“前景”，从图标库（Library）中把“前景”拖至舞台，调整其位置，使它正好盖住地球，如图13所示。

图13 给地球加上能透明的渐变前景

　　二、制作放射状的星空背景

　　步骤1：点选菜单栏中插入>添加符号（Insert>New Symbol）在出现的对话框中选图像（Graphic）命名为“宇宙”,用笔刷工具在舞台点画出白色的星星，如图14所示。　

图14绘制星空图

　　步骤2：点选菜单栏中插入>添加符号（Insert>New Symbol），在出现的对话框中选电影片断（Movie Clip），命名为“星空”，从库中把“宇宙”拖至舞台，用缩放工具将图形缩小10倍以上，在第30帧插入关键帧，将“宇宙”图形拖大填满整个舞台，选中第1帧，在属性面板的Tween下拉框中选移动（Motion），就会产生星空由小变大的动画，按下洋皮葱按钮，就可看出变化轨迹，如图15 所示。

图15 呈放射状运动的星空背景

　　步骤3：点选菜单栏中选择插入>添加符号（Insert>New Symbol），在出现的对话框中选电影片断（Movie Clip) 命名为“放射状星空”，从库中把电影片断“星空”拖至舞台，在第1帧点右键选复制帧（Copy Frame)，增加一层Layer2，在第6帧点右键，从弹出的菜单中选粘贴帧（Paste Frame)，然后将“星空”旋转一定角度，如图16所示。

图16将复制的星空旋转几度

　　步骤4：同样建立Layer3、Layer4、Layer5层，然后分别在第12帧、18帧、24帧将“星空”粘帖过来，并分别将“星空”旋转一定角度，以产生更好的效果。用鼠标点Layer5层的第24帧，再按Alt键，将第24帧拖至第30帧，用同样的方法分别将Layer4的第18帧，Layer3的第12帧、Layer2第6帧、layer1第1帧拖到第30帧，这样就产生了在星空中穿梭的效果，如图17所示。

图17将星空动画各层的结束帧都延长到第30帧

　　步骤5：在Layer5层选中第30帧，在Actions-Frame面板左侧选择Actions/Movie Clip Control/Go To（跳转），就会显示gotoAndPlay(1) 语句，在上方窗口中的Frame栏中输入18，语句就变成gotoAndPlay(18)，如图18所示。

　　提示：动画首先从第1帧播放至第30帧，然后gotoAndPlay(18)（即跳转至18帧播放），之后就会在第18与第30帧之间循环。

图18 给第30帧设置动作

　　三、制作标题及隐形按钮

　　步骤1：本例需要显示的文字为“宇风多媒体”，我们从菜单栏中选择插入>添加符号（Insert>New Symbol），在出现的对话框中选选图像（Graphic），然后分别建立字符对象：“宇”，“风”，“多媒体”，如图19所示。

图19 网站标题

　　步骤2：从菜单栏中选择插入>添加符号（Insert>New Symbol..），在出现的对话框中选按钮（Button)，命名为“跳转”，在执行帧（Hit）插入空帧，用矩形工具绘一长方形，如图20所示。

图20 隐形按钮

　　四、导入光晕

　　由于我们在实例“制作MTV”中已制作了复合光晕，可以选择File>Open as Library，在选择文件对话框中找到它，点打开，就可使用导入的库文件，如图21所示。

图21共享库文件

　　五、合成动画

　　步骤1：从菜单中选择修改>文件（Modify>Document），弹出对话框，因为我们做的是站标,在网页中占的面积不能太大，所以在这改小电影尺寸。如图22所示。

　　步骤2：从库中把电影片断“星空”拖到舞台，调整大小，并将这层命令为“星空”，如图23所示。

　　步骤3：在“星空”层上面新建一层，命名为“地球”，从库中把电影片断“地球” 拖到舞台，调整位置和大小，如图24所示。

　　步骤4：在“地球”层第10帧插入关键帧，再选中第1帧，在属性面板的Tween下拉框中选移动(Motion)，，然后在属性面板的Color下拉框中选中Alpha，调小透明值，将会产生“地球”逐渐由暗变明的动态效果。如图25所示。

图22修改电影尺寸　

图23加上动态星空

图24拖入“地球”

　　步骤5：接着在第25帧插入关键帧，选中这一帧，在舞台将“地球”缩小并向左调整位置，就会产生“地球”向左移动并缩小的动画。如图26所示。

　　步骤6：先在第40帧插入关键帧，然后在第55帧插入关键帧，选中第55帧，在舞台将“地球”缩小并移向左上角。将会产生“地球”向左上角运动并变小的动画，如图27所示。

图25给“地球”做个淡入效果

图26 缩小的“地球”　

图27地球动画的制作

　　步骤7：在“地球”层上增加一层，取名为“星光”，在第10帧插入空帧，从库中把“复合光晕” 拖到舞台右上角，调整位置和大小，如图28所示。

图28加入星光

　　步骤8：接着在第25帧插入关键帧，选中这一帧，在舞台将“复合光晕”放大并向左移动至“地球”同一位置，如图29所示。

图29将星光左移并放大

　　步骤9：在第35帧插入关键帧，选中这一帧，在舞台将“复合光晕”放大三到五倍，在第10至25帧之间、第25至35帧之间设置Motion渐变，如图30所示。

图30在放大时旋转复合光晕

　　步骤10：在第38帧插入关键帧，在舞台将这帧“复合光晕”缩小（和第25帧大小相同）并适当右移，最后在第60帧插入关键帧，在舞台将这帧“复合光晕”拖到右边舞台外，将它缩小，星光动画就做完了，如图31所示。

图31 星光动画制作完毕

　　步骤10：在“星光”层上增加一“宇”层，在第25帧插入空帧，从库中把“宇”字拖到舞台，中心与“地球”重合，将它放大，如图32所示。

图32闪出“宇”字

　　步骤11：在第30帧插入关键帧，将“宇”缩小，再把第25帧“宇”的Alpha改为0，在第25至30帧之间设置Motion渐变,将会产生“宇”由大到小的闪现效果，如图33所示。

图33变小的“宇”

　　步骤12：在第35帧插入关键帧，在舞台将“宇”向左移动，并将Alpha改为30，如图34所示。

图34“宇”向左运动

　　步骤13：先在第40帧插入关键帧，然后在第45帧插入关键帧，在舞台用缩放工具将“宇”纵向拉长，如图35所示。

图35“宇”变长

　　步骤14：在第60帧插入关键帧，用缩放工具将“宇”向下拉短，如图36所示。

　　步骤15：用鼠标拖选第45帧至60帧，点右键，从弹出的菜单中选Copy Frames，再新增三层，分别在第48，50，52帧Paste Frames，结果会产生重影效果，如图37所示。

　　步骤16：本动画总长为60帧，因此我们需要用鼠标点在多余的关键帧上往左拖以缩短对齐未帧，如图38所示。

　　其他几个字的动画制作过程及如何加入声音，这里就不再讲述，大家可参照源程序学习。

图36“宇”缩小而产生的动画效果　

图37制作重影效果

图38缩短结束帧

　　步骤17：在最上层新增一“链结”层，从库中把“跳转”按钮拖到工作区，调整大小，使它覆盖整个舞台，用右键点击按钮，从弹出的菜单中选Actions，在Actions面板先后双击On Mouse Event和 Get URL指令，然后在URL输入框加上我们希望链结的网址，就可给动画加上跳转路径。如图39所示。

图39在新窗口打开所链网页

　　现在按F12就可打开浏览器预览动画。这里说明一下，如果对SWF动画的尺寸不满意，可在网页编辑器（Dreamweaver或FrontPage）中将预览的生成的HTML文件（与flash电影同名，保存在同样的目录中，以htm为后缀）打开，再将其中的SWF动画拖大或拖小。

文章评论

查看所有0条评论>>

热门文章 没有查询到任何记录。