首 页 | 网页模板 | 教程 | 源码下载 | 书籍下载 | 图片素材 | 字体 | JAVA特效 | FLASH源码 | 软件 | 矢量 | 论坛 | 其它 |
设为主页
加入收藏
联系站长
平面设计 | 网页制作 | 程序编写 | 数 据 库 | 媒体动画 | 网络冲浪 | 服务器相关 |
当前在线
广告:P4服务器电信机房6999/年即送产权 | 疾风下载
Flash MX实战精选:制作网站标志---4
2004-3-11 7:24:00  作者:mbsky  来源:未知 网友评论 0 条 论坛
  

五、合成动画

步骤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帧插入关键帧,选中这一帧,在舞台将“复合光晕”放大三到五倍,在第1025帧之间、第2535帧之间设置Motion渐变,如图30所示。

30在放大时旋转复合光晕

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

31 星光动画制作完毕

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

32闪出“宇”字

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

33变小的“宇”

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

34“宇”向左运动

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

35“宇”变长

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

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

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

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

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

37制作重影效果

38缩短结束帧

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

39在新窗口打开所链网页

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

>> 相关文章

关于网站 | 客服中心 | 服务条款 | 友情链接 | 广告联系 | 本站历程 | 网站导航

吉ICP备05000107号