综合实例-Flash.ppt

第十二章综合实例,实例1生日贺卡实例2光线文字实例3水滴实例4烟花绽放实例5花团锦簇实例6海浪实例7汽车行驶,实例8移动图片实例9切入图片实例10图片欣赏实例11蜻蜓实例12MTV习题十二,本例将制作“生日贺卡”效果，如图12.1.1所示。,实例1生日贺卡,图12.1.1效果图,在制作过程中，将用到组合、直接复制和创建补间动画等命令。（1）选择“文件”“新建”命令，创建一个新的动画文件。（2）选择“修改”“文档”命令，弹出“文档属性”对话框，设置“尺寸”为“550px400px”，“背景颜色”为“黑色”，单击“确定”按钮。（3）选择工具箱中的矩形工具，在属性面板中设置笔触颜色为“无”，填充颜色为“#DB2E40”，在工作区中绘制一个矩形，如图12.1.2所示。,（4）选中矩形，按Ctrl+T键打开变形面板，选中“旋转”单选按钮，在其文本框中输入数值“45.0度”（见图12.1.3），按Enter键旋转矩形，如图12.1.4所示。,（5）选择工具箱中的选择工具，移动矩形到如图12.1.5所示的位置，然后将鼠标指针置于矩形的一角，当其呈现形状时（见图12.1.6），按住鼠标左键并拖动，调整矩形的形状，如图12.1.7所示。,（6）同样，调整矩形的另一角，如图12.1.8所示。（7）按Ctrl+F8键，弹出“创建新元件”对话框，在“名称”文本框中输入“花”，在选项区中选中“图形”单选按钮，如图12.1.9所示。,（8）单击“确定”按钮，进入该元件的编辑窗口。选择工具箱中的矩形工具，在属性面板中设置填充颜色为“#E35E63”，在工作区中绘制一个矩形，然后使用选择工具调整矩形的形状，如图12.1.10所示。,图12.1.10绘制并调整矩形,（9）选择工具箱中的铅笔工具，在属性面板中设置笔触颜色为“白色”，笔触高度为“4”，在如图12.1.11所示的位置绘制一个线条。（10）按Ctrl+A键选中所有图形，然后选择“修改”“组合”命令，将它们组合，如图12.1.12所示。（11）选中组合图形，按Ctrl+D键3次，将其直接复制3个，然后使用任意变形工具进行旋转和移动，将它们组合成如图12.1.13所示的图形。,（12）按Ctrl+A键选中所有图形，按Ctrl+C键进行复制。（13）单击时间轴面板中的“插入图层”按钮，插入“图层2”，然后选择“编辑”“粘贴到当前位置”命令，粘贴复制图形。（14）选中“图层2”中的图形，在变形面板中的文本框中输入“70%”，在旋转文本框中输入“45度”（见图12.1.14），按Enter键应用变形，如图12.1.15所示。（15）按Ctrl+B键打散“图层2”中的图形，然后选择工具箱中的颜料桶工具，在属性面板中设置填充颜色为“#E87777”，依次单击值为“#E35E63”的部分，进行填充，如图12.1.16所示。,（16）选中“图层2”，单击时间轴面板中的“插入图层”按钮，插入“图层3”，然后重复第（12）（15）步的操作，在“图层3”中复制、变形、打散以及填充图形，如图12.1.17所示。（17）选中“图层3”，单击时间轴面板中的“插入图层”按钮，插入“图层4”。（18）选择工具箱中的矩形工具，绘制一个矩形，然后使用选择工具调整矩形的形状，如图12.1.18所示。（19）选择工具箱中的铅笔工具，在属性面板中设置笔触颜色为“白色”，笔触高度为“4”，在如图12.1.19所示的位置绘制一个线条。,（20）单击“场景1”图标，返回到主场景。（21）选择“窗口”“库”命令，打开库面板，从中拖动“花”元件到如图12.1.20所示的位置。（22）按Ctrl+F8键，弹出“创建新元件”对话框，在“名称”文本框中输入“生”，在“类型”选项区中选中“图形”单选按钮，单击“确定”按钮，进入该元件的编辑窗口。（23）选择工具箱中的文本工具，在属性面板中设置字体为“方正姚体”，字体大小为“81”，文本颜色为“红色”，并单击“切换粗体”按钮，在工作区的中心位置输入文本“生”，如图12.1.21所示。,（24）在库面板中选中“生”元件，单击鼠标右键，在弹出的快捷菜单中选择“直接复制”命令，弹出“直接复制元件”对话框（见图12.1.22），在“名称”文本框中输入“日”，如图12.1.23所示。,图12.1.22“直接复制元件”对话框图12.1.23输入复制元件的名称,（25）单击“确定”按钮，进入“日”元件的编辑窗口（见图12.1.24），更改文本“生”为“日”，如图12.1.25所示。,图12.1.24“日”元件的编辑窗口图12.1.25更改文本,（26）重复第（24）步和第（25）步的操作，复制“快”元件和“乐”元件，并依次更改其中的文本为“快”和“乐”，如图12.1.26所示。,图12.1.26创建并编辑“快”元件和“乐”元件,（27）单击“场景1”图标，返回到主场景。（28）单击时间轴面板中的“插入图层”按钮，插入“图层2”，从库面板中拖动“生”元件到如图12.1.27所示的位置。（29）分别选中“图层2”的第10，11，26帧，按F6键插入关键帧，选中“图层1”的第85帧，按F5键插入帧。（30）选中第1帧中的“生”实例，在属性面板的“颜色”下拉列表中选择“Alpha”选项，在“Alpha数量”框中输入“0”，更改其透明度，如图12.1.28所示。,图12.1.27拖入“生”元件图12.1.28更改透明度,（31）选中第26帧中的“生”实例，在变形面板中的文本框中输入“130%”（见图12.1.29），按Enter键应用变形，如图12.1.30所示。,图12.1.29变形面板图12.1.30变形第26帧中的“生”实例,（32）分别选中第1帧和第11帧，单击鼠标右键，在弹出的快捷菜单中选择“创建补间动画”命令，创建一段运动补间动画，如图12.1.31所示。,图12.1.31创建运动补间动画,（33）选中“图层2”，单击时间轴面板中的“插入图层”按钮3次，插入3个层，如图12.1.32所示。,图12.1.32插入3个图层,（34）选中新插入图层第1帧以外的所有帧，单击鼠标右键，在弹出的快捷菜单中选择“删除帧”命令，删除帧，如图12.1.33所示。,图12.1.33删除帧,（35）选中“图层2”的所有帧，单击鼠标右键，在弹出的快捷菜单中选择“复制帧”命令，复制帧，然后分别选中“图层3”、“图层4”和“图层5”的第1帧，单击鼠标右键，在弹出的快捷菜单中选择“粘贴帧”命令，粘贴所复制的帧，如图12.1.34所示。,图12.1.34粘贴帧,（36）选中“图层3”的所有帧，按住鼠标左键并拖动，将它们移动到如图12.1.35所示的位置。,图12.1.35移动“图层3”的所有帧,（37）重复第（36）步的操作，移动“图层4”和“图层5”的所有帧，如图12.1.36所示。,图12.1.36移动“图层4”和“图层5”的所有帧,（38）同时选中“图层2”“图层5”的第85帧，按F5键插入帧，如图12.1.37所示。（39）分别选中“图层3”各关键帧中的对象，单击属性面板中的“交换”按钮（见图12.1.38），在弹出的“交换元件”对话框中选择“日”元件（见图12.1.39），单击“确定”按钮进行替换。,图12.1.37插入帧,图12.1.38属性面板,图12.1.39“交换元件”对话框,（40）重复第（39）步的操作，将“图层4”各关键帧中的对象以“快”元件进行替换，将“图层5”各关键帧中的对象以“乐”元件进行替换。（41）选中“图层5”的第55帧，然后分别拖动“生”实例和“乐”实例到如图12.1.40所示的位置。（42）按Ctrl+K键打开对齐面板（见图12.1.41），同时选中“生”、“日”、“快”、“乐”4个实例，单击“上对齐”按钮和“水平居中分布”按钮，排列选中的实例，如图12.1.42所示。,（43）选中“图层5”，单击时间轴面板中的“插入图层”按钮，插入“图层6”，如图12.1.43所示。,图12.1.43插入图层,（44）选中“图层5”的第57帧，按F6键插入关键帧，如图12.1.44所示。,图12.1.44插入关键帧,（45）选择工具箱中的文本工具，在属性面板中设置字体为“CourierNewCE”，字体大小为“30”，文本颜色为“紫色”，并单击“切换斜体”按钮，在如图12.1.45所示的位置输入字符“happybirthday”。,（46）按Ctrl+Enter键，测试动画效果，如图12.1.1所示。,图12.1.45输入字符,本例将制作“光线文字”效果，如图12.2.1所示。,实例2光线文字,图12.2.1效果图,在制作过程中，将用到直接复制命令、创建补间动画命令和“交换”按钮等。（1）选择“文件”“新建”命令，创建一个新的动画文件。（2）选择“修改”“文档”命令，弹出“文档属性”对话框，设置“尺寸”为“500px250px”，“背景颜色”为“黑色”，单击“确定”按钮。（3）按Ctrl+F8键，弹出“创建新元件”对话框，在“名称”文本框中输入“X”，在“类型”选项区中选中“图形”单选按钮，如图12.2.2所示。,（4）单击“确定”按钮，进入该元件的编辑窗口。选择工具箱中的文本工具，在属性面板中设置字体为“ArialBlack”，字体大小为“80”，文本颜色为“白色”，并单击“切换粗体”按钮，在工作区的中心位置输入字符“X”，如图12.2.3所示。,图12.2.2“创建新元件”对话框图12.2.3输入字符“X”,（5）选择“窗口”“库”命令，打开库面板，选中“X”元件，单击鼠标右键，在弹出的快捷菜单中选择“直接复制”命令，弹出“直接复制元件”对话框（见图12.2.4），在“名称”文本框中输入“I”，如图12.2.5所示。,图12.2.4“直接复制元件”对话框图12.2.5输入复制元件的名称,（6）单击“确定”按钮，进入“I”元件的编辑窗口（见图12.2.6），更改字符“X”为“I”，效果如图12.2.7所示。,图12.2.6“I”元件的编辑窗口图12.2.7更改字符,（7）重复第（5）步和第（6）步的操作，复制“N”元件、“K”元件和“E”元件，并依次更改其中的字符为“N”，“K”和“E”。（8）在库面板中选中“X”元件，双击鼠标左键，进入其编辑窗口，然后按Ctrl+B键打散“X”，如图12.2.8所示。,打散前打散后图12.2.8打散“X”前后的效果,（9）重复第（8）步的操作，依次打散“I”，“N”，“K”，“E”元件中的字符。（10）在库面板中选中“X”元件，单击鼠标右键，在弹出的快捷菜单中选择“直接复制”命令，弹出“直接复制元件”对话框，在“名称”文本框中输入“Xlight”，单击“确定”按钮，进入其编辑窗口，如图12.2.9所示。（11）选择工具箱中的矩形工具，在属性面板中设置笔触颜色为“无”，填充颜色为“白色至黑色的线性渐变色”，在如图12.2.10所示的位置绘制一个矩形。,图12.2.9“Xlight”元件的编辑窗口图12.2.10绘制矩形,（12）选择工具箱中的选择工具，将鼠标指针置于矩形的一角，当其呈现形状时，按住鼠标左键拖动，调整矩形的形状，如图12.2.11所示。（13）重复第（12）步的操作，调整矩形另一角，如图12.2.12所示。,图12.2.11调整矩形一角的形状图12.2.12调整矩形另一角的形状,（14）选择工具箱中的填充变形工具，单击调整后的矩形，使其周围出现填充变形控制手柄，如图12.2.13所示。（15）按住并拖动旋转手柄到如图12.2.14所示的位置，改变矩形的填充方向。,（16）重复第（10）（15）步的操作，创建“Ilight”，“Nlight”，“Klight”和“Elight”元件，如图12.2.15所示。,（17）单击“场景1”图标，返回到主场景。（18）更改“图层1”的名称为“X”，并从库面板中拖动“X”元件到该层中。（19）选中“X”实例，按Ctrl+T键打开变形面板，在文本框中输入数值“61.2%”，然后按Enter键将其等比例缩小，如图12.2.16所示。（20）选中第25帧，按F6键插入关键帧。（21）选中第1帧，单击鼠标右键，在弹出的快捷菜单中选择“创建补间动画”命令，创建一段运动补间动画，如图12.2.17所示。,图12.2.16等比例缩小“X”实例,图12.2.17创建运动补间动画,（22）选中“X”层，单击时间轴面板中的“插入图层”按钮4次，插入名为“I”，“N”，“K”和“E”的4个图层，如图12.2.18所示。,图12.2.18插入4个图层,（23）选中新插入图层第1帧以外的所有帧，单击鼠标右键，在弹出的快捷菜单中选择“删除帧”命令，删除帧，如图12.2.19所示。,图12.2.19删除帧,（24）选中“X”层的所有帧，单击鼠标右键，在弹出的快捷菜单中选择“复制帧”命令，复制帧，然后分别选中“I”，“N”，“K”和“E”层的第1帧，单击鼠标右键，在弹出的快捷菜单中选择“粘贴帧”命令，粘贴所复制的帧，如图12.2.20所示。,图12.2.20粘贴帧,（25）分别选中“I”层各关键帧中的对象，单击属性面板中的“交换”按钮，在弹出的“交换元件”对话框中选择“I”元件（见图12.2.21），单击“确定”按钮进行替换。,图12.2.21“交换元件”对话框,（26）重复第（25）步的操作，将“N”层各关键帧中的对象以“N”元件进行替换，将“K”层各关键帧中的对象以“K”元件进行替换，将“E”层各关键帧中的对象以“E”元件进行替换。（27）选择工具箱中的选择工具，调整两个关键帧中各对象的位置如图12.2.22所示。,图12.2.22调整两个关键帧中各对象的位置,（28）选中“X”层第1帧中的实例，在属性面板的“颜色”下拉列表中选择“Alpha”选项，在“Alpha数量”文本框中输入“0%”（见图12.2.23），更改它的透明度。,图12.2.23更改透明度,（29）重复第（28）步的操作，更改其他层第1帧中实例的透明度。（30）单击时间轴面板中的“插入图层”按钮5次，插入名为“Xlight”，“Ilight”，“Nlight”，“Klight”和“Elight”的5个图层，如图12.2.24所示。,图12.2.24插入5个图层,（31）调整图层的顺序如图12.2.25所示。,图12.2.25调整图层的顺序,（32）选中“Xlight”层，从库面板中拖动“Xlight”元件到工作区中。（33）选中“Xlight”实例，在变形面板的文本框中输入数值“61.2%”，然后按Enter键将其等比例缩小，如图12.2.26所示。,图12.2.26等比例缩小“Xlight”实例,（34）分别选中第8帧和第32帧，按F6键插入关键帧。（35）选中第32帧中的对象，取消选中变形面板的“约束”复选框，在文本框中输入数值“53.6%”，然后按Enter键将其在水平方向上缩小。（36）分别选中第1帧和第8帧，单击鼠标右键，在弹出的快捷菜单中选择“创建补间动画”命令，创建一段运动补间动画，如图12.2.27所示。,图12.2.27创建运动补间动画,（37）分别选中“Ilight”，“Nlight”，“Klight”和“Elight”层第1帧以外的所有帧，单击鼠标右键，在弹出的快捷菜单中选择“删除帧”命令，删除帧，如图12.2.28所示。,图12.2.28删除帧,（38）选中“Xlight”层的所有帧，单击鼠标右键，在弹出的快捷菜单中选择“复制帧”命令，复制帧，然后分别选中“Ilight”，“Nlight”，“Klight”和“Elight”层的第1帧，单击鼠标右键，在弹出的快捷菜单中选择“粘贴帧”命令，粘贴所复制的帧，如图12.2.29所示。,图12.2.29粘贴帧,（39）分别选中“Ilight”层各关键帧中的对象，单击属性面板中的“交换”按钮，在弹出的“交换元件”对话框中选择“Ilight”元件，单击“确定”按钮进行替换。（40）重复第（39）步的操作，将“Nlight”层各关键帧中的对象以“Nlight”元件进行替换，将“Klight”层各关键帧中的对象以“Klight”元件进行替换，将“Elight”层各关键帧中的对象以“Elight”元件进行替换。（41）选择工具箱中的选择工具，调整各关键帧中对象的位置如图12.2.30所示。,图12.2.30调整各关键帧中对象的位置,（42）分别选中“Xlight”层第1帧和第32帧中的实例，在属性面板的“颜色”下拉列表中选择“Alpha”选项，在“Alpha数量”文本框中输入“0%”（见图12.2.31），更改它的透明度。,图12.2.31更改透明度,（43）重复第（42）步的操作，更改其他层第1帧和第32帧中实例的透明度。（44）选中“X”层的所有帧，按住鼠标左键并拖动，将它们移动到如图12.2.32所示的位置。,图12.2.32移动“X”层的所有帧,（45）重复第（44）步的操作，移动其他层的所有帧，如图12.2.33所示。,图12.2.33移动其他层的所有帧,（46）同时选中所有层的第100帧，按F5键插入帧，如图12.2.34所示。（47）按Ctrl+Enter键，测试动画效果，如图12.2.1所示。,图12.2.34插入帧,本例将制作“水滴”效果，如图12.3.1所示。,实例3水滴,图12.3.1效果图,在制作过程中，将用到变形面板、混色器面板和填充变形工具等。（1）选择“文件”“新建”命令，创建一个新的动画文件。（2）选择“修改”“文档”命令，弹出“文档属性”对话框，设置“尺寸”为“500px350px”，“背景颜色”为“#CCCCCC”，单击“确定”按钮。（3）按Ctrl+F8键，弹出“创建新元件”对话框，在“名称”文本框中输入“荷花”，在“类型”选项区中选中“图形”单选按钮，如图12.3.2所示。,图12.3.2“创建新元件”对话框,（4）单击“确定”按钮，进入该元件的编辑窗口。选择“文件”“导入”“导入到舞台”命令，弹出“导入”对话框，导入一幅图片到工作区的中心位置，如图12.3.3所示。（5）按Ctrl+F8键，弹出“创建新元件”对话框，在“名称”文本框中输入“水滴”，在“类型”选项区中选中“图形”单选按钮，单击“确定”按钮，进入该元件的编辑窗口。（6）选择工具箱中的椭圆工具，在属性面板中设置笔触颜色为“无”，填充颜色为“黑色”，在工作区中绘制一个椭圆，如图12.3.4所示。,图12.3.3导入图片到工作区的中心位置图12.3.4绘制椭圆,（7）选中椭圆，按Ctrl+T键打开变形面板，选中“旋转”单选按钮，在其文本框中输入数值“-30度”（见图12.3.5），按Enter键旋转椭圆，如图12.3.6所示。,图12.3.5变形面板图12.3.6旋转椭圆,（8）选中椭圆，在变形面板中设置参数如图12.3.7所示，单击“复制并应用变形”按钮复制一个椭圆，如图12.3.8所示。,图12.3.7变形面板图12.3.8复制椭圆,（9）单击属性面板中的“填充颜色”按钮，在弹出的颜色列表中选择“白色”（见图12.3.9），填充所复制的椭圆，如图12.3.10所示。,图12.3.9颜色列表图12.3.10填充所复制的椭圆,（10）使用键盘中的“”键和“”键，将所复制的椭圆向左上角稍微移动一段距离（见图12.3.11），然后在椭圆以外的工作区中单击鼠标，取消复制椭圆的选中状态，如图12.3.12所示。,图12.3.11移动所复制的椭圆图12.3.12取消复制椭圆的选中状态,（11）选中所复制的椭圆，按Delete键将其删除，如图12.3.13所示。（12）选择颜料桶工具，在属性面板中设置填充颜色为“白色至黑色的放射状渐变色”，然后选择“窗口”“混色器”命令，打开混色器面板，如图12.3.14所示。（13）在颜色条上单击鼠标两次，添加两个色标，如图12.3.15所示。,图12.3.13删除复制椭圆图12.3.14混色器面板图12.3.15添加两个色标,（14）分别选中左侧的3个色标，双击鼠标左键，在打开的如图12.3.16所示的颜色列表中选择“黑色”，更改色标的颜色值，如图12.3.17所示。（15）分别选中右侧的两个色标，在混色器面板中设置“Alpha”为“0”，更改其透明度，如图12.3.18所示。,图12.3.16颜色列表图12.3.17更改颜色值图12.3.18更改透明度,（16）选择工具箱中的颜料桶工具，单击椭圆的中心位置进行填充。（17）选择工具箱中的填充变形工具，单击椭圆，则在其周围会显示一些控制手柄，如图12.3.19所示。（18）调整控制手柄，改变颜色的填充方式，如图12.3.20所示。,图12.3.19显示控制手柄图12.3.20调整控制手柄,（19）单击时间轴面板中的“插入图层”按钮，插入“图层2”。（20）选择工具箱中的椭圆工具，在属性面板中设置笔触颜色为“无”，填充颜色为“白色”，按住Shift键，在椭圆的上面绘制一个圆形，如图12.3.21所示。（21）选择颜料桶工具，在属性面板中设置填充颜色为“白色至黑色的放射状渐变色”，混色器面板如图12.3.22所示。（22）在颜色条上单击鼠标，添加一个色标，如图12.3.23所示。,图12.3.21绘制圆形图12.3.22混色器面板图12.3.23添加色标,（23）分别选中右侧的两个色标，双击鼠标左键，在打开的如图12.3.24所示的颜色列表中选择“白色”，更改色标的颜色值，如图12.3.25所示。（24）选中右侧的色标，在混色器面板中设置“Alpha”为“0%”，更改其透明度，如图12.3.26所示。,图12.3.24颜色列表图12.3.25更改颜色值图12.3.26更改透明度,（25）选择工具箱中的颜料桶工具，单击圆形的中心位置进行填充。（26）选择工具箱中的填充变形工具，单击圆形，则在其周围会显示一些控制手柄，如图12.3.27所示。（27）调整控制手柄，改变颜色的填充方式，如图12.3.28所示。（28）按Ctrl+F8键，弹出“创建新元件”对话框，在“名称”文本框中输入“水滴1”，在“类型”选项区中选中“影片剪辑”单选按钮，单击“确定”按钮，进入该元件的编辑窗口。,图12.3.27显示控制手柄图12.3.28调整控制手柄,（29）选择“窗口”“库”命令，打开库面板（见图12.3.29），从中拖动“水滴”元件到工作区的中心位置，如图12.3.30所示。,图12.3.29库面板图12.3.30拖入“水滴”元件,（30）分别选中第30，55，66帧，按F6键插入关键帧，如图12.3.31所示。,图12.3.31插入关键帧,（31）选中第1帧中的“水滴”实例，在变形面板的文本框中输入数值“29.6%”，在文本框中输入数值“26.4%”（见图12.3.32），然后按Enter键应用变形，如图12.3.33所示。（32）使用工具箱中的选择工具，移动“水滴”实例到如图12.3.34所示的位置。,图12.3.32变形面板图12.3.33变形“水滴”实例图12.3.34移动“水滴”实例,（33）同样，移动第66帧中“水滴”实例的位置，如图12.3.35所示。（34）分别选中第1帧和第55帧，单击鼠标右键，在弹出的快捷菜单中选择“创建补间动画”命令，创建一段运动补间动画，如图12.3.36所示。,图12.3.36创建运动补间动画,（35）单击“场景1”图标，返回到主场景。（36）从库面板中拖动“荷花”元件到工作区中，在属性面板中设置“宽”为“500”，“高”为“375”，“X：”为“0”，“Y：”为“-12.5”，按Enter键，更改其大小和位置，如图12.3.37所示。（37）单击时间轴面板中的“插入图层”按钮，插入“图层2”层，然后从库面板中拖动“水滴1”元件到“荷花”实例的左上角，如图12.3.38所示。,图12.3.37拖入并调整“荷花”元件图12.3.38拖入“水滴1”元件,（38）选中“水滴1”实例，在属性面板的“实例名称”文本框中输入字符“bubble”，如图12.3.39所示。,图12.3.39设置实例名称,（39）选中“图层2”，单击时间轴面板中的“插入图层”按钮，插入“图层3”，如图12.3.40所示。,图12.3.40插入图层,（40）选择“窗口”“动作”命令，打开动作面板，如图12.3.41所示。,图12.3.41动作面板,（41）选中“图层3”的第1帧，在动作面板中输入以下代码：bubble_Num=10;_root.bubble.i=1;_root.bubble._visible=0;_root.bubble.onEnterFrame=function()if(this.i=bubble_Num)duplicateMovieClip(_root.bubble,“bubble”+this.i,this.i);_root“bubble”+this.i._x=random(500);_root“bubble”+this.i._y=random(200);_rootbubble+this.i._xscale=random(80)+50;,_root“bubble”+this.i._yscale=_root“bubble”+this.i._xscale;_root“bubble”+this.i.onRollOver=function()this.gotoAndPlay(“bubble_go”);this.i+;（42）按Ctrl+Enter键，测试动画效果，如图12.3.1所示。,本例将制作“烟花绽放”效果，如图12.4.1所示。,实例4烟花绽放,图12.4.1效果图,在制作过程中，将用到属性面板的“补间”下拉列表和“实例名称”文本框等。（1）选择“文件”“新建”命令，创建一个新的动画文件。（2）选择“修改”“文档”命令，弹出“文档属性”对话框，设置“尺寸”为“500px400px”，“背景颜色”为“黑色”，单击“确定”按钮。（3）选择“文件”“导入”“导入到舞台”命令，弹出“导入”对话框，导入一幅图片到工作区中。（4）选中图片，按Ctrl+T键打开变形面板，在文本框中输入数值“48.8%”（见图12.4.2），然后按Enter键将其等比例缩小，如图12.4.3所示。,（5）选择工具箱中的选择工具，移动图片与工作区的底部对齐，如图12.4.4所示。,图12.4.2变形面板图12.4.3等比例缩小图片图12.4.4移动图片,（6）按Ctrl+F8键，弹出“创建新元件”对话框，在“名称”文本框中输入“1”，在“类型”选项区中选中“图形”单选按钮，如图12.4.5所示。（7）单击“确定”按钮，进入该元件的编辑窗口。选择工具箱中的椭圆工具，在属性面板中设置笔触颜色为“无”，填充颜色为“#FF66FF”，按住Shift键，在工作区的中心位置绘制一个圆形，如图12.4.6所示。,图12.4.5“创建新元件”对话框图12.4.6绘制圆形,（8）选择“窗口”“库”命令，打开库面板。选中库面板中的“1”元件，单击鼠标右键，在弹出的快捷菜单中选择“直接复制”命令，弹出“直接复制元件”对话框（见图12.4.7），在“名称”文本框中输入“2”，单击“确定”按钮，进入“2”元件的编辑窗口，更改圆形的颜色为“#FF9900”，如图12.4.8所示。,图12.4.7“直接复制元件”对话框图12.4.8更改圆形的颜色,（9）重复第（8）步的操作，复制“3”元件、“4”元件和“5”元件，并依次更改圆形的颜色为“#66CCFF”、“#FF66CC”和“#99CC00”。（10）按Ctrl+F8键，弹出“创建新元件”对话框，在“名称”文本框中输入“11”，在“类型”选项区中选中“影片剪辑”单选按钮，单击“确定”按钮，进入该元件的编辑窗口。（11）选择“窗口”“库”命令，打开库面板，从中拖动“1”元件到工作区的中心位置，如图12.4.9所示。（12）选中第15帧，按F6键插入关键帧，然后使用工具箱中的选择工具水平移动该帧中的圆形，如图12.4.10所示。,图12.4.9拖入“1”元件图12.4.10水平移动第15帧中的圆形,（13）选中第15帧中的圆形，在属性面板的“颜色”下拉列表中选择“Alpha”选项，在“Alpha数量”文本框中输入“50%”（见图12.4.11），更改它的透明度，如图12.4.12所示。（14）选中第1帧，单击鼠标右键，在弹出的快捷菜单中选择“创建补间动画”命令，创建一段运动补间动画，如图12.4.13所示。（15）单击时间轴面板中的“插入图层”按钮，插入“图层2”。选中该层的第15帧，按F6键插入关键帧。,图12.4.11更改透明度图12.4.12更改后的效果图12.4.13创建运动补间动画,（16）选择“窗口”“动作”命令，打开动作面板，如图12.4.14所示。,图12.4.14动作面板,（17）选中“图层2”的第1帧，在动作面板中输入以下代码：this.removeMovieClip();stop();（18）选中库面板中的“11”元件，单击鼠标右键，在弹出的快捷菜单中选择“直接复制”命令，弹出“直接复制元件”对话框，在“名称”文本框中输入“22”，单击“确定”按钮，进入“22”元件的编辑窗口，如图12.4.15所示。（19）分别选中“图层1”各关键帧中的对象，单击属性面板中的“交换”按钮，在弹出的“交换元件”对话框中选择“2”元件（见图12.4.16），单击“确定”按钮进行替换。,图12.4.15“22”元件的编辑窗口图12.4.16“交换元件”对话框,（20）重复第（18）步和第（19）步的操作，创建“33”、“44”和“55”元件，并将“33”中的对象替换为“3”元件，将“44”中的对象替换为“4”元件，将“55”中的对象替换为“5”元件。（21）按Ctrl+F8键，弹出“创建新元件”对话框，在“名称”文本框中输入“111”，在“类型”选项区中选中“影片剪辑”单选按钮，单击“确定”按钮，进入该元件的编辑窗口。（22）从库面板中拖动“1”元件到工作区的中心位置，如图12.4.17所示。（23）选中第14帧，按F6键插入关键帧。选中第1帧中的“1”实例，使用工具箱中的选择工具将其竖直向下移动，如图12.4.18所示。,图12.4.17拖入“1”元件图12.4.18竖直向下移动第1帧中的“1”实例,（24）选中第1帧，在属性面板的“补间”下拉列表中选择“动画”选项，在“缓动”文本框中输入“20”（见图12.4.19），创建一段运动补间动画，如图12.4.20所示。,图12.4.19设置动画属性,图12.4.20创建运动补间动画,（25）单击时间轴面板中的“插入图层”按钮，插入“图层2”。选中该层的第15帧，按F6键插入关键帧。（26）选中第15帧，从库面板中拖动“11”元件到工作区的中心位置。（27）选中“11”实例，在属性面板的“实例名称”文本框中输入字符“circle”，如图12.4.21所示。,图12.4.21设置实例名称,（28）选中“图层2”的第35帧，按F6键插入关键帧。（29）选中“图层2”，单击时间轴面板中的“插入图层”按钮，插入“图层3”。选中该层的第15帧，按F6键插入关键帧，如图12.4.22所示。,图12.4.22插入图层及关键帧,（30）选中“图层3”的第15帧，在动作面板中输入以下代码：num=15;_root.fire1.circle.i=0;_root.fire1.circle._visible=0;_root.fire1.circle.onEnterFrame=function()if(this.inum)for(j=0;jnum;j+)this.duplicateMovieClip(“circle”+this.i,this.i);_root.fire1circle+this.i._rotation=360/num*this.i;,this.i+;（31）选中库面板中的“111”元件，单击鼠标右键，在弹出的快捷菜单中选择“直接复制”命令，弹出“直接复制元件”对话框，在“名称”文本框中输入“222”，单击“确定”按钮，进入“222”元件的编辑窗口，如图12.4.23所示。,图12.4.23“222”元件的编辑窗口,（32）分别选中“图层1”和“图层2”各关键帧中的对象，单击属性面板中的“交换”按钮，在弹出的“交换元件”对话框中选择“22”元件，单击“确定”按钮进行替换。（33）重复第（31）步和第（32）步的操作，创建“333”、“444”和“555”元件，并将“333”中的对象替换为“33”元件，将“444”中的对象替换为“44”元件，将“555”中的对象替换为“55”元件。（34）选中库面板中的“222”元件，双击鼠标左键，进入其编辑窗口。选中“图层3”的第15帧，将动作面板中的代码更改如下：,num=12;_root.fire2.circle.i=0;_root.fire2.circle._visible=0_root.fire2.circle.onEnterFrame=function()if(this.inum)for(j=0;jnum;j+)this.duplicateMovieClip(“circle”+this.i,this.i);_root.fire2circle+this.i._rotation=360/num*this.i;this.i+;,（35）重复第（34）步的操作，将“333”元件中的代码更改如下：num=10_root.fire3.circle.i=0;_root.fire3.circle._visible=0_root.fire3.circle.onEnterFrame=function()if(this.inum)for(j=0;jnum;j+)this.duplicateMovieClip(circle+this.i,this.i);_root.fire3circle+this.i._rotation=360/num*this.i;,this.i+;（36）重复第（34）步的操作，将“444”元件中的代码更改如下：num=15_root.fire4.circle.i=0;_root.fire4.circle._visible=0_root.fire4.circle.onEnterFrame=function()if(this.inum)for(j=0;jnum;j+),this.duplicateMovieClip(“circle”+this.i,this.i);_root.fire4“circle”+this.i._rotation=360/num*this.i;this.i+;,（37）重复第（34）步的操作，将“555”元件中的代码更改如下：num=20_root.fire5.circle.i=0;_root.fire5.circle._visible=0_root.fire5.circle.onEnterFrame=function()if(this.inum)for(j=0;j120)stop();（23）选中“图层2”的第2帧，按F6键插入帧，然后在动作面板中输入以下代码：newnode=“inode”;this.attachMovie(“node”,newnode,1);thisnewnode._rotation=137.5;thisnewnode._x=0;thisnewnode._y=50;,thisnewnode._xscale=102;thisnewnode._yscale=102;thisnewnode.depth=this.depth+1;stop();（24）单击“场景1”图标，返回到主场景。（25）选中“图层1”的第1帧，在动作面板中输入以下代码：newnode=“mothernode”;this.attachMovie(“node”,newnode,1);varcx=200;varcy=150;thisnewnode._x=cx;,thisnewnode._y=cy;thisnewnode._xscale=5;thisnewnode._yscale=5;thisnewnode.depth=1;stop();（26）按Ctrl+Enter键，测试动画效果，如图12.5.1所示。,本例将制作“海浪”效果，如图12.6.1所示。,实例6海浪,图12.6.1效果图,在制作过程中，将用到选择工具、铅笔工具和“添加运动引导层”按钮等。（1）选择“文件”“新建”命令，创建一个新的动画文件。（2）选择“修改”“文档”命令，弹出“文档属性”对话框，设置“尺寸”为“550px400px”，“背景颜色”为“白色”，单击“确定”按钮。（3）按Ctrl+F8键，弹出“创建新元件”对话框，在“名称”文本框中输入“水”，在“类型”选项区中选中“图形”单选按钮，如图12.6.2所示。,图12.6.2“创建新元件”对话框,（4）单击“确定”按钮，进入该元件的编辑窗口。选择工具箱中的矩形工具，在属性面板中设置笔触颜色为“无”，填充颜色为“白色至黑色的线性渐变色”，在工作区的中心位置绘制一个矩形，如图12.6.3所示。（5）选择工具箱中的填充变形工具，单击矩形，则在其周围会出现一些控制手柄，如图12.6.4所示。（6）调整控制手柄，改变颜色的填充方式，如图12.6.5所示。,图12.6.3绘制矩形图12.6.4显示控制手柄图12.6.5调整填充方式,（7）选择“窗口”“混色器”命令，打开混色器面板，如图12.6.6所示。（8）选中左侧的色标，双击鼠标左键，在打开的颜色列表中更改它的颜色值为“#0066FF”（见图12.6.7），同样更改右侧色标的颜色值为“#FFFFFF”，更改矩形的填充颜色，如图12.6.8所示。,图12.6.6混色器面板图12.6.7颜色列表图12.6.8更改矩形的填充颜色,（9）选中第22帧，按F5键插入帧。（10）单击时间轴面板中的“插入图层”按钮，插入“图层2”。（11）选择工具箱中的矩形工具，在属性面板中设置笔触颜色为“无”，填充颜色为“#003300”，在工作区的中心位置绘制一个矩形，如图12.6.9所示。（12）选择工具箱中的选择工具，将鼠标指针置于矩形的一角，当其呈现形状时，按住鼠标左键拖动，调整矩形的形状，如图12.6.10所示。（13）分别选中“图层2”的第3，5，7，9，11，13，15，17和19帧，按F6键插入关键帧，如图12.6.11所示。,图12.6.9绘制矩形图12.6.10调整矩形的形状图12.6.11插入关键帧,（14）重复第（12）步的操作，调整第3，5，7，9，11，13，15，17和19帧中矩形的形状，形成流动的海水效果，如图12.6.12所示。,（15）选中“图层2”，单击时间轴面板中的“插入图层”按钮，插入“图层3”。（16）分别选中“图层3”的第3，5，7，9，11，13，15，17和19帧，按F6键插入关键帧，如图12.6.13所示。（17）选中“图层3”的第1帧，选择工具箱中的铅笔工具，在属性面板中设置笔触颜色为“#40628A”，Alpha为“67%”，笔触高度为“0.25”，在海水的上面绘制多个线条，如图12.6.14所示。,图12.6.13插入关键帧,图12.6.14绘制线条,提示：单击属性面板中的“笔触颜色”按钮，弹出如图12.6.15所示的颜色列表，用户可以在其中设置颜色的Alpha值。（18）重复第（17）步的操作，在“图层3”的第3，5，7，9，11，13，15，17和19帧中绘制不同的多个线条，形成海水的波纹效果。（19）选中“图层3”，单击时间轴面板中的“插入图层”按钮，插入“图层4”。（20）分别选中“图层4”的第3，5，7，9，11，13，15，17和19帧，按F6键插入关键帧。（21）选中“图层4”的第1帧，选择工具箱中的刷子工具，在属性面板中设置笔触颜色为“#90A5CE”，在海水的上面绘制如图12.6.16所示的效果。,（22）分别在“图层4”的第3，5，7，9，11，13，15，17和19帧中绘制如图12.6.17所示的图形，形成海浪效果。,图12.6.15颜色列表图12.6.16绘制图形,（23）按Ctrl+F8键，弹出“创建新元件”对话框，在“名称”文本框中输入“船”，在“类型”选项区中选中“图形”单选按钮，单击“确定”按钮，进入该元件的编辑窗口。（24）选择“文件”“导入”“导入到舞台”命令，弹出“导入”对话框，导入一幅矢量图到工作区中，如图12.6.18所示。（25）删除帆船以外的部分，如图12.6.19所示。,图12.6.18导入一幅矢量图图12.6.19删除后的剩余部分,（26）单击“场景1”图标，返回到主场景。（27）选择“窗口”“库”命令，打开库面板，从中拖动“水”元件到工作区的中心位置，如图12.6.20所示。（28）选中第133帧，按F5键插入帧，然后单击时间轴面板中的“插入图层”按钮，插入“图层2”。选择工具箱中的矩形工具，在属性面板中设置笔触颜色为“无”，填充颜色为“白色”，在工作区中绘制一个矩形，如图12.6.21所示。,图12.6.20拖入“水”元件图12.6.21绘制白色矩形,（29）在属性面板中设置笔触颜色为“无”，填充颜色为“黑色”，在工作区中绘制另一个矩形，如图12.6.22所示。（30）在矩形外单击鼠标，取消矩形的选中状态，然后选中黑色矩形，按Delete键将其删除，如图12.6.23所示。,图12.6.22绘制黑色矩形图12.6.23删除黑色矩形,（31）选择工具箱中的颜料桶工具，在属性面板中设置填充颜色为“黑色”，填充剩余图形，如图12.6.24所示。（32）选中“图层2”，单击时间轴面板中的“插入图层”按钮，插入“图层3”，然后从库面板中拖动“船”元件到工作区中，如图12.6.25所示。,图12.6.24填充剩余图形图12.6.25拖入“船”元件,（33）选中“船”实例，按Ctrl+T键打开变形面板，在。文本框中输入数值“30%”（见图12.6.26），然后按Enter键将其等比例缩小，如图12.6.27所示。,图12.6.26变形面板图12.6.27等比例缩小“船”实例,（34）选中“图层3”，单击时间轴面板中的“添加运动引导层”按钮，为其添加一个运动引导层。（35）选择工具箱中的铅笔工具，在属性面板中设置笔触颜色为“白色”，在海水的上面绘制一条曲线，作为船的航线，如图12.6.28所示。,图12.6.28绘制曲线,（36）选择工具箱中的选择工具，拖动“船”实例的位置，使其中心点与引导线的起点对齐，如图12.6.29所示。（37）选中“图层3”的第133帧，按F6键插入关键帧，然后拖动该帧中“船”实例的位置，使其中心点与引导线的终点对齐，如图12.6.30所示。,（38）选中“图层