1、项目实训二：公益广告设计项目说明本项目首先进入片头动画,单击“play”按钮开始播放公益广告,出现我们曾拥有的美好生活画面(四幅图),接着切换到工业迅速发展,带来了环境污染画面,然后镜头切换到“沉鱼、落雁、闭月、羞花”四个画面,若我们能保护环境,就能回复到鸟语花香的日子。案例中主要界面效果如图 1 所示。图 1 案例中主要界面效果项目重点与难点如何设计公益广告、常用镜头和镜头切换的效果。操作步骤1介绍设计思路（1）本项目是以“爱护环境、防止污染”为主题的公益广告，环境污染一直是人们关心的一个话题,那么用怎样的动画形式表现出来,才能让人们印象深刻,起到公益广告的作用呢?我们想到了“沉鱼、落雁、闭
2、月、羞花”,这是用来形容古代四大美女的一句话,放在我们这里,刚好合适。让“活泼的鱼儿”和“沉鱼”作对比；让“翱翔的大雁”和“落雁” 作对比；让“明亮的月空”和“闭月” 作对比；让“怒放的花朵”和“羞花” 作对比。通过鲜明的对比，使人们认识到:为了我们自己和子孙后代，我们要停止污染，爱护家园，才会拥有往日的宁静和谐的生活环境。才不会出现短片中所出现的“沉鱼、落雁、闭月、羞花”那样的画面。(2)本案例的设计步骤分为几个部分：片头、活泼的鱼儿、翱翔的大雁、明亮的月空、怒放的花朵、美丽环境动画制作、污染现象、沉鱼、落雁、闭月、羞花、污染后动画效果制作和恢复美好生活环境画面的动画制作，以及声音的添加。2
3、制作片头动画（1）启动 Adobe Flash CS3 后，选择【文件】【新建】菜单项，从“常规”对话框中选择 Flash 文件（ActionScript2.0），新建一个文档，设置文档大小为 550400 象素，背景颜色为白色。（2）选择【文件】【保存】菜单项将新文档保存，命名为“公益广告”。（3）双击时间轴上的图层 1，将名字改为“bg”。选择【矩形工具】，“笔触颜色”为空，“填充色”为绿色（“#E1FE6F”），画一个高为 350，宽550 的矩形，设置其相对于舞台居中对齐，顶端对齐，并将此矩形转换成“beijing”图形元件。双击进入该元件中，将图层 1 改名为“bg1”。新建一个图层
4、，命名为“hua”。选择【椭圆工具】，将“填充色”设为深绿色（“#BDEC02”），画一个小圆，再复制 5 个，围成一个圆，就像梅花一样，选中这 5 个小圆，再复制多个，适当调整大小，随意地放在不同的位置，如图 2所示。图 2 “beijing”元件效果（4）选择【插入】【新建元件】命令，创建一个名称为“bt1”的图形元件，将图层 1 命名为“lan”。选择【矩形工具】，“笔触颜色”设为无，“填充色”为黑色，按住 shift 的同时在舞台上绘制一个正方形，复制一个，并将其旋转 45 度，用“对齐”面板中的垂直和水平中齐按钮，将它们的合并成一个多边形，选择【填充工具】，“填充色”设为“放射状”蓝
5、（“#1C51CA”）白（“#FFFFFF”）渐变，对它进行填充，然后修改填充的中心点在左上方，复制该多边形，将“lan”图层锁定。新建一个图层，命名为“shenlan”，将这一层拖动到“lan”图层的下面。将它填充颜色改为深蓝色（“#000066”），将蓝白渐变多边形放在深蓝色多边形的上方偏左几个像素，这样就能够形成立体的效果。选择【文本工具】，在“属性”面板中设置文本类型为“静态文本”，字体为“黑体”，字号为“55”，字色为“红色”，在舞台中输入“爱”字，并将它移到多边形的最上面，效果如图 3 所示。图 3 制作“bt1”图形元件（5）选择【窗口】【库】命令，将“库”面板调出。选中“bt1
6、”图形元件，单击鼠标右键，从快捷菜单中选择“直接复制”命令，新复制元件的名字为“bt2”。依照此方法继续复制 6 个图形元件，新复制元件的名字分别为“bt3”、“bt4”、“bt5”、“bt6”、“bt7”、“bt8”。分别双击进入“bt2”、“bt3”、“bt4”、“bt5”、“bt6”、“bt7”、“bt8”图形元件中，将里面的文字分别改为“护”、“环”、“境”、“保”、“护”、“家”、“园”，适当改变填充渐变的方向。效果如图 4 所示。图 4 改变文字背景的填充渐变方向（6）选择【插入】【新建元件】命令，创建一个名称为“bt”的影片剪辑元件。将图层 1 命名为“爱”。首先将“bt1”图形
7、元件实例拖入到舞台中，在第 9 帧插入关键帧，在第 47 帧插入普通帧。新建一个引导层，命名为“线1”。用【铅笔工具】在舞台上画一条带弧度的线。在第一层 1 到 9 帧之间创建补间动画，将第 1 帧上元件移动到弧线的上端，将第 9 帧上元件移动到弧线的下端。新建一个图层，命名为“护”。在第 10 帧插入空白关键帧并将“bt2”图形元件实例拖入舞台中，在第 19 帧插入关键帧，新建一个引导层，命名为“线 2”。再画一条有弧度的线。在第三层 10 到 19 帧之间创建补间动画，将第 10 帧上元件实例移动到弧线的上端，将第 19 帧上元件实例移动到弧线的下端。新建一个图层，命名为“环境”。在第 2
8、2 帧插入空白关键帧，将“bt3”拖入舞台上，放在“bt2”元件实例的右侧。接着在第 27 帧插入关键帧，将“bt4”拖入舞台上，放在“bt3”元件实例的右侧。再次新建一个图层，命名为“保护家园”。在第 32 帧插入空白关键帧，将“bt5”拖入舞台，放在“bt3”元件实例的右下方，在第 37 帧插入关键帧，将“bt6”拖入舞台，放在“bt5”元件实例的右侧。在第 42 帧插入关键帧，将“bt7”拖入舞台，放在“bt6”元件实例的右侧。在第 47 帧插入关键帧，将“bt8”拖入舞台，放在“bt7”元件实例的右侧。给 47 帧添加动作脚本：“stop（）；”，效果如图5 所示。图 5 片头动画和帧
9、图（7）回到主场景中，将“bt”影片剪辑拖入“bg”图层舞台外的左上角处，在第 84 帧插入空白关键帧。新建一个图层，命名为“黑条”。画一个宽 550，高为 50 的矩形，“填充色”为黑色。将它放到场景的底部，刚好和“beijing”图形元件实例连接在一起，然后将此层锁定。（8）新建一个名字为“解说 1”影片剪辑，在其中制作帧帧动画，让每隔一帧上出现一个字“曾经我们拥有”，在末帧上添加动作脚本“stop();”，帧设置和最后效果如图 6 所示。图 6 “解说 1”影片剪辑的帧效果与文字效果（9）回到主场景中，新建一个名字为“文字”的图层，在第 84 帧插入关键帧后，将“解说 1”影片剪辑从库中
10、拖放在舞台的中上部。（10）新建一个图层，命名为“按钮”层。在第 60 帧插入空白关键帧，在舞台右下角输入绿色（“#CCFF00”）的文字“play”，并将它转换为“播放”按钮元件。双击进入其中，在“指针经过”帧插入关键帧，将其颜色设置为橙色（“#FF9900”）。在“点击”帧插入关键帧，画一个能覆盖住文字的矩形。回到主场景，给 60 帧添加动作脚本，如图 7 所示。在第 84 帧插入空白关键帧。图 7 第 83 帧上的动作脚本（11）单击“库”面板左下角的“新建文件夹”按钮 ，命名为“片头”。如图 8 所示。将“bt”“影片剪辑元件、“解说 1”影片剪辑元件和“bt1”、“bt2”、“bt3
11、”、“bt4”、“bt5”、“bt6”、“bt7”、“bt8”图形元件拖动到“片头”文件夹里。图 8 “库”面板中新建文件夹3制作“活泼的鱼儿”画面（1）将“bg”层锁定，在其上方新建一个名字为“鱼”的图层，画一个边框为黑色，无填充色，高为 350，宽为 550 的矩形。并将其转换为“fish1”的影片剪辑元件。双击进入此元件，将图层 1 命名为“bg”。再将矩形转换为“fishbg”图形元件，双击进入该元件，将图层 1 命名为“蓝白背景”。用【铅笔工具】在矩形中间画一条波浪线，填充自上而下的蓝（“#29A2FD”）白（“#FFFFFF”）“线性”渐变，占矩形的一半，如图 9 所示，双击矩形的
12、黑边框，按 Delete 键将其删除。新建一个图层，将图层 2 命名为“波浪 1”。用铅笔工具画一个波浪形的海水，填充青色（“#6EDEE0”）到青白色（“#DDF0F4”）“线性”渐变，各颜色值都设 60%的透明度。再新建一个图层，将图层 3 命名为“波浪 2”，再画一个如“波浪 1”形状有所不同的海水。效果如图 10 所示。图 9 蓝白渐变背景 图 10 两个波浪的形状（2）选择【插入】【新建元件】命令，创建一个名称为“lanyu”的影片剪辑元件。用【钢笔工具】和【填充工具】绘制出一条小蓝鱼，如图 11 所示。新建一个“qipao”图形元件，将主场景设为黑色背景，用【椭圆工具】画一个无填充
13、色、白色边线的圆，再用笔刷工具在左上角绘制一个高亮度。接着新建一个“qipaopiao”影片剪辑元件，将库中的“qipao”图形元件实例拖到舞台中，在 4、8、16、26 和 40 帧分别插入关键帧，将各帧上的对象向左上方和右上方拖动。选中这一层，创建补间动画，将第 40 帧上的气泡设为透明度为0。帧效果如图 12 所示。然后将主场景设为白色背景。图 11 蓝鱼 图 12 气泡上升效果和帧图（3）新建一个“lanyuyou”的影片剪辑元件，将图层 1 命名为“小鱼”。将“lanyu”拖到舞台中，在 45 帧插入关键帧，在第 1 帧到 45 帧之间创建补间动画，新建一个引导层，命名为“线”。用【
14、铅笔工具】画一条曲线，选中图层一的第 1 帧，拖动“lanyu”吸附到直线的一端，选中 45 帧，使“lanyu”吸附到直线的另一端。然后在引导层的上方再新建一个图层，命名为“气泡”。将“qipaopiao”影片剪辑拖到小鱼的嘴边两三个，并调整它们的大小。提示：若希望出现的小鱼品种多一点，就要依照上述方法多创建几个不同颜色的小鱼，并制作动画。（4）回到“fish1”的影片剪辑中，新建一个图层，命名为“鱼游”。将“lanyuyou”的影片剪辑元件拖入舞台中 3 个，让其中一条小鱼水平翻转，这样可以改变它游动的方向。把当前的图层 1 和图层 2 锁定，再次新建一层，命名为“水草”。用【刷子工具】画
15、出绿色的水草和海螺，效果如图 13 所示。图 13 “fish1”的影片剪辑制作（5）新建一个名称为“鱼字”影片剪辑元件，在第 1 帧上输入“蔚蓝的海水，活泼的小鱼”几个字，在第 10 帧插入关键帧，并给它加上动作：“stop();”，在第 1 帧和 10 帧之间创建补间动画。改变第 1 帧上对象的透明度为 0%。（6）单击“库”面板左下角的“新建文件夹”按钮，命名为“yu1”。将“lanyuyou”影片剪辑元件、“qipao”图形元件、“fishbg”图形元件、“qipaopiao”影片剪辑元件、“lanyu”和“fish1”影片剪辑元件拖动到“yu1”文件夹里。4制作“翱翔的大雁”画面（1
16、）新建一个“蓝天和海”图形元件，用【钢笔工具】和【刷子工具】绘制一个与舞台相同大小的大海和蓝天的效果，如图 14 所示。新建一个“沙滩和椰树”图形元件，用【钢笔工具】和【填充工具】绘制出椰树和沙滩的样子，如图 15 所示。图 14 蓝天和海 图 15 沙滩和椰树（2）新建一个“大雁”的影片剪辑元件，【铅笔工具】、【直线工具】和【刷子工具】绘制大雁，如下图 16 所示。从第 1 帧到第 6 帧各帧上大雁的翅膀变化。这样 6 帧就可以让大雁动起来了。图 16 大雁展翅的变化（3）新建一个名字为“雁和天空”的影片剪辑元件，将图层 1 命名为“海”。将“库”面板中的“蓝天和海”图形元件拖入到舞台中，在
17、第 50 帧插入帧。新建一个图层，命名为“雁 1”。将“大雁”影片剪辑元件拖到舞台中，放在大海的右侧，在第 30 帧插入关键帧，将大雁拖到大海的左外侧。在第 1 帧和30 帧之间创建补间动画。依照此方法，再新建 4 层，分别命名为“雁 2”、“雁 3”、“雁 4”、“雁 5”，接着向这 4 个图层分别拖入舞台中 4 个“大雁”影片剪辑，并为它们创建补间动画，最后新建一个图层，命名为“椰树”。将“沙滩和椰树”图形元件拖入到舞台大海的左侧，效果如图 17 所示。图 17 大雁飞翔帧效果图（4）单击“库”面板左下角的“新建文件夹”按钮，命名为“雁”。将“雁和天空”的影片剪辑元件、“大雁”影片剪辑元件
18、、“沙滩和椰树”图形元件和“蓝天和海”图形元件拖动到“雁”文件夹里。（5）新建一个名称为“雁字”影片剪辑元件，在第 1 帧上输入“美丽的芭蕉树，自由翱翔的大雁”几个字，在第 11、21 和 35 帧分别插入关键帧。然后单击此图层，在帧上右键选择“创建补间动画”命令，将每个关键帧上的元件实例都设上不同的颜色，并给 35 帧加上动作：“stop();”，如图 18 所示。图 18 “雁字”影片剪辑的帧设置5制作“明亮的月空”画面（1）新建一个“star”图形元件，用【铅笔工具】和“变形”面板中的“复制并应用变形”命令制作出星星的效果。新建一个“starmove”影片剪辑元件，在第 1 帧将“sta
19、r”图形元件拖到舞台中，在第 13 帧插入关键帧，在第1 帧和 13 帧之间创建补间动画。在“属性”面板中设置顺时针旋转 2 次。新建一个“月 0”图形元件，绘制一个黄色的圆，并对它进行柔化填充边缘，在弹出的对话框中，设置距离为：20 像素，步骤数为 50，方向为扩展，制造出光晕效果，如图 19 所示。图 19 星星和月亮效果图（2）新建一个“月动”影片剪辑，将“月 0”图形元件拖到舞台中，在第8 帧和 16 帧分别插入关键帧，选中这一层，创建补间动画。将第 8 帧上的元件实例放大 10 个像素。（3）新建一个“月亮”的影片剪辑元件，将图层 1 命名为“蓝背景”。选择【矩形工具】，填充色为深蓝
20、（“#000066”）到浅蓝（“#0066CC”）的“线性”渐变，在舞台上画一个 550400 的矩形。新建一个图层，命名为“月”。将“库”面板中的“月动”影片剪辑拖到舞台中。选择【刷子工具】，“填充色”为白色，在矩形上刷出一些点，制造星空效果。新建一个图层，命名为“星”。将“库”面板中的“starmove”影片剪辑元件拖入到舞台中 5 个，适当调整其大小和位置，效果如图 20 所示。图 20 星空与月亮（4）单击“库”面板左下角的“新建文件夹”按钮，命名为“月”。将“月 0”图形元件、“starmove”影片剪辑元件、“月动”影片剪辑、“月亮”影片剪辑元件和“star”图形元件拖动到“月”文
21、件夹里。（5）新建一个名称为“月字”影片剪辑元件，在第 1 帧上输入“深遂的夜空，皎洁的月光”几个字，在第 15、35 和 55 帧分别插入关键帧，然后单击此图层，在帧上右键选择“创建补间动画”命令，改变第 1 帧上对象的透明度为0%，将 15、35 和 55 帧上的元件实例都设上不同的颜色。并给 55 帧加上动作：“stop();”。6制作“盛开的花朵”画面（1）新建一个“flower1”图形元件，用【钢笔工具】和“变形”面板中的“复制并应用变形”命令制作出小花的效果，如图 21 所示。新建一个“flowerdong”影片剪辑元件，在第 1 帧将“flower1”图形元件拖到舞台中，在第 2
22、0 帧插入关键帧，在第 1 帧和 20 帧之间创建补间动画。在“属性”面板中设置逆时针旋转 2 次。新建一个“叶子”图形元件，用【钢笔工具】绘制出绿色的草叶，效果如图 22 所示。图 21 flower 图 22 “叶子”元件（2）新建一个“鲜花”影片剪辑元件，将图层 1 命名为“背景”。绘制一个与舞台相同大小的矩形，填充为蓝色（“#3399FE”）到淡蓝色（“#C7E2FF”）的“线性”渐变。新建一个图层，命名为“叶”。将“叶子”拖到矩形的下方，适当调整大小和位置。然后新建一个图层，命名为“花”。将“flower1”图形元件和“flowerdong”影片剪辑元件拖到舞台中多个，可以用【任意变
23、形工具】将有些花朵扭曲变形一下。再新建一个图层，命名为“云”。用【椭圆工具】绘制出云彩的效果。为了增加美感，再新建一个图层，命名为“絮”。添加一些花絮，如图 23 所示。图 23 “鲜花”影片剪辑（3）单击“库”面板左下角的“新建文件夹”按钮，命名为“花”。将“叶子”图形元件、“flowerdong”影片剪辑元件、“鲜花”的影片剪辑元件和“flower1”图形元件拖动到“花”文件夹里。（4）新建一个名称为“花字”影片剪辑元件，在第 1 帧上输入“蓝蓝的天空，怒放的花朵”几个字，在第 11、21 和 35 帧分别插入关键帧，然后单击此图层，在帧上右键选择“创建补间动画”命令，将每个关键帧上的元件
24、实例都设上不同的颜色。并给 35 帧加上动作：“stop();”。7美丽环境动画制作（1）回到主场景，选中“鱼”图层，将第 1 关键帧移动到 115 帧，在第135 帧插入关键帧，并在 115 帧和 135 帧之间创建补间动画。改变第 115 帧的透明度为 0。在 198 帧插入空白关键帧。新建一个图层，命名为“雁”。在198 帧插入空白关键帧，将“雁和天空”影片剪辑拖到舞台中，在 279 帧插入空白关键帧。新建一个图层，命名为“月”。在 279 帧插入空白关键帧，将“月亮”影片剪辑拖到舞台中，在 339 帧插入空白关键帧。新建一个图层，命名为“花”。在 339 帧插入关键帧，将“鲜花”影片剪
25、辑拖到舞台中，在 420帧插入空白关键帧。（2）选择主场景中的“黑条”层，在第 1105 帧插入普通帧。选择主场景中的“文字”层，在第 115 帧插入空白关键帧，将“鱼字”影片剪辑拖到舞台下方的黑条上。在 198 帧插入空白关键帧，将“雁字”影片剪辑拖到舞台下方的黑条上。在 279 帧插入空白关键帧，将“月字”影片剪辑拖到舞台下方的黑条上。在 339 帧插入空白关键帧，将“花字”影片剪辑拖到舞台下方的黑条上。提示：1.要在第 1105帧插入普通帧，但因 为还没有才制作到 400 多帧， 1105帧若不出现，则先在 800帧先插入普通帧，就可看到 1105帧，然后再插入普通帧即可。 2.两幕动画
26、之间可以加一下遮罩的切换效果，切 换的时候不会太突然，比较好看一些。8制作“污染现象”画面（1）新建一个“工厂”图形元件，用【直线工具】和【填充工具】绘制出工厂的效果。如 24 左图所示。接着新建一个“废气”图形元件，选择本案例对应的素材文件夹中的烟图片文件“cloud.png”，将其导入到舞台上，效果如24 右图所示。新建一个“气动”影片剪辑元件，将“废气”图形元件拖到舞台中，在第 50 帧插入关键帧，在第 1 帧和 50 帧之间创建补间动画，并将 50 帧上的对象放大 2 倍。图 24 “工厂”与“废气”元件（2）新建一个“烟动”影片剪辑元件，将图层 1 命名为“工厂 1”。将“工厂”图形
27、元件拖到舞台中，在第 25 帧插入关键帧，在第 1 帧和 25 帧之间创建补间动画。将第 1 帧上元件实例的中心点调节到底部后，将高度设为 12，在第 56 帧插入帧。新建一个图层，命名为“工厂 2”。在第 22 帧插入空白帧后，将“工厂”图形元件拖到舞台中，在“属性”面板中调节它的色调为紫色（“#666699”），接下来的动画制作同“工厂 1”图层。然后再新建一个图层，命名为“工厂 3”。在第 39 帧插入空白帧后，将“工厂”图形元件拖到舞台中，在“属性”面板中调节它的色调为橘红色（“#FF6600”），接下来的动画制作同“工厂 1”图层。再次新建一个图层，命名为“浓烟”。在第 26 帧插入
28、空白帧后，将“气动”影片剪辑拖动到“工厂 1”元件实例的上方。在第 42 帧插入关键帧后，将“气动”影片剪辑拖动到“工厂 2”元件实例的上方。在第 56 帧插入关键帧后，将“气动”影片剪辑拖动到“工厂 3”元件实例的上方，并给56 帧添加动作：“stop();”，效果如图 25 所示。图 25 “烟动”影片剪辑（3）新建一个名字为“一条污水”的图形元件，用【直线工具】和【填充工具】绘制出河流污染的效果，形状如 66 库面板中所示，再用【画笔工具】绘制一些碎屑。接着在 3、5、7、9 分别插入关键帧，并适当改变它们的形状。（4）新建一个名字为“污水”的影片剪辑元件，将“一条污水”的图形元件拖到舞
29、台中，在第 20 帧插入关键帧，保持图形左上角不动的情况下，将它向右下角放大一些。在第 1 帧和 20 帧创建补间动画。将库中“污水”影片剪辑元件复制出来一个，名字为“污水 2”。将第 1 和 20 帧上的对象顺时针旋转 30度，把第 20 帧移到 22 帧，并将它放大一定的比例。（5）新建一个“污染动画”影片剪辑元件，将图层 1 命名为“工厂和浓烟”。将“烟动”影片剪辑元件拖到舞台中，在第 100 和 105 帧插入关键帧，将105 帧上的对象向上移到约 150 个像素，在第 100 帧和 105 帧创建补间动画，在 130 帧插入帧。新建一个图层，命名为“污水”。将它移动到的“工厂和浓烟”
30、图层的下方，在第 105 帧插入关键帧，将“污水”和“污水 2”影片剪辑元件拖到“烟动”影片剪辑元件下方 2、3 个，制造工厂污水流动效果，如图26 所示。新建一个图层，命名为“代码”，在 130 帧插入关键帧，添加动作：“stop();”。图 26 污水流动效果（6）新建一个名称为“后来”影片剪辑元件，在其中输入“但是，现在”。新建一个名称为“环境文字”影片剪辑元件，输入“工业迅速发展，人们的生活条件好了，生态环境却变了”，在第 100 帧插入关键帧，并将它向左端平行移动一段距离，在第 1 帧和 100 帧之间创建补间动画，并给 100 帧加上动作：“stop();”。（7）新建一个名称为“
31、污染的波纹”图形元件，绘制一个像云彩一样的灰色波纹。如图 27 所示。图 27 污染的波纹（8）单击“库”面板左下角的“新建文件夹”按钮，命名为“污染现象”。将“污染动画”影片剪辑元件、“一条污水”的图形元件、“烟动”影片剪辑元件、“工厂”图形元件、“废气”图形元件、“气动”影片剪辑元件、“污水”和“污水 2”影片剪辑元件拖放到“污染现象”文件夹里。9制作“沉鱼”画面（1）将库中的“fish1”影片剪辑元件，直接复制一份，名字为“fish2”，双击进入其中，将“鱼”图层删掉。（2）新建一个名字为“鱼落”的影片剪辑元件，将“lanyu”影片剪辑拖到舞台中，在第 6 帧插入关键帧，并将此帧上的元件
32、实例水平翻转，在第 1 帧和 6 帧之间创建补间动画。新建一个引导层，在第 6 帧插入关键帧，画一条从右向左下方运动的直线，在 20 帧插入帧。选中第一层第 15、20 帧插入关键帧，并在第 6 帧和 15 帧之间、第 15 帧和 20 帧之间创建补间动画。设置第 6 帧对象吸附到引导层直线的右端点，第 15 帧对象吸附到引导层直线的中间，第 20 帧对象吸附到引导层直线的左端点。在第 29 帧插入关键帧，第 41 帧插入空白关键帧，画一条鱼骨。在第 29 帧和 41 帧之间创建补间形状，并给 41 帧加上动作：“stop();”，效果如图 28 所示。图 28 “鱼落”影片剪辑的帧效果图10
33、制作“落雁”画面（1）将“大雁”影片剪辑直接复制一个“雁子 luo”元件，删掉其中的第3 和第 5 帧。将“库”面板中的“雁和天空”影片剪辑元件，直接复制一份，名字为“雁和天空 2”，双击进入其中，将“海”图层和“椰树”层保留，其它层全部删掉。（2）在“海”图层的上方，新建一个图层，命名为“落雁 1”。将“雁子luo”影片剪辑拖到舞台的外面上右侧，在 11 帧插入关键帧，将此帧上元件实例移进舞台，在 15 帧插入关键帧，向下移动约 10 个像素，在 19 帧插入关键帧，向上移动约 13 个像素，在 22 帧插入关键帧，向下移动海水下方。在 25 帧插入关键帧，选中整个图层，设置“创建补间动画”
34、。并将 25 帧上的对象设置透明度为 0%，效果如图 29 所示。图 29 一个大雁落海时各帧对应的位置图提示：这里的动画是为了制造大雁想飞但飞不上去，后来掉落大海的效果。（3）依照第二步的方法，再创建四个图层，分别命名为“落雁 2”、“落雁 4”、“落雁 5”，制作四个大雁在飞行中由于受到环境污染而掉到海里的现象。在“椰树”层上面新建一个图层，命名为“代码”。在第 50 帧插入空白关键帧并添加动作脚本：“stop();”，具体帧效果如图 30 所示。图 30 “雁和天空 2”影片剪辑的帧效果图11制作“闭月”画面选择“库”面板中的“月亮”影片剪辑元件，直接复制一个名字为“月亮2”的影片剪辑元
35、件，双击进入其中，将“月”图层中的月亮删掉。12制作“羞花”画面选择“库”面板中的“鲜花”影片剪辑元件，直接复制一个名字为“鲜花2”的影片剪辑元件，双击进入其中，将它的“花”层删掉。新建一个名字为“flower0”的影片剪辑元件，将“flower1”图形元件拖入舞台，在第 15 帧插入关键帧，然后在第 1 和 15 帧之间创建补间形状，将 15 帧上的元件实例缩小到最小，并给 15 帧添加动作：“stop();”。13制作“共建美好的家园”画面新建一个名字为“zuihou”的影片剪辑元件，将图层 1 命名为“背景”。将“雁和天空”影片剪辑拖到舞台中。新建一个图层，命名为“鱼”。将“lanyuy
36、ou”拖到舞台的海水中 3 个。新建一个图层，命名为“花”。将“叶子”图形元件和多个“flowerdong”影片剪辑和“flower1”图形元件拖到沙滩上，效果如图 31 所示。图 31 “zuihou”影片剪辑元件的效果图14污染后动画制作（1）回到主场景中，在“文字”层的第 420 帧插入空白关键帧，将“库”面板中的“后来”影片剪辑拖到舞台上，在第 457 帧插入空白关键帧，将“环境文字”影片剪辑拖到舞台下端黑条的右侧。（2）选择“花”层，新建一个命名为“污染”的图层，在第 457 帧插入空白关键帧，将“污染动画”影片剪辑拖到舞台下部。在第 578 帧插入空白关键帧。（3）新建一个图层文件
37、夹，命名为“沉鱼”。新建一个图层，命名为“背景”，在第 578 帧插入空白关键帧，将“fish1”影片剪辑拖到舞台上，在第607 和 623 帧插入关键帧，在两帧之间创建补间动画，并将 623 帧上的对象放大到是原来的 2 倍。第 670 插入空白关键帧，将“fish1”影片剪辑拖到舞台上，将它的色调设置为灰色，透明度为 50%。在第 734 帧插入空白关键帧。（4）新建一个图层，命名为“鱼落”，在第 670 插入关键帧，将“鱼落”影片剪辑拖到舞台中偏右一些，在第 734 帧插入空白关键帧。（5）然后再新建一个图层，命名为“污染的波纹”，在第 578 帧插入空白关键帧，将“污染的波纹”图形元件
38、拖到舞台外边右侧，设置它的色调为土黄色（“#764701”），透明度为 0%。如图 32 所示。在第 607 帧插入关键帧，将它向左放大一定比例。在 623 帧插入关键帧，将它放在到更大，要覆盖住舞台，在 578 帧和 607 帧之间、在 607 帧和 623 帧之间创建补间动画，在第 734 帧插入空白关键帧。图 32 “污染的波纹”图层和帧的设置（6）新建一个图层，命名为“鱼骨”，在第 705 插入关键帧，在舞台下端画几条鱼的白骨，在第 734 帧插入空白关键帧，效果如图 33 所示。提示：这四层若同时在第 734帧上停止，不再 显 示，可分 别对每一层进行设置插入空白关键帧，也可同时选中
39、这四层的第 734帧，一齐插入空白关键帧。图 33 沉鱼效果（7）选中“沉鱼”文件夹，在它上面新建一个图层文件夹，命名为“落雁”。新建一个图层，命名为“雁和天空 2”，将它拖到“落雁”文件夹里，在第734 帧插入空白关键帧，将“雁和天空 2”影片剪辑拖到舞台中，适当调整它的位置。在第 781 帧插入空白关键帧。（8）新建一个图层，命名为“污染的波纹”，在第 734 帧插入空白关键帧，将“污染的波纹”图形元件实例拖到舞台外边左上方，设置颜色为：“色调”、黑色、82%”，如图 34 所示。在第 780 帧插入关键帧，将它向右放大一定比例，要覆盖住舞台，在 734 帧和 780 帧之间创建补间动画，
40、在第 781 帧插入空白关键帧，帧效果如图 35 所示。图 34 第 734 帧上污染波纹的位置和颜色设置图 35 落雁文件夹帧效果及波纹形状的变化（9）选中“落雁”文件夹，在它上面新建一个图层文件夹，命名为“闭月”。在该文件夹中新建一个图层，命名为“落雁”。在第 780 帧插入空白关键帧，将“月亮”影片剪辑拖到舞台中，设置相对于场景，左端对齐，上端对齐，如图 36 所示。在第 810 帧插入空白关键帧，将“月亮 2”影片剪辑拖到舞台中，设置相对于场景，左端对齐，上端对齐。在第 858 帧插入空白关键帧。图 36 对齐面板（10）新建一个图层，命名为“月亮”。在第 810 帧插入空白关键帧，将
41、“月 0”图形元件拖到舞台中，在第 838 帧插入关键帧，在 810 帧和 838 帧之间创建补间动画，选择第 838 帧上的“月 0”图形元件实例，将“属性”面板中的颜色设为“色调、灰色、82%”，在第 858 帧插入空白关键帧。（11）新建一个图层，命名为“污染的波纹”。在第 781 帧插入空白关键帧，将“污染的波纹”图形元件实例拖到舞台外边左上方，将“属性”面板中的颜色设为：“色调、黑色、82%”。在第 802 帧插入关键帧，将它向右放大一定比例，要覆盖住舞台，在 781 帧和 802 帧之间创建补间动画，在第 858 帧插入空白关键帧，效果如图 37 所示。图 37 闭月的帧和图形效果
42、图（12）选中“闭月”文件夹，在它上面新建一个图层文件夹，命名为“羞花”。新建一个图层，命名为“背景”。在第 858 帧插入空白关键帧，将“鲜花”影片剪辑拖到舞台中，在第 885 和 947 帧插入关键帧，在 885 和 947 帧之间创建补间动画。将 947 帧上的元件实例放大到原来的 2 倍，第 948 帧插入空白关键帧。将“鲜花 2”影片剪辑拖到舞台中，适当调整它的大小，并设置它的 X、Y 的坐标值与 947 帧上元件实例的坐标值相同，在 983 帧插入空白关键帧。（13）新建一个图层，命名为“污染的波纹”。在第 858 帧插入空白关键帧，将“污染的波纹”图形元件实例拖到舞台外边右上方，
43、将“属性”面板中的颜色设为：“色调、黑色、82%”。在第 879 帧插入关键帧，将它向左放大一定比例，要覆盖住舞台，在 858 帧和 879 帧之间创建补间动画，在第 983 帧插入空白关键帧，效果如图 38 所示。图 38 “污染的波纹”放大的效果（14）将“污染的波纹”层和“背景”层锁定，并且只显示“背景”层的轮廓。新建一个图层，命名为“花”，将它拖动到“污染的波纹”图层的下方。在第 947 帧插入空白关键帧，将“flower0”的影片剪辑元件拖到舞台中多个，如图 39 所示，适当调整其扭曲度和大小，使其与“背景”层上的花重合。然后将第 947 帧移动到第 948 帧，在 983 帧插入空
44、白关键帧。图 39 “flower0”影片剪辑在舞台上的位置（15）在“文字”层的第 578 帧插入空白关键帧，在舞台下部的黑条上输入“沉鱼”两个字。在第 734 帧插入关键帧，将字改为“落雁”。在第 781 帧插入关键帧，将字改为“闭月”。在第 858 帧插入关键帧，将字改为“羞花”。在第 983 帧插入空白关键帧，在舞台中央输入“请停止污染，爱护我们的家园！”。在第 1023 帧插入关键帧，再输入文字“回到那没有污染的日子！”，第1058 帧插入空白关键帧。（16）选中“羞花”文件夹，在它的上方新建一个图层，命名为“恢复美好环境”层。在第 1058 帧插入空白关键帧，将“zuihou”影片
45、剪辑拖到舞台中，在 1105 帧插入普通帧。（17）选择“按钮”图层，在 1105 帧插入关键帧，输入绿色的文字“replay”，并将其转换为“重播”按钮元件，双击进入其中，在“指针经过”帧插入关键帧，将文字颜色改为橙色，在“点击”帧插入关键帧，画一个能覆盖住文字的矩形。返回到主场景中，给 1105 帧关键帧输入动作脚本：“stop();”，然后给“重播”按钮元件添加动作，如图 40 所示。图 40 “重播”按钮的动作脚本15添加声音选择【文件】【导入】命令，导入两个声音文件：“happy.mp3”和“shanggan.mp3”。新建一个图层，命名为“声音”。在第 84 帧插入空白关键帧，将“
46、happy.mp3”拖到舞台中。在第 457 帧插入空白关键帧，将“shanggan.mp3”拖到舞台中。在 1105 帧插入关键帧，给它添加动作：“stopAllSounds();”。16整理作品双击“库”中的“类型”，使所有元件按类型排列，把相似的元件放入一个文件夹中来管理，里面共有 6 个文件夹，最后每个文件夹中放置的元件如图41 所示，“库”中所有元件如图 42 所示，主场景的图层关系如图 43 所示。图 41 “库”中的文件夹及其中的元件图 42 “库”面板中元件 图 43 图层效果图至此我们的“环境污染”公益广告就制作完成了，按 Ctrl+Enter 键看一下效果吧，不要忘记保存呀
47、。项目小结1. 公益广告的设计思路环 境污染动画短片创作具有很强的代表性。由于短片可能在网上和电视中播放，因此制作出来的动画要适合各种年龄和身份，所以动画的界面要明亮大方，通俗直观， 同时又要兼顾轻松幽默，切不可只是说教和简单的图示化，各方面的因素都要仔细思考。考虑到播放效果的要求，我们案例中涉及到的全部内容都是在 Flash 中制作完成的，这样可使文件体积减小。现在涉及到环境保护方面的动画有很多，怎样才能让自己的作品与众不同呢？我们选择了古代形容四大美女的“沉鱼落雁闭月羞花”8 个字来表现被污染的环境。根据这样的设计思路，动画总共分为九大部分：快活的鱼、飞翔的大雁、明亮的月空、盛开的花朵、污
48、染现象、沉鱼、落雁、闭月、羞花。这样，人们看了动画之后，就会记忆深刻，不易忘记了。2. Flash 动画中的常用镜头摇镜头：当使用摇镜头时，在场景中从一个方向移到另一个方向。它可以是从左到右摇,从右到左摇，也可以是从上到下摇,或者从下到上摇。推/拉镜头：关系到对图像进行大小的缩放。你能对一个物体进行推镜头以观察某个特定的部分，也可以用拉镜头向观众展示全部的景象。对一个物体用推镜头，必须把舞台上的所有元素都以相同的速度放大。用拉镜头，必须缩小影像显示完整的图像。3. 镜头切换的效果设定切换镜头：在电影制作中,切换的转换方式是最常用的，它不仅仅是一种转换方式。切换镜头能让你的影片不至于很快变得单调乏味。在 3 到 5 秒钟后，经常给观众以新的影像和角度刺激很重要。镜头切换有几种方式：（1）黑屏：用全黑的设置方式 5 帧，由第一个画面进入第二个画面。（2）模糊：将第一个画面模糊，第二个画面逐渐出现。（3）部分显示：使用遮罩方法，用一些圆或菱形、花形来遮罩显示出第二个画面。
