2.6 高级动画制作
除了前面学习的基本动画类型外,Animate CC 2017软件还提供了多种高级特效动画,包括运动引导层动画、遮罩动画、多场景动画及Animate CC 2017新增的骨骼动画等。通过它们可以创建更加生动复杂的动画效果。
2.6.1 创建运动引导层动画
运动引导层动画是指对象沿着某种特定的轨迹进行运动的动画,特定的轨迹也被称为固定路径或引导线。作为动画的一种特殊类型,运动引导层的制作至少需要使用两个图层,一个是用于绘制特定路径的运动引导层,另一个是用于存放运动对象的图层。在最终生成的动画中,运动引导层中的引导线不会显示出来。
运动引导层就是绘制对象运动路径的图层,通过此图层中的运动路径可以引导对象沿着绘制的路径运动。在“时间轴”面板中,一个运动引导层下可以有多个图层,也就是多个对象可以沿同一条路径同时运动,此时运动引导层下方的各图层也就成为被引导层。在Animate CC 2017中,创建运动引导层有以下两种方法。
1.使用“添加传统运动引导层”命令创建运动引导层
使用“添加传统运动引导层”命令创建运动引导层是最为方便的一种方法,具体操作步骤如下。
1)在“时间轴”面板中选择需要创建运动引导层动画的对象所在的图层。
2)单击鼠标右键,从弹出的快捷菜单中选择“添加传统运动引导层”命令,即可在所选图层的上面创建一个运动引导层(此时,创建的运动引导层前面的图标显示为),并且将原来所选图层设置为引导层,如图2-142所示。
图2-142 使用“添加传统运动引导层”命令创建运动引导层
2.使用“图层属性”对话框创建运动引导层
“图层属性”对话框用于显示与设置图层的属性,包括设置图层的类型等。使用“图层属性”对话框创建运动引导层的具体操作步骤如下。
1)选择“时间轴”面板中需要设置为运动引导层的图层,然后执行菜单中的“修改|时间轴|图层属性”命令(或者在该图层处单击鼠标右键,从弹出的快捷菜单中选择“属性”命令。
2)在“图层属性”对话框中选择“类型”选项组中的“引导层”单选按钮,如图2-143所示,然后单击“确定”按钮。此时,当前图层即被设置为运动引导层,如图2-144所示。
图2-143 选择“引导层”单选按钮
图2-144 当前图层被设置为运动引导层
3)选择运动引导层下方需要设为被引导层的图层(可以是单个图层,也可以是多个图层),如图2-145所示,然后按住鼠标左键,将其拖动到运动引导层的下方,即可将其快速转换为被引导层,如图2-146所示。
提示:一个引导层可以设置多个被引导层。
图2-145 选择需要设为被引导层的图层
图2-146 设为被引导层的图层显示
2.6.2 创建遮罩动画
与运动引导层动画相同,在Animate CC 2017中创建遮罩动画也至少需要两个图层才能完成,分别是遮罩层和被遮罩层。其中,位于上方用于设置遮罩范围的图层称为遮罩层,而位于下方的图层则是被遮罩层。遮罩层如同一个窗口,通过它可以看到其下被遮罩层中的区域对象,而被遮罩层中区域以外的对象将不会显示,如图2-147所示。另外,在制作遮罩动画时,需要注意,一个遮罩层下可以包括多个被遮罩层,不过按钮内部不能有遮罩层,也不能将一个遮罩应用于另一个遮罩。
图2-147 遮罩前后的效果比较
a)遮罩前 b)遮罩后
遮罩层其实是由普通图层转化而来的,Animate CC 2017会忽略遮罩层中的位图、渐变色、透明、颜色和线条样式。遮罩层中的任何填充区域都是完全透明的,任何非填充区域都是不透明的,因此,遮罩层中的对象将作为镂空的对象存在。在Animate CC 2017中,创建遮罩层有以下两种方法。
1.使用“遮罩层”命令创建遮罩层
使用“遮罩层”命令创建遮罩层是最为方便的一种方法,具体操作步骤如下。
1)在“时间轴”面板中选择需要设置为遮罩层的图层。
2)单击鼠标右键,从弹出的快捷菜单中选择“遮罩层”命令,即可将当前图层设置为遮罩层,并且其下的一个图层会被相应地设置为被遮罩层,二者以缩进形式显示,如图2-148所示。
图2-148 使用“遮罩层”命令创建遮罩层
2.使用“图层属性”对话框创建遮罩层
在“图层属性”对话框中除了可以设置运动引导层,还可以设置遮罩层和被遮罩层,具体操作步骤如下。
1)选择“时间轴”面板中需要设置为遮罩层的图层,然后执行菜单中的“修改|时间轴|图层属性”命令(或者在该图层处单击鼠标右键,从弹出的快捷菜单中选择“属性”命令),弹出“图层属性”对话框。
2)在“图层属性”对话框中选择“类型”选项组中的“遮罩层”单选按钮,如图2-149所示,然后单击“确定”按钮,即可将当前图层设置为遮罩层。此时,时间轴分布效果如图2-150所示。
图2-149 选择“遮罩层”单选按钮
图2-150 时间轴分布
提示:在“图层属性”对话框中要勾选“锁定”复选框,否则最终不会有遮罩效果。
3)使用同样的方法,在“时间轴”面板中选择需要设置为被遮罩层的图层,然后单击鼠标右键,从弹出的快捷菜单中选择“属性”命令,接着在弹出的“图层属性”对话框中选择“类型”选项组中的“被遮罩”单选按钮,如图2-151所示,即可将当前图层设置为被遮罩层,时间轴分布效果如图2-152所示。
图2-151 选择“被遮罩”单选按钮
图2-152 时间轴分布
2.6.3 创建多场景动画
在Animate CC 2017中,除了默认的单场景外,用户还可以创建多个场景来编辑动画。多场景动画不同于其他动画,它是在不同的场景中放置不同的动画元素,然后通过场景间的切换将其串联成一个整体动画。多场景动画的具体应用请参见本书“7.1天津美术学院网页制作”和“7.2制作动画片”。
2.6.4 创建骨骼动画
骨骼动画也称为反向运动(IK)动画,是一种使用骨骼的关节结构对一个对象或彼此相关的一组对象进行动画处理的方法。在Animate CC 2017中要创建骨骼动画,必须首先确定当前Animate CC 2017的脚本为ActionScript 3.0,而不能是ActionScript 2.0。创建骨骼动画的对象分为两种:一种是元件对象,另一种是图形形状。
1.创建基于元件对象的骨骼动画
在Animate CC 2017中对元件对象创建骨骼动画,元件对象可以是影片剪辑、图形和按钮中的任意一种。如果是文本,则需要将文本转换为元件。当创建基于元件的骨骼动画时,可以使用工具箱上的(骨骼工具)将多个元件进行骨骼绑定,骨骼绑定后,移动其中一个骨骼会带动相邻的骨骼进行运动。
2.创建基于图形形状的骨骼动画
在Animate CC 2017中不仅可以对元件创建骨骼动画,还可以对图形形状创建骨骼动画。与创建基于元件的骨骼动画不同,基于图形形状的骨骼动画对象可以是一个图形形状,也可以是多个图形形状,在向单个形状或一组形状添加第一个骨骼之前必须选择所有形状。将骨骼添加到所选择的内容后,Animate CC 2017会将所有的形状和骨骼转换为骨骼形状对象,并将该对象移动到新的骨架图层,在某个形状转换为骨骼形状后,它将无法再与其他形状进行合并操作。