《图层特效动画(一)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.蝴蝶飞舞,加音频,并使用移步换形,( 一个引导层下面可以有多层的被引导层)