任务5 动作补间动画的制作
![]()
通过本任务的学习,读者可以掌握动作补间动画的制作方法。
![]()
(1)了解动作补间动画的定义;
(2)掌握动作补间动画的制作方法;
(3)了解动作补间动画与形状补间动画的区别。
![]()
随着球员起射一脚,足球场上的足球飞滚起来,越来越远,越来越小。利用动作补间动画来完成以上效果,如图7-80所示。

图7-80 最终效果
步骤1:启动Flash CS6软件,新建舞台大小为550像素×400像素,其余为默认值。
步骤2:选择“文件”→“导入”→“导入到库”命令,打开“导入到库”对话框,选择需要的图片,单击“打开”按钮,将图片导入库中。
步骤3:选择“窗口”→“库”命令或使用组合键“Ctrl+L”打开“库”面板,如图7-81所示。

图7-81 “库”面板
步骤4:执行“插入新建元件”命令或使用组合键“Ctrl+F8”打开“创建新元件”对话框,如图7-82所示。

图7-82 “创建新元件”对话框
步骤5:输入元件名称“足球”,选择元件类型为“图形”,单击“确定”按钮,进入元件编辑界面。
步骤6:从“库”面板中将刚才导入的足球图片拖入元件编辑界面,按组合键“Ctrl+B”进行分离,对图片进行去背景色处理,利用魔术棒工具选择白色部分,按Delete键删除,如图7-83所示。

图7-83 处理足球图片
步骤7:选中足球图片,按组合键“Ctrl+K”,打开“对齐”面板,让足球图片与舞台中心重合。
步骤8:同理,新建图形元件“人物”,将人物图片拖入元件编辑界面,同样进行去背景色处理。
步骤9:回到主场景,单击返回场景按钮,如图7-84所示。

图7-84 单击返回场景按钮
步骤10:在时间轴面板上修改“图层1”的名称为“背景”,单击第1帧,打开“库”面板,将背景元件拖拽入舞台中,调整元件的位置、大小,如图7-85所示。

图7-85 设置背景元件的属性
步骤11:在时间轴面板上,新建“图层2”并修改其名称为“人物”,单击第1帧,打开“库”面板,将人物元件拖拽入舞台中,调整人物元件的位置和大小,如图7-86所示。

图7-86 调整人物元件的位置和大小
步骤12:在时间轴面板上新建“图层3”,并将其修改为“足球”,单击第1帧,打开“库”面板,将足球元件拖拽入舞台中,调整元件的位置、大小,在第20帧处,按F6键插入关键帧,同时,将“背景”“人物”图层的帧延长到第20帧,调整足球元件位置到球门上方并将足球缩小。在两个关键帧之间创建动作补间动画,如图7-87所示。(https://www.daowen.com)

图7-87 创建动作补间动画
步骤13:时间轴上的图层分布情况如图7-88所示。

图7-88 时间轴上的图层分布情况
步骤14:足球在运动的过程中,除位置与大小改变外,旋转方向、颜色也可以有变化。单击两个关键帧之间的任意位置,打开“属性”面板,调整足球的旋转方向及旋转圈数,如图7-89所示。

图7-89 设置足球的旋转属性
步骤15:足球越来越远(越来越小),直到消失不见,在第17帧处按F6键插入关键帧,第17帧到第20帧为处理足球消失的变化动作。时间面板上帧的分布情况如图7-90所示。

图7-90 时间面板上帧的分布情况
步骤16:用选择工具单击第20帧,再单击帧内的足球元件,打开“属性”面板,设置足球的Alpha(透明度)为0,如图7-91所示。

图7-91 设置足球元件的透明度
步骤17:选择“文件”→“保存”命令或使用组合键“Ctrl+S”保存文件。
步骤18:选择“控制”→“测试影片”命令或使用组合键“Ctrl+Enter”,可导出并观看动画效果。
![]()
知识点1 帧与元件属性的区别
足球在运动的过程中,除位置、旋转方向、大小、速度有所变化外,颜色、亮度、透明度也可能发生变化,这就需要修改元件(位置、大小、颜色、亮度、透明度等)及帧(旋转方向、速度、声音等)的属性。
知识点2 动作补间动画与形状补间动画不同
动作补间动画也是Flash中非常重要的表现手段之一,与形状补间动画不同的是,动作补间动画的对象必须是元件或成组对象。
运用动作补间动画,用户可以设置元件的大小、位置、颜色、透明度、旋转等属性,配合别的手法,用户甚至能制作出令人称奇的仿3D效果。
1.动作补间动画的概念
在Flash CS6的时间轴面板上,在一个时间点(关键帧)放置一个元件,然后在另一个时间点(关键帧)改变这个元件的大小、颜色、位置、透明度等,Flash CS6根据二者之间帧的值创建的动画称为动作补间动画。
2.构成动作补间动画的元素
构成动作补间动画的元素是元件,包括影片剪辑、图形元件、按钮等,除了元件,其他元素包括文本都不能创建动作补间动画,其他位图、文本等都必须转换成元件。只有把形状组合或者转换成元件后,才可以制作动作补间动画。
3.动作补间动画在时间轴面板上的表现
动作补间动画建立后,时间轴面板的背景色变为淡紫色,在起始帧和结束帧之间有一个长长的箭头。
4.形状补间动画和动作补间动画的区别
形状补间动画和动作补间动画都属于补间动画,首、尾各有一个起始帧和结束帧,二者的对比见表7-2。
表7-2 动作补间动画和形状补间动画的对比

![]()
动作补间动画属于补间动画的一种,也是Flash动画中最常见的一种动画形式,其最大的特点是以元件为对象,便于修改,无论是文字、图形还是导入的图片,都可以被制作成元件,而且在场景中,元件实例可以通过“属性”面板中的选项进行多种设置,实现各种不同的效果。