蝴蝶翩翩入画来
1
任务导航
范例中,一只蝴蝶从画面的右上角进入,然后穿过整个画面,最后停留在一朵花上。蝴蝶的飞行虽然可以用前面学过的“动作补间动画”的方式完成,但效果比较生硬,无法表现现实中蝴蝶的飘逸与轻盈。怎样解决这个难题呢?Flash中有一种动画效果——“引导路径动画”,可以让蝴蝶按照我们的设计意图自由飞翔。
下面,先将这段动画的主角——蝴蝶导入到文件中,作为一个独立的“影片剪辑”元件。
执行“文件”、“打开”命令,逐级依次打开素材盘的“六年级用书\第一单元\第8课”文件夹,打开文件“公益广告.fla”。
1.新建“名称”为蝴蝶、“行为”为影片剪辑的元件
3.逐级依次打开素材盘的“六年级用书\第一单元\第8课”文件夹,选择“蝴蝶.gif”
4.单击“打开”按钮
2.执行“文件”、“导入”、“导入到舞台”命令,弹出“导入”对话框
在“引导路径动画”中,控制元件运动的关键是引导层上的线段,线段的长度、方向、曲直决定了元件的运动路径。先来绘制蝴蝶飞翔的轨迹。单击“场景1”按钮返回场景编辑状态。
1.在图层“广告词”上方新建图层“蝴蝶1”
2.单击“添加引导层”按钮,在图层“蝴蝶1”上方添加一个自动命名为“引导层:蝴蝶1”的图层
3.单击选中引导层,在第5帧“插入关键帧”
4.选择“铅笔工具”,在选项栏中设置“笔触”为平滑,笔触的大小及颜色不限
从舞台的右上角向左下角画出一条光滑的曲线。
引导层上的这条用“铅笔工具”画出的曲线就是引导线。随后,要将蝴蝶放置到场景中,并确定其起止位置。
现在,按下“Enter”键测试动画效果,可以看到蝴蝶沿着指定的轨迹“飞翔”了。在制作引导路径动画时,引导线只起编辑作用,在动画最后输出时,引导线是不显示的。不信,按下“Ctrl+Enter”键试试看吧!
利用“引导路径动画”还可以让多只蝴蝶一起按照预先设计的路线飞翔。但在设置“引导路径动画”之前,一定要先将这些蝴蝶进行组合。
当三只蝴蝶被组合之后,引导层中的引导线就会成为三只蝴蝶共同的运动轨迹。只需设置好三只蝴蝶的始末位置并创建动作补间动画,就可以欣赏到三只蝴蝶的精彩表演了。
现在,按下“Ctrl+Enter”键,影片中,蝴蝶飞舞、鲜花盛开、绿草如茵的花园更加生机盎然!
2
拓展空间
1.进一步调整作品中的“引导路径动画”效果,使蝴蝶的飞翔效果更加自然生动。
2.利用“引导路径动画”制作一个“漫天飞雪”效果的Flash小动画。
THE END