Flash教案.ppt

1、2007-1-8,1,第4章 创建动画,2007-1-8,2,学习目标：1、掌握创建逐帧动画的方法，熟练通过插入连续的图像来实现动画和利用时间轴产生动画的操作2、掌握创建运动补间动画的方法，了解运动补间可以实现动画的特点，熟练创建运动补间动画的操作3、掌握创建引导层动画的方法，熟练创建引导层动画的操作4、掌握创建形状补间动画的方法，了解形状补间可以实现动画的特点，熟练创建形状补间动画的操作,2007-1-8,3,4.1 创建逐帧动画4.2 创建运动补间动画4.3 创建形状补间动画4.4 多图层动画的创建环绕光环的制作 4.5 综合范例雨滴的效果,2007-1-8,4,4.1.1 通过插入一组连

2、续的图像来实现动画,制作步骤： 步骤1 设置动画属性 1、在桌面上选择快捷方式图标，启动Flash MX 2004,在运行窗口中选择创建新项目中的Flash文档选项，创建一个新的动画。 2、选择新动画窗口下方的文档“属性”面板，打开面板, 就可在尺寸的【宽】中输入动画的宽度为500px；在尺寸的【高】中输入动画的高度为300px。选中【背景颜色】右边的颜色框，选择背景的颜色为“浅黄色”。,2007-1-8,5,步骤2 在关键帧中导入连续的图像,选择菜单的“文件导入导入到舞台”命令, 如图4-2所示；打开“打开外部库”对话框，在文件的查找范围中找到“素材库中第四章奔马图像1”文件，然后单击“打开

3、”，完成从外部文件中的元件导入；此时，会有对话询问框“此文件看起来是图像序列的组成部分。是否导入序列中所有图像？”，单击按钮即可，完成连续图像序列的导入。,2007-1-8,6,图4-2 “导入到舞台”菜单,2007-1-8,7,步骤3 关键帧中连续的图像,此时，在图层1中，从第1帧到第7帧都成为了关键帧，即7幅连续的奔马图像序列被导入到7个关键帧中 。,2007-1-8,8,步骤4 测试动画 选择快捷组合键，Ctrl+Enter来测试动画，可看到“奔马”效果。 步骤5 保存动画 选择菜单的“文件保存”命令，保存在flash目录中，文件名为“奔马”。 范例“奔马”总结：本例中通过将七张连续的图

4、像导入到七个连续的关键帧中，播放后产生动画效果。,2007-1-8,9,4.1.2 利用时间轴产生动画效果,制作步骤： 步骤1 设置动画属性 在新创建的Flash空白文档中，选择窗口下方的文档“属性”面板后，选中后，就可在尺寸的【宽】中输入动画的宽度为500px；在尺寸的【高】中输入动画的高度为120px。选中【背景颜色】右边的颜色框，选择背景的颜色为“粉色” 。,2007-1-8,10,步骤2 元件的导入 选择“文件导入导入外部库”命令,打开“打开外部库”对话框，在文件的查找范围中找到“素材库中第四章闪烁”文件确认打开后，按组合键Ctrl+L打开库窗口，看到文件“闪烁”的库被打开，其中的元件

5、被导入。,2007-1-8,11,步骤2 元件的导入 选择“文件导入导入外部库”命令,打开“打开外部库”对话框，在文件的查找范围中找到“素材库中第四章闪烁”文件确认打开后，按组合键Ctrl+L打开库窗口，看到文件“闪烁”的库被打开，其中的元件被导入。,2007-1-8,12,步骤3 关键帧中的图像 1、选中图层1的第1帧，将导入的外部库中的元件圆形到舞台上，并复制多个元件，相应地改变大小和位置，；然后选用工具箱中的文本工具,在随后在窗口下方出现的文本“属性”面板中，设置文本格式为隶书，字号为80，颜色为深蓝色，字符间距为10；把光标定位在舞台上，在文本框中输入“欢迎来到”，如图4-11所示。,

6、2007-1-8,13,图4-11 文本的输入欢迎来到,2007-1-8,14,2、选中图层的第15帧，按F6快捷键插入关键帧；选中第15帧，将导入的外部库中的元件白色椭圆边框拖动到舞台上，使用工具箱中的【任意变形工具】调整椭圆边框的大小和舞台的边框重合；双击文本框“欢迎到来”，进入文本的编辑状态，改变文本为“电脑乐园” ；选中工具箱中的【矩形工具】，设置【笔触颜色】为无色 ，【填充颜色】为七彩渐变色，然后拖动出一个和舞台大小相同的矩形，如图4-14所示。,2007-1-8,15,图4-14 矩形的添加,2007-1-8,16,3、选中图层的第30帧，按F6快捷键插入关键帧，如图4-15所示。

7、,图4-15 关键帧的插入,2007-1-8,17,步骤4 测试动画 选择组合键Ctrl+Enter来测试动画，可看到文本、白色椭圆边框和七彩矩形每隔一秒钟左右交替出现，呈现闪烁效果。 步骤5 保存动画 选择菜单的“文件保存”命令，保存在flash目录中，文件名为“闪烁”。 范例“闪烁”总结：本例中通过在不同的关键帧中插入不同的图像，利用时间轴上帧的播放生成闪烁动画的效果。,返回,2007-1-8,18,4.2 创建运动补间动画,4.2.1 自由落体的小球 制作步骤： 步骤1 设置动画属性 在新创建的Flash空白文档中，选择窗口下方的文档“属性”面板后，选中后，就可在尺寸的【宽】中输入动画的

8、宽度为400px；在尺寸的【高】中输入动画的高度为300px。选中【背景颜色】右边的颜色框，选择背景的颜色为“浅蓝色” 。,2007-1-8,19,步骤2 元件的制作 1、绘制小球 选中工具箱中的【椭圆工具】，设置【笔触颜色】为无色 ，【填充颜色】为“绿色到黑色”的径向渐变颜色；然后，按下Shift键，在舞台上拖动鼠标到合适的位置，绘制出一个从绿色到黑色渐变的小球，如图4-18所示,图4-182 绘制的小球,2007-1-8,20,2、生成元件 把绘制好的小球转成元件，保存在库中。 选择工具箱中的【选择工具】，单击小球，选中它；选择菜单“修改转换为符号”命令或按快捷键F8，在弹出的“转换为符号

9、”对话框中，输入元件的名称“小球”和选择元件类型为“图形” ；选择“确定”按钮后，此时小球外面出现了一个方框，表示小球已转换为了符号。,2007-1-8,21,步骤3 关键帧中的操作 1、第1帧的设置。 选中图层的第1帧，选择工具箱中的【选择工具】，单击选中小球，拖动至舞台的上方，为了实现小球的位置的精确定位，可在窗口下方的“图形属性”面板中将实例小球的坐标设置为：X:160.0px；Y:0.0px，如图4-23；设置完毕后，舞台上的小球位于舞台的中上部。,图4-23 “图形属性”面板,2007-1-8,22,2、第30帧的设置 选中图层的第30帧，按F6键插入关键帧后；选择工具箱中的【选择工

10、具】，单击选中小球，拖动至舞台的下方，为了实现小球的位置的精确定位，可在窗口下方的“图形属性”面板中将实例小球的坐标设置为：X:160.0px；Y:260.0px设置完毕后，舞台上的小球位于舞台的中下部。 3、第60帧的设置 选中图层的第60帧，按F6键插入关键帧后；选择工具箱中的【选择工具】，单击选中小球，拖动至舞台的中上方，将小球的坐标设置为：X:160.0px；Y:0.0px，与第1帧的位置相同，设置完毕后，舞台上的小球位于舞台的中上部。,2007-1-8,23,步骤4 添加运动效果 1、在第1帧和第30帧之间的灰色过渡帧中单击鼠标右键，在弹出的快捷菜单中选择“创建补间动画”命令；这时，

11、从第1帧到第30帧以浅蓝色显示，中间有一个箭头指示，表示小球将从第1帧运动到第30帧中的位置，这样，就完成了从第1帧到第30帧的运动补间的动画设置。 2、在第30帧和第60帧之间的灰色过渡帧中单击鼠标右键，在弹出的快捷菜单中选择“创建补间动画”命令；这时，从第30帧到第60帧以浅蓝色显示，中间有一个箭头指示，表示小球将从第30帧运动到第60帧中的位置，这样，就完成了从第30帧到第60帧的运动补间的动画设置.,2007-1-8,24,步骤5 测试动画 选择快捷组合键，Ctrl+Enter来测试动画，可看到从上落下又返回上面 步骤6 完善动画效果 1、选中图层的第1帧，在窗口下方“帧”属性面板中，

12、将【补间动作】的加速度“简易”设置为100，此为加速运动，其值越大则速度越快。 2、选中图层的第30帧，在窗口下方“帧”属性面板中，将补间动作的加速度“简易”设置为-100，此为减速运动，其值越大则速度越快。,2007-1-8,25,步骤7 保存动画 选择菜单的“文件保存”命令，保存在flash目录中，文件名为“自由落体的小球”。 范例“自由落体的小球”总结：本例中通过在不同的关键帧中改变元件的位置、速度、大小和透明度等，然后在关键帧之间设置运动补间动画，产生了位置、速度、大小和透明度的变化。,2007-1-8,26,4.2.2 飞舞的雪花 制作步骤： 步骤1 设置动画属性 步骤2 元件的制作

13、 1、元件雪片的制作 按Ctrl+F8组合键插入一个新的元件，在弹出的“创建新元件”对话框中，输入元件的名称“雪片”和选择元件类型为“图形” ；选择“确定”按钮后进入到元件的编辑状态。 选中工具箱中的【铅笔工具】，在下方对应的“选项”中选择绘线方式为“伸直”，设置【笔触颜色】为白色 【填充颜色】为白色；然后，在舞台中绘制“雪片”，如图4-36所示。,2007-1-8,27,图4-36 雪片的绘制,2007-1-8,28,2、元件雪花的制作 选中雪片，按快捷键Ctrl+C,把雪片复制到剪贴板上，然后按快捷键Ctrl+Shift+V，将雪片复制到原来的位置上；在变形面板的【旋转】中，输入旋转角度为

14、“60”，表示把复制的雪片以“+”字定位中心为轴旋转60，按回车键表示确认；此时，新的雪片出现在原有雪片顺时针旋转的60的位置上。 用同样的方法，按快捷键Ctrl+Shift+V将雪片原位复制后；在变形面板的【旋转】中，输入旋转角度为“120”，表示把复制的雪片以“+”定位中心为轴旋转120，按回车键表示确认；此时，新的雪片出现在原有雪片顺时针旋转的120的位置上，一个完整的雪花就绘制好了，如图4-43所示。,2007-1-8,29,图4-43 旋转后的雪片,按F8键，弹出“转换为符号”对话框，输入元件的名称“雪花”和选择元件类型为“图形”；选择“确定”按钮后完成雪花的创建。,2007-1-8

15、,30,步骤3 关键帧中的操作 1、第1帧的设置。 选中图层1的第1帧，选择工具箱中的【选择工具】，单击选中雪花，拖动到舞台的上方。 选择工具箱中的【任意变形工具】，把雪花缩小；然后选择窗口下方的图形属性中的【颜色】，将雪花色透明度设置为“40%”。 2、第80帧的设置 选中图层的第80帧，按F6键插入关键帧后；选中雪花，将其删除 。,2007-1-8,31,按Ctrl+L快捷键，打开库面板，把元件雪花拖动到舞台的下方；选择工具箱中的【任意变形工具】，把雪花放大和旋转，如图4-49所示。,图4-49 第80帧中的雪花,2007-1-8,32,步骤4 添加运动效果 1、生成运动补间动画：在第1帧

16、和第80帧之间的灰色过渡帧中右击，弹出的菜单中选择“创建补间动画”命令；从第1帧到第80帧以浅蓝色显示，中间有一个箭头指示；这样，就完成了从第1帧到第80帧的运动补间的动画设置 2、添加旋转效果：选中图层的第1帧，在窗口下方弹出的帧属性面板中将【旋转】设置为逆时针2次，表示雪花将从起始位置第1帧以顺时针旋转2周的方式运动到结束位置第80帧处。,2007-1-8,33,步骤4 测试动画 选择快捷组合键Ctrl+Enter来测试动画，可看到雪花将从起始位置从远方飞舞着越来越近、越来越大和清晰，飘然而下。 步骤5 完善动画效果 一个雪花飘然而下看起来有些单调，可制作多个雪花飘然而下的动画效果。 可制

17、作类似图层1的多个图层，改变雪花的起始和结束的位置，生成很多雪花飞舞的动画。,2007-1-8,34,步骤6 保存动画 选择菜单的“文件保存”命令，保存在flash目录中，文件名为“飞舞的雪花”。 范例“飞舞的雪花”总结：本例是设置旋转运动效果的运动补间动画，可以在旋转的过程中改变实例的大小、颜色、透明度和位置等。本例中雪花的制作是制作对称类元件的通用方法，一般先制作对称元件的一个部分，然后原位复制后旋转某个角度后，生成所需对称元件，如风车也可如此制作。,2007-1-8,35,4.2.3 自定义路径的动画 制作步骤： 步骤1 制作一匀速运动逐渐消失的小球 1、设置动画属性：在新创建的Flas

18、h空白文档中，选择窗口下方的文档“属性”面板后，选中后，就可在尺寸的【宽】中输入动画的宽度为500px；在尺寸的【高】中输入动画的高度为200px。选中【背景颜色】右边的颜色框，选择背景的颜色为“浅粉色”。 2、元件的制作：绘制小球后以“小球”名称保存在元件库中,2007-1-8,36,3、对帧的操作 选中第1帧，将小球放置于舞台的左端。 在40帧处插入关键帧，将小球放置于舞台的右端；然后选择窗口下方的图形属性中的【颜色】，将小球透明度设置为“10%”。 4、添加动画效果：在第1帧到第40帧之间设置运动补间的动画。 5、双击图层1的位置，将图层1命名为“小球”。,2007-1-8,37,图4-

19、58 “添加引导层”命令,步骤2 制作按指定轨迹运动的小球 1、右键单击“小球”图层，在弹出的快捷菜单中选择“添加引导层”命令，如图4-58，为“小球”图层添加引导图层。,2007-1-8,38,2、选中工具箱中的【铅笔工具】，在下方对应的“选项”中选择绘线方式为“平滑”，在舞台中绘制一抛物曲线，如图4-59所示。,图4-59 绘制抛物曲线,2007-1-8,39,3、把第1帧中的小球拖动到曲线路径的左端，把第40帧中的小球拖动到曲线路径的右端，这样，小球就可以从曲线的一端运动到曲线的另一端了。 在“小球”图层中第1帧中，选择工具箱中的【任意变形工具】下的选项中的【对齐对象】工具，将小球的中心

20、拖动到抛物曲线的起始点（左端）。 用同样的方法，在第40帧中，将小球的中心拖动到抛物曲线的结束点（右端）。,2007-1-8,40,步骤3 测试动画 选择快捷组合键Ctrl+Enter来测试动画，可看到小球从左端按抛物曲线的轨迹运动到右端后逐渐消失 步骤4 保存动画 选择菜单的“文件保存”命令，保存在flash目录中，名称为“按指定轨迹运动的小球”。 范例“按指定轨迹运动小球”总结：本例是将运动补间动画的对象按指定的轨迹来运动，也就是引导图层的使用，需要注意的是在将图层中的对象按照引导层中的曲线引导时，要使用选择工具箱中的【任意变形工具】选项中的【对齐对象】工具，将小球的中心吸附到曲线的起始点

21、和结束点。,返回,2007-1-8,41,4.3创建形状补间动画,4.3.1 图形的变化 制作步骤： 步骤1 设置动画属性 步骤2 元件的绘制 1、方形的绘制：选中工具箱中的【矩形工具】，设置【笔触颜色】为无色 ，【填充颜色】为“绿色到黑色”的径向渐变颜色；然后，按下Shift键，在舞台上拖动鼠标到合适的位置，绘制出一个从绿色到黑色渐变的正方形；然后按F8键将图形保存为元件，名称为“方形”。,2007-1-8,42,2、圆形的绘制：选中工具箱中的【椭圆工具】，设置【笔触颜色】为无色 ，【填充颜色】为“红色到黑色”的径向渐变颜色；然后，按下Shift键，在舞台上拖动鼠标到合适的位置，绘制出一个从

22、红色到黑色渐变的小球；然后按F8键将图形保存为元件，名称为“圆形”。,图4-2-30 第80帧中的雪花,2007-1-8,43,步骤3 对帧的操作。 1、选中第1帧后，将元件-方形拖动到舞台的左侧；然后选择工具箱中的【选择工具】，单击选中方形，选择菜单的“修改分离”命令或按快捷键Ctrl+B将方形打散，如图4-64所示，此时，方形被打散成为分散的点。,图4-64 第1帧被打散的元件,2007-1-8,44,2、选中第60帧，单击右键在弹出的快捷菜单中选择插入“关键帧”命令，然后在60帧处，将元件圆形拖动到舞台的右侧，然后选择工具箱中的【选择工具】，单击选中圆形，选择菜单“修改分离”命令或按快捷

23、键Ctrl+B将圆形打散，如图4-65所示，此时，圆形被打散成为分散的点。,图4-65 第60帧中被打散的元件,2007-1-8,45,步骤4 添加运动效果 选中第1帧，在窗口下方的帧面板中的【补间】中选择形状，即创建形状补间动画；此时，从第1帧到第60帧以浅绿色显示，中间有一个箭头指示，表示方形从第1帧运动到第60帧中变为圆形。 步骤5 测试动画 使用快捷组合键，Ctrl+Enter来测试动画。我们看到，一个绿黑色的方形在向右的运动中逐渐变为红黑色圆形。 步骤6 保存动画 选择菜单的“文件保存”命令，保存在flash目录中，文件名为“方形变圆形” 。,2007-1-8,46,4.3.2 文字

24、的变化 制作步骤： 步骤1 设置动画属性 步骤2 元件的导入 选择菜单的“文件导入导入库”命令,打开“导入到库”对话框，在文件的查找范围中找到“素材库中第四章扁鹊鸟”文件，按“确认”打开后，按组合键Ctrl+L打开库窗口，看到图像被导入。,2007-1-8,47,步骤3 对帧的操作。 1、选中第1帧后，将元件扁鹊鸟拖动到舞台上；选中窗口下方的【位图属性】面板，如图4-3-7所示，将扁鹊鸟的大小调整为宽“400px”、高“400px”和位置为x:0px、y:0px；拖动扁鹊鸟与舞台重合；然后选择工具箱中的【选择工具】，单击选中扁鹊鸟，按快捷键Ctrl+B将方形打散，图形扁鹊鸟被打散后成为分散的点

25、。 ”命令或按快捷键Ctrl+B将方形打散，如图4-3-2所示，此时，方形被打散成为分散的点。 2、选中第40帧，单击右键选择插入“关键帧”命令，然后在40帧处，然后选中工具箱中的【文本工具】,在随后在窗口下方出现的文本“属性”面板中，设置文本格式为华文彩云，字号为96，颜色为红色，字符间距为10，如图4-3-9所示；把光标定位在舞台上，在文本框中输入“扁鹊鸟”；然后选择工具箱中的【选择工具】，单击选中文本，按快捷键Ctrl+B将文本“扁鹊鸟”打散 。,2007-1-8,48,步骤4 添加运动效果 选中第1帧，在窗口下方的帧面板中的【补间】中选择形状，即创建形状补间动画；此时，从第1帧到第40

26、帧以浅绿色显示，中间有一个箭头指示，表示图形从第1帧运动到第40帧将回变为文本。 步骤5 测试动画 使用快捷组合键，Ctrl+Enter来测试动画，。我们看到，图形-扁鹊鸟在逐渐变为文本-扁鹊鸟。 步骤6 保存动画 选择菜单的“文件保存”命令，保存在flash目录中，文件名为“扁鹊鸟的变化”。 范例“扁鹊鸟的变化”总结：本例是制作形状补间的动画，将图形变成文本，需要注意的是应将文本和图形打散后再设置形状补间。,返回,2007-1-8,49,4.4 多图层动画的创建环绕的光环的制作,4.4.1 图层的分类 图层是Flash中的重要概念，层可以理解为一个容器，一个复杂的动画可以由多个层组成，在每层

27、上，可以包含元件、组等各种元素，层本身是透明的，但层中的图像是不透明的，这样就给创作者提供了广泛的创作空间。 在Flash中，可以将层分为普通层、引导层和蒙板层。 普通层，又称为编辑层，是一般意义上的层，在普通层中可以放置不同的对象，创建不同的动画，总之，在任意的普通图层上进行的任何操作都不会影响到其它的图层。如前面曾经做过的动画：自由落体的小球、飞舞的雪花和扁鹊鸟的变化等中的图层都是普通图层。,2007-1-8,50,引导层，是一种特殊的层，在引导层是可以绘制一些辅助移动线，帮助普通图层中的对象进行编辑或设置普通图层中的对象按辅助移动线的轨迹来运动。如前面的动画，按制定轨迹运动的小球，为“小

28、球”图层添加引导图层，然后在引导图层中绘制抛物曲线，使“小球”图层中的小球按照引导图层中的曲线来运动 蒙板层，是一种很特殊的层，它可以产生特殊效果，透过蒙板层中的图形，可以看到显示在下面层中的图像。可以把蒙板层理解为窗户，通过窗口指能看到外面的一部分风景，关于蒙板图层的详细操作和实例在第六章会涉及。,2007-1-8,51,4.4.2 图层的表现形式 图层右上方的3个图标含义： ：控制该层是否显示，默认状态为正常显示，在对应的下方用黑点表示，如果单击这个黑点，则会出现，同时该层被隐藏，隐藏的图层不能进行编辑。经常在测试各图层的效果时会使用到图层的隐藏。 ：是否锁住该图层，被锁住后的图层可以正常

29、显示，但不可以被编辑。这样，对于制作好的图层可以将其锁住，当编辑其它图层时，就不会对制作好的图层误操作了。 ：是否将该层以轮廓线方式显示，单击对应图层中的的不同颜色，则图层中的图像的轮廓颜色改变，在单击则恢复正常。,图475 图层的表现形式,2007-1-8,52,4.4.3 图层的组织形式 多图层的使用可以为创建动画提供方便，但过多的图层也会导致编辑混乱。因此在Flash中又引进了层文件夹的使用。 层文件夹的作用是用来帮助组织层，在图层下方点击增加层文件夹按钮，即可增加层文件夹，然后将图层放置在层文件夹中并命名。,2007-1-8,53,4.4.4 图层的操作 图层的操作包括创建图层、修改图

30、层、复制删除等。 4.4.4.1 创建图层 创建图层有很多方法，可以单击层下方的增加图层按钮，即在当前选中的图层上方插入一个新的图层；可以使用菜单中的命令，选中菜单的“插入时间轴图层”命令，也可插入新的图层；还可以使用右键法，在选中的图层区域单击鼠标右键，在快捷菜单中选择“插入图层”命令，也可创建新的图。,2007-1-8,54,4.4.4.2 命名图层 命名图层的操作如下：双击图层的名称，在出现光标后，命名即可；在给图层命名时，应遵循见名知意的原则，把图层命名为与编辑内容相关的名称，有利于对图层的使用。 4.4.4.3 修改图层 修改图层主要是修改图层的属性和顺序，单击任一图层，可以选中该层

31、，进入图层的修改状态。层的排列是有顺序的，“效果”图层是最上面的图层，它的内容将覆盖其它的图层，可以通过用鼠标左键拖动图层的方式改变图层与图层的排列顺序。 4.4.4.3 复制、删除、显示/隐藏和锁住图层 选中对应的图层，单击右键弹出图层的快捷菜单，选择对应的命令就可以完成对图层的复制、删除等操作,2007-1-8,55,制作步骤： 步骤1 打开素材文件 双击打开“素材库中第四章环绕的光环环绕的光环.fla”文件，选择窗口下方的文档“属性”面板后，选中后，在尺寸的【宽】中输入动画的宽度为500px；在尺寸的【高】中输入动画的高度为400px。 步骤2 “底层”的设置 选择菜单的“文件导入导入舞

32、台”命令,打开“导入到舞台”对话框，在文件的查找范围中找到“素材库中第四章环绕的光环底图”文件，按“确认”打开后； 利用工具箱中的【任意变形工具】将底图大小与舞台大小相同；按F8键将其转化为图形元件“底图1”；选中舞台下方【图形属性】面板中，将图形的Alpha透明度设置为20%，使这个底层的图像色彩较浅；最后将改图层命名为“底层”，如图4-80所示。,4.4.5 环绕光环的制作,2007-1-8,56,图4-80 “底层”的设置,2007-1-8,57,步骤3 新增图层，命名为“图像”，将库中的“图像”（男孩）元件拖动到舞台上。 步骤4 制作“影片剪辑”类型元件环绕的光球 1、新增图层，命名为

33、“光球”；按Ctrl+L组合键，打开库面板，将元件“光球”拖动到“光球”图层的第1帧中；按F8键，在弹出的“转换为符号”对话框中，选择元件的类型为“影片剪辑”，按“确认”按钮后；然后双击库中影片剪辑元件1，进入到新元件的编辑状态中。 2、新增引导图层，利用工具箱中【椭圆工具】后画一黑色无填充色的椭圆，然后用【对齐对象】工具然后将光球拖动到椭圆的下方，如图4-82所示，使光球按椭圆轨迹运动。,2007-1-8,58,图4-82 引导图层的添加,2007-1-8,59,3、将两个图层增加到30帧；在图层1中的第15帧、第30帧插入关键帧；然后改变图层1的15帧中光球的位置、大小和透明度，将其拖动到

34、椭圆的上方，将其缩小，透明度设置为35%，如图4-83所示，即光球在绕到后面时变的较小和颜色较浅；在图层1中的第1帧、第15帧和第30帧中创建运动渐变，按Enter键后测试元件1，可看到光球围绕椭圆轨迹运动。,图4-83 图层1的设置第15帧中光球的设置,2007-1-8,60,步骤5 增加图层“效果”，制作绕到男孩背后的环绕效果；选中“图像”图层中的图像，按Ctrl+B组合键将其打散，选中光球上方的“图像”区域，按Ctrl+C组合键复制后；在“效果”图层中，按Ctrl+Shift+V将选中的图像原位置粘贴，如将图层“底层”、“图像”和“光球”隐藏后，如图4-85所示。,图4-85 “效果”图

35、层的创建,2007-1-8,61,步骤6 完善动画，测试动画后发现，虽然光球绕到图像的背后，但是“图像”男孩却不动了，这是由于在“图像”层中打散的操作破坏了原有的影片剪辑的特性。为了增强动画的可视性，可在“图像”层中将原有被打散的图像删除后，重新插入“图像”元件，注意的是要保持前后图像位置的一致性。此时，测试动画效果，走动的男孩身边环绕着光环。 范例“环绕的光环”总结：本例中应用的知识点有影片剪辑元件的制作，实际上是一个动画；多图层的应用，利用“效果”图层在所有图层的上方生成光球旋转到背后的效果；透明度的使用等等。,返回,2007-1-8,62,综合示例雨滴的效果，主要使用图形元件的绘制、影片

36、剪辑元件的制作、绘图工具、填充工具的使用、运动补间和逐帧动画的制作等知识。 步骤1 设置动画属性 在新创建的Flash空白文档中，选择窗口下方的文档“属性”面板后，选中“”后，在尺寸的“宽”中输入动画的宽度为500像素；在尺寸的“高”中输入动画的高度为400像素, 选中“背景颜色”右边的颜色框“”，选择背景的颜色为“浅蓝色”。 步骤2 制作图形元件水滴 1、命令的选择：执行菜单中的“插入新建元件”命令，打开“创建新元件”对话框，选择元件类型为“图形”，名称为“水滴”，然后单击“确认”按钮。,2007-1-8,63,2、网格线的设置：执行菜单中的“视图网格显示网格”命令，在舞台上显示网格，以便利

37、用网格准确地进行绘制图形。 3、雨滴的绘制：选中工具箱中的“椭圆工具” 按钮，设置笔触颜色为“黑色”，填充颜色为“无色” ；然后，按住【Shift】键，在舞台上将鼠标的“+”与网格线重合，拖动鼠标到合适的位置，使所画圆恰好和网格线的正方形内切，选中工具箱中的“直线工具”按钮，设置笔触颜色为“黑色”，绘制直线，然后，使用工具箱中的“橡皮擦工具” 按钮，擦除水滴中不 必要的部分，如图4-90所示。,图4-90 填充后的雨滴,2007-1-8,64,5、雨滴的变形：选择工具箱中的“填充变形”工具，对水滴内部的填充形状进行修改，然后使用工具箱中的“橡皮擦工具” 按钮，擦除水滴的外边框的黑线，完成水滴的

38、制作。 步骤3 制作图形元件波纹 1、按组合键【Ctrl+F8】创建一个图形元件，名称为“波纹”，绘制雨滴落下的一个波纹效果。 2、波纹的绘制：选中工具箱中的“椭圆工具”按钮，设置笔触颜色为“黑色”，填充颜色为“无色”，绘制如图4-94所示的波纹外边框。,图4-94 波纹的外边框,2007-1-8,65,2、波纹的颜色填充：选择工具箱中的“选择工具”按钮，选中整个波纹，然后在“混色器”面板中，使用放射状渐变，左右两侧选择白色，中间选择浅蓝色，填充。 3、波纹的变形填充：此时的波纹的颜色不太符合雨滴落下的波纹效果，需略作修改。选择工具箱中的“填充变形”工具，对波纹的填充形状进行修改，然后使用工具箱中的“橡皮擦工具” 按钮，擦除波纹的外边框的黑线，完成波纹的制作。,2007-1-8,66,步骤4 制作影片剪辑元件变化的波纹 仅仅有波纹还不能完全描绘雨滴落下的效果，还需制作变化的波纹效果，应该的效果是水滴落在地上为一个点，然后慢慢放大为波纹，最后逐渐消失，应使用动画中的形状补间来完成。 1、按组