flash CS3动画制作综合实例

《flash CS3动画制作综合实例》由会员分享，可在线阅读，更多相关《flash CS3动画制作综合实例（113页珍藏版）》请在金锄头文库上搜索。

1、第第10章章 Flash CS3flash_CS3动画制作综合实例n教学目标：教学目标： 本本章章所所讲讲解解的的3个个实实例例具具有有易易学学的的特特点点，每每个个实实例例不不仅仅侧侧重重于于Adobe Flash CS3基基础础知知识识的的总总结结，而而且且能能够够很很好好地地挖挖掘掘Adobe Flash CS3的的优优点点，使使其其在在每每一一个个实实例例的的制作中都能够发挥得淋漓尽致。制作中都能够发挥得淋漓尽致。n本章要点：本章要点：制作网页广告制作网页广告制作动态漫画制作动态漫画制作公益广告制作公益广告 第10章 Flash CS3动画制作综合实例n10.1 10.1 网页广告制作

2、网页广告制作n10.2 10.2 动态漫画动态漫画n10.3 10.3 公益广告公益广告第10章 Flash CS3动画制作综合实例10.1 网页广告制作n1. 1. 实训目的实训目的现如今网络已成为人们生活中的一部分，Adobe Flash CS3在网络中的应用是非常广阔的。通过本实例的制作，让读者了解Adobe Flash CS3在网页中的一般应用网页广告的制作，如图10-1所示。最终效果文件及所用素材见“实例”(Democh10网页广告制作)。图0-1 动画效果10.1 网页广告制作n2 2. . 实训实训步骤步骤(1)新建一个尺寸为“500*100”、背景颜色为“黑色”的Flash文档

3、。将其命名为“网页广告”，然后保存。(2)在菜单栏中选择【文件】【导入】【导入到库】命令，导入素材图像“莲1”。(3) 打开【库】面板，单击【选择工具】按钮 将素材图片拖拽到舞台中并调整其位置，如图10-2所示。图10-2 导入素材图片10.1 网页广告制作(4) 在“图层1”的第7、40帧按键，插入关键帧。(5) 选择第7帧，在菜单栏中选择【窗口】【变形】命令，在【变形】面板中勾选【约束】复选框，这样能够等比例放大，输入数值如图10-3所示。在键盘上按键确定。图10-3 【变形】面板10.1 网页广告制作(6) 在第7帧至第40帧之间任意处右击，在弹出的快捷菜单中选择【创建补间动画】命令，制

4、作好图片的由大至小的缩放动画效果。(7) 在第45、80帧按键，插入关键帧。然后在第80帧将图片平移到舞台的左侧，在第45帧至第80帧之间任意处右击，在弹出的快捷菜单中选择【创建补间动画】命令，制作好图片的由右至左的移动效果。(8) 在第85帧按键，插入关键帧，选中图片并在【属性】面板的【颜色】下拉列表框中选择【Alpha】选项，【Alpha数量】设为“15%”。10.1 网页广告制作(9) 创建第80帧至第85帧的动画，【时间轴】面板如图10-4所示。图10-4 【时间轴】面板10.1 网页广告制作(10) 在“图层1”上方插入“图层2”，单击【矩形工具】按钮 在舞台中拖拽出一个与画布大小基

5、本相等的矩形，然后在“图层2”上右击，在弹出的快捷菜单中选择【遮罩层】命令，如图10-5所示。图10-5 创建遮罩层10.1 网页广告制作(1) 在菜单栏中选择【插入】【新建元件】命令，在弹出的【创建新元件】对话框中点选【图形】单选钮，单击【确定】按钮。(2) 在工具箱中单击【文本工具】按钮 ，在其【属性】面板中，根据需要对文字的字体、字号、文本填充颜色进行修改，如图10-6所示。图10-6 设置【文本】工具的【属性】10.1 网页广告制作(3) 在舞台中单击，然后输入文字“莲出淤泥而不染”，如图10-7所示。图10-7 输入文字10.1 网页广告制作(4) 回到场景1，按+键创建新元件，在弹

6、出的【创建新元件】对话框中点选【影片剪辑】单选钮，单击【确定】按钮。(5) 将新创建的文字图形元件拖拽到“影片剪辑”舞台中，并将每一个文字单独放置于一个图层，【时间轴】面板如图10-8所示。(6) 在各个图层的第60帧按键插入帧。选择“图层1”的第10帧，按键插入关键帧。(7) 选择“图层1”的第1帧，回到舞台编辑对象“莲”。在工具箱中单击【任意变形工具】按钮 ，然后打开【变形】面板，在【宽度】和【高度】文本框中均输入数值“150”，如图10-9所示，按键确定。10.1 网页广告制作(8) 在【属性】面板的【颜色】下拉列表框中选择【Alpha】选项，【Alpha数量】设为“15%”。(9) 选

7、择“图层1”的第1帧，在【属性】面板的【补间】下拉列表框中选择【动画】选项。这样“莲”字的动画效果设置完成。(10) 参照步骤(17)(19)，分别设置“图层2”“图层9”上的文字效果。【时间轴】面板如图10-10所示。图10-8 【时间轴】面板 图10-9 【变形】面板10.1 网页广告制作(11) 在“图层9”上方插入“图层10”，并在其第60帧插入关键帧，然后在【动作-帧】面板中输入脚本语言“stop();”。(12) “影片剪辑”的动画效果如图10-11所示。图10-11 文字的动画效果10.1 网页广告制作(13) 回到场景1，插入“图层3”，在第85帧插入关键帧。打开【库】面板，将

8、刚刚制作好的“影片剪辑”拖拽至舞台放在合适位置，如图10-12所示。图10-12 文字在舞台中的摆放位置10.1 网页广告制作(14) 分别将“图层1”、“图层2”、“图层3”的帧数延长至240帧。(1) 插入影片剪辑2，导入几幅图片用于制作动画，所用素材见“站点实例”(FlashDemoch10网页广告制作png)。选择“图层1”的第1帧，将名为“背景”的图片拖拽至舞台，如图10-13所示。(2) 在“图层1”的第70帧插入关键帧，回到第1帧，单击【任意变形工具】按钮 ，将其放大至270%，然后创建补间形状动画。(3) 插入“图层2”，将名为“02-3左”的图片拖拽至舞台，如图10-14所示

9、。参照步骤(2)创建动画效果。10.1 网页广告制作(4) 插入“图层3”，将名为“02-3右”的图片拖拽至舞台，如图10-15所示。参照步骤(2)创建动画效果。(5) 插入“图层4”，在第15帧插入关键帧，将名为“02-2左”的图片拖拽至舞台，如图10-16所示。参照步骤(2)创建动画效果。图10-15 创建“02-3右”移动效果 图10-16 创建“02-2左”移动效果10.1 网页广告制作(6) 参照步骤(1)(5)，依次对图片“02-2右”、“02-1左”、“02-1右”进行动画设置。【时间轴】面板如图10-17所示。图10-17 【时间轴】面板10.1 网页广告制作(7) 在“图层7

10、”上方插入“图层8”，并在其第70帧插入关键帧，然后打开【动作】面板，在【动作-帧】面板中输入脚本语言“stop();”。(8) 回到场景1，在【时间轴】面板上插入“图层4”，并在其第155帧插入关键帧。然后将刚刚创建的“影片剪辑2”拖拽至舞台，放在左边。10.1 网页广告制作(9) 插入“图层5”，单击【矩形工具】按钮 在舞台的左侧创建一个矩形，如图10-18所示。图10-18 创建矩形图形10.1 网页广告制作(10) 选中“图层5”，右击并在弹出的快捷菜单中选择【遮罩层】命令，效果如图10-19所示。图10-19 运用遮罩层的效果10.1 网页广告制作(1) 创建图形元件并输入文字“逸云

11、莲池花圃”，然后在场景1中插入“图层6”，在第160帧将其拖拽至舞台，如图10-20所示。图10-20 拖拽文字元件至舞台 10.1 网页广告制作(2) 插入“图层7”，在第160帧插入关键帧。单击【矩形工具】按钮 创建一个矩形，并将其转换为元件。(3) 在“图层7”的第203帧插入关键帧，并单击【任意变形工具】按钮 使矩形覆盖整个文字。在第160帧至第203帧之间右击，在弹出的快捷菜单中选择【创建形状补间动画】命令并将“图层7”设为遮罩层。(4) 插入图形元件，单击【线条工具】按钮 在舞台中创建一条直线，然后在第2帧插入空白关键帧。(5) 回到场景1，插入“图层8”，在第155帧插入关键帧，

12、将直线元件拖拽至舞台中。10.1 网页广告制作(6) 在“图层8”的第160帧和第205帧分别插入关键帧。选择第205帧，将直线平移至舞台右边，创建补间动画，如图10-23所示。图10-23 制作移动动画10.2 动态漫画n1. 1. 实训目的实训目的 网上流行很多用Flash制作的笑话，其形式简单、活泼。这无疑给笑话的表现形式增添了新的色彩。 动态漫画就是以平时创作的漫画为基础，借助Flash软件实现声像并茂的效果。这样就大大增加了漫画的喜剧效果。10.1 网页广告制作n2 2. . 实训实训步骤步骤(1)新建一个尺寸为“1000*646”、背景颜色为“白色”的Flash文档。(2)在菜单栏

13、中选择【文件】【导入】【导入到库】命令，导入素 材 图 像 “场 景 1-1”， 所 用 素 材 见 “站 点 实 例”(FlashDemoch10动态漫画)。将其从【库】面板中拖拽至舞台，使其与舞台中央对齐。10.1 网页广告制作(3) 按+键创建新元件，在弹出的【创建新元件】对话框中点选【图形】单选钮，然后单击【确定】按钮。(4) 在工具箱中单击【文本工具】按钮 ，然后在舞台中单击，在【属性】面板中将颜色设为“#000000”，输入文字“PLAY”。(5) 选中“L”，将其颜色修改为“#990000”。10.1 网页广告制作(6) 按+键创建新元件，在弹出的【创建新元件】对话框中点选【按钮

14、】单选钮，然后单击【确定】按钮。将刚刚创建的文字元件拖拽至舞台，如图10-26所示。(7) 在【按钮】元件的【时间轴】面板中选择【指针经过】，按键插入关键帧，单击在【时间轴】面板中的【任意变形工具】按钮 ，然后在【变形】面板中输入数值，如图10-27所示。按键确定。图10-26 创建的文字元件 图10-27 【变形】面板10.1 网页广告制作(8) 在【时间轴】面板中选择【按下】，按键插入关键帧，选择【弹起】右击并在弹出的快捷菜单中选择【复制帧】命令，然后选择【按下】右击并在弹出的快捷菜单中选择【粘贴帧】命令。(9) 在【属性】面板的【颜色】下拉列表框中选择【Alpha】选项，【Alpha数量

15、】设为“70%”。(10) 在【时间轴】面板中选择【点击】，按键插入关键帧，然后右击，在弹出的快捷菜单中选择【粘贴帧】命令。10.1 网页广告制作(11) 按钮元件每一个关键帧处的图像如图10-29所示。图10-29 按钮元件每一个关键帧处的图像10.1 网页广告制作(12) 回到场景1，在“图层1”的上方插入“图层2”，然后将按钮元件拖拽至舞台，放在右下方，如图10-30所示。10-30 放置按钮的位置10.1 网页广告制作(1) 在菜单栏中选择【插入】【场景】命令，新建一个场景。(2) 在菜单栏中选择【文件】【导入】【导入到库】命令，导入素材图像“背景纸”和“画框”， 所用素材见“站点实例

16、”(FlashDemoch10动态漫画)。(3) 创建一个名为“片头”的影片剪辑。打开【库】面板，将“背景纸”拖拽至舞台，插入“图层2”，将“画框”拖拽至舞台并放置于合适位置，如图10-31所示。10.1 网页广告制作(4) 创建一个图形元件，单击【刷子工具】按钮 绘制一个如图10-32所示的文字图形。此图形作为“动态漫画”的标题。图10-31 拖拽图像至舞台 图10-32 绘制的文字图形10.1 网页广告制作(5) 回到影片剪辑“片头”，在“图层1”上方新建一个“图层3”，并将刚绘制好的图形拖拽至舞台中央。(6) 分别将图层1、2、3的帧数延长至第60帧。选中“图层2”分别在第13、15帧处

17、插入关键帧，选择第1帧，在【属性】面板的【颜色】下拉列表框中选择【Alpha】选项，【Alpha数量】设为“20%”。10.1 网页广告制作(7) 选择第13帧，插入关键帧，单击【任意变形工具】按钮 将其放大一些。在【时间轴】面板中选择第1帧右击，在弹出的菜单中选择【创建补间动画】命令。选择第13帧右击，在弹出的快捷菜单中选择【创建补间动画】命令。【时间轴】面板如图10-33所示。图10-33 【时间轴】面板 图10-34 缩小图形10.1 网页广告制作(8) 选择“图层3”的第1帧将其拖拽至第15帧。(9) 插入“图层4”，在第15帧插入关键帧，然后导入声音文件“声音1”。(10) 在“图层

18、3”的第17、34、39帧各插入关键帧。选择第15帧，单击【任意变形工具】按钮 将其横向缩小，如图10-34所示。(11) 选择第34帧，使用【任意变形工具】按钮 将其放大，并在【属性】面板的【颜色】下拉列表框中选择【Alpha】选项，【Alpha数量】设为“0%”，如图10-35所示。10.1 网页广告制作(12) 选择第1517帧和第3439帧分别创建补间动画，【时间轴】面板如图10-36所示。图10-35 放大图形并修改图形的属性 图10-36 “片头”影片剪辑的【时间轴】面板10.1 网页广告制作(12) 选择第1517帧和第3439帧分别创建补间动画，【时间轴】面板如图10-36所示

19、。(13) 插入“图层5”，在第42帧插入关键帧。在菜单栏中选择【文件】【导入】【导入到库】命令，导入素材图像“印章”，所用素材见“站点实例”(FlashDemoch10动态漫画)。将其放置在舞台的右侧，如图10-37所示。图10-37 拖拽“印章”图形至舞台10.1 网页广告制作(14) 选择“图层5”的第47帧，插入关键帧。回到第45帧，单击【任意变形工具】按钮 将其放大至超出舞台的大小。并在【属性】面板中将【Alpha数量】设为“0%”。在第42帧至第47帧之间右击，在弹出的快捷菜单中选择【创建补间动画】命令。(1) 创建名为“画面1”影片剪辑，导入“画纸”图片并将其拖拽至舞台，插入“图

20、层2”，导入“框1”图片并拖拽至舞台，如图10-38所示。图10-38 拖拽图形至舞台10.1 网页广告制作(2) 创建名为“门”的图形元件，导入图像“1-1”、“1-2”，将“1-1”拖拽至舞台并与其中央对齐。在“图层1”的第3帧插入关键帧，然后将“1-2”拖拽至舞台并与舞台中央对齐，在第7帧插入帧。(3) 参照步骤(2)，分别创建“谈话”、“端茶”、“狗”、“挑衅”、“回答”、“怒”、“大笑”、“流汗”图形元件。所用素材见“站点实例”(FlashDemoch10动态漫画)。(4) 回到影片剪辑“画面1”，将所有的帧延长至第400帧。在“图层1”的上方插入“图层3”，然后将图形元件“门”拖拽

21、至舞台。10.1 网页广告制作(5) 在“图层3”的第10帧和第15帧插入关键帧，选择第1帧，单击【任意变形工具】按钮 ，对其变形并平移至舞台外的左侧，如图10-49所示。(6) 选择第10帧，在对其进行变形，如图10-50所示。单击第1、10帧，分别创建补间动画。图10-49 第1帧处的图形 图10-50 第10帧处的图形10.1 网页广告制作(7) 插入“图层4”，然后导入声音元件“L”。(8) 在“图层1”的上方插入“图层5”，单击【矩形工具】按钮 ，绘制一个没有边框、填充色为“#808080”的矩形并将其转换为图形元件，如图10-51所示。图10-51 绘制矩形10.1 网页广告制作(

22、9) 在第5帧插入关键帧，选择第1帧，在【属性】面板中将【Alpha数量】设为“0%”，创建补间动画。【时间轴】面板如图10-52所示。图10-52 【时间轴】面板10.1 网页广告制作(10) 在“图层3”的上方插入“图层6”。选择“图层5”的第5帧右击，在弹出的快捷菜单中选择【复制帧】命令，然后选择“图层6”的第1帧右击，在弹出的快捷菜单中选择【粘贴帧】命令。选中“图层6”右击，在弹出的快捷菜单中选择【遮罩层】命令。(11) 在“图层4”的上方插入“图层7”，在第47帧插入关键帧，然后将图形元件“喝茶”拖拽至舞台，如图10-53所示。在第50帧插入关键帧，选择第47帧，在【属性】面板中将【

23、Alpha数量】设为“0%”并创建补间动画。10.1 网页广告制作(12) 插入“图层8”，在第45帧插入关键帧，导入声音元件“Y”。(13) 在“图层4”的上方插入“图层9”，单击【矩形工具】按钮 绘制如图10-54所示的矩形并将其转换为名为“灰色”的图形元件。图10-54 创建矩形 10.1 网页广告制作(14) 在第47帧插入关键帧，然后选择第45帧，在【属性】面板中将【Alpha数量】设为“0%”并创建补间动画。【时间轴】面板如图10-55所示。图10-55 【时间轴】面板10.1 网页广告制作(15) 在“图层7”的上方插入“图层10”，在第60帧创建关键帧。然后将“灰色”图形元件拖

24、拽至舞台放在左侧，如图10-56所示。(16) 单击第64帧创建关键帧，选择第60帧，在【属性】面板中将【Alpha数量】设为“0%”并创建补间动画。(17) 插入“图层10”，在第63帧创建关键帧，然后将“端茶”图形元件拖拽至舞台，如图10-57所示。在第65帧插入关键帧。图10-56 摆放“灰色”图形元件的位置 图10-57 拖拽“端茶”元件至舞台10.1 网页广告制作(18) 选择第63帧，在【属性】面板中将【Alpha数量】设为“0%”并创建补间动画。(19) 参照步骤(41)(44)，分别创建右侧两个板块的动画，舞台图像如图10-58所示，中间图像对应的图层是“图层12”和“图层13

25、”，右侧图像对应的图层是“图层14”和“图层15”。图10-58 【时间轴】面板10.1 网页广告制作(20) 导入声音素材“dog”，然后在“图层13”的上方插入“图层16”，在第88帧插入关键帧，将声音素材从【库】面板中拖拽至舞台。【时间轴】面板如图10-60所示。图10-60 导入声音“dog”10.1 网页广告制作(21) 选择“图层8”，在【属性】面板中单击【编辑】按钮，弹出【编辑封套】对话框，如图10-61所示。图10-61 【编辑封套】对话10.1 网页广告制作(22) 在该对话框中，选择第89帧和第91帧，分别插入一个滑块，然后将第91帧的滑块拖至中间位置，如图10-62所示。

26、这样此处的声音就会降低音量。图10-62 编辑声音10.1 网页广告制作(23) 在第101帧和第105帧插入一个滑块，将第101帧的滑块拖拽至中间部位，然后单击【确定】按钮。这样在播放声音文件“dog”时，这个声音只作为陪衬。(24) 在“图层15”的上方插入“图层17”，在第127帧插入关键帧。然后绘制一个如图10-63所示的矩形，使其和“画面1”最下方的横格大小相等，并转换为图形元件。图10-63 绘制矩形图形10.1 网页广告制作(25) 选择第130帧，插入关键帧。单击第127帧，在【属性】面板中将【Alpha数量】设为“0%”并创建补间动画。(26) 插入图形元件“线”，然后单击【

27、线条工具】按钮 绘制如图10-64所示的直线。图10-64 绘制直线10.1 网页广告制作(27) 回到“画面1”影片剪辑元件中，插入“图层18”，在第127帧插入关键帧，将绘制的图形元件“线”拖拽至舞台中，如图10-65所示。创建一个线条由右至左的移动过程。图10-65 创建线的移动动画10.1 网页广告制作(28) 创建一个图形元件“文字”，单击【文本工具】按钮 ，在【属性】面板中将【文本颜色】设为“#660000”，输入文字“是狼(侍郎)？是狗？”，插入“图层2”，把“图层1”的第1帧复制到“图层2”的第1帧上，如图10-66所示。图10-66 输入文字10.1 网页广告制作(29) 选

28、择“图层1”的第1帧，并在【属性】面板中将【文本颜色】改为“白色”，使用键盘上的方向键向下、向右各移动3像素，如图10-67所示。图10-67 修饰文字10.1 网页广告制作(30) 回到影片剪辑“画面1”，插入“图层20”，在第130帧插入关键帧，然后将“文字”元件拖拽至舞台，放在“线”的上方，如图10-68所示。图10-68 拖拽“文字”元件至舞台10.1 网页广告制作(31) 在第140、145帧插入关键帧，选择第140帧，单击【任意变形工具】按钮 放大元件，在【属性】面板中将【Alpha数量】设为“25%”。选择第130帧和第140帧各创建补间动画。(32) 在“图层20”的第154、

29、156、157、161、164、166、168帧创建关键帧。选择第156帧，在【属性】面板的【颜色】下拉列表框中选择【亮度】选项，【亮度数量】设为“100”。(33) 选择第157帧，在【属性】面板的【颜色】下拉列表框中选择【亮度】选项，【亮度数量】设为“-100”。10.1 网页广告制作(34) 选择第161帧，在【属性】面板的【颜色】中选择【色调】选项，将后边的颜色设为“#FF9999” 。(35) 选择第166帧，在【属性】面板中将【Alpha数量】设为“0%”。(36) 插入“图层21”，在第130帧插入关键帧，然后导入声音“tiaoxin”。打开【编辑套索】对话框，对声音进行调试。(

30、37) 回到场景2，插入“图层2”，在第70帧插入关键帧，然后将影片剪辑“画面1”拖拽至舞台。10.1 网页广告制作(1) 创建影片剪辑“画面2”，从【库】中将“画纸”拖拽至舞台。插入“图层2”，单击【矩形工具】按钮 绘制如图10-75所示的矩形框。图10-75 绘制矩形框10.1 网页广告制作(2) 在“图层1”上方插入“图层3”，将图形元件“灰色”拖拽至舞台，放在上方的第一个框中，选择第7帧插入关键帧。选择第1帧，在【属性】面板中将【Alpha数量】设为“0%”，创建补间动画。(3) 插入“图层4”，在第5帧插入关键帧。从【库】中将“回答”图形元件拖拽至舞台，如图10-76所示。图10-7

31、6 图形元件“回答”的位置10.1 网页广告制作(4) 在第9帧插入关键帧。选择第5帧，在【属性】面板中将【Alpha数量】设为“0%”，创建补间动画。【时间轴】面板如图10-77所示。图10-77 【时间轴】面板 10.1 网页广告制作(5) 插入“图层5”，然后插入一个名为“圆”的图形元件，在第1帧单击【椭圆工具】按钮 绘制一个没有填充色的正圆图形。(6) 在【时间轴】面板中单击【绘制纸外观】按钮 ，调整各帧上的图像居中对齐，并创建补间动画。(7) 回到影片剪辑元件“画面2”，在“图层4”的上方插入“图层5”，在第23帧插入关键帧。然后将“灰色”图形元件拖拽至舞台，并单击【任意变形工具】按

32、钮 进行缩放。(8) 在第26帧插入关键帧，选择第23帧创建补间动画，在【属性】面板中将【Alpha数量】设为“0%”，在“图层5”的上方插入“图层6”。10.1 网页广告制作(9) 选择第26帧，然后将图形元件“圆”拖拽至舞台，放在“灰色”条的左侧。在第34、43、53帧插入关键帧。选择第26帧，然后单击【任意变形工具】按钮 将其缩小，如图10-84所示。选择第34帧，在【属性】面板中将【Alpha数量】设为“22%”。选择第26帧右击，在弹出的快捷菜单中选择【复制帧】命令，然后选择第43帧右击，在弹出的快捷菜单中选择【粘贴帧】命令。图10-84 缩小元件“圆”10.1 网页广告制作(10)

33、 插入图形元件，单击【文本工具】按钮 输入文字，如图10-85所示。图10-85 创建图形元件文字10.1 网页广告制作(15) 重复步骤(13)(14)，分别创建图形元件“大笑”和“流汗”在最后两个方框中的动画。(16) 将“画面2”中的各个图层的帧数都延长至第180帧。然后回到场景2，插入图层，在第286帧插入关键帧，然后将“画面2”拖拽至舞台，在第466帧插入帧。(17) 插入图层，在第85帧和第99帧插入一个空白关键帧，然后将声音“F”和“xiao”分别放在第85帧和第99帧处。10.1 网页广告制作(1) 插入影片剪辑“符号1”，单击【文本工具】按钮 输入如图10-91所示的文字。选

34、择第4、7、10、14帧插入关键帧，单击【任意变形工具】按钮 对其各帧处的文字大小进行调整，并创建补间动画。(2) 插入图层2，在第14帧插入关键帧，然后右击并在弹出的快捷菜单中选择【动作】命令，在弹出的【动作-帧】面板中双击【stop】，为帧添加动作，如图10-92所示。(3) 重复步骤(82)，在以上所做的每一个影片剪辑的最后一帧都添加一个【stop】命令。(4) 回到场景2，插入新图层，在第120帧插入关键帧，然后将“符号1”影片剪辑拖拽至舞台，如图10-93所示。10.1 网页广告制作(5) 重复步骤(1)，分别创建“符号2”、“符号3”影片剪辑，并将其都拖拽至舞台。(6) 同时，也为

35、“画面2”添加幽默符号。(1) 回到场景1，选择“PLAY”按钮右击，在弹出的快捷菜单中选择【动作】命令，在弹出的【动作-按钮】对话框中输入下列语句。“on (release) gotoAndPlay(场景 2, 1);”10.1 网页广告制作(2) 插入“图层2”，在第1帧右击，在弹出的快捷菜单中选择【动作】命令，然后在【动作-帧】面板中双击【stop】。(3) 在菜单栏中选择【文件】【导出】【导出影片】命令，将影片进行存储。10.3 公益广告n1. 1. 实训目的实训目的 使用Flash制作公益广告已成为网络、电视中不可缺少的一种表现形式。通过本实例的学习，一方面应该掌握Flash的综合使

36、用方法，另一方面应该掌握在Flash中如何实现镜头的组接。本实例最终效果文件及所用素材见“实例”(Democh10中国画两情)。10.3 公益广告n2 2. . 实训实训步骤步骤(1) 新建一个尺寸为“500*350”的Flash文档。(2) 在菜单栏中选择【文件】【保存】命令，将Flash文档进行存储。 (3) 按+键创建新元件，在弹出的【创建新元件】对话框中，点选【图形】单选钮，命名为“文字1”，然后单击【确定】按钮。(4) 在工具箱中单击【文本工具】按钮 ，在【属性】面板中将【字体】设为“宋体”、【文本填充颜色】设为“白色”，然后输入文字“交通安全教育篇”。10.3 公益广告(5) 参照

37、步骤(3)和(4)，创建图形元件“红绿灯”，如图10-98所示。(6) 回到场景1，单击【矩形工具】按钮 ，在舞台上拖拽一个没有边框、填充颜色为黑色、和画布同大的矩形。(7) 插入“图层2”，将图形元件“文字1”拖拽至舞台，放在舞台的左上方。10.3 公益广告(8) 插入“图层3”，将图形元件“红绿灯”拖拽至舞台，放在舞台的中央处，如图10-99所示。图10-99 摆放图形元件的位置10.3 公益广告(9) 插入“图层4”，单击【文本工具】按钮 ，在“红绿灯”的下方输入文字“play”。(10) 选中刚刚输入的文字，按键，弹出【转换为元件】对话框，在对话框中点选【按钮】单选钮，然后进入按钮编辑

38、窗口。(11) 在【指针经过】处按键插入关键帧，然后打开【属性】面板，将【文本填充颜色】设为“#66FFFF”。在【按下】处插入关键帧，将【字体大小】设为“20”。在【点击】处插入关键帧，选择【弹起】右击，在弹出的快捷菜单中选择【复制帧】命令，然后选择【点击】右击，在弹出的快捷菜单中选择【粘贴帧】命令。按钮编辑完成，返回场景1。(12) 插入“图层5”，在第1帧右击，在弹出的快捷菜单中选择【动作】命令，弹出【动作-帧】对话框，然后输入“stop();”语句。10.3 公益广告(1) 在菜单栏中选择【插入】【场景】命令，新建一个场景2。(2) 插入图形元件“灯杆”，在工具箱中单击【线条工具】按钮

39、 ，并在【属性】面板中将【笔触高度】设为“4”，在舞台中拖拽出如图10-102所示的线条。(3) 单击【颜料桶工具】按钮 ，将【填充颜色】设为“#DDEEEC”，对灯杆进行颜色填充，如图10-103所示。(4) 单击【套索工具】按钮 ，然后选中灯杆右侧部分的填充颜色。(5) 单击【颜料桶工具】按钮 ，然后将【填充颜色】设为“#91BBB3”。10.3 公益广告(6) 将【填充颜色】设为“黑色”，在空白部分进行填充。(7) 插入图形元件“红灯”，在【颜色】面板的【类型】下拉列表框中选择【放射状】选项，然后将第一个滑块处的颜色设为“#FF1010”，第2个滑块处的颜色设为“#430101”。(8)

40、 单击【椭圆工具】按钮 ，按住键，在舞台中拖拽出一个正圆。(9) 参照步骤(7)和(8)，分别创建图形元件“绿灯”和“黄灯”。(10) 新建图形元件“酒府”，就是绘制一个酒楼。在工具箱中单击【线条工具】按钮 ，在【属性】面板中将【笔触高度】设为“4”。10.3 公益广告(11) 单击【颜料桶工具】按钮 ，对“酒府”的各个部位填充颜色。(12) 单击【文本工具】按钮 ，在图形的中央处输入文字“酒府”。(13) 选中文字，然后按+键进行复制，按+键进行粘贴。并将粘贴后的文字颜色修改为红色，将原文字向下、向右各移动两个像素。(14) 新建图形元件“电线杆”。(15) 将【填充颜色】设为“#33333

41、3”。10.3 公益广告(16) 单击【套索工具】按钮 ，再在选项区单击【多边形模式】按钮 ，选择深色部位的像素将其改为黑色，然后选中高光部位的像素将其改为白色。(17) 参照步骤(14)(16)，创建图形元件“楼宇1”。(18) 参照步骤(14)(16)，创建图形元件“楼宇2”。(19) 参照步骤(14)(16)，创建图形元件“车-侧面”。(20) 参照步骤(14)(16)，创建图形元件“车-正面”、“靠背1”，如图10-119、图10-120所示。10.3 公益广告(21) 参照步骤(14)(16)，创建图形元件“车队”，如图10-121所示。图10-121 绘制图形元件“车队”10.3

42、公益广告(22) 参照步骤(14)(16)，创建图形元件“人-侧面”，如图10-122所示；插入图形元件“开车-侧”，使用我们已经创建好的“开车-侧”和“人-侧面”组合成这个元件，如果需要调整大小，单击【任意变形工具】按钮 进行缩放即可，如图10-123所示。图10-122 绘制图形元件“人-侧面”图10-123 组合图形元件 “开车-侧”10.3 公益广告(23) 参照步骤(14)(16)，创建图形元件“大厅”，如图10-124所示。图10-124 绘制“大厅10.3 公益广告(24) 参照步骤(14)(16)，创建图形元件“人-头”、“人-身”、“左脚”、“左腿”、“左臂”、“五官”，如图

43、10-125所示。(25) 插入影片剪辑“道”，绘制一个倾斜的矩形，在第15帧插入帧；插入“图层2”，绘制一些直线并在第15帧插入关键帧，单击【选择工具】按钮 向上移动几个像素后创建补间动画。插入“图层3”，复制“图层1”的第1帧至“图层3”的第1帧处，并将其设为【遮罩层】。动画效果如图10-126所示。图10-125 绘制人体的各个部位10.3 公益广告(1) 回到场景2，单击【矩形工具】按钮 ，在舞台中拖拽出一个与画布大小相等的无边框矩形。然后单击【颜料桶工具】按钮 ，在【颜色】面板中选择【线性渐变】选项，将第一个滑块处的颜色设为“#BACDDE”、第二个滑块处的颜色设为“#47599E”

44、，最后在舞台中由上至下拖拽鼠标。(2) 插入“图层2”，将“酒府”图形元件拖拽至舞台，并放于合适位置，如图10-127所示。图10-127 设置“酒府”的位置10.3 公益广告(3) 分别在“图层1”和“图层2”的第15帧插入关键帧，在“图层2”的第30帧插入关键帧，在工具箱中单击【任意变形工具】按钮 放大图形，舞台区域的图形如图10-128所示。(4) 选择“图层2”的第15帧右击，在弹出的快捷菜单中选择【创建补间动画】命令。在第25帧插入关键帧，选择第30帧，打开【属性】面板，将【Alpha数量】设为“0%”。(5) 插入“图层3”，将舞台缩小至25%，单击【颜料桶工具】按钮 ，将【笔触颜

45、色】设为“黑色”，【填充颜色】设为“无”，并在【属性】面板中将【笔触高度】设为“50”，然后按舞台大小拖拽出一个矩形，如图10-129所示。10.3 公益广告图10-128 放大图形 图10-129 制作矩形框10.3 公益广告(6) 在“图层1”上方插入“图层4”，在第25帧插入关键帧，然后将“大厅”图形元件拖拽至舞台，在第100帧插入帧，如图10-130所示。图10-130 拖拽“大厅”至舞台10.3 公益广告(7) 在第30帧插入关键帧。选择第25帧，在【属性】面板中将【Alpha数量】设为“0%”并创建补间动画。(8) 插入影片剪辑“走路”，将“人体的各个部位”图形元件拖拽至舞台，并放

46、在不同的图层上，如图10-131所示。【时间轴】面板如图10-132所示。图10-131 组合形成的人物图10-132 【时间轴】面板10.3 公益广告(9) 在每个图层的第8帧插入关键帧，在每个图层的第3帧插入关键帧，然后单击【任意变形工具】按钮 ，调整每个部位的位置及大小，如图10-133所示。(10) 在每个图层的第5、10帧处插入关键帧，然后单击【任意变形工具】按钮 ，调整每个部位的位置及大小，如图10-134、图10-135所示。图10-133 第3帧的图形 图10-134 第5帧的图形 图10-135 第10帧的图形10.3 公益广告(11) 回到场景2，在“图层4”的上方插入“图

47、层5”，在第30帧插入关键帧，然后将影片剪辑“走路”拖拽至舞台，如图10-136所示。图10-136 拖拽影片剪辑“走路”至舞10.3 公益广告(12) 将“图层5”的第100帧插入关键帧，选择第30帧，单击【任意变形工具】按钮 将其缩小，并单击【选择工具】按钮 将其向上移出舞台，如图10-137所示。在第30帧创建补间动画。图10-137 编辑影片剪辑10.3 公益广告(13) 插入“图层6”，在第30帧插入关键帧，单击【矩形工具】按钮 创建一个没有边框的矩形，并单击【选择工具】按钮 拖拽其边缘将其变形，如图10-138所示。图10-138 创建遮罩图形10.3 公益广告(14) 右击“图层

48、6”，在弹出的快捷菜单中选择【遮罩层】命令，这样就能使“人”从酒楼的大厅里走出来了。(15) 插入“图层7”，在第101帧插入关键帧。单击【矩形工具】按钮 ，将【填充颜色】设为“D5DEA9”，然后在舞台中拖拽出和画布一样大小的无边框矩形。(16) 插入“图层8”，在第101帧插入关键帧。从【库】面板中将“电线杆”图形元件拖拽至舞台，如图10-139所示。10.3 公益广告(17) 在“图层7”的上方插入“图层9”，在第101帧插入关键帧。从【库】面板中将“车队”图形元件拖拽至舞台，在【属性】面板的【颜色】下拉列表框中选择【Alpha】选项，【Alpha数量】设为“40%”，如图10-140所

49、示图10-139 拖拽“电线杆”至舞台 图10-140 调整“车队”元件的属性10.3 公益广告(18) 在第105、120、131、160帧插入关键帧。选择第105帧，单击【任意变形工具】按钮 将其向右旋转，如图10-141所示。第160帧重复此操作。(19) 在第105、120、131帧右击，在弹出的快捷菜单中选择【创建补间动画】命令。插入“图层10”，在第101帧插入关键帧，然后将“图层9”的第105帧复制到“图层10”的第101帧，并将【属性】面板中的【Alpha数量】设为“100%”。10.3 公益广告(20) 将“图层7”、“图层8”、“图层9”、“图层10”的帧数延长至第173帧

50、，【时间轴】面板如图10-142所示。图10-141 修饰文字 图10-142 【时间轴】面板10.3 公益广告(21) 插入“图层10”，在第174帧插入关键帧，将“大厅”元件拖拽至舞台并放大。插入“图层12”，在第174帧插入关键帧，将人物的脸部特写拖拽至舞台并将两个图层的帧数延长至第202帧，这样形成一个局部的特写镜头，如图10-143所示。(22) 插入“图层13”，在第203帧插入关键帧，然后将“酒楼”元件拖拽至舞台，在第220帧插入帧，如10-144所示。图10-143 组合特写镜头 图10-144 拖拽“酒楼”至舞台10.3 公益广告(23) 插入“图层14”，在第203帧插入关

51、键帧，然后将“开车-侧”图形元件拖拽至舞台，如图10-145所示。(24) 在第204、206、208、220帧插入关键帧，选择第204帧，单击【任意变形工具】按钮 将其左右变窄些；在第208帧处重复此操作；选择第220帧，单击【选择工具】按钮 将其平移出舞台左侧并创建不见动画。10.3 公益广告(25) 插入“图层15”，在第203帧插入关键帧，然后将“电线杆”图形元件拖拽至舞台。第215帧的图像如图10-146所示。图10-145 拖拽“开车-侧”至舞台图10-146 第215帧的图像10.3 公益广告(26) 插入“图层16”和“图层17”，分别在第221帧处插入关键帧，从【库】面板中将

52、“楼宇1”拖拽至舞台，如图10-147所示。分别在第260帧插入关键帧，使用【选择工具】按钮 将其右移几个像素并创建补间动画，如图10-148所示。(27) 插入“图层18”，参照步骤(26)的操作将“楼宇2”拖拽至舞台并创建动画，如图10-149所示。图10-147 拖拽“楼宇1”至舞台 图10-148 移动元件 图10-149 拖拽“楼宇2”至舞台10.3 公益广告(28) 在“图层15”的上方插入“图层19”，在第221帧插入关键帧。单击【矩形工具】按钮 ，将【填充颜色】设为“#73A2D0”，然后在舞台中拖拽出一个无边框的矩形创建天空，如图10-150所示。插入“图层20”，在第221

53、帧插入关键帧。单击【矩形工具】按钮 ，将【填充颜色】设为“#B3B6CC”，边框颜色为黑色，粗细大小为“2”，绘制矩形，创建马路，再将影片剪辑“道”拖拽到舞台上，放置在路的两旁，如图10-151所示。图10-150 创建天空 图10-151 创建马路10.3 公益广告(29) 插入“图层21”，在第221帧插入关键帧。将影片剪辑“开车-正”拖拽至舞台，在第260帧插入关键帧。选择第221帧，单击【任意变形工具】按钮 将其缩小并创建补间动画。第221、260帧的图像如图10-152、图10-153所示。图10-152 第221帧的图像 图10-153 第260帧的图像10.3 公益广告(30)

54、插入“图层22”和“图层23”，分别在第261帧插入关键帧并将帧数延长至第300帧。从【库】面板中将“车-正面”和“靠背1”图形元件拖拽至舞台，如图10-154所示。(31) 插入“图层24”，在第261帧插入关键帧，将“人-头”、“人-上身”图形元件拖拽至舞台，如图10-155所示。图10-154 拖拽“车-正面”和“靠背”至舞台 图10-155 拖拽“人-头”、“人-上身”至舞台10.3 公益广告(32) 插入“图层25”，在第261帧插入关键帧，将“五官”图形元件拖拽至舞台。按+键将图形打散，如图10-156所示。(33) 选择第261帧右击，在弹出的快捷菜单中选择【复制帧】命令，然后分

55、别将其粘贴至第270、279、284、289帧。(34) 在第267帧处插入关键帧，单击【选择工具】按钮 对眼睛部位的图形进行编辑，如图10-157所示。(35) 参照步骤(34)将第267帧分别粘贴至第271、274、282、288、292帧，一个打盹的镜头创建完成。10.3 公益广告(36) 插入“图层26”，在第301帧插入关键帧并将帧数延长至第320帧处，使用绘图工具绘制一个十字路口的图形并将“灯杆”图形元件拖拽至舞台，如图10-158所示。(37) 将“红灯”和“黄灯”图形元件拖拽至舞台，放在“灯杆”的左上方，如图10-159所示。10.3 公益广告(38) 插入“图层27”，在第3

56、01帧插入关键帧，将“绿灯”图形元件拖拽至舞台，放在黄灯的右侧。在第302、304、306、308、310、312、315帧插入关键帧，然后分别将第302、306、310、315帧的图形【色调】修改为“白色”、【色彩数量】为“65%”，如图10-160所示。这样便完成了绿灯闪烁的动画制作。(39) 插入“图层28”、“图层29”、“图层30”，在第321帧插入关键帧。然后重复步骤(30)(35)的打盹制作方法，将镜头切换至打盹的镜头中去。(40) 插入“图层31”、“图层32”，在第341帧插入关键帧。然后重复步骤(36)(38)的绿灯闪烁的制作方法，制作出黄灯的闪烁效果。【时间轴】面板如图1

57、0-161所示。10.3 公益广告图10-160 制作第2个长方形框内的动画 图10-161 【时间轴】面板10.3 公益广告(41) 插入“图层33”，在第361帧插入关键帧并将帧数延长至第390帧。将“人-头”图形元件拖拽至舞台，单击【任意变形工具】按钮 将其放大，如图10-162所示。(42) 插入“图层34”，在第361帧插入关键帧。将“五官”图形元件拖拽至舞台，单击【任意变形工具】按钮 将其放大并将图形打散，如图10-163所示。在第366、368、372、373、376、378帧插入关键帧。(43) 选择第360、368帧，单击【选择工具】按钮 调整眼睛的图形，如图10-164所示

58、。选择第373帧，调整眼睛图形如图10-165所示。选择第378帧，调整五官图形如图10-166所示。10.3 公益广告图10-164 第360、368帧的图形图10-165 第373帧的图形 图10-166 第378帧的图形10.3 公益广告(44) 插入“图层35”，在第376帧插入关键帧。单击【椭圆工具】按钮 ，将【填充颜色】的类型设为【放射状】，然后将第一个滑块的颜色设为“#FF0605”；第二个滑块的颜色设为“白色”，在【颜色】面板中将【Alpha】设为“0%”。在舞台中拖拽出一个中间实边缘虚的椭圆，如图10-167所示。(45) 插入“图层36”，在第379帧插入关键帧。单击【线条

59、工具】按钮 在舞台中拖拽出几条直线，如图10-168所示。在第383、385帧插入关键帧。选择第379帧，单击【选择工具】按钮 将其向右平移出画面。选择第383帧，向左侧平移几个像素。最后创建形状动画。10.3 公益广告(46) 插入“图层37”、“图层38”，在第391帧插入关键帧。参照步骤(36)(38)的方法创建红灯闪烁的动画效果，如图10-169所示。(47) 插入“图层39”，在第397帧插入关键帧，然后绘制如图10-170所示的图形。(48) 插入“图层40”，在第397帧插入关键帧，绘制一个黑色矩形使其遮盖住眼睛的地方，如图10-171所示。在第400帧插入关键帧。选择第397帧

60、，单击【选择工具】按钮 将其向下移出舞台并创建补间动画。(49) 参照步骤(85)，在眼睛的上方再制作一个黑色矩形的运动动画。(50) 插入“图层41”，在第420帧插入关键帧。10.3 公益广告(51) 插入“图层42”，在第420帧插入关键帧。将“开车-侧”从【库】面板中拖拽至舞台。(52) 在第423、425、427帧插入关键帧。选择第420帧，单击【选择工具】按钮 将其向右移出舞台并创建补间动画；选择第423帧，向右移动图形8个像素；选择第425帧，向右移动图形5个像素。(53) 插入“图层43”，在第450帧插入关键帧。将“文字2”拖拽至舞台，在第460帧处插入关键帧。选择第450帧，单击【任意变形工具】按钮 将其放大并创建补间动画，在【属性】面板中将【Alpha数量】设为“0%”。10.3 公益广告(54) 插入“图层44”，在第460帧插入关键帧，打开【动作-帧】面板，为其添加【stop】函数。(55) 插入按钮元件“重看一遍”，并为其添加如下命令。on (release) gotoAndPlay(1);此课件下载可自行编辑修改，供参考！此课件下载可自行编辑修改，供参考！感谢你的支持，我们会努力做得更好！感谢你的支持，我们会努力做得更好！