当前位置:首页>网络学院>网页制作>Flash教程>文章内容

Flash打造碧海蓝天海鸥飞翔动画

[ 来源:www.it55.com | 作者: | 时间:2007-07-12 | 收藏 | 推荐 ] 【

  本文由中国教程网 清风掠影 原创。

  教程最后附有swf文件、源文件及声音文件下载

vd;k;l www.it55.com rdfg


  先看下效果:

www.it55.com在线教程


效果预览

it55.com


  一、按Ctrl+F8新建一个图形元件,命名为“云”。绘制如图1的云图

免费资源www.it55.com

Flash打造碧海蓝天海鸥飞翔动画(图一)
图1 www.it55.com在线教程

  二、新建一个名为“光点”的影片剪辑元件,在第一帧绘制如图2的光点,在第四帧插入关键帧,改变一下光点的位置,然第六帧插入帧

IT资讯之家 www.it55.com

Flash打造碧海蓝天海鸥飞翔动画(图二)
图2 vd;k;l www.it55.com rdfg

  三、新建一个名为“海”的图形元件,绘制如图3的大海图案

45398 www.it55.com it55学习IT知识,享受IT生活 4dfkjn

Flash打造碧海蓝天海鸥飞翔动画(图三)
图3 www.it55.com

  四、新建一个名为“海1”的图形元件,把刚才建的“海”元件拖放到场景中,多复制4次,最下面一个设Alpha为40%、倒数第二个设为60%、中间也就是第三个不改变、第四个设70%、最上面一个设50%。如图4摆放

sflj www.it55.com kg^&fgd

Flash打造碧海蓝天海鸥飞翔动画(图四)
图4 sflj www.it55.com kg^&fgd

  五、新建一个名为“海浪”的影片剪辑,选择如图5的线条形状,绘制如图的线条。多插入几个关键帧,在每一个关键帧中把线条变直一点,再向前移动一点,做出一个海浪向前滚的动画 www.it55.com在线教程

Flash打造碧海蓝天海鸥飞翔动画(图五)
图5 vd;k;l www.it55.com rdfg

  六、新建一个名为“海鸥”的影片剪辑,插入19个关键帧,每帧图案如图6所示

http://www.it55.com/

Flash打造碧海蓝天海鸥飞翔动画(图六)
图6 www.it55.com在线教程

  七、返回场景中,将图层1命名为“天”,绘制一个渐变矩形,在第一帧将其缩短一点,把颜色设置透明,在第5帧把矩形拖宽一些,设置如图7的渐变色,在1~5帧处设置形状渐变。在54帧处插入帧

vd;k;l www.it55.com rdfg

Flash打造碧海蓝天海鸥飞翔动画(图七)
图7

IT资讯之家 www.it55.com

  八、新建一个层,命名为“云”,在1帧设置的Alpha为0%,第5帧设置为100%,在1~5帧任意帧处插入补间动画,在第54帧插入关键帧,把云向下并向右移动少许,在5~54帧任意帧右击插入补间动画。(图8)

vd;k;l www.it55.com rdfg

Flash打造碧海蓝天海鸥飞翔动画(图八)
图8

http://www.it55.com/

  九、新建一层为“海”,把“海”拖入场景中,设置的动画和第八步设置云是一样的。(图9)

vd;k;l www.it55.com rdfg

Flash打造碧海蓝天海鸥飞翔动画(图九)
图9 vd;k;l www.it55.com rdfg

  十、新建一层为“浪”,在第7帧插入关键帧,拖入海浪,在第9帧插入一个关键帧,再拖入一个海浪,第11帧也一样,分别设置一下各个海浪的透明度和大小,使其不同。(图10) it55.com

Flash打造碧海蓝天海鸥飞翔动画(图十)
图10 www.it55.com在线教程

  十一、新建一层为“光点”,在第7帧插入关键帧,把光点拖入场景中,在第54帧把光点向下移动少许,设置补间动画。(图11) IT资讯之家 www.it55.com

Flash打造碧海蓝天海鸥飞翔动画(图十一)
图11

45398 www.it55.com it55学习IT知识,享受IT生活 4dfkjn

  十二、新建一个层,在第7帧放置海鸥,再新建一个引导层,在第7帧绘制一条你要海鸥飞行的路线,在海鸥的图层中第7帧,把海鸥的中点放置在引导层的开始点,在第54帧把海鸥放置在结束点,插入补间动画即可 sflj www.it55.com kg^&fgd

Flash打造碧海蓝天海鸥飞翔动画(图十二)
  图12 sflj www.it55.com kg^&fgd

  最后在第54帧(随便哪一层都行)的动作面版输入   stop();

45398 www.it55.com it55学习IT知识,享受IT生活 4dfkjn

  十三、为了使动画效果更好一些,给它加个声音:新建一个层为声音,在第7帧插入关健帧 免费资源www.it55.com

Flash打造碧海蓝天海鸥飞翔动画(图十三)
图13

it55.com

  然后选择文件——导入——导入到库 免费资源www.it55.com

Flash打造碧海蓝天海鸥飞翔动画(图十四)
14 45398 www.it55.com it55学习IT知识,享受IT生活 4dfkjn

  选择事选准备好的音乐文件导入。 sflj www.it55.com kg^&fgd

Flash打造碧海蓝天海鸥飞翔动画(图十五)
图15

sflj www.it55.com kg^&fgd

  导入后点击下音乐图层的第7帧,选择属性面版中的声音项,选择刚导入的那个声音 sflj www.it55.com kg^&fgd

(阅读次数:

返回顶部
共2页: 上一页 1 [2] 下一页  

网友评论

[以下评论为网友观点,不代表本站。请自觉遵守互联网相关政策法规,所有连带责任均有评论者自负。]
[不超过250字]

热门文章