当前位置: 首页 > 图文教程 > Flash动画 > Flash动画制作 > FLASH 初级教程:蝶恋花

Flash动画制作
FLASH基础教程:初级鼠绘教程整理
flash教程:散发闪耀佛光效果
Flash鼠绘教程:喜鹊登红梅的绘制
Flash鼠绘教程:春之恋的制作过程
Flash教程:菜鸟一起学画画之初级练习二:可爱的卡通娃娃头
Flash鼠绘教程:绘制可爱卡通MM
Flash教程:通过实例学习AS(四):画折扇
Flash制作进度条教程
Flash教程:个性播放器的制作
Flash教程:菜鸟一起学画画之初级练习三:茶
flash教程:跳动的中国心动画
Flash教程:彩球环绕:按钮控制影片剪辑
Flash教程:AS代码制作跟随鼠标的火苗
Flash鼠标跟随教程:馋嘴的兔兔
Flash教程:打造恐怖之夜闪电特效
Flash教程:AS代码制作计时器的方法
Flash教程:教你制作弹跳文字
Flash教程:运用遮罩制作儿童节快乐动画
Flash教程:运用遮罩制作仿3D效果
Flash新手入门教程:帧动画:眨眼

Flash动画制作 中的 FLASH 初级教程:蝶恋花


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-22   浏览: 260 ::
收藏到网摘: n/a

素材:

Flash入门教程:补间动画打造浪漫蝶恋花_ruanchen.com

     

制作方法如下:

1、启动FLASH,建新文件:550x400像素。

Flash入门教程:补间动画打造浪漫蝶恋花_ruanchen.com

2、在图层1分别导入背景图和 4个透明背景蝴蝶:文件--导入--导入到库。

Flash入门教程:补间动画打造浪漫蝶恋花_ruanchen.com

3、点窗口--库,打开库。把库里的背景图“蓝花花”拖进舞台调整和舞台一样大小:

Flash入门教程:补间动画打造浪漫蝶恋花_ruanchen.com

4、点窗口--对齐,调出对齐面版,点相对于舞台,水平对齐,垂直对齐。

Flash入门教程:补间动画打造浪漫蝶恋花_ruanchen.com

5、在时间轴第100帧插入帧。锁定图层1。

Flash入门教程:补间动画打造浪漫蝶恋花_ruanchen.com

6、新建图层2,把蝴蝶1 从库拖进舞台,右键点蝴蝶1 --转换为元件(影片剪辑),元件名为蝶1:

Flash入门教程:补间动画打造浪漫蝶恋花_ruanchen.com

7、右健点蝶1--编辑,进入元件编辑区。右键点蝶1 --分离,打散蝴蝶图片:

Flash入门教程:补间动画打造浪漫蝶恋花_ruanchen.com

8、选用任意变形工具,蝶1 图片四周出现8 个小方框,把鼠标放在右下的小方框上,待鼠标变为一个园形箭头,鼠标轻轻向左一拖,把蝴蝶转个方向:

Flash入门教程:补间动画打造浪漫蝶恋花_ruanchen.com

9、移动蝴蝶,使蝴蝶的头部正好在舞台的正中央,右键点时间轴上的第3帧,插入关键帧:

Flash入门教程:补间动画打造浪漫蝶恋花_ruanchen.com

10、在第3帧,用箭头工具框选蝴蝶的一个翅膀:

Flash入门教程:补间动画打造浪漫蝶恋花_ruanchen.com

11、再用任意变形工具,把翅膀压扁:

Flash入门教程:补间动画打造浪漫蝶恋花_ruanchen.com

12、用同样的方法做好另一个蝴蝶翅膀:

Flash入门教程:补间动画打造浪漫蝶恋花_ruanchen.com

13、点第1帧,点修改--组合;点第3帧,点修改--组合。

Flash入门教程:补间动画打造浪漫蝶恋花_ruanchen.com

14、点场景1,返回场景1。为了方便操作,我们把舞台调整为50%:

Flash入门教程:补间动画打造浪漫蝶恋花_ruanchen.com

15、在场景1的第2层,分别在40、60、100帧插入关键帧,并分别在1-40、46-60、60-100帧内任意一个点创建补间动画。锁住图层2,插入引导层:

Flash入门教程:补间动画打造浪漫蝶恋花_ruanchen.com

16、在引导层的第1帧,选用铅笔工具: 选项平滑,画出蝴蝶飞行的轨迹(引导线),用橡皮擦工具在引导线上,在您想要蝴蝶停留的位置上擦出一个小缺口,锁定引导层,打开图层2 的锁:

Flash入门教程:补间动画打造浪漫蝶恋花_ruanchen.com

17、在图层2 的第1 帧,用箭头工具将蝶1 元件拖到引导线的最左端,蝶1 的中心点一定要压在引导线上:

Flash入门教程:补间动画打造浪漫蝶恋花_ruanchen.com

18、在图层2 的第40帧,用箭头工具将蝶1 元件拖到缺口的左端,蝶1 的中心点一定要压在引导线上:

Flash入门教程:补间动画打造浪漫蝶恋花_ruanchen.com

19、在图层2 的第60帧,用箭头工具将蝶1 元件拖到缺口的右端,蝶1 的中心点一定要压在引导线上:

Flash入门教程:补间动画打造浪漫蝶恋花_ruanchen.com

20、 在图层2 的第100  帧,用箭头工具将蝶1 元件拖到引导线的最左端,蝶1 的中心点一定要压在引导线上:

Flash入门教程:补间动画打造浪漫蝶恋花_ruanchen.com

       OK!现在咱们来测试影片吧。这是单个蝴蝶恋花的做法,如果您说,我也要象实例上那样三对蝴蝶飞舞在花丛中,那就不要怕麻烦喔~~

第二个蝴蝶的做法:

1、把图层2 和引导层锁好,增加图层3:

Flash入门教程:补间动画打造浪漫蝶恋花_ruanchen.com

2、为了方便操作,图层2 和引导层的眼睛关闭,把蝴蝶2 从库里拖出舞台。重复6~14 步骤得到元件蝶 2:

Flash入门教程:补间动画打造浪漫蝶恋花_ruanchen.com

3、在场景1 的第3 层,分别在35、55、100帧插入关键帧,并分别在 1--35、36--55、56--100 帧内任意一个点创建补间动画。锁住图层3 ,打开引导层和引导层的眼睛:

Flash入门教程:补间动画打造浪漫蝶恋花_ruanchen.com

4、操作方法同第16步。在引导层的第1 帧,选用铅笔工具: 选项平滑,画出蝴蝶2 飞行的轨迹(第二条引导线),用橡皮擦工具在引导线上,在您想要蝴蝶停留的位置上擦出一个小缺口,锁定引导层,打开图层3  的锁:(只要操作正确,引导线画好,蝴蝶元件会自动跑上引导线)。

Flash入门教程:补间动画打造浪漫蝶恋花_ruanchen.com

5、这步操作方法与 17、18、19、20 步相同:

在图层3  的第 1 帧,用箭头工具将蝶2 元件拖到引导线的最左端,蝶2  的中心点一定要压在引导线上:

在图层3  的第35帧,用箭头工具将蝶2 元件拖到缺口的左端,蝶2  的中心点一定要压在引导线上:

在图层3  的第60帧,用箭头工具将蝶2 元件拖到缺口的右端,蝶2  的中心点一定要压在引导线上:

在图层3  的第100  帧,用箭头工具将蝶2 元件拖到引导线的最左端,蝶2  的中心点一定要压在引导线上:

注意:不管做多少层,最后一帧一定要对齐,否则全盘乱套。

好!第 2个蝴蝶也做好了,测试一下。

第3、 第4 个蝴蝶的做法:会做了前面 2个蝴蝶,要做好第3、第4个蝴蝶易如反掌。

1、同第6 ~第13步,分别做好元件(影片剪辑)蝶3、元件(影片剪辑)蝶4。

2、在第8 步后面把蝶3 蝶4 调小一些。

元件大小的调整方法:点修改--变形--缩放与旋转,在弹出的缩放和旋转对话框中设置缩放为50~80(随意),确定。

3、做好了元件蝶3 ,点场景1,不用做引导线,把蝴3 摆放在您认为合适的地方。(参看效果演示)

4、做好了元件蝶4 ,点场景1,不用做引导线,把蝴4 摆放在您认为合适的地方。(参看效果演示

5、第5 第6 个蝴蝶更容易做了,把元件蝶3和蝶4 直接拖进场景,随便找地方安装就OK。(参看效果演示)

测试:CTRL+ENTER !保存*.fly    导出影片*.swf       (完毕)