资源简介

蝴蝶翩翩入画来
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

展开更多......

收起↑