文档介绍:Flash CC 基础与案例教程
第4章 风景动画
Flash CC 基础与案例教程
海上灯塔
一
小雨沙沙
二
竹林听风
三
竹林听风
第三部分
Flash CC 基础与案例教程
知技准备
一、基础知识
?
形状补间动画是在Flash的时间轴面板上,在一个关键帧上绘制一个形状,然后更改该形状,或在另一个关键帧上绘制另一个形状,Flash将内插中间帧的中间形状,创建一个形状变形为另一个形状的动画,它可以实现两个图形之间颜色、形状、大小、位置的相互变化。形状补间动画建立后,时间帧面板的背景色变为淡绿色,在起始帧和结束帧之间有一个长长的箭头。与动画补间不同,构成形状补间动画的元素是为形状,而不能是元件、按钮、文字等,必先打散(快捷键Ctrl+B)后才可以做形状补间动画。
知技准备
?
形状提示会标识起始形状和结束形状中的相对应的点,以此能够控制更加复杂或罕见的形状变化,例如,要补间一张正在改变表情的脸部图画时,可以使用形状提示来标记每只眼睛,这样在形状发生变化时,脸部就不会乱成一团,每只眼睛还都可以辨认,并在转换过程中分别变化。
形状提示包含从a到z的字母,用于识别起始形状和结束形状中相对应的点。最多可以使用26个形状提示。起始关键帧中的形状提示是黄色的,结束关键帧中的形状提示是绿色的,当不在一条曲线上时为红色。
知技准备
二、基本操作
?
以方形变为圆形为例,在时间轴的第1帧到第20帧之间创建补间形状。
(1)第1帧中,使用矩形工具绘制一个橙色正方形。如图4-3-1所示。
图4-3-1第1帧关键帧画面
知技准备
(2)在第20帧按下快捷键F7创建空白关键帧,使用椭圆工具在第20帧中绘制一个绿色正圆。如图4-3-2所示。
图4-3-2第20帧关键帧画面
知技准备
(3)在时间轴上,单击鼠标选择第1帧到第20帧之间的任意一帧,右击鼠标在快捷菜单中选择“创建补间形状”,Flash 即会将形状内插到这两个关键帧之间的所有帧中,预览动画,橙色方形逐渐变形为绿色圆形。如图4-3-3所示。
图4-3-3形状补间动画时间轴
知技准备
?
以四方形变化为五角形为例,首先创建第1帧到第20帧四方形变化为五角形的形状补间动画,注意绘制的过程中图形没有轮廓线,如果希望四方形的四个角其中三个角与五角形的三个角相同,可以使用添加形状提示来制作这段动画,具体方法步骤如下:
知技准备
(1)选择补间形状序列中的第一个关键帧,选择“修改”菜单“形状”级联菜单中的“添加形状提示”命令,此时为自动添加一个起始形状提示,在该形状的某处显示为一个带有字母a的红色圆圈,如图4-3-4所示。
图4-3-4添加形状提示