《图层特效动画(一)Flash高级商务动画设计(全)(袁野版)》由会员分享，可在线阅读，更多相关《图层特效动画(一)Flash高级商务动画设计(全)(袁野版)（28页珍藏版）》请在金锄头文库上搜索。
1、FLASH FLASH 商务应用商务应用 六、六、 图层特效图层特效动画动画- -引导层动画引导层动画上节课回顾上节课回顾q图层动画：动画与声音的结合。(音箱也疯狂动画)q学会动画帧的拷贝、翻转及注意事项。q掌握传统补间动画与逐帧动画的结合。(一个也不能跑动画) q学会移步换形的制作技巧，并制作动画拖尾效果q学会用传统补间动画和补间形状动画制作金字塔 旋转和文字旋转的动画。一、一、【目的目的】q学会使用引导层制作动画。q掌握被引导层中对象的某些参数的概念，如简易 、调整到路径等。q灵活应用引导层制作复杂动画。 q会使用“洋葱皮”功能查看动画过程的每个细节 。二、二、【重点重点】 q掌握引导层及
2、被引导层的基本概念。q椭圆轨道动画的制作技巧。三、三、【难点难点】 q打乒乓球。引导层动画的原理引导层动画的原理q将一个或多个层链接到一个运动引导层，使一个 或多个对象沿同一条路径运动的动画形式被称为“ 引导路径动画”。这种动画可以使一个或多个元件 完成曲线或不规则运动。创建引导层动画步骤创建引导层动画步骤q首先在普通图层中，创建被引导对象动画q(通常为传统补间动画)q然后在当前图层上方创建引导图层：q在普通图层上单击时间轴面板中的“添加传统运动引导层”按钮，该 层的上面就会添加一个引导层，同时该普通层缩进成为“被引导层” q在引导图层中创建引导线q将被引导对象吸附到引导线上四、实例四、实例1
3、1弹跳球弹跳球 四、实例四、实例11 【实例说明实例说明】和和【技术要点技术要点】q【实例说明】小球从左侧高处斜抛落下，在地上 反复弹跳多次后滚出舞台右侧。q【技术要点】使用引导层控制小球的运动轨迹， 通过设置移动动画的属性来生成加速运动的效果 。课堂示例课堂示例1: 1: 关键步骤关键步骤1.启动Flash CS4，菜单上，文件另存为，在“另存为”的对话框上，先选择保 存文件的文件夹的位置，在文件名后输入：弹跳球.fla，点击“保存”按钮。2.菜单上，修改文档，打开“文档属性”对话框，设置文档尺寸为300200，背 景颜色为白色，帧频为12fps(即12帧/秒)，单击“确定”按钮，返回到文档
4、场景 编辑窗口。3.菜单上，插入新建元件，打开“创建新元件”对话框，在名称后输入：球，行 为选择“图形”，单击“确定”按钮，打开“球”元件编辑窗口；鼠标选择工具箱中 的椭圆工具，设置笔触颜色为无，填充颜色为径向渐变小球（也可以通过菜 单上，窗口颜色，来设置任意径向渐变填充色），如图1所示，按住【Shift 】键，在舞台上绘圆，如图可以通过菜单上，窗口颜色，来设置任意径向 渐变填充色），如图2所示。课堂示例课堂示例1: 1: 关键步骤关键步骤4.单击舞台左上方的“场景1”按钮切换到场景编辑窗口。菜单上，窗口库，打 开库面板；从库面板中将“球”元件拖动到舞台上（第一帧中）。5.鼠标右键单击“图层1
5、”的第30帧插入关键帧，鼠标右键单击第1帧创建传 统补间动画，到40帧，插入帧。此时时间轴如图1所示。6.右键击图层处“添加传统运动引导层” ，在“图层1”之上创建了引导层，“图层1” 自动变为被引导层，此时时间轴如图2所示课堂示例课堂示例1: 1: 关键步骤关键步骤7.选择工具箱中的铅笔工具，设置笔触颜色为黑色，铅笔工具工作模式为“平滑” ，在舞台上绘制如图所示的轨迹（如果轨迹不光滑可以利用箭头工具修改） 。8.单击“图层1”的第1帧，在舞台上拖动小球到轨迹的起始点位置，如图2所示。9.单击“图层1”的第30帧，在舞台上拖动小球到轨迹的终点位置，如图3所示。课堂示例课堂示例1: 1: 关键步
6、骤关键步骤10.用鼠标右键单击“图层1”的第1帧属性（又一种方式，打开或关闭“属性”面板 ），设置“缓动”后面的加速度值为-100，即为加速运动11.按下【Enter】键，观看影片的播放效果。10.在场景编辑窗口中，按下【Enter】键播放影片，引导层中的轨迹线会显示出来，但在影片输 出之后，引导层中的轨迹线不会显示在最终的作品中。如果不希望在编辑窗口上看到轨迹线 ，可以单击该图层对应眼睛图标下的黑点，关闭该图层。12.菜单上，文件保存。五、五、实例实例22飞行特技飞行特技 五、五、实例实例22【实例说明实例说明】及及【技术要点技术要点】q【实例说明】一架战斗机在空中盘旋翻滚并变换 大小。q【
7、技术要点】从Wingdings字体中导入飞机对象 ，利用移动动画创建动画效果，利用引导层设定 飞行路径，在帧“属性”面板中启用“调整到路径”复 选框。q 课堂示例课堂示例2: 2: 关键步骤关键步骤1.启动Flash CS4，菜单上，文件另存为，在“另存为”的对话框上，先选择保 存文件的文件夹的位置，在文件名后输入：飞行特技.fla，点击“保存”按钮。2.菜单上，修改文档，打开“文档属性”对话框，设置文档尺寸为645px485px ，帧频为12fps，点击“确定”。3.在时间轴上将“图层1”更名为“背景”，菜单上，文件导入，打开“导入”对话框 ，选择“cloud.jpg”图形文件，单击“打开”
8、按钮，将其导入到舞台上，并调整好 图片的位置4.在“背景”图层之上新建“飞机”图层，选择工具箱中的文本工具，打开“属性”面 板，设置字体为：Wingdings，大小为80，鼠标在“舞台”上点击一下，出现文 本录入框，按【Shift+Q】组合键，则出现一个黑色的飞机图案。5.鼠标右键单击“飞机”图层的第30帧插入关键帧，然后鼠标右键单击“飞机”图 层第1帧创建传统补间动画，时间轴如图课堂示例课堂示例2: 2: 关键步骤关键步骤6.单击“飞机”图层，再单击时间轴下方的“添加运动引导层”按钮，在“飞机”图层 之上创建引导层，“飞机”图层自动转换为被引导层，如图1所示。7.选择工具箱中的铅笔工具，设置
9、笔触颜色为黑色（其它颜色也可以），在舞 台上绘制如图2所示的运动轨迹线课堂示例课堂示例2: 2: 关键步骤关键步骤8.单击“飞机”图层的第1帧，选择工具箱中的箭头工具，将舞台上的飞机拖动到 轨迹线的起点（舞台左侧）；菜单上，窗口变形，打开“变形”面板，在“旋 转”后面输入：-60（这个角度根据所画曲线的弯曲度进行测试得到的，也可 以直接利用工具箱中的“任意变形工具”调整飞机的仰角），如图1所示，打【 Enter】键后，舞台上的飞机如图2所示。课堂示例课堂示例2: 2: 关键步骤关键步骤9.鼠标单击“飞机”图层的第30帧，将舞台上的飞机拖动到轨迹线的终点，将飞 机的前进方向调整到与终点轨迹的切线
10、的方向一致。10.按下【Enter】键，观看动画播放效果。可以看到，飞机沿着运动轨迹线飞行 ，但是没有翻滚动作，而且飞机的前进方向不是与轨迹的切线方向一致。11.鼠标右键单击“飞机”图层的第1帧属性，打开“属性”面板，选中“调整到路径” 复选框。12.鼠标单击“飞机”图层的第15帧，此时飞机降到最低点，在该帧上单击鼠标右 键插入关键帧，将该帧对应舞台上的飞机放大一点（利用工具箱中的任意 变形工具），点击绘图纸外观，应用洋葱皮功能，如图1所示。此时时间轴如 图2所示。13.按下【Enter】键，再次观看动画播放效果。可以看到飞机在翻滚的同时，大 小也在变化。菜单上，文件保存。六、实例六、实例33
11、乒乓球对墙练习六、实例六、实例33【实例说明实例说明】及及【技术要点技术要点】q【实例说明】乒乓球对墙练习。q【技术要点】q1)绘制乒乓球、乒乓球拍矢量图元件。q2)创建引导图层，并绘制乒乓球运动引导线。q3）创建普通图层，制作球拍的运动。课堂示例课堂示例3: 3: 关键步骤关键步骤1.启动Flash CS4，菜单上，文件另存为，在“另存为”的对话框上，先选择保 存文件的文件夹的位置，在文件名后输入：乒乓球.fla，点击“保存”按钮。2.菜单上，修改文档，打开“文档属性”对话框，设置文档尺寸为550px400px ，蓝色背景，帧频为12fps，点击“确定”。3.菜单上，插入新建元件，打开“创建
12、新元件”对话框。在名称后输入：拍打乒 乓球，行为选择“影片剪辑”。单击“确定”按钮，打开“拍打乒乓球”影片剪辑元 件的编辑窗口；4.“图层1”更名为“球拍”，菜单上，文件导入，打开“导入”对话框，选择“乒乓 球拍.jpg”图形文件，单击“打开”按钮，将其导入到舞台上，并调整好图片的位 置。在第2帧，第3帧右键插入关键帧。第2帧的拍移动到合适位置。插入帧， 到14帧。5.在“球拍”图层之上新建“墙”图层，选择工具箱中的矩形工具，笔触为黑色，打 开“颜色”面板，设置白棕线性渐变。课堂示例课堂示例3: 3: 关键步骤关键步骤6.在“墙”图层之上新建“球”图层，画白色球，在第7帧和第14帧插入关键帧，
13、调 整第7帧的位置到墙边。7.鼠标右键单击第1帧创建传统补间动画。鼠标右键单击第7帧创建传统补 间动画。8.右键击图层处“添加传统运动引导层” ，在“球”之上创建了引导层，“球”自动变 为被引导层。选择工具箱中的铅笔工具，设置笔触颜色为黑色，铅笔工具工 作模式为“平滑”，在舞台上绘制如图所示的轨迹（如果轨迹不光滑可以利用箭 头工具修改）。9.添加“声音”图层，在第2帧右键插入空白关键帧，拉“Keyboard Type Sngl”进 舞台，在第8帧右键插入空白关键帧，拉“Brick Drops”进舞台。时间轴如图。10.Ctrl+enter七、实例七、实例44蝶恋花五、五、实例实例22【实例说明
14、实例说明】及及【技术要点技术要点】q【实例说明】两只蝴蝶在花丛中自由飞翔。q【技术要点】2)利用先前创建的蝴蝶原地习舞的 影片剪辑元件，使用水平翻转的方式创建不同的 蝴蝶，使用引导层为每只蝴蝶设定运动轨迹。 课堂示例课堂示例4: 4: 关键步骤关键步骤1.启动Flash CS4，双击蝶恋花.fla。2.菜单上，修改文档，打开“文档属性”对话框，设置文档尺寸为550px400px ，蓝色背景，帧频为12fps，点击“确定”。3.复制以前的蝴蝶影片剪辑元件到库里。4.菜单上，插入新建元件，打开“创建新元件”对话框。在名称后输入：蝴蝶舞 台，行为选择“影片剪辑”。单击“确定”按钮，打开“蝴蝶舞台”影
15、片剪辑元件的 编辑窗口；5.“图层1”更名为“背景”，将花背景拖入到舞台上，并调整好图片的位置。在60 帧插入帧。6.在“背景”图层之上新建“蝴蝶1”图层，把“蝴蝶”影片剪辑拖进舞台右边。在第60 帧插入关键帧，调整蝴蝶的位置到左边。7.鼠标右键单击第1帧创建传统补间动画。右键击图层处“添加传统运动引导 层” ，在“蝴蝶1”之上创建了引导层，“蝴蝶1”自动变为被引导层。课堂示例课堂示例4: 4: 关键步骤关键步骤8.选择工具箱中的铅笔工具，设置笔触颜色为黑色，铅笔工具工作模式为“平滑” ，在舞台上绘制波浪形轨迹；9.蝴蝶2如法炮制；10.Ctrl+enter。回家作业：按作业回家作业：按作业6 6样张样张1.弹跳球2.飞机3个，加音频3.乒乓球对墙练习 ，加音频4.蝴蝶飞舞，加音频，并使用移步换形，（ 一个引导层下面可以有多层的被引导层）
