flash小游戏及flash片头等等的flash资源源码都是新丁flash资源网为大家提供娱乐和学习以及为相关flash工作者提供方面之门!
  首页 | 片头欣赏 | Banner 欣赏 | Flash 特效 | 网站欣赏 | 技术文档 | 视频教程 | 网页模板 | flash小游戏 | 源码下载 | 相关下载 | 声音下载 | 
  flash实例应用   您当前的位置是:首页 >> 技术文档 >> flash实例应用 >> 详细内容
Flash制作飘落的红叶视觉动画特效(无AS)
加入时间:2007-9-23  浏览:42   录入:启能Flash资源网   来源:网络

接着"蝶恋花"的练习, 我们举一反三再来学习,红叶的制作,主要学习内容是,如何灵活运用引导层.

我们先看看实例:

点击这里下载源文件

素材1

Flash制作飘落的红叶视觉动画<a特效(无AS) src="http://www.itfensi.com/d/file/sj/Flash/shili/2007-07-06/9fbb37f4d807eb2f44c4091850535bea.jpg">

素材2

Flash制作飘落的红叶视觉动画<a特效(无AS) src="http://www.itfensi.com/d/file/sj/Flash/shili/2007-07-06/0a620f32c3b7ecd66166aec26b7da466.gif">

制作方法:

1、建新文档。

Flash制作飘落的红叶视觉动画<a特效(无AS) src="http://www.itfensi.com/d/file/sj/Flash/shili/2007-07-06/c7d0531ada451c49c2bb3d299c372a88.jpg">
图1

2、文件--导入--导入到库。把背景图片和叶子图片导入到库。

Flash制作飘落的红叶视觉动画<a特效(无AS) src="http://www.itfensi.com/d/file/sj/Flash/shili/2007-07-06/fd084c35c13020235ea48866af41441a.jpg">
图2

打开对齐面版,相对于舞台,水平中齐,垂直中齐。把背景和舞台对齐。

Flash制作飘落的红叶视觉动画<a特效(无AS) src="http://www.itfensi.com/d/file/sj/Flash/shili/2007-07-06/a436d472d110816fc7331c860d51815c.jpg">
图3

3、点窗口--库, 在1 帧,把背景图从库里拖出舞台,调整与舞台一样大小。把图层1 改为背景层,右键点背景,转换为图形元件,名:背景。在300 帧点左键,插入帧。

Flash制作飘落的红叶视觉动画<a特效(无AS) src="http://www.itfensi.com/d/file/sj/Flash/shili/2007-07-06/36a0591b1b2973c406665c36c2967873.jpg">
图4

4、锁定背景层,新建图层1,在第1 帧,从库里把叶子图片拖出舞台, 选取工具栏中的任意变形工具把叶子调好方向大小,对叶子点右键, 转换为影片剪辑元件,名:叶子。

Flash制作飘落的红叶视觉动画<a特效(无AS) src="http://www.itfensi.com/d/file/sj/Flash/shili/2007-07-06/2449c7545f4022a707e3dac1aeef5f2a.jpg">
图5

5、在250帧点右键--插入关键帧,在1~250帧内任选一帧点右键创建补间动画,建立1~250帧的叶子运动,在属性栏面版上在“调整到路径上”打勾:

Flash制作飘落的红叶视觉动画<a特效(无AS) src="http://www.itfensi.com/d/file/sj/Flash/shili/2007-07-06/e22592a6657631e5b8d9ecac5a5f59a8.jpg">
图6

6、锁定图层1 。添加运动引导层,选用工具栏中的铅笔工具,笔融颜色随意,附属选项:平滑。填充色无。在引导层的第 1帧 画一条平滑曲线,即叶子运动轨迹。

Flash制作飘落的红叶视觉动画<a特效(无AS) src="http://www.itfensi.com/d/file/sj/Flash/shili/2007-07-06/94a6e3e817af0ccd48dadfb54e5799e4.jpg">
图7

7、锁定引导层,打开图层1,把1 帧的叶子元件拖到引导线的上端。注意:一定要把元件注册点压在引导线上。

Flash制作飘落的红叶视觉动画<a特效(无AS) src="http://www.itfensi.com/d/file/sj/Flash/shili/2007-07-06/489203202a3e22d07ffc7525cbfb03de.jpg">
图8

8、鼠标移到250帧,把1 帧里的叶子元件拖到引导线的下端。记住要把元件注册点压在引导线上。

Flash制作飘落的红叶视觉动画<a特效(无AS) src="http://www.itfensi.com/d/file/sj/Flash/shili/2007-07-06/0f0418c7bcd265962590514d0d2f0016.jpg">
图9

9、按回车测试,叶子顺利飘落。锁定图层1 打开引导层,复制第二条引导线,增加图层2,在图层2 的第11帧,把库里的叶子元件拖出舞台放在第二条引导线的上端,在第260帧插入关键帧,11~260帧内任意1帧点右键创建补间动画,点260帧,把引导线上端的叶子元件到下端,把属性栏面版上在“调整到路径上”打勾

Flash制作飘落的红叶视觉动画<a特效(无AS) src="http://www.itfensi.com/d/file/sj/Flash/shili/2007-07-06/b786f8fbcaf73555c81b2a60fb041678.jpg">
图10

10、不断重复第10步,每复制或重新画一条引导线,就相应加一图层,每新图层比前图层后退10帧 ,直到您认为叶子够了为止。

Flash制作飘落的红叶视觉动画<a特效(无AS) src="http://www.itfensi.com/d/file/sj/Flash/shili/2007-07-06/3f22bcbbcab0f476f3fba96a3f6cb26c.jpg">
图11

Flash制作飘落的红叶视觉动画<a特效(无AS) src="http://www.itfensi.com/d/file/sj/Flash/shili/2007-07-06/2b562f3e6cbc331b93efc80dcb211d34.jpg">

图12

这是第10层时间轴的前部份

Flash制作飘落的红叶视觉动画<a特效(无AS) src="http://www.itfensi.com/d/file/sj/Flash/shili/2007-07-06/969e57e451e958acc7fdfeda9af44eb1.jpg">
图13

11、OK!测试影片。文件--另存为,导出源文件 *.fla     文件--导出影片,把弹出菜单中的由下而上改为由上而下,确定,导出影片文件 *.swf

这个方法只适应初学者,更进一步可以使用AS让树叶飘落。

关于我们 | 联系方式 | 广告赞助 | 免责声明 | 站点留言 | 友情链接 | 推荐站点
Copyright 2007-2008 新丁flash资源网 All Rights Reserved
本站版权所有 新丁flash资源网 保留所有权利 未经许可请勿任意转载或复制使用 
请使用1024*768分辨率浏览本站以达到浏览新丁flash资源网的最佳视觉效果
新丁flash资源网中所有的解压密码均为:www.qnflash.com
粤ICP备08010396号