《Flash项目实践教程》（第六版）课件 12-两点间距离连线题教学课件制作、13-场景动画的制作

Part11项目11“两点间距离连线题”教学课件制作目标背景效果展示Flash课件制作在教学中的作用日益明显，它能将教育信息通过多彩的图、文、声、像等形式，直观、形象、生动地作用于学生的感觉器官，使教师的教学变得更加生动活泼，提高效率，优化教学过程，增强教学效果。本项目主要是制作“两点间距离连线题”的教学课件，通过项目的制作掌握Flash制作教学课件的一般流程和方法。项目完成的效果如图学习目标学习目标设计思路11.1知识导航设计思路本项目利用Flash软件完成“两点间距离连线题”的教学课件的制作，教学形象，互动性强，教学课件的制作思路如下：1.分析设计需求，设计教学课件制作思路；2.编写课件制作脚本；3.制作课件所需的素材；4.编写代码；5.调试代码，完成项目。项目实

施11.2任务说明制作步骤案例1“瓢虫爬行”动画影片测试与发布任务1分析设计需求，设计教学课件制作思路分析教学课件的设计需求，明确课件的设计思路。步骤1了解设计需求，本项目主要功能为完成“两点间距离”的测试，突出交互性，学生提交答案后课件能自动评价对错，要求形式活泼，能创设生动的教学氛围，激发学生的学习兴趣，题目设置有不同的高低难度。步骤2根据设计需求，考虑设计两个不同的题目，以适应不同的难度。题目一：在小学到家之间，设置5个圆点，要求找到小学到家的最近的两点距离，连接两点连线，连接时连接点变为红色，示意正在连接的点。连接完毕，点击确定按钮，课件会出正确或错误判定，允许出错3次，错误超过3次后自动给出答案。题目二：难度增加，两点间距离的选择题，要求拖动答案到直线处，当鼠标松开后，给出反馈，正确，换下一道选择题，错误，给出错误提示，错误三次，直接给出答案，停顿一下，换下一到选择题，直到三道选择题答完。任务说明制作步骤案例1“瓢虫爬行”动画影片测试与发布任务2编写课件制作脚本编写课件的制作脚本。（1）编写题目一的制作脚本（2）编写题目二的制作脚本。步骤1编写题目一的制作脚本（1）创建课件素材，搭建背景，设置背景颜色，学校的图形元件、家的图形元件、提示错误、提示正确的元件；（2）创建5个圆形连接点，每个连接点鼠标选中时能变为红色，拖动鼠标，出现连接线，可以连接到其他任意一点上；（3）连接线连接完毕，单击“确定”按钮，课件判断连线是否正确，给出正确还是错误的文字和声音提示；（4）允许出错3次，错误超过3次后自动给出答案。步骤2编写题目二的制作脚本（1）创建课件素材，搭建背景，给出选择题的题目（2）7个供选择的答案都能进行拖动，每个答案添加鼠标按下事件，当鼠标按下后开始拖动。（3）拖动结束后判定答案是否拖动到横线上，然后判断拖动到横线上的答案是否正确。（4）答题正确后，切换选择题题目，一共有3个选择题；每个题错误3次后，会给出正确答案。任务说明案例1“瓢虫爬行”动画影片测试与发布任务3课件素材的制作（1）完成题目一的素材制作①制作圆点影片剪辑；②制作“正确”、“错误”提示框的影片剪辑；③制作题目一的背景；④制作题目一的线条显示元件。（2）完成题目二的素材制作①制作7个答案的影片剪辑；②制作3个题目的影片剪辑；③制作“正确”、“错误”提示框的影片剪辑；④制作拖动答案的碰撞区域。制作步骤案例1“瓢虫爬行”动画影片测试与发布任务3课件素材的制作步骤1：打开光盘提供的素材文件“题目一.fla”。步骤2：全选平面第一帧，按“F8”键，将其转换成影片剪辑，如图11-2所示。制作步骤案例1“瓢虫爬行”动画影片测试与发布任务3课件素材的制作步骤3：将每个圆点转成影片剪辑，并在圆点的第2帧按下“F6”，将圆点颜色改为红色，如图11-3所示。当圆点被鼠标按下时，显示第2帧即圆点显示为红色。5个圆点的实例名称依次为“point1”~“point5”，如图11-4所示。制作步骤案例1“瓢虫爬行”动画影片测试与发布任务3课件素材的制作步骤3：将每个圆点转成影片剪辑，并在圆点的第2帧按下“F6”，将圆点颜色改为红色，如图11-3所示。当圆点被鼠标按下时，显示第2帧即圆点显示为红色。5个圆点的实例名称依次为“point1”~“point5”，如图11-4所示。制作步骤案例1“瓢虫爬行”动画影片测试与发布任务3课件素材的制作步骤4：将正确、错误提示框做成影片剪辑，并实现其由透明到不透明的动画。（1）选中正确提示框，将其转成影片剪辑。选中“正确提示框”将其转成图形元件，如图11-5所示。（2）在第30帧按下“F6”，插入关键帧。选中第一帧，将其Alpha值为0，如图11-6所示。（3）在1~30帧之间单击鼠标右键，选择创建传统补间，制作完成动画。制作步骤案例1“瓢虫爬行”动画影片测试与发布任务3课件素材的制作（4）新建“图层2”，命名为“声音”，在第2帧按下“F7”，选中第2帧，将库中的回答正确音效“太棒了.mp3”拖到场景中，时间轴如图11-7所示。（5）新建“图层3”，命名为“代码”，选中第一帧按下“F9”，打开动作面板，输入“stop();”，如图11-8所示。（6）错误提示框的制作方法同上，但由于错误音效较长，可将帧数设置的长些，本例设置了60帧，如图11-9所示。制作步骤案例1“瓢虫爬行”动画影片测试与发布任务3课件素材的制作步骤5：设置错误3次的音效链接名，以便代码调用。打开库面板，选中声音“不对哦！.wav”，单击鼠标右键，选择“属性”，单击“ActionScript”选项卡，选中“为ActionScript导出”，输入链接名“falseSound2”，点击确定。如图11-10所示。制作步骤案例1“瓢虫爬行”动画影片测试与发布任务3课件素材的制作步骤6：制作线条显示层线条必须有载体才可以呈现，这里可以使用影片剪辑作为载体。打开“交互图1”影片剪辑，新建“图层2”，命名为“背景”，移动“背景”图层至最底层，将“家”、“小学”及“背景”选中，“剪切”→“粘贴”到背景层，保持位置一致，如图11-11所示。制作步骤案例1“瓢虫爬行”动画影片测试与发布任务3课件素材的制作步骤7：新建图层，命名为“线条”，移至背景层上面，选择矩形工具，画一个矩形，调整大小与舞台一致，位置调为坐标原点（0,0）点，将矩形颜色改为完全透明。选中矩形，将其转为影片剪辑，实例名称修改为“showLine_mc”，如图11-12所示。至此，题目一的准备工作全部完成。制作步骤案例1“瓢虫爬行”动画影片测试与发布任务3课件素材的制作步骤8：制作题目二的课件素材。根据设计思路，3个选择题用的是同一个背景，所以可以将3道题目分别做成影片剪辑，设置在同一个背景下，通过代码调用不同代码进行显示。在主场景内，选中交互内容图层第2帧，按“ctrl+a”全选，再按“F8”，将其转成影片剪辑，命名为“交互图2”，如图11-13所示。制作步骤案例1“瓢虫爬行”动画影片测试与发布任务3课件素材的制作步骤9：双击打开“交互图2”影片剪辑，选中“答案1”并将其转为影片剪辑元件，命名为“答案1”，实例名称命名为“num1”，如图11-14所示。其他6个答案制作方法同上，分别名为“答案2”~“答案7”，实例名称命名为“num2”~“num7”。制作步骤案例1“瓢虫爬行”动画影片测试与发布任务3课件素材的制作步骤10：编辑选择题目，将3道选择题设置为影片剪辑元件。（1）选中选择题题目1直接转换成影片剪辑。（2）回到主场景，单击第3帧，选中选择题题目2，“复制”→“粘贴”到交互图2，将题目2转成影片剪辑，完成一个由透明到不透明的动画。（3）在题目2影片剪辑中新建图层，命名为“代码”，在第一帧和最后一帧上分别添加代码“stop();”，如图11-15所示。选择题目3和题目2制作方法类似。制作步骤案例1“瓢虫爬行”动画影片测试与发布任务3课件素材的制作步骤11：正确、错误提示框制作影片剪辑的制作与题目一的正确、错误提示框一样，只是在原本由不透明到透明的渐变动画的基础上加了一个旋转动画，相信以同学们的能力都能做到，这里就不赘述了。步骤12：为拖动的答案添加碰撞区域要想知道拖动的答案有没有放到横线上，有两种简单的方法，一是直接获取答案坐标，看看是否在横线范围内，这种方法稍微麻烦些，必须先圈定一个范围，而这个范围至少要用四个数据来记录其边界。另一个方法就是在横线上放一个影片剪辑，只要判断答案有没有碰到这个影片剪辑就知道答案是否拖动到横线上了，这里就采用第二种方法。由于碰撞区域只是作为碰撞使用，所以只要是和答案差不多大小的影片剪辑就行。而答案元件就是最好的选择。随便复制一个答案元件放在横线上即可，实例名称改为“temp_mc”。如图11-16所示。至此，题目二的素材制作工作也完成了。任务分析案例1“瓢虫爬行”动画影片测试与发布任务4编写代码编写题目一和题目二的代码，实现教学课件的各项功能（1）明确题目一的代码编写思路；（2）完成题目一的代码；（3）明确题目二的代码编写思路；（4）完成题目二的代码。

根据之前的分析，明确题目一代码的编写思路如图所示。任务说明案例1“瓢虫爬行”动画影片测试与发布任务4编写代码根据之前的分析，明确题目2代码的编写思路如图11-18所示制作步骤案例1“瓢虫爬行”动画影片测试与发布任务4编写代码步骤1根据之前的分析，明确题目一代码的编写思路如图11-17所示。制作步骤案例1“瓢虫爬行”动画影片测试与发布任务4编写代码步骤2双击进入“交互图1”影片剪辑内，新建图层，命名为代码，选中第一帧，按下“F9”，输入代码：步骤3导入Flash自带的方法供程序调用步骤4

定义程序中用到的变量制作步骤案例1“瓢虫爬行”动画影片测试与发布任务4编写代码步骤5

为圆点添加鼠标按下事件：步骤6

设置基础响应事件：制作步骤案例1“瓢虫爬行”动画影片测试与发布任务4编写代码步骤7

鼠标按下圆点变为红点事件：制作步骤案例1“瓢虫爬行”动画影片测试与发布任务4编写代码步骤8

鼠标经过圆点，如鼠标已经按下，并经过这个圆点的不是线头，则将其存入数组，更新线条：制作步骤案例1“瓢虫爬行”动画影片测试与发布任务4编写代码步骤9

鼠标未经过圆点，更新线条，将原来线条清除，按照数据记录将所有画过的线连起来，最后将线条画到鼠标位置：制作步骤案例1“瓢虫爬行”动画影片测试与发布任务4编写代码步骤10

鼠标弹起后，去除鼠标移动事件，更新线条，将数组中没有配对的线头去掉：制作步骤案例1“瓢虫爬行”动画影片测试与发布任务4编写代码步骤11

鼠标按“确定”按钮的相应事件，正确则启动计时器事件，错误则判断错误次数，错误次数小于3次，清除线条重画，错误次数大于3次，给出答案：制作步骤案例1“瓢虫爬行”动画影片测试与发布任务4编写代码制作步骤案例1“瓢虫爬行”动画影片测试与发布任务4编写代码制作步骤案例1“瓢虫爬行”动画影片测试与发布任务4编写代码制作步骤案例1“瓢虫爬行”动画影片测试与发布任务4编写代码制作步骤案例1“瓢虫爬行”动画影片测试与发布任务4编写代码步骤12

根据之前的分析，明确题目2代码的编写思路如图11-18所示。制作步骤案例1“瓢虫爬行”动画影片测试与发布任务4编写代码步骤13打开“交互图2”影片剪辑，新建图层，取名“代码”，选中第一帧，按下“F9”，输入如下代码：步骤14

导入flash自带的方法供程序调用步骤15

定义程序中用到的变量制作步骤案例1“瓢虫爬行”动画影片测试与发布任务4编写代码步骤16

为拖动的答案添加鼠标按下事件步骤17

鼠标按下答案，拖动物体，为场景添加鼠标弹起事件制作步骤案例1“瓢虫爬行”动画影片测试与发布任务4编写代码步骤18判断鼠标是否弹起，停止拖动，如未将答案放到横线处，直接将此答案返回原位，如将答案放到横线上，则判断答案是否正确，正确则启动计时器，错误则判断错误次数，小于3次，将答案线3上的答案返回，重新做；大于3次，则给出答案。制作步骤案例1“瓢虫爬行”动画影片测试与发布任务4编写代码制作步骤案例1“瓢虫爬行”动画影片测试与发布任务4编写代码步骤19计时完成后，判断3道题目是否完成，未完成则切换下一题，完成则删除不必要的事件，释放内存。制作步骤案例1“瓢虫爬行”动画影片测试与发布任务4编写代码制作步骤案例1“瓢虫爬行”动画影片测试与发布任务4编写代码步骤20按下“ctrl+Enter”，测试，发现运行良好，至此项目完成。经验指导11.3相关知识1.脚本设计它是整个课件制作的重要部分，其目的是将教师的教学过程用计算机的形式表现出来，包括教学设计、结构设计和版面设计三个部分。2.课件素材的收集和制作我们可以根据教学内容以及课件本身的需要，从因特网上下载或购买一些教学素材光盘。如图片、文字说明、声音、动画及影片等。如果为了充分体现自身的教学特点和教学安排，也可以自己动手制作素材。3.编写课件程序在设计脚本和收集素材完成之后，就可以在Flash中编写程序了。案例1“瓢虫爬行”动画影片测试与发布1.Flash制作教学课件的基本流程相关知识1.注重教学目标的确定及脚本的设计Flash课件制作类似于影视创作，需要事先确定其结构与布局，界面的表现形式，素材的先取等方面的内容。2.素材要切合主题并丰富多彩用大量的Flash课件素材可以把受时间和课堂空间限制的内容搬进课堂，体现出其特有的优势。素材的选取应依教材内容而决定。3.注重课件的艺术性Flash课件制作需要借助一定的艺术形式，但不能单纯地为艺术而艺术，仅仅停留于作表面文章，只有充实的内容与完美的外在形式的有机结合，才能真正的达到传授知识，调动学生积极性，改善教学环境的目的。案例1“瓢虫爬行”动画影片测试与发布2.

Flash教学课件的设计规范拓展训练1.项目名称制作扫描仪的使用教学课件2.项目说明“扫描仪的使用”教学课件，形象的展示了利用扫描仪扫描图片的具体操作步骤。3.设计提示（1）明确设计脚本；（2）收集制作课件素材；（3）编写代码，完成课件的制作

最终效果示例如图所示。案例1“瓢虫爬行”动画影片测试与发布项目11“两点间距离连线题”教学课件制作谢谢！Part12项目12场景动画的制作目标背景效果展示本项目是一个场景动画，制作完成一个简单的动态背景下，小朋友吹泡泡的情景动画效果，通过本项目的动画制作了解情景动画的制作流程，熟悉场景动画的制作方式。项目完成的效果如图学习目标学习目标设计思路12.1知识导航设计思路动画都是各个场景和事物组成的，场景动画是非常重要的组成部分，本章节将学习简单的场景动画制作，本章节将学会简单的动画和场景的布局，详细制作思路如下：1.搭建动画的背景；2.绘制随风摆动的花的动画效果；3.制作白云移动的动画效果；4.制作木马的旋转和海盗船的移动的动画效果；5.制作风车的移动动画效果；6.制作人物的吹泡泡的动画；7.动画的整合。项目实

施12.2案例1“瓢虫爬行”动画影片测试与发布任务1动画背景的搭建搭建动画的背景。任务说明效果展示案例1“瓢虫爬行”动画影片测试与发布任务1动画背景的搭建（1）绘制远景

步骤1新建Flash文件，选择“常规”→“ActionScript3.0”命令设定尺寸为1024×768像素，背景颜色为#FFFFFF（白色），帧频为24fps，如图12-2所示，保存文件命名为“情景动画”。步骤2绘制道路效果如图12-3所示，需选择线条工具，画出如图12-4所示边框，在选着颜料桶选着颜色（绿化颜色#78CF2A和道路颜色#F5BB7E），也可以根据自己的要求调整颜色。在绘制场景的时候，尽量采用组合的方式，如远景，路面，花和草都各自组合（Ctrl+G）或者转换元件（F8）。步骤3填充黑色边框所框选的白色区域，注意中间白色区域为道路，当白色区域填充完整以后，双击黑色线条，将黑色线条删除。如图12-5所示。制作步骤图12-2新建文件图12-3

场景搭建图12-4

黑色线条图12-5

路面和绿化案例1“瓢虫爬行”动画影片测试与发布任务1动画背景的搭建（2）绘制花步骤4首先绘制花心，使用圆形形状工具，配合shift键创建圆形，并设置填充色为咖啡色径向渐变，渐变色带中设置三个节点，依次为AD2C2C、F5BD38、A54D28，边框色设置为无，如图12-6所示，转换为图形元件，命名为花心，如图12-7所示。步骤5使用钢笔工具绘制花瓣的造型，设置填充色为线性渐变色，渐变色带中色设置首尾节点，颜色依次为FFFA07、FFC419，使用油漆桶工具进行花瓣颜色的填充，并删除边框颜色，如图12-8所示，转化为花瓣图形元件，如图12-9所示。制作步骤图12-6颜色面板设置图12-7命名元件名称图12-9新建元件图12-8

绘制花瓣造型案例1“瓢虫爬行”动画影片测试与发布任务1动画背景的搭建步骤6选择花瓣图形元件，配合ctrl+Alt键进行移动复制，复制出多个花瓣，使用任意变形工具进行每个花瓣角度的调整和大小变化，重叠摆放，模拟出现实世界中向日葵花瓣的组合，并把调整花瓣和花心的上下排列顺序，把花心排列至顶层位置。根据花瓣绘制的基本方法再绘制几个不同造型的花瓣进行组合，向日葵花朵会更加的真实，如图12-10所示。制作步骤图12-10

绘制向日葵案例1“瓢虫爬行”动画影片测试与发布任务1动画背景的搭建（3）绘制草步骤7场景中的向日葵花朵下的草制作的方法基本同向日葵花瓣的制作方法，使用钢笔工具绘制草的造型，填充了线性渐变色，设置两个色彩节点，颜色依次为86BD00、4C8B00，选中删除图形的边框，把草的每个部件转化为图形元件，最后进行草的摆放，把草杆排列在顶层，即完成草的制作。制作步骤图12-11

绘制草案例1“瓢虫爬行”动画影片测试与发布任务2随风摆动的花的动画效果制作实现花朵随风摆动的效果。任务说明效果展示案例1“瓢虫爬行”动画影片测试与发布任务2随风摆动的花的动画效果制作步骤1打开“情景动画”文件，新建一个图形元件，命名为摆动的花，如图12-12所示：步骤2拖入任务1中创建好的“花”元件，摆放为一簇花，每一朵花放在不同的图层，如图12-13所示。步骤3在每个图层的第25帧和第50帧插入关键帧，选中第25帧关键帧，打开“变形”面板为每朵花设置旋转角度，每朵花的旋转角度不要统一，角度不易过大，使花朵摆动的更自然。如图12-14所示。制作步骤图12-12

创建元件图12-13

花朵图12-14

变形面板的设置案例1“瓢虫爬行”动画影片测试与发布任务2随风摆动的花的动画效果制作步骤4为每个图层的1-25帧和26-50帧创建传统补间动画，测试实现花摆动的效果，如图12-15所示。步骤5根据以上步骤，可以自行完成“大量的花摆动”图形元件，如图12-16所示。制作步骤图12-15

“时间轴”面板图12-15

“大量的花摆”元件制作任务说明案例1“瓢虫爬行”动画影片测试与发布任务3制作白云的移动的动画效果

实现动画白云的移动效果。效果展示制作步骤案例1“瓢虫爬行”动画影片测试与发布任务3制作白云的移动的动画效果步骤1打开“情景动画”文件，新建一个图形元件，命名为“白云”，新建一个图层，取名“白云”，给一个图层起名字，能够好的记忆，方面后期修改。步骤2选择“线条工具”，锁定背景层，在白云图层第一帧插入关键帧，勾勒出白云的形状。

如图12-17。步骤3选择颜料桶，选着颜色（白色），将白云填充为白色，双击黑色的边框删除。如图12-18。步骤4

将背景层在80帧的时候按F5，然后在白云层80帧的时候插入关键帧（F6），右键创建传统补间动画。如图12-19。图12-17

绘制云彩图12-18

白云图12-19

传统补间动画案例1“瓢虫爬行”动画影片测试与发布任务4制作木马的旋转和海盗船的移动的动画效果任务说明效果展示实现木马旋转和海盗船的动画效果。（1）实现单个木马的上下移动动画；（2）实现整个木马的上下移动的动画效果；（3）海盗船左右晃动的效果。案例1“瓢虫爬行”动画影片测试与发布任务4制作木马的旋转和海盗船的移动的动画效果制作步骤（1）单个木马的上下移动动画步骤1打开“情景动画”文件，新建一个图形元件命名为“木马”，新建一个“木马”图层。步骤2打开素材文件“素材.fla”，将素材木马复制，在场景木马层中粘贴，在将该木马转换为元件，类型为图形，如图12-20。步骤3在场景木马层中粘贴（将不用的图层锁住，防止素材乱放，后期处理很困难），在将该木马转换为元件，类型为图形。步骤4双击元件木马，进入元件内部，将木马组打散（Ctrl+B）。如图12-21所示。步骤5单独选择木马转化为元件，类型为图形；再双击元件进入元件内部，再一次的将木马转化为元件。步骤6单击时间轴的第20帧和40帧插入关键帧，在20帧将目标向上移动（移动多少自己决定）；分别在1到20帧和21到40帧位置右击创建传统补间动画。如图12-22所示。案例1“瓢虫爬行”动画影片测试与发布任务4制作木马的旋转和海盗船的移动的动画效果制作步骤（2）实现整个木马的上下移动的动画效果步骤7其他的木马和上述制作方法一样，不同的小木马动画的时间轴长短不要一致，第2个关键帧的小木马的上升高度也不要相同，保证小木马上升有错落感。步骤8小木马动画全部做好以后，回到场景1（最外层），在木马层的时间轴的第80帧插入普通帧，测试一下动画，就可以看见木马上下移动的动画效果了。（3）实现海盗船左右晃动的动画效果步骤9海盗船的制作方法和木马基本一致，打开“情景动画”文件，新建一个图形元件命名为“海盗船”，新建一个“海盗船”图层。步骤10打开素材文件“素材.fla”，将素材海盗船复制，在场景“海盗船”层中粘贴，在将该海盗船转换为元件，类型为图形，如图12-23所示。案例1“瓢虫爬行”动画影片测试与发布任务4制作木马的旋转和海盗船的移动的动画效果制作步骤步骤11单击时间轴的第24帧和48帧插入关键帧，打开“变形”面板，设置24帧海盗船旋转-15°，如图12-24所示，分别在1到24帧和24到48帧位置右击创建传统补间动画。如图12-25所示。步骤12回到场景1（最外层），在时间轴图层的第250帧插入普通帧，测试一下动画，就可以看见海盗船左右晃动的动画效果了。木马和海盗船完成的最终效果如图12-26所示。任务说明案例1“瓢虫爬行”动画影片测试与发布任务5

制作风车的移动动画效果实现风车旋转的动画效果。效果展示制作步骤案例1“瓢虫爬行”动画影片测试与发布任务5

制作风车的移动动画效果步骤1打开“情景动画”文件，新建一个图形元件命名为“风车”，新建一个图层，命名为“风车”。步骤2打开素材文件“素材.fla”，将素材风车复制，在场景木马层中粘贴，在将该木马转换为元件，类型为图形。步骤3打开风车元件，已经将风车每个的各个部分分散到每个图层上面，名字已经备注好了，如图12-27和12-28所示。制作步骤案例1“瓢虫爬行”动画影片测试与发布任务5

制作风车的移动动画效果步骤4将除了桶和上面的支架图层以外全部锁住，选着桶图层在第五帧的插入关键帧，上面支撑图层操作同上，选中关键帧，调整桶的位置，如图12-29和12-30所示。步骤5

在第10帧和15帧（帧数可以自己决定，建议做8个关键帧）等位置插入关键，调整桶和上面支撑和下面支撑图层的位置，最终时间轴效果如图12-31所示.步骤6到目前为止我们已经把框架全部搭建好了，主场景的目前所搭建的效果。如图12-32所示。任务说明案例1“瓢虫爬行”动画影片测试与发布任务6

制作小朋友吹泡泡的动画效果制作泡泡飘动的动画效果。1、制作小朋友嘴巴、眼睛和身体动作的动画；2、制作泡泡被小朋友从小吹到大的动画；3、制作大量泡泡飘动的动画；4、整合小朋友吹泡泡动画效果展示制作步骤案例1“瓢虫爬行”动画影片测试与发布任务6

制作小朋友吹泡泡的动画效果1）小朋友嘴巴、眼睛和身体动作的动画制作步骤1整体动作分析第一阶段吹泡泡准备阶段（第1-9帧）：从初始动作如图12-33所示，开始手握泡泡棒至嘴边，这一阶段主要通过改变握着泡泡棒的手臂和泡泡棒的位置来实现动画效果，如图12-34所示。第二阶段吸气准备吹泡泡阶段（第10-17帧），主要体现小朋友身体微微向后仰，用力吸气，为吹泡泡做准备，如图12-35所示。第三阶段小朋友弯腰低头吹泡泡（第18-32帧），如图12-36所示。第四阶段吹完泡泡手部和身体恢复初始阶段动作（第33-39帧），如图12-37所示。第五阶段小朋友看着满天飞舞的泡泡微笑（第40-46帧），如图12-38所示。人体的某个部位在运动时，其他部位也会有关联运动，这就是动作的协调，因此在这四个阶段中手臂、泡泡棒、上半身和头部是主要的动画原件，为了体现人物动画的整体协调性，人物的眼睛、腿部等也会有轻微的动作变化，需要对生活进行仔细观察和反复揣摩而后进行实践。制作步骤案例1“瓢虫爬行”动画影片测试与发布任务6

制作小朋友吹泡泡的动画效果制作步骤案例1“瓢虫爬行”动画影片测试与发布任务6

制作小朋友吹泡泡的动画效果步骤2表情动作分析嘴巴表情：嘴巴的整个动画是配合身体动作进行，最初是微笑状态，在第一阶段中，随着泡泡棒靠近嘴边，转变为张大状态，而后在第三阶段吹泡泡时转换为O型吹气状态，最后在第四阶段中恢复原始状态，第五阶段转换微笑嘴巴微张状态，表情的流程如图12-39所示。制作步骤案例1“瓢虫爬行”动画影片测试与发布任务6

制作小朋友吹泡泡的动画效果步骤3眼睛表情分析小朋友灵动的大眼睛在整个动画中起到了画龙点睛的作用，眼睛的表情动画出现在第三和第四阶段。第三阶段中配合身体的后仰，小朋友从睁着眼睛转换为闭着眼睛，体现小朋友沉浸在吹泡泡的快乐中；随后的第四阶段中随着身体动作恢复初始状态，眼睛要从闭着转换为睁开，如图12-40所示。制作步骤案例1“瓢虫爬行”动画影片测试与发布任务6

制作小朋友吹泡泡的动画效果（2）泡泡被小朋友从小吹到大的动画制作步骤1制作泡泡图形元件，新建元件，取名为“泡泡”，在图层1第1帧绘制一个直径为130px左右的圆形，使用工具为shift+椭圆绘图工具，填充颜色为#9ED9E9，设置“Alpha”为62%，笔触无颜色，如图12-41所示。制作步骤案例1“瓢虫爬行”动画影片测试与发布任务6

制作小朋友吹泡泡的动画效果步骤2

新建图层2，复制图层1的第1帧到图层2的第1帧，修改颜色“Alpha”为100%，再复制一次图层1的第1帧，使第2个圆形与第一个圆形重叠，移动第2个圆形，留出月牙形，如图12-42所示，选中月牙，移开，如图12-43所示，则完成了月牙的制作，删除多余耳朵圆形，将月牙移动到图层1的第一帧上，调整位置，形成图12-44效果。步骤3

新建图层3，利用“椭圆工具”在泡泡上随意绘制两个白色圆点，突出泡泡的立体效果，如图12-45所示。制作步骤案例1“瓢虫爬行”动画影片测试与发布任务6

制作小朋友吹泡泡的动画效果步骤4

分别在图层1、2、3的第7帧、13帧创建关键帧，选中第7帧的泡泡图形，用“任意变形工具”将泡泡适当放大，在3个图层中1~7帧、7~13帧分别创建补间形状动画，如图12-46所示，泡泡元件制作完成。步骤5

创建“泡泡动画”图形元件，将“泡泡”图形元件拖动到图层1的第1帧，调整到合适大小。步骤6

选中图层1，在时间轴的第15帧、第30帧处右击，在弹出的菜单中选择“插入关键帧”命令或按F6键，将第15帧、第30帧设置为关键帧，时间轴如图12-47所示。制作步骤案例1“瓢虫爬行”动画影片测试与发布任务6

制作小朋友吹泡泡的动画效果步骤7在图层1上右击，在弹出的菜单中选择“添加传统运动引导层”命令，添加一个“引导层”。引导层的功能是为一般的图层提供路径，以制作自定义轨迹的“引导层动画”，如图12-48所示。步骤8将播放头移动到第1帧，单击“工具”面板上的“铅笔工具”

，再单击选项的“平滑”按钮

，在引导层上绘制一条平滑的路径，如图12-49所示。步骤9单击“主工具栏”或工具选项中的“贴紧至对象”按钮

，启动该模式。图12-49在引导层绘制路径步骤10选取图层1的第1帧，拖曳“泡泡”元件的中心点（小十字）到路径的右端点，使泡泡上的中心点与路径相结合。制作步骤案例1“瓢虫爬行”动画影片测试与发布任务6

制作小朋友吹泡泡的动画效果步骤11将播放头移至第15帧和第30帧，选取泡泡，将泡泡适当放大，拖曳泡泡的中心点（小十字）到路径的左端点，使泡泡上的圆点与路径相结合，如图12-50所示。步骤12选取图层1，分别在1~15帧、15~30帧的位置右击，在出现的快捷菜单中选取“创建传统补间”命令。在时间轴面板上的第1帧到第29帧将出现淡色底纹。完成泡泡动画的制作。制作步骤案例1“瓢虫爬行”动画影片测试与发布任务6

制作小朋友吹泡泡的动画效果（3）制作大量泡泡飘动的动画步骤1制作大量泡泡飘动的图形元件，新建元件，取名为“大量泡泡飘动”，创建图层1~图层9，分别命名为泡泡2~泡泡9，选中泡泡2的第13帧，插入关键帧，将第13帧设置为关键帧，拖入“泡泡动画”元件到舞台右下角，在第40帧插入帧，实现泡泡在舞台飘动效果，在第41帧“插入空白关键帧”，停止泡泡飘动的动画，如图12-51所示。步骤2

按说s