卡卡西论坛--CaCaSi.Net's Archiver

卡卡西购物网--CaCaSi.cc

旗木逍 发表于 2007-8-7 13:43

Flash制作飘落的红叶视觉动画特效(无AS)

接着"蝶恋花"的练习, 我们举一反三再来学习,红叶的制作,主要学习内容是,如何灵活运用引导层.
我们先看看实例:
[align=center][url=http://www.webjx.com/download.php?url=http://www.webjx.com/upfiles/20070611/20070611150108_a.rar][color=#ff0000][b]点击这里下载源文件[/b][/color][/url][/align]素材1
[align=center][img]http://www.webjx.com/upfiles/20070611/20070611150719_s2.jpg[/img][/align]素材2
[align=center][img]http://www.webjx.com/upfiles/20070611/20070611150814_s1.gif[/img][/align]制作方法:
1、建新文档。
[align=center][img]http://www.webjx.com/upfiles/20070611/20070611151022_1.jpg[/img]
图1[/align]2、文件--导入--导入到库。把背景图片和叶子图片导入到库。
[align=center][img]http://www.webjx.com/upfiles/20070611/20070611152843_2.jpg[/img]
图2[/align]打开对齐面版,相对于舞台,水平中齐,垂直中齐。把背景和舞台对齐。
[align=center][img]http://www.webjx.com/upfiles/20070611/20070611152900_3.jpg[/img]
图3[/align]3、点窗口--库, 在1 帧,把背景图从库里拖出舞台,调整与舞台一样大小。把图层1 改为背景层,右键点背景,转换为图形元件,名:背景。在300 帧点左键,插入帧。
[align=center][img]http://www.webjx.com/upfiles/20070611/20070611152915_4.jpg[/img]
图4[/align]4、锁定背景层,新建图层1,在第1 帧,从库里把叶子图片拖出舞台, 选取工具栏中的任意变形工具把叶子调好方向大小,对叶子点右键, 转换为影片剪辑元件,名:叶子。
[align=center][img]http://www.webjx.com/upfiles/20070611/20070611152927_5.jpg[/img]
图5[/align]5、在250帧点右键--插入关键帧,在1~250帧内任选一帧点右键创建补间动画,建立1~250帧的叶子运动,在属性栏面版上在“调整到路径上”打勾:
[align=center][img]http://www.webjx.com/upfiles/20070611/20070611153011_6.jpg[/img]
图6[/align]6、锁定图层1 。添加运动引导层,选用工具栏中的铅笔工具,笔融颜色随意,附属选项:平滑。填充色无。在引导层的第 1帧 画一条平滑曲线,即叶子运动轨迹。
[align=center][img]http://www.webjx.com/upfiles/20070611/20070611153101_7.jpg[/img]
图7[/align]7、锁定引导层,打开图层1,把1 帧的叶子元件拖到引导线的上端。注意:一定要把元件注册点压在引导线上。
[align=center][img]http://www.webjx.com/upfiles/20070611/20070611153140_8.jpg[/img]
图8[/align]8、鼠标移到250帧,把1 帧里的叶子元件拖到引导线的下端。记住要把元件注册点压在引导线上。
[align=center][img]http://www.webjx.com/upfiles/20070611/20070611153212_9.jpg[/img]
图9[/align]9、按回车测试,叶子顺利飘落。锁定图层1 打开引导层,复制第二条引导线,增加图层2,在图层2 的第11帧,把库里的叶子元件拖出舞台放在第二条引导线的上端,在第260帧插入关键帧,11~260帧内任意1帧点右键创建补间动画,点260帧,把引导线上端的叶子元件到下端,把属性栏面版上在“调整到路径上”打勾
[align=center][img]http://www.webjx.com/upfiles/20070611/20070611153428_10.jpg[/img]
图10[/align]10、不断重复第10步,每复制或重新画一条引导线,就相应加一图层,每新图层比前图层后退10帧 ,直到您认为叶子够了为止。
[align=center][img]http://www.webjx.com/upfiles/20070611/20070611153319_11.jpg[/img]
图11[/align][align=center][img]http://www.webjx.com/upfiles/20070611/20070611153354_12.jpg[/img][/align][align=center]图12[/align]这是第10层时间轴的前部份
[align=center][img]http://www.webjx.com/upfiles/20070611/20070611153236_13.jpg[/img]
图13[/align]11、OK!测试影片。文件--另存为,导出源文件 *.fla     文件--导出影片,把弹出菜单中的由下而上改为由上而下,确定,导出影片文件 *.swf
这个方法只适应初学者,更进一步可以使用AS让树叶飘落。

页: [1]
卡卡西未名网--CaCaSi.com

Powered by Discuz! Archiver 6.1.0  © 2001-2007 Comsenz Inc.