任务 3 运动的足球项目三?补间动画制作任务 4荷兰风情补间动画是一种基本动画，补间动画中的对象随着播放时间进行移动或变形。这种动画制作过程
简单，只需制作两个关键帧上的动画，中间部分由计算机自动运算而得到，能最大限度地减小生成文件的大小。任务 1 万花筒1. 理解形状补
间动画的概念，掌握形状补间动画的分类及构成元素特点。2. 能制作形状补间动画。本任务是一个简单的形状补间动画实例，根据两个关键帧上
对象的形状、大小、颜色、位置的变化，利用形状补间产生奇妙的变形效果，如图所示。通过此任务的学习，理解形状补间动画的概念，掌握形状补
间动画的制作方法。万花筒效果图一、形状补间动画的概念在一个关键帧中绘制一个形状，在另一个关键帧中修改形状或者新绘制一个形状，Fla
sh 根据两个关键帧中形状的值来创建的动画称为形状补间动画。二、形状补间动画的构成元素形状补间动画可以实现两个图形之间颜色、大小、
形态及位置的相互变化。形状补间动画的元素必须是形状，如果是元件、文字、位图或者群组对象，可以执行【修改】→【分离】命令，或者按【C
trl+B】组合键将其打散，转换为形状，再创建形状补间动画。三、制作形状补间动画的步骤（1）在“时间轴”面板上动画开始播放的关键帧
中绘制动画的起始形状，在动画结束处插入空白关键帧，绘制动画的结束形状。（2）单击起始帧，在“属性”面板上单击“补间”旁边的三角形按
钮，从列表中选择“形状”，即可创建形状补间动画，如图所示。此时，“时间轴”面板上的背景变为淡绿色，在起始帧和结束帧之间增加了一个长
箭头，如图所示。形状补间形状补间动画的“时间轴”面板四、形状补间动画“属性”面板形状补间动画的“属性”面板如图所示。其中常用选项的
含义如下。（1）缓动：用于设定对象在变化过程中是加速还是减速。（2）混合：用于设置中间帧形状变化的过渡形式，包括分布式和角形两项。
形状补间动画的“属性”面板五、形状补间动画的分类（1）不可控的形状补间动画：用于比较简单的形变效果。（2）可控制的形状补间动画：可
通过添加形状提示制作出较为精确的形变效果。关于添加形状提示的方法，将在本项目任务 2 中做详细介绍。1. 创建影片文档新建一个 F
lash 文档，设置舞台大小为 550 像素 ×400 像素，背景为白色。2. 创建背景层将图层 1 重命名为“背景”，将素材库中
名为“万花筒 .jpg”的图片导入舞台中，锁定“背景”图层。3. 制作形状变形效果（1）新建“形状变形”影片剪辑元件。在元件编辑界
面中，使用椭圆工具 在第 1 帧中绘制一个无笔触颜色、填充颜色为红色（#FF0000）的圆，效果如图所示。（2）在第 20
帧插入关键帧，在圆的周围绘制八个小圆，按照如图所示的位置摆放。第 1 帧图形第 20 帧图形（3）在第 40 帧插入空白关键帧，使
用多角星形工具 绘制一个多角星形，设置笔触颜色为无，填充颜色为蓝色（#0000FF），样式为星形，边数为 16，顶点大小为
0.30，如图所示。效果如图所示。工具选项?第 40 帧图形（4）在第 60 帧插入关键帧，在星形周围绘制八个小星形，按照如图所示
的位置摆放。（5）选择第 1 帧，单击鼠标右键，从快捷菜单中选择“复制帧”选项，再选择第80 帧，单击鼠标右键，从快捷菜单中选择“
粘贴帧”选项，将第 1 帧中的图形复制到第 80 帧中，使形状经过一系列变化之后又回到初始状态。第 60 帧图形?（6）在“时间轴
”面板中单击图层 1，图层 1 中的所有帧被选中，在“属性”面板中设置补间类型为形状。影片剪辑元件制作完毕，按【Enter】键可以
测试形状变形效果。操作演示4. 将影片剪辑元件拖动到舞台返回到场景中，新建图层 2，重命名为“万花筒”，从“库”面板中多次拖动“形
状变形”影片剪辑元件到舞台中，调整它们的位置与大小，在“属性”面板中调整它们的颜色，效果如图所示。万花筒最终效果5. 测试保存执行
【控制】→【测试影片】命令，观察动画效果。如果满意，执行【文件】→【保存】命令，将文件保存为“万花筒 .fla”。任务 2 七十二
变1. 能熟练制作形状补间动画。2. 掌握添加形状提示的方法和技巧，能通过添加形状提示控制变形过程。本任务利用形状补间动画，实现孙
悟空变桃、桃变鱼、鱼变小庙的过程，如图所示。通过此任务的学习，掌握形状补间动画的制作方法，学会使用形状提示来调整形状变化。七十二变
效果图一、形状提示的作用在“起始形状”和“结束形状”中添加相对应的“参考点”，使 Flash 软件在计算变形过渡时依据一定的规则进
行，从而有效地控制变形过程。二、添加形状提示的方法（1）选择形状补间的第一个关键帧。（2）执行【修改】→【形状】→【添加形状提示】
命令，在该帧的形状上就会增加一个带字母的红色“提示圆圈”，相应地在结束帧形状中也会出现一个“提示圆圈”，效果如图所示。起始帧结束帧
?（3）用鼠标分别拖动两个“提示圆圈”，放置在形状的边缘上。首先调整起始帧上的“提示圆圈”到起始形状的边缘上，然后调整结束帧上的“
提示圆圈”到结束形状的边缘上，“提示圆圈”变为绿色。此时，起始帧上的“提示圆圈”变为黄色，效果如图所示。（4）重复步骤（1）～（3
），添加其他形状提示。调整起始帧上的“提示圆圈调整结束帧上的“提示圆圈”三、添加形状提示的技巧（1）形状提示可以连续添加，最多可以
添加 26 个。（2）将形状提示从形状的左上角开始按逆时针顺序摆放，可以使形状提示更有效。（3）形状提示的摆放位置要符合逻辑顺序。
（4）形状提示要在形状的边缘上才能起作用。（5）要删除所有的形状提示，可执行【修改】→【形状】→【删除所有提示】命令。如果要删除单
个形状提示，可选中要删除的形状提示，单击鼠标右键，从快捷菜单中选择“删除提示”选项即可。1. 创建影片文档新建一个Flash文档，
设置舞台大小为 1 200 像素×400 像素，背景为灰绿色（#437862）。2. 创建背景层将图层 1 重命名为“背景”，将素
材库中名为“七十二变 .jpg”的图片导入舞台中，在第 90 帧插入帧，锁定“背景”图层。3. 复制“七十二变库 .fla”中的元
件（1）打开素材文件“七十二变库 .fla”，对“库”面板中的“孙悟空”“鱼”“小庙”元件执行“复制”命令后，粘贴到新文档的“库”
面板中。（2）打开项目一任务 3“桃子熟了 .fla”文件，对“库”面板中的“桃子带金箍棒”元件执行“复制”命令后，粘贴到新文档的
“库”面板中，重命名为“桃子”元件。4. 制作七十二变效果（1）新建“变化”图层，选择第 1 帧，将“库”面板中的“孙悟空”元件拖
动到舞台左侧，放置位置如图所示。按【Ctrl+B】组合键将其打散。第 1 帧的孙悟空（2）在第 10 帧插入关键帧，“孙悟空”元件
大小不变，保持 10 帧，使动画开始时有个缓冲。在第 18 帧插入关键帧，将“孙悟空”缩小，摆放到桃树枝上，效果如图所示。第 18
帧的孙悟空（3）选中第 10 帧，在“属性”面板中选择形状补间类型，创建形状补间动画。拖动时间滑块，可以看到两个关键帧之间的形状
动画，效果如图所示。形状补间中的孙悟空（4）经过观察，发现中间过渡的形状变化不够理想，需要添加形状提示进行动画的后期修补。选中第
10 帧，执行【修改】→【形状】→【添加形状提示】命令，在“孙悟空”的中部出现一个红色 a 标记。使用鼠标拖动标记到“孙悟空”的头
部，效果如图所示。第 10 帧的形状提示（5）选中第 18 帧，将“孙悟空”中部的红色 a 标记拖动到“孙悟空”头部，此时红色 a
标记变为绿色 a 标记，效果如图所示。第 18 帧的形状提示（6）同样的方法，再添加两个形状提示，分别放置在“孙悟空”的左脚边和
右脚边，效果如图所示。 添加三个形状提示（7）在第 23 帧插入关键帧，使变小的“孙悟空”保持 5 帧的缓冲。在第 30 帧插入空
白关键帧，从“库”面板中将“桃子”元件拖动到舞台中，放置在“孙悟空”站立的位置上，如图所示，按【Ctrl+B】组合键将其打散。选中
第 23 帧，在“属性”面板中创建形状补间动画。桃子的位置（8）在第 40 帧插入关键帧，使“桃子”元件保持 10 帧的缓冲。在第
55 帧插入空白关键帧，从“库”面板中将“鱼”元件拖动到舞台中，放置在背景中小河的位置上，如图所示，按【Ctrl+B】组合键将其
打散。选中第 40 帧，在“属性”面板中创建形状补间动画。鱼的位置（9）在第 65 帧插入关键帧，使“鱼”元件保持 10 帧的缓冲
。在第 80 帧插入空白关键帧，从“库”面板中将“小庙”元件拖动到舞台中，放置在背景中山前的位置上，如图所示，按【Ctrl+B】组
合键将其打散。选中第 65 帧，在“属性”面板中创建形状补间动画。小庙的位置操作演示（10）在第 90 帧插入帧，使“小庙”元件保
持 10 帧的缓冲。至此，七十二变效果制作完成。5. 测试保存执行【控制】→【测试影片】命令，观察动画效果。如果满意，执行【文件】
→【保存】命令，将文件保存为“七十二变 .fla”。任务 3 运动的足球1. 理解动画补间动画的概念，掌握动画补间动画构成元素的特
点。2. 掌握动画补间动画的制作方法，能应用旋转、缓动值制作动画。本任务是制作一个简单的动画补间动画，利用两个关键帧上足球位置的变
化，实现足球撞击树桩的运动，效果如图所示。通过此任务的学习，理解动画补间动画的概念，掌握动画补间动画的制作方法，以及旋转、缓动值的
应用技巧。运动的足球效果图一、动画补间动画的概念在一个关键帧上放置一个元件，然后在另一个关键帧上改变元件的大小、颜色、位置、透明度
等，Flash 根据这两个关键帧之间的值创建的动画称为动画补间动画。二、动画补间动画的构成元素构成动画补间动画的元素可以是影片剪辑
元件、图形元件、按钮、文字、位图、组合等，但不能是形状。如果是形状，需要转换为“元件”或组合后方可使用。三、制作动画补间动画的步骤
（1）在“时间轴”面板上动画开始播放的地方创建一个关键帧，并在关键帧中设置一个元件，在动画结束的地方创建另一个关键帧，修改该元件的
属性。（2）选择起始帧，在“属性”面板上单击“补间”旁边的三角形按钮，在弹出的下拉列表中选择“动画”，即可创建动画补间动画，如图所
示。动画补间?此时，“时间轴”面板的背景色变为蓝紫色，在起始帧和结束帧之间有一个长箭头，如图所示。动画补间动画的“时间轴”面板四、
动画补间动画的“属性”面板动画补间动画的“属性”面板如图所示。其中各选项的说明如下。动画补间动画的“属性”面板（1）缩放：如果想实
现组或实例的尺寸变化，选择这个复选框。（2）缓动：制作的补间动画一般都是匀速运动。（3）旋转：用于设定物体的旋转运动。（4）调整到
路径：使对象沿指定的路径运动，并随着路径的改变而相应地改变角度。（5）同步：使动画在场景中首尾连续循环播放。（6）贴紧：使对象在沿
路径运动时可以自动捕捉路径。1. 创建影片文档新建一个 Flash 文档，设置舞台大小为 550 像素 ×400 像素，背景为白色
（#FFFFFF）。2. 创建背景层（1）将图层 1 重命名为“背景”，将素材库中名为“运动的足球 .jpg”的图片导入到舞台中，
如图所示。（2）在“背景”图层的第 64 帧处插入帧，锁定“背景”图层。背景层?3. 绘制“足球”元件使用椭圆工具 、多角星形
工具 、线条工具 、选择工具 、颜料桶工具 等绘制如图所示的“足球”元件。足球操作演示4. 让足球运动起
来（1）返回到场景中，新建图层，重命名为“足球”，使用选择工具 ，将“库”面板中的“足球”元件拖动到舞台的左侧，位置如图所示
。（2）在“足球”图层的第 30 帧处插入关键帧，将足球拖动到舞台的右侧，刚碰到树桩处，如图所示。左侧足球的位置右侧足球的位置（3
）选中第 1 帧，在“属性”面板中设置补间类型为动画，缓动值为 -30，旋转为顺时针 2 次，让足球从左向右做加速运动，如图所示。
动画补间动画的“属性”面板（足球撞击树桩）（4）在第 32 帧处插入关键帧，选择任意变形工具 ，将变形中心点移动到右侧的中心
位置，缩放到如图所示的大小。 足球变形（5）使用选择工具 复制第 30 帧，粘贴到第 34 帧处。（6）复制第 1 帧，粘贴
到第 64 帧处。（7）选中第 34 帧，在“属性”面板中设置补间类型为动画，缓动值为 30，旋转为逆时针 2 次，让足球从右向左
做减速运动，如图所示。动画补间动画的“属性”面板（足球从树桩弹回）（8）运动的足球最终效果如图所示。运动的足球最终效果操作演示5.
测试保存执行【控制】→【测试影片】命令，观察动画效果。如果满意，执行【文件】→【保存】命令，将文件保存为“运动的足球 .fla”
。任务 4 荷兰风情熟练掌握动画补间动画的制作方法，能熟练应用图形元件、影片剪辑元件等制作动画补间动画。本任务是一个动画补间动画实
例，通过动画补间动画制作风车旋转、郁金香长大、云飘动和太阳发光效果，如图所示。通过此任务的学习，熟练掌握动画补间动画的制作方法，以
及图形元件、影片剪辑元件在动画中的应用。 荷兰风情效果图在通常情况下，动画补间动画是通过改变两个关键帧上元件的大小、颜色、位置、透
明度等来实现动画效果的。此外，动画补间动画还可以使对象做旋转运动。方法是：在“属性”面板中选择动画补间后，再选择“旋转”项中的“顺
时针”或“逆时针”选项，如图所示。动画补间动画的“属性”面板关于旋转选项的说明如下。（1）无：对象不旋转。（2）自动：对象在进行旋
转时以最小的角度旋转一次。（3）顺时针：指定对象按顺时针方向旋转，右边文本框中的数字表示对象旋转的次数，如图所示。顺时针旋转 1
次（4）逆时针：指定对象按逆时针方向旋转，右边文本框中的数字表示对象旋转的次数，如图所示。逆时针旋转 1 次1. 创建影片文档新建
一个 Flash 文档，设置舞台大小为 550 像素 ×400 像素，背景为蓝色（#0000FF）。2. 绘制背景层（1）将图层
1 重命名为“背景”，选择矩形工具 ，设置笔触颜色为无，填充类型为线性，左侧颜色滑块为蓝色（#0099FF），右侧颜色滑块为
白色（#FFFFFF），在舞台中绘制蓝白渐变矩形，使用渐变变形工具 调整渐变方向，使用“对齐”面板调整矩形与舞台相匹配，如图
所示。绘制蓝白渐变矩形?（2）使用椭圆工具 ，设置笔触颜色为黑色（#000000），笔触高度为 1，填充颜色为绿色（#0099
00），在舞台中绘制椭圆，制作背景绿地，如图所示。（3）选择矩形工具 ，在工作区空白处绘制一个笔触颜色为黑色、无填充颜色的矩
形，使用“对齐”面板将矩形与舞台匹配，如图所示。绘制矩形绘制椭圆（4）使用选择工具 选择黑色轮廓外的草地，按【Delete
】键删除，同时删除黑色矩形轮廓，背景绘制完成，效果如图所示，锁定背景层。操作演示背景3. 制作“云飘动”影片剪辑元件（1）新建“白
云”图形元件，使用椭圆工具 在元件编辑区中绘制白云，如图所示。白云?（2）新建“云飘动”影片剪辑元件，选中图层 1 第 1 帧，将
“白云”元件拖动到元件编辑区，在第 120 帧插入关键帧，在“属性”面板中将 X轴参数增加 600 像素，使白云从舞台左侧向舞台右
侧移动，并移出舞台。选中第 1 帧，在“属性”面板中创建动画补间动画，如图所示。“属性”面板4. 制作“太阳发光”影片剪辑元件（1
）新建“太阳光辉”图形元件，使用椭圆工具 ，设置笔触颜色为无，填充类型为放射状，左侧颜色滑块为黄色（#FFFF00），Alph
a 值为 100%，右侧颜色滑块也为黄色（#FFFF00），Alpha 值为 0%，绘制圆，如图所示。太阳光辉（2）新建“太阳发光
”影片剪辑元件，使用椭圆工具 在图层 1 绘制一个无笔触颜色、填充颜色为黄色（#FFFF00）的圆，在第 50 帧插入帧。（
3）新建图层 2，将其移到图层 1 的下方，从“库”面板中将“太阳光辉”元件拖动到元件编辑区，使其与图层 1 中的圆对齐，如图所示
。在第 25 帧和 50 帧处分别插入关键帧，选择第 25 帧的圆，执行【修改】→【变形】→【缩放和旋转】命令，在弹出的对话框中设
置“缩放”值为 150%，将其放大到 150%。选中图层 2 所有帧，在“属性”面板中创建动画补间动画。太阳5. 制作“花生长”影
片剪辑元件（1）打开项目一任务 4“美丽的家园 .fla”文件，对“库”面板中的“郁金香”元件执行“复制”命令后，粘贴到新文档的“
库”面板中。（2）新建“花生长”影片剪辑元件，从“库”面板中将“郁金香”图形元件拖动到元件编辑区，使用任意变形工具 将中心
点调整到下端中部，在第 40帧插入关键帧。选择第 1 帧的郁金香，按住【Shift】键将其缩小，如图所示。选中第 1 帧，在“属性
”面板中创建动画补间动画。第 1 帧的郁金香?（3）选中第 40 帧，单击鼠标右键，从快捷菜单中选择“动作”命令，打开“动作 -
帧”面板，在“动作 - 帧”面板的编辑窗口中输入“stop（）；”命令，效果如图所示。“动作 - 帧”面板（4）关闭“动作 - 帧
”面板，返回到元件编辑界面，“时间轴”面板如图所示。“时间轴”面板操作演示6. 制作“风车旋转”影片剪辑元件（1）打开素材文件“荷
兰风情库 .fla”，对“库”面板中的“风车房子”“风车扇叶”元件执行“复制”命令后，粘贴到新文档的“库”面板中。（2）新建“扇叶
组”图形元件，从“库”面板中将“风车扇叶”元件拖动到元件编辑区，复制三片，摆放好位置，如图所示。（3）新建“风车旋转”影片剪辑元件，从“库”面板中将“风车房子”元件拖动到元件编辑区，在第 30 帧插入帧。组合扇叶（4）新建图层 2，从“库”面板中将“扇叶组”元件拖动到元件编辑区，按图所示的位置摆放好。在第 30 帧插入关键帧，然后选中第 1 帧，在“属性”面板中设置补间类型为动画，旋转为顺时针 1 次，如图所示。扇叶位置?“属性”面板7. 将各元件拖动到舞台（1）新建图层 2，重命名为“太阳”，从“库”面板中将“太阳发光”元件拖动到舞台，调整位置和大小。（2）新建图层 3，重命名为“云”，从“库”面板中将“云飘动”元件拖动到舞台，复制多个，调整位置和大小。（3）新建图层 4，重命名为“风车”，从“库”面板中将“风车旋转”元件拖动到舞台，复制两个，调整位置和大小。（4）新建图层 5，重命名为“花”，从“库”面板中将“花生长”元件拖动到舞台，复制多个，调整位置和大小。至此，荷兰风情动画制作完毕，最终效果如图所示。荷兰风情最终效果8. 测试保存执行【控制】→【测试影片】命令，观察动画效果。如果满意，执行【文件】→【保存】命令，将文件保存为“荷兰风情 .fla”。 |
|
