flashCS动画制作综合实例.pptx

《flashCS动画制作综合实例.pptx》由会员分享，可在线阅读，更多相关《flashCS动画制作综合实例.pptx（112页珍藏版）》请在得力文库 - 分享文档赚钱的网站上搜索。

1、教学目标：本章所讲解的3个实例具有易学的特点，每个实例不仅侧重于Adobe Flash CS3基础知识的总结，而且能够很好地挖掘Adobe Flash CS3的优点，使其在每一个实例的制作中都能够发挥得淋漓尽致。本章要点：制作网页广告制作动态漫画制作公益广告 第10章 Flash CS3动画制作综合实例第1页/共112页10.1 网页广告制作10.2 动态漫画10.3 公益广告第10章 Flash CS3动画制作综合实例第2页/共112页10.1 网页广告制作1.实训目的现如今网络已成为人们生活中的一部分，AdobeFlashCS3在网络中的应用是非常广阔的。通过本实例的制作，让读者了解Ado

2、beFlashCS3在网页中的一般应用网页广告的制作，如图10-1所示。最终效果文件及所用素材见“实例”(Democh10网页广告制作)。图0-1动画效果第3页/共112页10.1 网页广告制作2.实训步骤新建一个尺寸为“500*100”、背景颜色为“黑色”的Flash文档。将其命名为“网页广告”，然后保存。在菜单栏中选择【文件】【导入】【导入到库】命令，导入素材图像“莲1”。打开【库】面板，单击【选择工具】按钮将素材图片拖拽到舞台中并调整其位置，如图10-2所示。图10-2导入素材图片第4页/共112页10.1 网页广告制作(4)在“图层1”的第7、40帧按键，插入关键帧。(5)选择第7帧，

3、在菜单栏中选择【窗口】【变形】命令，在【变形】面板中勾选【约束】复选框，这样能够等比例放大，输入数值如图10-3所示。在键盘上按键确定。图10-3【变形】面板第5页/共112页10.1 网页广告制作(6)在第7帧至第40帧之间任意处右击，在弹出的快捷菜单中选择【创建补间动画】命令，制作好图片的由大至小的缩放动画效果。(7)在第45、80帧按键，插入关键帧。然后在第80帧将图片平移到舞台的左侧，在第45帧至第80帧之间任意处右击，在弹出的快捷菜单中选择【创建补间动画】命令，制作好图片的由右至左的移动效果。(8)在第85帧按键，插入关键帧，选中图片并在【属性】面板的【颜色】下拉列表框中选择【Alp

4、ha】选项，【Alpha数量】设为“15%”。第6页/共112页10.1 网页广告制作(9)创建第80帧至第85帧的动画，【时间轴】面板如图10-4所示。图10-4【时间轴】面板第7页/共112页10.1 网页广告制作(10)在“图层1”上方插入“图层2”，单击【矩形工具】按钮在舞台中拖拽出一个与画布大小基本相等的矩形，然后在“图层2”上右击，在弹出的快捷菜单中选择【遮罩层】命令，如图10-5所示。图10-5创建遮罩层第8页/共112页10.1 网页广告制作(1)在菜单栏中选择【插入】【新建元件】命令，在弹出的【创建新元件】对话框中点选【图形】单选钮，单击【确定】按钮。(2)在工具箱中单击【文

5、本工具】按钮，在其【属性】面板中，根据需要对文字的字体、字号、文本填充颜色进行修改，如图10-6所示。图10-6设置【文本】工具的【属性】第9页/共112页10.1 网页广告制作(3)在舞台中单击，然后输入文字“莲出淤泥而不染”，如图10-7所示。图10-7输入文字第10页/共112页10.1 网页广告制作(4)回到场景1，按+键创建新元件，在弹出的【创建新元件】对话框中点选【影片剪辑】单选钮，单击【确定】按钮。(5)将新创建的文字图形元件拖拽到“影片剪辑”舞台中，并将每一个文字单独放置于一个图层，【时间轴】面板如图10-8所示。(6)在各个图层的第60帧按键插入帧。选择“图层1”的第10帧，

6、按键插入关键帧。(7)选择“图层1”的第1帧，回到舞台编辑对象“莲”。在工具箱中单击【任意变形工具】按钮，然后打开【变形】面板，在【宽度】和【高度】文本框中均输入数值“150”，如图10-9所示，按键确定。第11页/共112页10.1 网页广告制作(8)在【属性】面板的【颜色】下拉列表框中选择【Alpha】选项，【Alpha数量】设为“15%”。(9)选择“图层1”的第1帧，在【属性】面板的【补间】下拉列表框中选择【动画】选项。这样“莲”字的动画效果设置完成。(10)参照步骤(17)(19)，分别设置“图层2”“图层9”上的文字效果。【时间轴】面板如图10-10所示。图10-8【时间轴】面板图

7、10-9【变形】面板第12页/共112页10.1 网页广告制作(11)在“图层9”上方插入“图层10”，并在其第60帧插入关键帧，然后在【动作-帧】面板中输入脚本语言“stop();”。(12)“影片剪辑”的动画效果如图10-11所示。图10-11文字的动画效果第13页/共112页10.1 网页广告制作(13)回到场景1，插入“图层3”，在第85帧插入关键帧。打开【库】面板，将刚刚制作好的“影片剪辑”拖拽至舞台放在合适位置，如图10-12所示。图10-12文字在舞台中的摆放位置第14页/共112页10.1 网页广告制作(14)分别将“图层1”、“图层2”、“图层3”的帧数延长至240帧。(1)

8、插入影片剪辑2，导入几幅图片用于制作动画，所用素材见“站点实例”(FlashDemoch10网页广告制作png)。选择“图层1”的第1帧，将名为“背景”的图片拖拽至舞台，如图10-13所示。(2)在“图层1”的第70帧插入关键帧，回到第1帧，单击【任意变形工具】按钮，将其放大至270%，然后创建补间形状动画。(3)插入“图层2”，将名为“02-3左”的图片拖拽至舞台，如图10-14所示。参照步骤(2)创建动画效果。第15页/共112页10.1 网页广告制作(4)插入“图层3”，将名为“02-3右”的图片拖拽至舞台，如图10-15所示。参照步骤(2)创建动画效果。(5)插入“图层4”，在第15帧

9、插入关键帧，将名为“02-2左”的图片拖拽至舞台，如图10-16所示。参照步骤(2)创建动画效果。图10-15创建“02-3右”移动效果图10-16创建“02-2左”移动效果第16页/共112页10.1 网页广告制作(6)参照步骤(1)(5)，依次对图片“02-2右”、“02-1左”、“02-1右”进行动画设置。【时间轴】面板如图10-17所示。图10-17【时间轴】面板第17页/共112页10.1 网页广告制作(7)在“图层7”上方插入“图层8”，并在其第70帧插入关键帧，然后打开【动作】面板，在【动作-帧】面板中输入脚本语言“stop();”。(8)回到场景1，在【时间轴】面板上插入“图层

10、4”，并在其第155帧插入关键帧。然后将刚刚创建的“影片剪辑2”拖拽至舞台，放在左边。第18页/共112页10.1 网页广告制作(9)插入“图层5”，单击【矩形工具】按钮在舞台的左侧创建一个矩形，如图10-18所示。图10-18创建矩形图形第19页/共112页10.1 网页广告制作(10)选中“图层5”，右击并在弹出的快捷菜单中选择【遮罩层】命令，效果如图10-19所示。图10-19运用遮罩层的效果第20页/共112页10.1 网页广告制作(1)创建图形元件并输入文字“逸云莲池花圃”，然后在场景1中插入“图层6”，在第160帧将其拖拽至舞台，如图10-20所示。图10-20拖拽文字元件至舞台第

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

12、帧。选择第205帧，将直线平移至舞台右边，创建补间动画，如图10-23所示。图10-23制作移动动画第23页/共112页10.2 动态漫画1.实训目的网上流行很多用Flash制作的笑话，其形式简单、活泼。这无疑给笑话的表现形式增添了新的色彩。动态漫画就是以平时创作的漫画为基础，借助Flash软件实现声像并茂的效果。这样就大大增加了漫画的喜剧效果。第24页/共112页10.1 网页广告制作2.实训步骤新建一个尺寸为“1000*646”、背景颜色为“白色”的Flash文档。在菜单栏中选择【文件】【导入】【导入到库】命令，导入素材图像“场景1-1”，所用素材见“站点实例”(FlashDemoch10

13、动态漫画)。将其从【库】面板中拖拽至舞台，使其与舞台中央对齐。第25页/共112页10.1 网页广告制作(3)按+键创建新元件，在弹出的【创建新元件】对话框中点选【图形】单选钮，然后单击【确定】按钮。(4)在工具箱中单击【文本工具】按钮，然后在舞台中单击，在【属性】面板中将颜色设为“#000000”，输入文字“PLAY”。(5)选中“L”，将其颜色修改为“#990000”。第26页/共112页10.1 网页广告制作(6)按+键创建新元件，在弹出的【创建新元件】对话框中点选【按钮】单选钮，然后单击【确定】按钮。将刚刚创建的文字元件拖拽至舞台，如图10-26所示。(7)在【按钮】元件的【时间轴】面

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

15、帧】命令。第28页/共112页10.1 网页广告制作(11)按钮元件每一个关键帧处的图像如图10-29所示。图10-29按钮元件每一个关键帧处的图像第29页/共112页10.1 网页广告制作(12)回到场景1，在“图层1”的上方插入“图层2”，然后将按钮元件拖拽至舞台，放在右下方，如图10-30所示。10-30放置按钮的位置第30页/共112页10.1 网页广告制作(1)在菜单栏中选择【插入】【场景】命令，新建一个场景。(2)在菜单栏中选择【文件】【导入】【导入到库】命令，导入素材图像“背 景 纸”和“画 框”，所 用 素 材 见“站 点 实 例”(FlashDemoch10动态漫画)。(3)

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

17、在【属性】面板的【颜色】下拉列表框中选择【Alpha】选项，【Alpha数量】设为“20%”。第33页/共112页10.1 网页广告制作(7)选择第13帧，插入关键帧，单击【任意变形工具】按钮将其放大一些。在【时间轴】面板中选择第1帧右击，在弹出的菜单中选择【创建补间动画】命令。选择第13帧右击，在弹出的快捷菜单中选择【创建补间动画】命令。【时间轴】面板如图10-33所示。图10-33【时间轴】面板图10-34缩小图形第34页/共112页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所示。第35页/共112页10.1 网页广告制作(12)选择第1517帧和第3439帧分别创建补间动画，【时间轴】面板如图10-36所示。图10-35放大图形并修改图形的属性图10-36“片头”影片剪辑的【时间轴】面板第36页/共112页10.1 网页广告制作(12)选择第1517帧和第3439帧分别创建补间动画，【时间轴

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

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

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

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

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

24、间轴】面板第45页/共112页10.1 网页广告制作(15)在“图层7”的上方插入“图层10”，在第60帧创建关键帧。然后将“灰色”图形元件拖拽至舞台放在左侧，如图10-56所示。(16)单击第64帧创建关键帧，选择第60帧，在【属性】面板中将【Alpha数量】设为“0%”并创建补间动画。(17)插入“图层10”，在第63帧创建关键帧，然后将“端茶”图形元件拖拽至舞台，如图10-57所示。在第65帧插入关键帧。图10-56摆放“灰色”图形元件的位置图10-57拖拽“端茶”元件至舞台第46页/共112页10.1 网页广告制作(18)选择第63帧，在【属性】面板中将【Alpha数量】设为“0%”并

25、创建补间动画。(19)参照步骤(41)(44)，分别创建右侧两个板块的动画，舞台图像如图10-58所示，中间图像对应的图层是“图层12”和“图层13”，右侧图像对应的图层是“图层14”和“图层15”。图10-58【时间轴】面板第47页/共112页10.1 网页广告制作(20)导入声音素材“dog”，然后在“图层13”的上方插入“图层16”，在第88帧插入关键帧，将声音素材从【库】面板中拖拽至舞台。【时间轴】面板如图10-60所示。图10-60导入声音“dog”第48页/共112页10.1 网页广告制作(21)选择“图层8”，在【属性】面板中单击【编辑】按钮，弹出【编辑封套】对话框，如图10-6

26、1所示。图10-61【编辑封套】对话第49页/共112页10.1 网页广告制作(22)在该对话框中，选择第89帧和第91帧，分别插入一个滑块，然后将第91帧的滑块拖至中间位置，如图10-62所示。这样此处的声音就会降低音量。图10-62编辑声音第50页/共112页10.1 网页广告制作(23)在第101帧和第105帧插入一个滑块，将第101帧的滑块拖拽至中间部位，然后单击【确定】按钮。这样在播放声音文件“dog”时，这个声音只作为陪衬。(24)在“图层15”的上方插入“图层17”，在第127帧插入关键帧。然后绘制一个如图10-63所示的矩形，使其和“画面1”最下方的横格大小相等，并转换为图形元

27、件。图10-63绘制矩形图形第51页/共112页10.1 网页广告制作(25)选择第130帧，插入关键帧。单击第127帧，在【属性】面板中将【Alpha数量】设为“0%”并创建补间动画。(26)插入图形元件“线”，然后单击【线条工具】按钮绘制如图10-64所示的直线。图10-64绘制直线第52页/共112页10.1 网页广告制作(27)回到“画面1”影片剪辑元件中，插入“图层18”，在第127帧插入关键帧，将绘制的图形元件“线”拖拽至舞台中，如图10-65所示。创建一个线条由右至左的移动过程。图10-65创建线的移动动画第53页/共112页10.1 网页广告制作(28)创建一个图形元件“文字”

28、，单击【文本工具】按钮，在【属性】面板中将【文本颜色】设为“#660000”，输入文字“是狼(侍郎)？是狗？”，插入“图层2”，把“图层1”的第1帧复制到“图层2”的第1帧上，如图10-66所示。图10-66输入文字第54页/共112页10.1 网页广告制作(29)选择“图层1”的第1帧，并在【属性】面板中将【文本颜色】改为“白色”，使用键盘上的方向键向下、向右各移动3像素，如图10-67所示。图10-67修饰文字第55页/共112页10.1 网页广告制作(30)回到影片剪辑“画面1”，插入“图层20”，在第130帧插入关键帧，然后将“文字”元件拖拽至舞台，放在“线”的上方，如图10-68所示

29、。图10-68拖拽“文字”元件至舞台第56页/共112页10.1 网页广告制作(31)在第140、145帧插入关键帧，选择第140帧，单击【任意变形工具】按钮放大元件，在【属性】面板中将【Alpha数量】设为“25%”。选择第130帧和第140帧各创建补间动画。(32)在“图层20”的第154、156、157、161、164、166、168帧创建关键帧。选择第156帧，在【属性】面板的【颜色】下拉列表框中选择【亮度】选项，【亮度数量】设为“100”。(33)选择第157帧，在【属性】面板的【颜色】下拉列表框中选择【亮度】选项，【亮度数量】设为“-100”。第57页/共112页10.1 网页广告

30、制作(34)选择第161帧，在【属性】面板的【颜色】中选择【色调】选项，将后边的颜色设为“#FF9999”。(35)选择第166帧，在【属性】面板中将【Alpha数量】设为“0%”。(36)插入“图层21”，在第130帧插入关键帧，然后导入声音“tiaoxin”。打开【编辑套索】对话框，对声音进行调试。(37)回到场景2，插入“图层2”，在第70帧插入关键帧，然后将影片剪辑“画面1”拖拽至舞台。第58页/共112页10.1 网页广告制作(1)创建影片剪辑“画面2”，从【库】中将“画纸”拖拽至舞台。插入“图层2”，单击【矩形工具】按钮绘制如图10-75所示的矩形框。图10-75绘制矩形框第59页

31、/共112页10.1 网页广告制作(2)在“图层1”上方插入“图层3”，将图形元件“灰色”拖拽至舞台，放在上方的第一个框中，选择第7帧插入关键帧。选择第1帧，在【属性】面板中将【Alpha数量】设为“0%”，创建补间动画。(3)插入“图层4”，在第5帧插入关键帧。从【库】中将“回答”图形元件拖拽至舞台，如图10-76所示。图10-76图形元件“回答”的位置第60页/共112页10.1 网页广告制作(4)在第9帧插入关键帧。选择第5帧，在【属性】面板中将【Alpha数量】设为“0%”，创建补间动画。【时间轴】面板如图10-77所示。图10-77【时间轴】面板第61页/共112页10.1 网页广告

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

33、放在“灰色”条的左侧。在第34、43、53帧插入关键帧。选择第26帧，然后单击【任意变形工具】按钮将其缩小，如图10-84所示。选择第34帧，在【属性】面板中将【Alpha数量】设为“22%”。选择第26帧右击，在弹出的快捷菜单中选择【复制帧】命令，然后选择第43帧右击，在弹出的快捷菜单中选择【粘贴帧】命令。图10-84缩小元件“圆”第63页/共112页10.1 网页广告制作(10)插入图形元件，单击【文本工具】按钮输入文字，如图10-85所示。图10-85创建图形元件文字第64页/共112页10.1 网页广告制作(15)重复步骤(13)(14)，分别创建图形元件“大笑”和“流汗”在最后两个方

34、框中的动画。(16)将“画面2”中的各个图层的帧数都延长至第180帧。然后回到场景2，插入图层，在第286帧插入关键帧，然后将“画面2”拖拽至舞台，在第466帧插入帧。(17)插入图层，在第85帧和第99帧插入一个空白关键帧，然后将声音“F”和“xiao”分别放在第85帧和第99帧处。第65页/共112页10.1 网页广告制作(1)插入影片剪辑“符号1”，单击【文本工具】按钮输入如图10-91所示的文字。选择第4、7、10、14帧插入关键帧，单击【任意变形工具】按钮对其各帧处的文字大小进行调整，并创建补间动画。(2)插入图层2，在第14帧插入关键帧，然后右击并在弹出的快捷菜单中选择【动作】命令

35、，在弹出的【动作-帧】面板中双击【stop】，为帧添加动作，如图10-92所示。(3)重复步骤(82)，在以上所做的每一个影片剪辑的最后一帧都添加一个【stop】命令。(4)回到场景2，插入新图层，在第120帧插入关键帧，然后将“符号1”影片剪辑拖拽至舞台，如图10-93所示。第66页/共112页10.1 网页广告制作(5)重复步骤(1)，分别创建“符号2”、“符号3”影片剪辑，并将其都拖拽至舞台。(6)同时，也为“画面2”添加幽默符号。(1)回到场景1，选择“PLAY”按钮右击，在弹出的快捷菜单中选择【动作】命令，在弹出的【动作-按钮】对话框中输入下列语句。“on(release)gotoA

36、ndPlay(场景2,1);”第67页/共112页10.1 网页广告制作(2)插入“图层2”，在第1帧右击，在弹出的快捷菜单中选择【动作】命令，然后在【动作-帧】面板中双击【stop】。(3)在菜单栏中选择【文件】【导出】【导出影片】命令，将影片进行存储。第68页/共112页10.3 公益广告1.实训目的使用Flash制作公益广告已成为网络、电视中不可缺少的一种表现形式。通过本实例的学习，一方面应该掌握Flash的综合使用方法，另一方面应该掌握在Flash中如何实现镜头的组接。本实例最终效果文件及所用素材见“实例”(Democh10中国画两情)。第69页/共112页10.3 公益广告2.实训步

37、骤(1)新建一个尺寸为“500*350”的Flash文档。(2)在菜单栏中选择【文件】【保存】命令，将Flash文档进行存储。(3)按+键创建新元件，在弹出的【创建新元件】对话框中，点选【图形】单选钮，命名为“文字1”，然后单击【确定】按钮。(4)在工具箱中单击【文本工具】按钮，在【属性】面板中将【字体】设为“宋体”、【文本填充颜色】设为“白色”，然后输入文字“交通安全教育篇”。第70页/共112页10.3 公益广告(5)参照步骤(3)和(4)，创建图形元件“红绿灯”，如图10-98所示。(6)回到场景1，单击【矩形工具】按钮，在舞台上拖拽一个没有边框、填充颜色为黑色、和画布同大的矩形。(7)

38、插入“图层2”，将图形元件“文字1”拖拽至舞台，放在舞台的左上方。第71页/共112页10.3 公益广告(8)插入“图层3”，将图形元件“红绿灯”拖拽至舞台，放在舞台的中央处，如图10-99所示。图10-99摆放图形元件的位置第72页/共112页10.3 公益广告(9)插入“图层4”，单击【文本工具】按钮，在“红绿灯”的下方输入文字“play”。(10)选中刚刚输入的文字，按键，弹出【转换为元件】对话框，在对话框中点选【按钮】单选钮，然后进入按钮编辑窗口。(11)在【指针经过】处按键插入关键帧，然后打开【属性】面板，将【文本填充颜色】设为“#66FFFF”。在【按下】处插入关键帧，将【字体大小

39、】设为“20”。在【点击】处插入关键帧，选择【弹起】右击，在弹出的快捷菜单中选择【复制帧】命令，然后选择【点击】右击，在弹出的快捷菜单中选择【粘贴帧】命令。按钮编辑完成，返回场景1。(12)插入“图层5”，在第1帧右击，在弹出的快捷菜单中选择【动作】命令，弹出【动作-帧】对话框，然后输入“stop();”语句。第73页/共112页10.3 公益广告(1)在菜单栏中选择【插入】【场景】命令，新建一个场景2。(2)插入图形元件“灯杆”，在工具箱中单击【线条工具】按钮，并在【属性】面板中将【笔触高度】设为“4”，在舞台中拖拽出如图10-102所示的线条。(3)单击【颜料桶工具】按钮，将【填充颜色】设

40、为“#DDEEEC”，对灯杆进行颜色填充，如图10-103所示。(4)单击【套索工具】按钮，然后选中灯杆右侧部分的填充颜色。(5)单击【颜料桶工具】按钮，然后将【填充颜色】设为“#91BBB3”。第74页/共112页10.3 公益广告(6)将【填充颜色】设为“黑色”，在空白部分进行填充。(7)插入图形元件“红灯”，在【颜色】面板的【类型】下拉列表框中选择【放射状】选项，然后将第一个滑块处的颜色设为“#FF1010”，第2个滑块处的颜色设为“#430101”。(8)单击【椭圆工具】按钮，按住键，在舞台中拖拽出一个正圆。(9)参照步骤(7)和(8)，分别创建图形元件“绿灯”和“黄灯”。(10)新建

41、图形元件“酒府”，就是绘制一个酒楼。在工具箱中单击【线条工具】按钮，在【属性】面板中将【笔触高度】设为“4”。第75页/共112页10.3 公益广告(11)单击【颜料桶工具】按钮，对“酒府”的各个部位填充颜色。(12)单击【文本工具】按钮，在图形的中央处输入文字“酒府”。(13)选中文字，然后按+键进行复制，按+键进行粘贴。并将粘贴后的文字颜色修改为红色，将原文字向下、向右各移动两个像素。(14)新建图形元件“电线杆”。(15)将【填充颜色】设为“#333333”。第76页/共112页10.3 公益广告(16)单击【套索工具】按钮，再在选项区单击【多边形模式】按钮，选择深色部位的像素将其改为黑

42、色，然后选中高光部位的像素将其改为白色。(17)参照步骤(14)(16)，创建图形元件“楼宇1”。(18)参照步骤(14)(16)，创建图形元件“楼宇2”。(19)参照步骤(14)(16)，创建图形元件“车-侧面”。(20)参照步骤(14)(16)，创建图形元件“车-正面”、“靠背1”，如图10-119、图10-120所示。第77页/共112页10.3 公益广告(21)参照步骤(14)(16)，创建图形元件“车队”，如图10-121所示。图10-121绘制图形元件“车队”第78页/共112页10.3 公益广告(22)参照步骤(14)(16)，创建图形元件“人-侧面”，如图10-122所示；插入

43、图形元件“开车-侧”，使用我们已经创建好的“开车-侧”和“人-侧面”组合成这个元件，如果需要调整大小，单击【任意变形工具】按钮进行缩放即可，如图10-123所示。图10-122绘制图形元件“人-侧面”图10-123组合图形元件“开车-侧”第79页/共112页10.3 公益广告(23)参照步骤(14)(16)，创建图形元件“大厅”，如图10-124所示。图10-124绘制“大厅第80页/共112页10.3 公益广告(24)参照步骤(14)(16)，创建图形元件“人-头”、“人-身”、“左脚”、“左腿”、“左臂”、“五官”，如图10-125所示。(25)插入影片剪辑“道”，绘制一个倾斜的矩形，在第

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

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

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

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

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

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

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