书城计算机网络FlashCS动画制作基础
28301400000013

第13章 基本动画制作(4)

图形文件转换为名称为“喝彩人生”的影片剪辑元件,并在该层创建该实例由下向上淡入的传统补间动画;在“闪光”图层中创建出白色渐变图形有小到大的补间形状动画。

(3)在“喝彩人群”图层之上创建“运动员”图层,将导入素材“第5章\运动员.swf”

图形文件并转换为名称为“运动员”的影片剪辑元件,为其创建由左向右飞入舞台的传统补间动画;在“运动员”图层之上创建新层“足球”,导入素材“第5章\足球.swf”图形文件并转换为名称为“足球”的影片剪辑元件,为其创建由小到大、由左向右旋转出现的补间动画。

(4)在“足球”图层之上分别创建新层“文字1”和“文字2”,在舞台中输入黄色文字“激情足球之夜”和白色文字“共赏经典瞬间”,并为其添加黑色和红色的“发光”滤镜效果,并分别将其转换为“文字1”和“文字2”影片剪辑元件,并依次创建出“文字1”和“文字2”影片剪辑实例由下向上、由小到大慢慢淡出的传统补间动画。

到此,该足球之夜广告动画全部制作完成,测试与保存Flash动画文件。制作“足球之夜”

动画实例的步骤提示示意图,如图5-65所示。

制作“足球之夜”动画效果的步骤如下。

(1)启动FlashCS5,创建一个空白的Flash文档。

(2)在工作区域中单击鼠标右键,在弹出的快捷菜单中选择【文档属性】命令,在弹出【文档设置】对话框中设置参数,如图5-66所示。

(3)单击【确定】按钮,完成对文档属性的各项设置。

(4)在【时间轴】面板中将“图层1”图层重新命名为“背景”,然后通过菜单栏【文件】

→【导入】→【导入到舞台】命令,在弹出的【导入】对话框中双击素材“第5章\背景.swf”

图形文件,将其导入到舞台中,并通过【信息】面板调整其大小及位置与舞台对等,如图5-67所示。

(5)选择调整后的“背景.swf”图形,将其转换为名称为“背景”的影片剪辑元件。

(6)在【时间轴】面板的“背景”图层第10帧,按F6键,在该帧处插入关键帧,然后选择第1帧处的“背景”影片剪辑实例,在【属性】面板的【色彩效果】类别中设置【样式】

选项为“高级”,然后设置【高级】选项中的相关参数。

(7)在【时间轴】面板中选择“背景”图层第1帧至第10帧间的任意一帧,单击鼠标右键,在弹出的快捷菜单中选择【创建传统补间】命令,从而创建“背景”影片剪辑实例有白色逐渐过渡显示的色调变化的传统补间动画。

(8)在【时间轴】面板中“背景”图层第100帧处插入普通帧,从而设置动画播放时间为100帧。

(9)在“背景”图层之上创建新层“喝彩人群”,并在该层第10帧处插入关键帧,然后在该帧处导入素材“第5章\喝彩人群.swf”图形文件,调整到如图5-68指定位置处,并将其转换为名称为“喝彩人群”的影片剪辑元件。

(10)分别在“喝彩人群”图层第18帧和第20帧处插入关键帧,然后选择第10帧处的“喝彩人群”影片剪辑实例,将其垂直向下移动到如图5-69所示的位置,并在【属性】面板中的【色彩效果】类别中设置【样式】选项为“Alpha”,其参数值为“0%”。

(11)选择第18帧处的“喝彩人群”影片剪辑实例,然后在舞台中将其垂直向上移动一小段距离,如图5-70所示。

(12)在【时间轴】面板中分别选择“喝彩人群”图层第10帧至第18帧、第18帧至第20帧间的任意一帧,然后选择菜单栏中的【插入】→【传统补间】命令,并设置第10帧至第18帧间的动画【缓动】为“100”,从而创建出“喝彩人群”影片剪辑实例由下向上淡入的传统补间动画。

(13)在“背景”图层之上创建新层“闪光”,并在该层第20帧处插入关键帧,然后在该帧处创建一个如图5-71所示的白色渐变的图形,并将其转换为名称为“闪光”的影片剪辑元件。

(14)在舞台中双击“闪光”的影片剪辑实例,进入到该元件的编辑窗口中,并在“图层1”

图层第15帧处插入关键帧,在第40帧处插入普通帧。

(15)选择“图层1”图层第1帧处白色渐变图形,然后将其进行等比例缩小,如图5-72所示。

(16)选择“图层1”图层第1帧至第15帧间的任意一帧,单击鼠标右键,在弹出的菜单中选择【创建补间形状】命令,从而创建出白色渐变图形由小到大的补间形状动画。

(17)单击“场景1”按钮,将当前编辑窗口切换到场景的编辑窗口中。

(18)在“喝彩人群”图层之上创建新层“运动员”,在该层第20帧处插入关键帧,然后在该帧处导入素材“第5章\运动员.swf”图形文件,调整到如图5-73所示的位置处,并将其转换为名称为“运动员”的影片剪辑元件。

(19)分别在“运动员”图层第28帧和第30帧处插入关键帧,然后选择第20帧处的“运动员”影片剪辑实例,将其水平向左移动一段距离,并在【属性】面板中为其添加“模糊”

滤镜,如图5-74所示。

(20)选择第28帧处的“运动员”影片剪辑实例,将其向右移动一小段距离,用同样方法在【属性】面板中为其添加“模糊”滤镜,如图5-75所示。

(21)在【时间轴】面板中分别选择“运动员”图层第20帧至第28帧、第28帧至第30帧间的任意一帧,依次单击鼠标右键,在弹出的快捷菜单中选择【创建传统补间】命令,从而创建出“运动员”影片剪辑实例由左向右飞入舞台的传统补间动画。

(22)在“运动员”图层之上创建新层“足球”,并在该层第30帧处插入关键帧,然后导入素材“第5章\足球.swf”图形文件,调整其位置如图5-76所示,并将其转换为名称为“足球”的影片剪辑元件。

(23)选择舞台中的“足球”影片剪辑实例,然后单击鼠标右键,在弹出的快捷菜单中选择【创建补间动画】命令,从而为其创建补间动画。

(24)在【时间轴】面板中选择“足球”图层已经创建的补间范围,然后选择菜单栏中的【窗口】→【动画编辑器】命令,弹出【动画编辑器】面板,依次在【基本动画】属性类型下的【X】轴相对应的右侧曲线段的第40帧处、【转换】属性类型下的【缩放X】和【缩放Y】

轴相对应的右侧曲线段的第40帧处单击鼠标右键,在弹出的快捷菜单中选择【插入关键帧】

命令,从而在第40帧的位置处添加属性关键帧,如图5-77所示。

(25)使用同样的方法,在【动画编辑器】面板中的【基本动画】属性类型下的【X】轴相对应的右侧曲线的第100帧处【转换】属性类型下的【缩放X】和【缩放Y】轴相对应的右侧曲线段的第100帧处单击鼠标右键,在弹出的快捷菜单中选择【插入关键帧】命令,从而在第100帧的位置处添加属性关键帧。

(26)在舞台选择地第30帧处“足球”影片剪辑实例,将其等比例缩小,将调整到运动员图形脚前的位置处,如图5-78所示。

(27)在【时间轴】面板中选择“足球”图层已经创建的补间范围,然后在【面板】中设置【旋转】为“1”次,【方向】为“顺时针”,从而创建出“足球”影片剪辑实例由小到大,由左向右旋转出现的补间动画。

(28)在“足球”图层之上分别创建新层“文字1”和“文字2”,并在该层第40帧处插入关键帧,然后依次在舞台中插入黄色文字“激情足球之夜”和白色文字“共赏经典瞬间”,并为其添加黑色和红色的“发光”滤镜效果,如图5-79所示。

(29)分别将黄色文字“激情足球之夜”和白色文字“共赏经典瞬间”转换为“文字1”

和“文字2”影片剪辑元件。

(30)在“文字1”和“文字2”图层第50帧处插入关键帧,然后在舞台中分别选择第40帧处的“文字1”和“文字2”影片剪辑实例,将其垂直向下移动一小段距离,依次将其进行等比例缩小,如图5-80所示,并在【属性】面板的【色彩效果】类别中设置【样式】选项为“Alpha”,其参数值为“100%”。

(31)在【时间轴】面板中同时选择“文字1”和“文字2”第40帧至第50帧间的任意一帧,单击鼠标右键,在弹出的快捷菜单中选择【创建传统补间】命令,从而创建出“文字1”

和“文字2”影片剪辑实例由下向上、由小到大慢慢淡出的传统补间动画。

(32)在【时间轴】面板中按住Shift键的同时将“文字2”图层第40帧至第50帧间的所有帧全部选择,然后按住鼠标向后拖曳,设置其起始帧为第45帧,到此该Flash广告动画全部制作完成,如图5-81所示。

(33)选择菜单栏中的【控制】→【测试影片】→【测试】命令,对影片进行测试,在弹出的影片测试窗口中可以看到在一片欢呼的人群中运动员飞速踢球,同时伴有文字由小到大、由透明到显示的Flash动画效果。

(34)如果影片测试无误,将制作的文件名称保存为“足球之夜.fla”。

小结

本章主要介绍逐帧动画的设计原理。制作逐帧动画的关键是依次在各个关键帧上创建出具有逻辑联系并且渐变的图像。制作逐帧动画时,需要注意相邻两帧间的画面内容的过渡,跳跃不要太大,否则看起来不连贯,不利于对象的精细表现。设计时还要灵活掌握一些必要的设计技巧,例如在关键帧之间插入空白帧等。本章详细介绍了形状补间动画和动作补间动画的制作原理和技巧。要充分理解传统补间动画与补间动画的联系和区别。本章在每个知识点后面,都有一个实例的讲解。希望读者通过实例的学习,能够举一反三,全面掌握补间动画的原理和制作方法。

思考与练习

1.什么是预设动画?如何预览动画预设?

2.快速制作动画的方法有哪些?各有何特点?

3.如何编辑补间动画?

4.什么是形状补间动画?如何制作形状补间动画?