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

第12章 基本动画制作(3)

应用动画预设的操作通过【动画预设】面板中的【应用】按钮进行,可以将动画预设应用于一个选定的帧,也可以将动画预设应用于不同图层上的多个选定帧,其中每个对象只能应用一个预设,如果将第二个预设应用于相同的对象,那么第二个预设将替换第一个预设,应用动画预设的操作非常简单,具体步骤如下。

(1)首先在舞台上选择需要添加动画预设的对象。

(2)然后在【动画预设】面板的“预设列表”中选择需要应用的预设,Flash自带的每个动画预设都包括预览,通过在上方“预览窗口”中进行动画效果的显示预览。

(3)选择合适的动画预设后,单击【动画预设】面板中的【应用】按钮,就可以将所选择的预设应用到舞台选择的对象中。

在应用动画预设时需要注意,【动画预设】面板的“预设列表”中的各3D动画的动画预设只能应用于影片剪辑实例,而不能应用于图形或按钮元件,也不适用于文本字段,因此如果想要对选择对象应用各3D动画的动画预设,需要将其转换为影片剪辑实例。

2.将补间另存为自定义动画预设

除了可以将Flash对象进行动画预设的应用外,Flash还允许将已经创建好的补间动画另存为新的动画预设,这些新的动画预设存放在【动画预设】面板中【自定义预设】文件夹中。

将补间另存为自定义动画预设的操作可以通过【动画预设】面板下方的“将选区另存为预设”

按钮完成。具体操作如下。

(1)首先旋转【时间轴】面板中的补间范围,或者旋转舞台中应用了补间的对象。

(2)然后单击【动画预设】面板下方的“将选区另存为预设”按钮,此时可弹出【将预设另存为】对话框,在其中“png”可以设置为另存预设,如图5-53所示。

(3)单击【确定】按钮,将选择的补间另存为预设,并存放在【动画预设】面板中【自定义预设】文件夹中,如图5-54所示。

3.创建自定义预设的预览

将选择补间另存为自定义预设后,对于细心的读者来说,还会发现一个不足之外,那就是选择【动画预设】面板中已经另存的自定义预设后,在“预览窗口”中无法进行预览。如果自定义预设很多的话,这将会给操作带来极大不便,当然在Flash中也可以创建自定义预设,具体操作步骤如下。

(1)首先创建补间动画,并将其另存为自定义预设。

(2)然后创建一个值包含补间动画的FLA文件,注意使用与自定义预设完全相同的名称将其保存为FLA格式文件,并通过【发布】命令将该FLA文件创建为SWF文件。

(3)将刚才创建的SWF文件放置在以保存的自定义预设XML文件所在的目录中。如果用户使用的是Windows系统,那么就可以放置在如下目录中:<硬盘>\Docunmentsandsettings\\LocalSettings\ApplicationData\Adobe\FlashCS5\Configuration\MotionPresets。

到此,完成自定义动画预设的操作,重新启动Flash,这时选择【动画预设】面板【自定义预设】文件夹中的相对应的自定义预设后,在“预览窗口”中就可以进行预览。

5.5补间形状动画

补间形状动画用于创建形状变化的动画效果,使一个形状变成另一个形状,同时也可以设置图形形状位置、大小、颜色和变化。

补间形状动画的创建方法与传统补间动画类似,只要创建出两个关键帧中的对象,其他过渡帧便可以通过Flash自己制作出来,当然创建补间形状动画也需要如下条件。

①在一个补间形状动画中至少要有两个关键帧。

②这两个关键帧中的对象必须是可编辑的图形,如果是其他类型的对象,则必须将其转换为可编辑的图形。

③这两个关键帧中的图形必须有一些变化,否则制作的动画将没有动的效果。

5.5.1创建补间形状动画

当满足了以上条件后,就可以制作补间形状动画,与传统补间动画类似,创建补间形状动画也有两种方法,一是通过右键快捷菜单,二是通过菜单命令,两者相比,前者更方便快捷,比较常用。

1.通过右键快捷菜单创建补间形状动画

选择同一图层的两个关键帧之间的任意一帧,单击鼠标右键,在弹出的快捷菜单中选择【创建补间形状】命令,这样就在两个关键帧间创建出补间形状动画,创建的补间形状动画以带有黑色箭头和淡绿色背景的起始关键帧处的黑色圆点2.使用菜单命令创建补间形状动画

同前面制作传统补间动画相同,首先将同一图层两个关键帧之间的任意一帧选择,然后选择菜单栏中的【插入】→【补间形状】命令,就可以在两个关键帧之间创建补间形状动画;如果想取消已经创建好的补间形状动画,可以选择已经创建补间形状动画两个关键帧之间的任意一帧,然后选择菜单栏中的【插入】→【删除补间】命令,又可将已经创建好的补间形状动画删除。

5.5.2补间形状动画属性设置

补间形状动画的属性同样通过【属性】面板的【补间】选项进行设置。首先选择已经创建补间形状动画两个关键帧之间的任意一帧,然后展开【属性】面板,在其下的【补间】选项中就可以设置动画的运动速度,混合等,如图5-56所示,其中【缓动】参数设置请参照前面介绍的传统补间动画。

【混合】:共有两种选项【分布式】和【角形】。【分布式】选项创建的动画中间形状更为平滑和不规则;【角形】选项创建的动画中间形状会保留有明显的角和直线。

5.5.3使用形状提示控制形状变化

在制作补间形状动画时,如果要控制复杂的形状变化,那么就会出现变化过程杂乱无章的情况,这时就可以使用Flash提供的形状提示,通过它可以为动画中的图形添加形状提示点,通过这些形状提示点可以指定图形如何变化,从而控制更加复杂的形状变化。下面通过“形状控制动画”实例学习使用形状提示点控制补间形状动画的方法。

使用形状提示控制形状变化的步骤如下。

(1)选择菜单栏中【文件】→【打开】命令,打开本书素材\“第5章\形状提示控制.fla”

文件,在该文件中包括两个关键帧,分别为四边形与心形,如图5-57所示,接下来制作两个图形的形状转变动画。

(2)选择“图层1”第1帧至第20帧间的任意一帧,然后单击鼠标右键,在弹出的快捷菜单中选择【创建补间形状】命令,这样就在两个关键帧间创建出补间形状动画,如图5-58所示。

(3)选择菜单栏中的【控制】→【测试影片】→【测试】命令,在弹出影片测试窗口中可以观看到形状变化的动画效果,如图5-59所示。

此时的动画是没有任何干预的情况下由Flash自己创建的动画效果,其动画效果有些杂乱,接下来使用添加形状提示点制作规律变换的动画效果。

(4)关闭影片测试窗口,将【时间轴】面板播放指针拖曳到第1帧,然后选择菜单栏中的【修改】→【形状】→【添加形状提示】命令或按Ctrl+Shift+H组合键,在图形中出现一个红色形状提示点a,如图5-60所示。

(5)再次执行命令7次,在图形中依次出现添加红色的形状提示点b、c、d、e、f、g和h,并按住鼠标左键,将各形状提示点拖曳到如图5-61所示的位置。

(6)在【时间轴】面板中将播放指针拖曳到第20帧,可以看到舞台中的心形中也有8个形状提示点,将形状提示点拖曳到如图5-62所示的位置,此时形状提示点的颜色变化为绿色,而第1帧中的形状提示点将变为黄色。

注意:如果第20帧或第1帧中的形状提示点没有变绿或者变黄,则说明这个形状提示点没有在两个帧中对应起来,需要重新调整形状提示点的位置。

(7)选择菜单栏中的【控制】→【测试影片】→【测试】命令,弹出影片测试窗口,在此窗口中可以看到图形根据自己的意愿比较有规律地进行变换的动画效果,从而使变形动画更加流畅自如,如图5-63所示。

(8)如果影片测试无误,选择菜单栏中的【文件】→【保存】命令,将文件进行保存。

注意:在操作过程中,又可能因为误操作,而使添加的形状提示点无法显示,这时可以选择菜单栏中的【视图】→【显示形状提示】命令,将其显示;如果添加了多余的形状提示点,可以按住鼠标将其拖曳到舞台外,从未将其删除,而选择菜单栏中的【修改】→【形状】

→【删除所有提示】命令,又可以将添加的形状提示点全部删除。

5.6典型案例-足球之夜

通过前面的学习,已经熟练掌握了Flash基本动画的制作,包括逐帧动画、传统补间动画、补间动画和形状补间动画等,接下来将前面所学内容加以综合应用,并运用一些操作技巧,制作一个“足球之夜”广告动画,效果如图5-64所示。

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

(1)创建一个空白的Flash文档,在“背景”图层中导入素材“第5章\背景.swf”图形文件,并将其转换为“背景”的影片剪辑元件,并为其创建由白色逐渐过渡显示的色调变化的传统补间动画。

(2)在“背景”图层之上创建“喝彩人群”图层,将导入素材“第5章\喝彩人群.swf”