Flash动画实战精选制作网站标志.docx
- 文档编号:30658173
- 上传时间:2023-08-19
- 格式:DOCX
- 页数:17
- 大小:472.47KB
Flash动画实战精选制作网站标志.docx
《Flash动画实战精选制作网站标志.docx》由会员分享,可在线阅读,更多相关《Flash动画实战精选制作网站标志.docx(17页珍藏版)》请在冰豆网上搜索。
Flash动画实战精选制作网站标志
制作网站标志
实例说明
这是个动画曾经作为宇风多媒体站标,用Flash来做网站标志,有GIF动画所无法达到的效果,如果用它作为交换用的logo,必定能得到更多目光及点击。
有关知识
旋转的地球、呈放射状运动的星空、动感标题、复合动画的生成等。
制作过程
一、旋转的地球
步骤1:
选菜单栏中的插入>添加符号(Insert>NewSymbol),在出现的对话框中选图像(Graphic),命名为“圆形”,用点选椭圆,在ColorMixer面板,将线条颜色选为空
,在舞台画一个填充了颜色的圆,如图1所示。
图1画圆
步骤2:
点选菜单栏中插入>添加符号(Insert>NewSymbol),在出现的对话框中选图像(Graphic),命名为“前景”,用点选椭圆,在ColorMixer面板,选放射填充(Radial),设置三种渐层颜色,将外层调成深蓝,中心的Alpha值调为5左右,这样我们就可以在舞台画一个和前面的“圆形”一样大的圆,.圆中填充了蓝色并向圆心逐渐透明,如图2所示。
图2绘制透明度渐变的球
步骤3:
点选菜单栏中插入>添加符号(Insert>NewSymbol),在出现的对话框中选图像(Graphic),命名为“地图”,用铅笔工具(Pencil),选自由绘画模式(Ink),在舞台勾画一个世界地图,如图3所示。
3绘制世界地图
提示:
为了能绘绘出更标准的图,可增加一图层,再导入一幅世界地图作描图参考。
还可将舞台放大,描完边以后用油漆桶工具将其填充为橙色,并把地图边缘删除。
步骤4:
将世界地图选中,按Ctrl或Alt键,用选取工具水平拖拽对象,即可产生复制的世界地图。
如图4所示。
图4复制地图
步骤5:
点选菜单栏中插入>添加符号(Insert>NewSymbol),在出现的对话框中选电影片断(MovieClip),命名为“地球”,把“圆形”从库中拖到舞台中央,双击Layer1将其改名为“圆形1”。
步骤6:
点时间轴左下的增加层按钮
,将此层命名为“橙色地球”,从库中把“地图”拖至舞台,按图5摆放好位置。
图5“地图”与“圆形”
步骤7:
在“圆形1”层第40帧处插入帧(按F5),在“圆形1”层第40帧处关键帧(按F6),在舞台上将“地图”拖到如图6所示的位置。
图6第40帧橙色地球的位置
步骤8:
选中“橙色地球”层第1帧,在属性面板的Tween下拉框中选移动(Motion),如图7所示。
图7合成地图移动动画
步骤9:
复制“圆形1”层中的“圆形”,点增加层按钮
,执行编辑>粘贴到同一位置(Edit>PasteinPlace),将“圆形”粘贴到此层的同一位置,如图8所示。
步骤10:
新增“背光面地球”层,然后把“橙色地球”层的第1帧挎贝至“背光面地球”层,并在舞台将“地图”图向右边拖。
然后在属性面板的Color下拉框中选Advanced,将背光面的地球调暗,如图9所示。
步骤11:
从菜单中选择修改>变形>水平翻转(Modify>Transform>FlipVertical),将地图转个方向,这样两图相对运动时就能产生正确的视觉效果,.如图10所示。
步骤12:
在第40帧点右键,在弹出的菜单中选插入关键帧(InsertKeyframe),按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>NewSymbol)在出现的对话框中选图像(Graphic)命名为“宇宙”,用笔刷工具在舞台点画出白色的星星,如图14所示。
图14绘制星空图
步骤2:
点选菜单栏中插入>添加符号(Insert>NewSymbol),在出现的对话框中选电影片断(MovieClip),命名为“星空”,从库中把“宇宙”拖至舞台,用缩放工具将图形缩小10倍以上,在第30帧插入关键帧,将“宇宙”图形拖大填满整个舞台,选中第1帧,在属性面板的Tween下拉框中选移动(Motion),就会产生星空由小变大的动画,按下洋皮葱按钮,就可看出变化轨迹,如图15所示。
图15呈放射状运动的星空背景
步骤3:
点选菜单栏中选择插入>添加符号(Insert>NewSymbol),在出现的对话框中选电影片断(MovieClip)命名为“放射状星空”,从库中把电影片断“星空”拖至舞台,在第1帧点右键选复制帧(CopyFrame),增加一层Layer2,在第6帧点右键,从弹出的菜单中选粘贴帧(PasteFrame),然后将“星空”旋转一定角度,如图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/MovieClipControl/GoTo(跳转),就会显示gotoAndPlay
(1)语句,在上方窗口中的Frame栏中输入18,语句就变成gotoAndPlay(18),如图18所示。
提示:
动画首先从第1帧播放至第30帧,然后gotoAndPlay(18)(即跳转至18帧播放),之后就会在第18与第30帧之间循环。
图18给第30帧设置动作
三、制作标题及隐形按钮
步骤1:
本例需要显示的文字为“宇风多媒体”,我们从菜单栏中选择插入>添加符号(Insert>NewSymbol),在出现的对话框中选选图像(Graphic),然后分别建立字符对象:
“宇”,“风”,“多媒体”,如图19所示。
图19网站标题
步骤2:
从菜单栏中选择插入>添加符号(Insert>NewSymbol..),在出现的对话框中选按钮(Button),命名为“跳转”,在执行帧(Hit)插入空帧,用矩形工具绘一长方形,如图20所示。
图20隐形按钮
四、导入光晕
由于我们在实例“制作MTV”中已制作了复合光晕,可以选择File>OpenasLibrary,在选择文件对话框中找到它,点打开,就可使用导入的库文件,如图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帧,点右键,从弹出的菜单中选CopyFrames,再新增三层,分别在第48,50,52帧PasteFrames,结果会产生重影效果,如图37所示。
步骤16:
本动画总长为60帧,因此我们需要用鼠标点在多余的关键帧上往左拖以缩短对齐未帧,如图38所示。
其他几个字的动画制作过程及如何加入声音,这里就不再讲述,大家可参照源程序学习。
图36“宇”缩小而产生的动画效果
图37制作重影效果
图38缩短结束帧
步骤17:
在最上层新增一“链结”层,从库中把“跳转”按钮拖到工作区,调整大小,使它覆盖整个舞台,用右键点击按钮,从弹出的菜单中选Actions,在Actions面板先后双击OnMouseEvent和GetURL指令,然后在URL输入框加上我们希望链结的网址,就可给动画加上跳转路径。
如图39所示。
图39在新窗口打开所链网页
现在按F12就可打开浏览器预览动画。
这里说明一下,如果对SWF动画的尺寸不满意,可在网页编辑器(Dreamweaver或FrontPage)中将预览的生成的HTML文件(与flash电影同名,保存在同样的目录中,以htm为后缀)打开,再将其中的SWF动画拖大或拖小。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Flash 动画 实战 精选 制作 网站 标志
![提示](https://static.bdocx.com/images/bang_tan.gif)