FlashCS6动画制作入门与进阶：多条引导线的应用

2023-11-17 理论教育版权反馈

【摘要】：下面的例子是一个对象有多条引导线的情况。图5.20 引导层路径示意图Step10 在“蝴蝶”图层的第1帧，用选择工具将“蝴蝶”元件实例拖到最右侧缺口的右端，元件实例的中心点一定要压在引导线上。Step12 用同样的方法，分别调整“蝴蝶”图层第90帧、第115帧、第125帧、第150帧处“蝴蝶”元件实例的位置以及旋转角度，并要保证元件实例的中心点一定要压在引导线上。

除了可以在一个引导层下设置多个被引导层外，也可以多条引导线引导一个对象作引导动画。当然一个动画里也可以出现多个引导动画，比如蝴蝶和蜻蜓分别做不同的引导动画。下面的例子是一个对象有多条引导线的情况。动画的部分画面如图5.18所示。

图5.18 蝴蝶飞舞动画部分画面

该案例的制作过程如下：

Step1 新建一个大小为550×320像素，帧频为24fps的文档。

Step2 将默认的“图层1”修改为“花丛”，选择“文件”→“导入”→“导入到舞台”菜单，将素材“花丛.jpg”导入到舞台中，修改图片的位置，使图片与舞台重合。在“花丛”图层的第170帧按【F5】键插入帧，使静态图形始终不变，锁定该图层。

Step3 选择“文件”→“导入”→“导入到库”菜单，将素材“蝴蝶.png”导入到库中，新建一个名为“蝴蝶”的影片剪辑元件。进入元件编辑状态，把“蝴蝶.png”拖到舞台上，利用变形面板把位图的大小变为原来的30%。

Step4 鼠标右键单击“图层1”的第5帧，插入关键帧。利用“任意变形工具”对蝴蝶进行水平方向的压缩，把蝴蝶翅膀压扁，效果如图5.19所示。

图5.19 变形前后的蝴蝶图片对比

Step5 在“图层1”的第7帧处插入普通帧，退出元件编辑状态，返回“场景1”中。

Step6 在“花丛”图层上方新建一个名为“蝴蝶”的图层，从库中拖曳“蝴蝶”元件至“蝴蝶”图层第1帧的舞台上。

Step7 在“蝴蝶”图层的第70、90、115、125和150帧处按【F6】键插入关键帧，在第170帧处插入帧；并分别用鼠标右键单击1～70、90～115、125～150帧内的任意一帧，在弹出的菜单中选择“创建传统补间”命令，创建传统动作补间动画。(www.chuimin.cn)

Step8 用鼠标右键单击“蝴蝶”图层，在弹出的菜单中选择“添加传统运动引导层”，此操作会自动为“蝴蝶”图层的运动动画添加一个引导层，Flash会自动将该层命名为“引导层：蝴蝶”。

Step9 在引导层的第1帧，选用“铅笔工具”，选项平滑，画出蝴蝶飞行的轨迹（也即引导线），用橡皮擦工具在引导线上（即在想要蝴蝶停留的位置上）擦出一个小缺口，如图5.20所示。

图5.20 引导层路径示意图

Step10 在“蝴蝶”图层的第1帧，用选择工具将“蝴蝶”元件实例拖到最右侧缺口的右端，元件实例的中心点一定要压在引导线上。利用“任意变形工具”对蝴蝶进行一定角度的旋转，如图5.21所示。

图5.21 “蝴蝶”图层的第1帧时“蝴蝶”元件实例的位置

Step11 在“蝴蝶”图层的第70帧，用选择工具将“蝴蝶”元件实例拖到下一个缺口的左端，并利用“任意变形工具”对蝴蝶进行一定角度的旋转，元件实例的中心点一定要压在引导线上。

Step12 用同样的方法，分别调整“蝴蝶”图层第90帧、第115帧、第125帧、第150帧处“蝴蝶”元件实例的位置以及旋转角度，并要保证元件实例的中心点一定要压在引导线上。

Step13 分别选择“蝴蝶”图层第1、90、125帧，打开“属性”面板，勾选“调整到路径”复选框。

Step14 选择菜单“控制”→“测试影片”就可以预览蝴蝶在花丛中飞舞的效果了。

Step15 选择“文件”→“保存”菜单，输入文件名“蝴蝶飞舞”并保存当前文件。

FlashCS6动画制作入门与进阶：多条引导线的应用

相关推荐