xicaixiao 发表于 2007-12-17 20:22:58

Flash 8 制作无AS---红叶飘飘

我们先看看效果:
http://bbs.jcwcn.com/attachment.php?aid=388738
使用的素材:

http://bbs.jcwcn.com/attachments/month_0705/20070528_1d497e41629cff806b1e3Ps55ihYNm2o.gif

http://bbs.jcwcn.com/attachments/month_0705/20070528_810a7358a1b803547e3b7woh870bpx28.jpg

制作方法:
1、建新文档。

http://bbs.jcwcn.com/attachments/month_0705/20070528_97604c077a110d77dc2etZhQfQFJN1wz.jpg

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

http://bbs.jcwcn.com/attachments/month_0705/20070528_f1e91c945348d779ba63BNyh4K6Ac5lf.jpg

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

http://bbs.jcwcn.com/attachments/month_0705/20070528_d9d2fff85e5671f4fbdf7p8HwNECTwm2.jpg

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

http://bbs.jcwcn.com/attachments/month_0705/20070528_7b3692ea2704af174f25W1NOcSJNjGFH.jpg

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

http://bbs.jcwcn.com/attachments/month_0705/20070528_1dd38401515575e0b7f75KeLUBcmEZxP.jpg

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

http://bbs.jcwcn.com/attachments/month_0705/20070528_d192e6c1a6b600d481ffDgmKGTG62IXK.jpg


http://bbs.jcwcn.com/attachments/month_0705/20070528_abde45b6f8ea904a852cwTfjTmjZ9Jao.jpg

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

http://bbs.jcwcn.com/attachments/month_0705/20070528_7dc15c515945c8f239e6GeoCmdALyWpp.jpg


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

http://bbs.jcwcn.com/attachments/month_0705/20070528_d5c5bc7f3422be23f5873BraRu4FSd2r.jpg

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

http://bbs.jcwcn.com/attachments/month_0705/20070528_4ebe1ecf439d142cf871FdIxoNBG9yR2.jpg

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

http://bbs.jcwcn.com/attachments/month_0705/20070528_5a650c7d75ecf2bbaff0yRZ61iTwRYbd.jpg


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

http://bbs.jcwcn.com/attachments/month_0705/20070528_b10f158584085cf7b145rRlfDyuXFeye.jpg


http://bbs.jcwcn.com/attachments/month_0705/20070528_08d71d0a540fdf718542Vpu4CUCpX1a3.jpg

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

http://bbs.jcwcn.com/attachments/month_0705/20070528_8b3978d12e028a3c8b567Y6JIHvWNs2o.jpg


11、OK!测试影片。文件--另存为,导出源文件 *.fla   文件--导出影片,把弹出菜单中的由下而上改为由上而下,确定,导出影片文件 *.swf
这个方法只适应初学者,更进一步可以使用AS让树叶飘落

黑豹 发表于 2007-12-18 00:53:52

:) :) 我学习

hanya 发表于 2007-12-21 21:48:22

欣赏、学习了,不错,好漂亮!谢谢了。:victory:

jindayun11 发表于 2008-1-2 23:57:34

太迷人了!!!!:D

yenfu7171 发表于 2008-1-15 00:48:02

不错,好漂亮!谢谢了!!

xiangyuan 发表于 2008-1-17 11:11:04

做的很好,学习了!

wosibaba 发表于 2008-4-15 22:03:09

学习中,谢谢楼主的教程!

悠悠 发表于 2008-8-24 12:02:24

不错,这个相对其他的教程直观多了~

sihui11 发表于 2008-9-29 13:47:25

多谢了,辛苦你了

五味子 发表于 2008-10-7 15:04:13

多谢了,辛苦你了!学习!
页: [1] 2
查看完整版本: Flash 8 制作无AS---红叶飘飘