第6讲图层特效动画(一)Flash高级商务动画设计(全)(袁野版)

FLASH商务应用

六、图层特效动画-引导层动画上节课回顾图层动画：动画与声音的结合。

(音箱也疯狂动画)学会动画帧的拷贝、翻转及注意事项。掌握传统补间动画与逐帧动画的结合。

(一个也不能跑动画)学会移步换形的制作技巧，并制作动画拖尾效果学会用传统补间动画和补间形状动画制作金字塔旋转和文字旋转的动画。一、【目的】学会使用引导层制作动画。掌握被引导层中对象的某些参数的概念，如简易、调整到路径等。灵活应用引导层制作复杂动画。会使用“洋葱皮”功能查看动画过程的每个细节。二、【重点】

掌握引导层及被引导层的基本概念。椭圆轨道动画的制作技巧。三、【难点】

打乒乓球。引导层动画的原理将一个或多个层链接到一个运动引导层，使一个或多个对象沿同一条路径运动的动画形式被称为“引导路径动画”。这种动画可以使一个或多个元件完成曲线或不规则运动。创建引导层动画步骤首先在普通图层中，创建被引导对象动画(通常为传统补间动画)然后在当前图层上方创建引导图层：在普通图层上单击时间轴面板中的“添加传统运动引导层”按钮，该层的上面就会添加一个引导层，同时该普通层缩进成为“被引导层”在引导图层中创建引导线将被引导对象吸附到引导线上四、实例1—弹跳球

四、实例1—【实例说明】和【技术要点】【实例说明】小球从左侧高处斜抛落下，在地上反复弹跳多次后滚出舞台右侧。【技术要点】使用引导层控制小球的运动轨迹，通过设置移动动画的属性来生成加速运动的效果。课堂示例1:关键步骤启动FlashCS4，菜单上，文件

另存为，在“另存为”的对话框上，先选择保存文件的文件夹的位置，在文件名后输入：弹跳球.fla，点击“保存”按钮。菜单上，修改

文档，打开“文档属性”对话框，设置文档尺寸为300×200，背景颜色为白色，帧频为12fps(即12帧/秒)，单击“确定”按钮，返回到文档场景编辑窗口。菜单上，插入

新建元件，打开“创建新元件”对话框，在名称后输入：球，行为选择“图形”，单击“确定”按钮，打开“球”元件编辑窗口；鼠标选择工具箱中的椭圆工具，设置笔触颜色为无，填充颜色为径向渐变小球（也可以通过菜单上，窗口

颜色，来设置任意径向渐变填充色），如图1所示，按住【Shift】键，在舞台上绘圆，如图可以通过菜单上，窗口

颜色，来设置任意径向渐变填充色），如图2所示。

课堂示例1:关键步骤单击舞台左上方的“场景1”按钮切换到场景编辑窗口。菜单上，窗口

库，打开库面板；从库面板中将“球”元件拖动到舞台上（第一帧中）。鼠标右键单击“图层1”的第30帧

插入关键帧，鼠标右键单击第1帧

创建传统补间动画，到40帧，插入帧。此时时间轴如图1所示。右键击图层处“添加传统运动引导层”

，在“图层1”之上创建了引导层，“图层1”自动变为被引导层，此时时间轴如图2所示课堂示例1:关键步骤选择工具箱中的铅笔工具，设置笔触颜色为黑色，铅笔工具工作模式为“平滑”，在舞台上绘制如图所示的轨迹（如果轨迹不光滑可以利用箭头工具修改）。单击“图层1”的第1帧，在舞台上拖动小球到轨迹的起始点位置，如图2所示。单击“图层1”的第30帧，在舞台上拖动小球到轨迹的终点位置，如图3所示。课堂示例1:关键步骤用鼠标右键单击“图层1”的第1帧

属性（又一种方式，打开或关闭“属性”面板），设置“缓动”后面的加速度值为-100，即为加速运动按下【Enter】键，观看影片的播放效果。在场景编辑窗口中，按下【Enter】键播放影片，引导层中的轨迹线会显示出来，但在影片输出之后，引导层中的轨迹线不会显示在最终的作品中。如果不希望在编辑窗口上看到轨迹线，可以单击该图层对应眼睛图标下的黑点，关闭该图层。菜单上，文件

保存。五、实例2—飞行特技五、实例2——【实例说明】及【技术要点】【实例说明】一架战斗机在空中盘旋翻滚并变换大小。【技术要点】从Wingdings字体中导入飞机对象，利用移动动画创建动画效果，利用引导层设定飞行路径，在帧“属性”面板中启用“调整到路径”复选框。

课堂示例2:关键步骤启动FlashCS4，菜单上，文件

另存为，在“另存为”的对话框上，先选择保存文件的文件夹的位置，在文件名后输入：飞行特技.fla，点击“保存”按钮。菜单上，修改

文档，打开“文档属性”对话框，设置文档尺寸为645px×485px，帧频为12fps，点击“确定”。在时间轴上将“图层1”更名为“背景”，菜单上，文件

导入，打开“导入”对话框，选择“cloud.jpg”图形文件，单击“打开”按钮，将其导入到舞台上，并调整好图片的位置在“背景”图层之上新建“飞机”图层，选择工具箱中的文本工具，打开“属性”面板，设置字体为：Wingdings，大小为80，鼠标在“舞台”上点击一下，出现文本录入框，按【Shift+Q】组合键，则出现一个黑色的飞机图案。鼠标右键单击“飞机”图层的第30帧

插入关键帧，然后鼠标右键单击“飞机”图层第1帧

创建传统补间动画，时间轴如图

课堂示例2:关键步骤单击“飞机”图层，再单击时间轴下方的“添加运动引导层”按钮，在“飞机”图层之上创建引导层，“飞机”图层自动转换为被引导层，如图1所示。选择工具箱中的铅笔工具，设置笔触颜色为黑色（其它颜色也可以），在舞台上绘制如图2所示的运动轨迹线

课堂示例2:关键步骤单击“飞机”图层的第1帧，选择工具箱中的箭头工具，将舞台上的飞机拖动到轨迹线的起点（舞台左侧）；菜单上，窗口

变形，打开“变形”面板，在“旋转”后面输入：-60（这个角度根据所画曲线的弯曲度进行测试得到的，也可以直接利用工具箱中的“任意变形工具”调整飞机的仰角），如图1所示，打【Enter】键后，舞台上的飞机如图2所示。

课堂示例2:关键步骤鼠标单击“飞机”图层的第30帧，将舞台上的飞机拖动到轨迹线的终点，将飞机的前进方向调整到与终点轨迹的切线的方向一致。按下【Enter】键，观看动画播放效果。可以看到，飞机沿着运动轨迹线飞行，但是没有翻滚动作，而且飞机的前进方向不是与轨迹的切线方向一致。鼠标右键单击“飞机”图层的第1帧

属性，打开“属性”面板，选中“调整到路径”复选框。鼠标单击“飞机”图层的第15帧，此时飞机降到最低点，在该帧上单击鼠标右键

插入关键帧，将该帧对应舞台上的飞机放大一点（利用工具箱中的任意变形工具），点击绘图纸外观，应用洋葱皮功能，如图1所示。此时时间轴如图2所示。按下【Enter】键，再次观看动画播放效果。可以看到飞机在翻滚的同时，大小也在变化。菜单上，文件

保存。六、实例3—乒乓球对墙练习

六、实例3——【实例说明】及【技术要点】【实例说明】乒乓球对墙练习。【技术要点】1)绘制乒乓球、乒乓球拍矢量图元件。2)创建引导图层，并绘制乒乓球运动引导线。3）创建普通图层，制作球拍的运动。课堂示例3:关键步骤启动FlashCS4，菜单上，文件

另存为，在“另存为”的对话框上，先选择保存文件的文件夹的位置，在文件名后输入：乒乓球.fla，点击“保存”按钮。菜单上，修改

文档，打开“文档属性”对话框，设置文档尺寸为550px×400px，蓝色背景，帧频为12fps，点击“确定”。菜单上，插入

新建元件，打开“创建新元件”对话框。在名称后输入：拍打乒乓球，行为选择“影片剪辑”。单击“确定”按钮，打开“拍打乒乓球”影片剪辑元件的编辑窗口；“图层1”更名为“球拍”，菜单上，文件

导入，打开“导入”对话框，选择“乒乓球拍.jpg”图形文件，单击“打开”按钮，将其导入到舞台上，并调整好图片的位置。在第2帧，第3帧右键插入关键帧。第2帧的拍移动到合适位置。插入帧，到14帧。在“球拍”图层之上新建“墙”图层，选择工具箱中的矩形工具，笔触为黑色，打开“颜色”面板，设置白棕线性渐变。课堂示例3:关键步骤在“墙”图层之上新建“球”图层，画白色球，在第7帧和第14帧插入关键帧，调整第7帧的位置到墙边。鼠标右键单击第1帧

创建传统补间动画。鼠标右键单击第7帧

创建传统补间动画。右键击图层处“添加传统运动引导层”

，在“球”之上创建了引导层，“球”自动变为被引导层。选择工具箱中的铅笔工具，设置笔触颜色为黑色，铅笔工具工作模式为“平滑”，在舞台上绘制如图所示的轨迹（如果轨迹不光滑可以利用箭头工具修改）。添加“声音”图层，在第2帧右键插入空白关键帧，拉“KeyboardTypeSngl”进舞台，在第8帧右键插入空白关键帧，拉“BrickDrops”进舞台。时间轴如图。Ctrl+enter七、实例4—蝶恋花五、实例2——【实例说明】及【技术要点】【实例说明】两只蝴蝶在花丛中自由飞翔。【技术要点】2)利用先前创建的蝴蝶原地习舞的影片剪辑元件，使用水平翻转的方式创建不同的蝴蝶，使用引导层为每只蝴蝶设定运动轨迹。

课堂示例4:关键步骤启动FlashCS4，双击蝶恋花.fla。菜单上，修改

文档，打开“文档属性”对话框，设置文档尺寸为550px×400px，蓝色背景，帧频为12fps，点击“确定”。复制以前的蝴蝶影片剪辑元件到库里。菜单上，插入

新建元件，打开“创建新元件”对话框。在名称后输入：蝴蝶舞台，行为选择“影片剪辑”。单击“确定”按钮，打开“蝴蝶舞台”影片剪辑元件的编辑窗口；“图层1”更名为“背景”，将花背景拖入到舞台上，并调整好图片的位置。在60帧插入帧。在“背景”图层之上新建“蝴蝶1”图层，把“蝴蝶”影片剪辑拖进舞台右边。在第60帧插入关键帧，调整蝴蝶的位置到左边。鼠标右键单击第1帧

创建传统补间动