flash-CS3动画制作综合实例.ppt

《flash-CS3动画制作综合实例.ppt》由会员分享，可在线阅读，更多相关《flash-CS3动画制作综合实例.ppt（112页珍藏版）》请在三一办公上搜索。

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

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

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

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

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

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

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

8、g)。选择“图层1”的第1帧，将名为“背景”的图片拖拽至舞台，如图10-13所示。(2)在“图层1”的第70帧插入关键帧，回到第1帧，单击【任意变形工具】按钮，将其放大至270%，然后创建补间形状动画。(3)插入“图层2”，将名为“02-3左”的图片拖拽至舞台，如图10-14所示。参照步骤(2)创建动画效果。,10.1 网页广告制作,(4)插入“图层3”，将名为“02-3右”的图片拖拽至舞台，如图10-15所示。参照步骤(2)创建动画效果。(5)插入“图层4”，在第15帧插入关键帧，将名为“02-2左”的图片拖拽至舞台，如图10-16所示。参照步骤(2)创建动画效果。,10.1 网页广告制作,

9、(6)参照步骤(1)(5)，依次对图片“02-2右”、“02-1左”、“02-1右”进行动画设置。【时间轴】面板如图10-17所示。,图10-17【时间轴】面板,10.1 网页广告制作,(7)在“图层7”上方插入“图层8”，并在其第70帧插入关键帧，然后打开【动作】面板，在【动作-帧】面板中输入脚本语言“stop();”。(8)回到场景1，在【时间轴】面板上插入“图层4”，并在其第155帧插入关键帧。然后将刚刚创建的“影片剪辑2”拖拽至舞台，放在左边。,10.1 网页广告制作,(9)插入“图层5”，单击【矩形工具】按钮 在舞台的左侧创建一个矩形，如图10-18所示。,图10-18 创建矩形图形

10、,10.1 网页广告制作,(10)选中“图层5”，右击并在弹出的快捷菜单中选择【遮罩层】命令，效果如图10-19所示。,图10-19 运用遮罩层的效果,10.1 网页广告制作,(1)创建图形元件并输入文字“逸云莲池花圃”，然后在场景1中插入“图层6”，在第160帧将其拖拽至舞台，如图10-20所示。,图10-20 拖拽文字元件至舞台,10.1 网页广告制作,(2)插入“图层7”，在第160帧插入关键帧。单击【矩形工具】按钮 创建一个矩形，并将其转换为元件。(3)在“图层7”的第203帧插入关键帧，并单击【任意变形工具】按钮 使矩形覆盖整个文字。在第160帧至第203帧之间右击，在弹出的快捷菜单

11、中选择【创建形状补间动画】命令并将“图层7”设为遮罩层。(4)插入图形元件，单击【线条工具】按钮 在舞台中创建一条直线，然后在第2帧插入空白关键帧。(5)回到场景1，插入“图层8”，在第155帧插入关键帧，将直线元件拖拽至舞台中。,10.1 网页广告制作,(6)在“图层8”的第160帧和第205帧分别插入关键帧。选择第205帧，将直线平移至舞台右边，创建补间动画，如图10-23所示。,图10-23 制作移动动画,10.2 动态漫画,1.实训目的,网上流行很多用Flash制作的笑话，其形式简单、活泼。这无疑给笑话的表现形式增添了新的色彩。动态漫画就是以平时创作的漫画为基础，借助Flash软件实现

12、声像并茂的效果。这样就大大增加了漫画的喜剧效果。,10.1 网页广告制作,2.实训步骤,新建一个尺寸为“1000*646”、背景颜色为“白色”的Flash文档。在菜单栏中选择【文件】【导入】【导入到库】命令，导入素材图像“场景1-1”，所用素材见“站点实例”(FlashDemoch10动态漫画)。将其从【库】面板中拖拽至舞台，使其与舞台中央对齐。,10.1 网页广告制作,(3)按+键创建新元件，在弹出的【创建新元件】对话框中点选【图形】单选钮，然后单击【确定】按钮。(4)在工具箱中单击【文本工具】按钮，然后在舞台中单击，在【属性】面板中将颜色设为“#000000”，输入文字“PLAY”。(5)

13、选中“L”，将其颜色修改为“#990000”。,10.1 网页广告制作,(6)按+键创建新元件，在弹出的【创建新元件】对话框中点选【按钮】单选钮，然后单击【确定】按钮。将刚刚创建的文字元件拖拽至舞台，如图10-26所示。(7)在【按钮】元件的【时间轴】面板中选择【指针经过】，按键插入关键帧，单击在【时间轴】面板中的【任意变形工具】按钮，然后在【变形】面板中输入数值，如图10-27所示。按键确定。,图10-26 创建的文字元件,图10-27【变形】面板,10.1 网页广告制作,(8)在【时间轴】面板中选择【按下】，按键插入关键帧，选择【弹起】右击并在弹出的快捷菜单中选择【复制帧】命令，然后选择【

14、按下】右击并在弹出的快捷菜单中选择【粘贴帧】命令。(9)在【属性】面板的【颜色】下拉列表框中选择【Alpha】选项，【Alpha数量】设为“70%”。(10)在【时间轴】面板中选择【点击】，按键插入关键帧，然后右击，在弹出的快捷菜单中选择【粘贴帧】命令。,10.1 网页广告制作,(11)按钮元件每一个关键帧处的图像如图10-29所示。,图10-29 按钮元件每一个关键帧处的图像,10.1 网页广告制作,(12)回到场景1，在“图层1”的上方插入“图层2”，然后将按钮元件拖拽至舞台，放在右下方，如图10-30所示。,10-30 放置按钮的位置,10.1 网页广告制作,(1)在菜单栏中选择【插入】

15、【场景】命令，新建一个场景。(2)在菜单栏中选择【文件】【导入】【导入到库】命令，导入素材图像“背景纸”和“画框”，所用素材见“站点实例”(FlashDemoch10动态漫画)。(3)创建一个名为“片头”的影片剪辑。打开【库】面板，将“背景纸”拖拽至舞台，插入“图层2”，将“画框”拖拽至舞台并放置于合适位置，如图10-31所示。,10.1 网页广告制作,(4)创建一个图形元件，单击【刷子工具】按钮 绘制一个如图10-32所示的文字图形。此图形作为“动态漫画”的标题。,图10-31 拖拽图像至舞台,图10-32 绘制的文字图形,10.1 网页广告制作,(5)回到影片剪辑“片头”，在“图层1”上方

16、新建一个“图层3”，并将刚绘制好的图形拖拽至舞台中央。(6)分别将图层1、2、3的帧数延长至第60帧。选中“图层2”分别在第13、15帧处插入关键帧，选择第1帧，在【属性】面板的【颜色】下拉列表框中选择【Alpha】选项，【Alpha数量】设为“20%”。,10.1 网页广告制作,(7)选择第13帧，插入关键帧，单击【任意变形工具】按钮 将其放大一些。在【时间轴】面板中选择第1帧右击，在弹出的菜单中选择【创建补间动画】命令。选择第13帧右击，在弹出的快捷菜单中选择【创建补间动画】命令。【时间轴】面板如图10-33所示。,图10-33【时间轴】面板,图10-34 缩小图形,10.1 网页广告制作

17、,(8)选择“图层3”的第1帧将其拖拽至第15帧。(9)插入“图层4”，在第15帧插入关键帧，然后导入声音文件“声音1”。(10)在“图层3”的第17、34、39帧各插入关键帧。选择第15帧，单击【任意变形工具】按钮 将其横向缩小，如图10-34所示。(11)选择第34帧，使用【任意变形工具】按钮 将其放大，并在【属性】面板的【颜色】下拉列表框中选择【Alpha】选项，【Alpha数量】设为“0%”，如图10-35所示。,10.1 网页广告制作,(12)选择第1517帧和第3439帧分别创建补间动画，【时间轴】面板如图10-36所示。,10.1 网页广告制作,(12)选择第1517帧和第343

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

19、”影片剪辑，导入“画纸”图片并将其拖拽至舞台，插入“图层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帧。在“

20、图层1”的上方插入“图层3”，然后将图形元件“门”拖拽至舞台。,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

21、所示。,图10-51 绘制矩形,10.1 网页广告制作,(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所示。

22、在第50帧插入关键帧，选择第47帧，在【属性】面板中将【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”的上方插入

23、“图层10”，在第60帧创建关键帧。然后将“灰色”图形元件拖拽至舞台放在左侧，如图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)，分别创建右侧两个板块的动画，舞台图像如图1

24、0-58所示，中间图像对应的图层是“图层12”和“图层13”，右侧图像对应的图层是“图层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帧，分别插

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

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

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

28、25%”。选择第130帧和第140帧各创建补间动画。(32)在“图层20”的第154、156、157、161、164、166、168帧创建关键帧。选择第156帧，在【属性】面板的【颜色】下拉列表框中选择【亮度】选项，【亮度数量】设为“100”。(33)选择第157帧，在【属性】面板的【颜色】下拉列表框中选择【亮度】选项，【亮度数量】设为“-100”。,10.1 网页广告制作,(34)选择第161帧，在【属性】面板的【颜色】中选择【色调】选项，将后边的颜色设为“#FF9999”。(35)选择第166帧，在【属性】面板中将【Alpha数量】设为“0%”。(36)插入“图层21”，在第130帧插入关

29、键帧，然后导入声音“tiaoxin”。打开【编辑套索】对话框，对声音进行调试。(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帧

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

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

32、中选择【粘贴帧】命令。,图10-84 缩小元件“圆”,10.1 网页广告制作,(10)插入图形元件，单击【文本工具】按钮 输入文字，如图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 网页广告制作

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

34、)，分别创建“符号2”、“符号3”影片剪辑，并将其都拖拽至舞台。(6)同时，也为“画面2”添加幽默符号。(1)回到场景1，选择“PLAY”按钮右击，在弹出的快捷菜单中选择【动作】命令，在弹出的【动作-按钮】对话框中输入下列语句。“on(release)gotoAndPlay(场景 2,1);”,10.1 网页广告制作,(2)插入“图层2”，在第1帧右击，在弹出的快捷菜单中选择【动作】命令，然后在【动作-帧】面板中双击【stop】。(3)在菜单栏中选择【文件】【导出】【导出影片】命令，将影片进行存储。,10.3 公益广告,1.实训目的,使用Flash制作公益广告已成为网络、电视中不可缺少的一种表

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

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

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

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

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

40、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 公益广告,(

41、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)，创建图形元件“人-头”、“人-身”、“左脚”、“左腿”、“左臂”、“五官”，如图10

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

43、在舞台中由上至下拖拽鼠标。(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%，单击【颜料桶工具】按钮，将【笔触颜色】设为“

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

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

46、告,(12)将“图层5”的第100帧插入关键帧，选择第30帧，单击【任意变形工具】按钮 将其缩小，并单击【选择工具】按钮 将其向上移出舞台，如图10-137所示。在第30帧创建补间动画。,图10-137 编辑影片剪辑,10.3 公益广告,(13)插入“图层6”，在第30帧插入关键帧，单击【矩形工具】按钮 创建一个没有边框的矩形，并单击【选择工具】按钮 拖拽其边缘将其变形，如图10-138所示。,图10-138 创建遮罩图形,10.3 公益广告,(14)右击“图层6”，在弹出的快捷菜单中选择【遮罩层】命令，这样就能使“人”从酒楼的大厅里走出来了。(15)插入“图层7”，在第101帧插入关键帧。单

47、击【矩形工具】按钮，将【填充颜色】设为“D5DEA9”，然后在舞台中拖拽出和画布一样大小的无边框矩形。(16)插入“图层8”，在第101帧插入关键帧。从【库】面板中将“电线杆”图形元件拖拽至舞台，如图10-139所示。,10.3 公益广告,(17)在“图层7”的上方插入“图层9”，在第101帧插入关键帧。从【库】面板中将“车队”图形元件拖拽至舞台，在【属性】面板的【颜色】下拉列表框中选择【Alpha】选项，【Alpha数量】设为“40%”，如图10-140所示,10.3 公益广告,(18)在第105、120、131、160帧插入关键帧。选择第105帧，单击【任意变形工具】按钮 将其向右旋转，如

48、图10-141所示。第160帧重复此操作。(19)在第105、120、131帧右击，在弹出的快捷菜单中选择【创建补间动画】命令。插入“图层10”，在第101帧插入关键帧，然后将“图层9”的第105帧复制到“图层10”的第101帧，并将【属性】面板中的【Alpha数量】设为“100%”。,10.3 公益广告,(20)将“图层7”、“图层8”、“图层9”、“图层10”的帧数延长至第173帧，【时间轴】面板如图10-142所示。,10.3 公益广告,(21)插入“图层10”，在第174帧插入关键帧，将“大厅”元件拖拽至舞台并放大。插入“图层12”，在第174帧插入关键帧，将人物的脸部特写拖拽至舞台并

49、将两个图层的帧数延长至第202帧，这样形成一个局部的特写镜头，如图10-143所示。(22)插入“图层13”，在第203帧插入关键帧，然后将“酒楼”元件拖拽至舞台，在第220帧插入帧，如10-144所示。,图10-143 组合特写镜头,图10-144 拖拽“酒楼”至舞台,10.3 公益广告,(23)插入“图层14”，在第203帧插入关键帧，然后将“开车-侧”图形元件拖拽至舞台，如图10-145所示。(24)在第204、206、208、220帧插入关键帧，选择第204帧，单击【任意变形工具】按钮 将其左右变窄些；在第208帧处重复此操作；选择第220帧，单击【选择工具】按钮 将其平移出舞台左侧并

50、创建不见动画。,10.3 公益广告,(25)插入“图层15”，在第203帧插入关键帧，然后将“电线杆”图形元件拖拽至舞台。第215帧的图像如图10-146所示。,图10-145 拖拽“开车-侧”至舞台,图10-146 第215帧的图像,10.3 公益广告,(26)插入“图层16”和“图层17”，分别在第221帧处插入关键帧，从【库】面板中将“楼宇1”拖拽至舞台，如图10-147所示。分别在第260帧插入关键帧，使用【选择工具】按钮 将其右移几个像素并创建补间动画，如图10-148所示。(27)插入“图层18”，参照步骤(26)的操作将“楼宇2”拖拽至舞台并创建动画，如图10-149所示。,10