1.2 游戏网站广告动画制作

在众多网站中，有很多形形色色的商业广告。内容丰富，视觉效果极佳，所以在网站中特别抢眼，Flash 8中可以制作出很多这样的商业广告。

案例分析

游戏类网站广告动画，当然要以游戏为主。使用不同游戏中的人物形象作为动画的元件能够更好地表达出就游戏的主题。

在色彩方面，就多以颜色较为新鲜的色调为主，这样能够使动画充满活力，表现出现代人的特点，丰富页面的整体效果。

最终的效果如图1-4所示。

1.2.1 制作步骤

STEP 01 执行“文件→新建”命令，新建一个Flash文档。单击“属性”面板上的“大小”尺寸按钮，设置打开的“文档属性”（面板）的“尺寸”为“982px×210px”，“帧频”设置为“40”，其他设置如图1-8所示。

STEP 02 执行“插入→新建元件”命令，新建一个元件，设置“类型”为“图形”，“名称”为“星”，如图1-9所示。单击“工具”面板上的“椭圆形工具”按钮，设置“笔触颜色”为“无”，“填充色”为“#FFFFFF”，按住键盘上的“Shift”键，在场景中绘制一个40px× 40px的正圆，如图1-10所示。

STEP 03 单击“工具”面板上的“任意变形工具”按钮，选中场景中的图形，按住键盘上的“Alt”键，将场景中的图形调整为如图1-11所示形状。

STEP 04 单击“工具”面板上的“选择工具”按钮，选中场景中的图形，按住“Alt”键进行复制。单击“工具”面板上的“任意变形工具”按钮，选中场景中的图形，按住键盘上的“Shift”键，将场景中的图形调整为如图1-12所示形状。

STEP 05 单击“工具”面板上的“选择工具”按钮，选中场景中的图形，按住“Alt”键进行复制，如图1-13所示。

STEP 06 单击“工具”面板上的“任意变形工具”按钮，选中场景中的图形，对场景中的图形进行缩放及旋转，将场景中的图形调整为如图1-14所示形状。

STEP 07 用同样的方法制作其他元件，该元件的最终效果如图1-15所示。

STEP 08 执行“插入→新建元件”命令，新建一个元件，设置“类型”为“影片剪辑”，“名称”为“星动画”，如图1-16所示。

STEP 09 单击“时间轴”面板上的“图层1”第1帧位置，将“星”元件拖入场景中，如图1-17所示。

STEP 10 单击“时间轴”面板上的“图层1”第50帧位置，按“F6”键插入关键帧，单击第25帧位置，按“F6”键插入关键帧，单击“工具”面板上的“任意变形工具”按钮，选中图形，按住键盘上的“Shift”键，将图形等比放大，如图1-18所示。

STEP 11 单击“时间轴”面板上的“图层1”第1帧位置，设置“属性”面板上的“补间”类型为“动画”，“缓动”值为“100”，“旋转”选项为“顺时针”，旋转数为“1”，如图1-19所示，时间轴效果如图1-20所示。

STEP 12 为“动画”，“缓动”值为“-100”，“旋转”选项为“顺时针”，旋转数为“1”，如图1-21所示，时间轴效果如图1-22所示。

STEP 13 执行“插入→新建元件”命令，新建一个元件，设置“类型”为“影片剪辑”，“名称”为“人物动画”，如图1-23所示。

STEP 14 单击“时间轴”面板上的“图层1”第1帧位置，执行“文件→导入→导入到舞台”命令，将图片“CD/源文件/第1章/1.1.2.png”导入到场景中，如图1-24所示。

STEP 15 选中图片，执行“修改→转换为元件”命令，打开“转换为元件”面板，设置“类型”为“影片剪辑”，“名称”为“人物1”，如图1-25所示。

STEP 16 单击“时间轴”面板上的“图层1”第15帧位置，按“F6”键插入关键帧。单击“工具”面板上的“选择工具”按钮，将元件移至如图1-26所示位置。

STEP 17 单击“图层1”第1帧位置，执行“窗口→属性→滤镜”命令，打开“滤镜”面板，选中元件，单击“滤镜”面板上的“添加滤镜”按钮，在弹出的快捷菜单中选择“模糊”选项，设置如图1-27所示，效果如图1-28所示。

STEP 18 单击“图层1”第1帧位置，设置“属性”面板上的“补间”类型为“动画”。单击第45帧位置，按“F5”键插入帧，时间轴效果如图1-29所示。

STEP 19 用同样的方法制作其他动画效果，如图1-30所示，时间轴效果如图1-31所示。

STEP 20 单击“时间轴”面板上的“插入图层”按钮，新建“图层7”，单击“图层7”第45帧位置，按“F6”键插入关键帧，执行“窗口→动作”命令，打开“动作-帧”面板，输入“stop：()”this._parent.wenzi.gotoAndPlay(2);语句，如图1-32所示。

STEP 21 执行“插入→新建元件”命令，新建一个元件，设置“类型”为“图形”，“名称”为“文字”，如图1-33所示。

STEP 22 单击“工具”面板上的“文本工具”按钮，设置“属性”面板上的“字体大小”为“30”，“字体颜色”为“#98E2FA”，在场景中输入文字，如图1-34所示。

STEP 23 单击“工具”面板上的“文本工具”按钮，设置“属性”面板上的“字体大小”为“40”，“字体颜色”为“#98E2FA”，在场景中输入文字，如图1-35所示。

STEP 24 单击“工具”面板上的“选择工具”按钮，选中场景中的文字，执行两次“修改→分离”命令，如图1-36所示。

STEP 25 选中文字，执行“编辑→复制”命令，单击“时间轴”面板上的“插入图层”按钮，新建“图层2”，单击“图层2”第1帧位置，执行“编辑→粘贴到当前位置”命令，如图1-37所示。

STEP 26 单击“图层1”第1帧位置，单击“工具”面板上的“墨水瓶工具”按钮，设置“笔触颜色”为“#0D3567”，对场景中的图形添加笔触，如图1-38所示。

STEP 27 执行“插入→新建元件”命令，新建一个元件，设置“类型”为“图形”，“名称”为“文字”。如图1-39所示。

STEP 28 单击“时间轴”面板上的“图层1”第2帧位置，按“F6”键插入关键帧，执行“文件→导入→导入到舞台”命令，将图片“CD/源文件/第1章/1.1.8.png”导入到场景中，如图1-40所示。

STEP 29 选中图片，执行“修改→转换为元件”命令，打开“转换为元件”面板，设置“类型”为“影片剪辑”，“名称”为“文字2”，如图1-41所示。

STEP 30 单击“时间轴”面板上的“图层1”第10帧位置，按“F6”键插入关键帧。单击“工具”面板上的“选择工具”按钮，调整元件的位置，如图1-42所示。

STEP 31 单击“时间轴”面板上的“图层1”第17帧位置，按“F6”键插入关键帧，单击“工具”面板上的“任意变形工具”按钮，调整元件的位置及形状，如图1-43所示。

STEP 32 单击“时间轴”面板上的“图层1”第17帧位置，按“F6”键插入关键帧，单击“工具”面板上的“任意变形工具”按钮，调整元件的位置及形状，如图1-44所示。

STEP 33 用同样的方法制作其他帧的图形。

STEP 34 分别单击“图层1”中第2帧、第10帧、第17帧、第23帧、第29帧、第33帧和第41帧位置。设置“属性”面板上的“补间”类型为“动画”。单击第65帧位置，按“F5”键插入帧，时间轴效果如图1-45所示。

STEP 35 单击“时间轴”面板上的“插入图层”按钮，新建“图层2”，单击第47帧位置，按“F6”键插入关键帧，将“文字1”元件拖入场景，如图1-46所示。

STEP 36 单击“时间轴”面板上的“图层2”第17帧位置，按“F6”键插入关键帧，单击“工具”面板上的“选择工具”按钮，调整元件的位置，如图1-47所示。

STEP 37 用同样的方法制作其他帧的图形。

STEP 38 分别单击“图层2”中第47帧、第54帧、第58帧、第61帧位置。设置“属性”面板上的“补间”类型为“动画”，时间轴效果如图1-48所示。

STEP 39 单击“时间轴”面板上的“插入图层”按钮，新建“图层3”，单击第47帧位置，按“F6”键插入关键帧，单击“工具”面板上的“矩形工具”按钮，在场景中绘制如图1-49所示图形。

STEP 40 用鼠标右键单击“图层3”，在弹出的快捷菜单中选择“遮照层”命令，时间轴效果如图1-50所示。

STEP 41 单击“时间轴”面板上的“插入图层”按钮，新建“图层4”，单击第1帧位置，执行“窗口→动作”命令，打开“动作-帧”面板，输入“stop();”语句。单击第65帧位置，执行“窗口→动作”命令，打开“动作-帧”面板，输入“stop();”语句，时间轴效果如图1-51所示。

STEP 42 单击“时间轴”面板上的“场景1”标签，返回场景。单击“图层1”第1帧位置，执行“文件→导入→导入到场景”命令，将图片“CD/源文件/第1章/1.1.1.png”导入到场景中，如图1-52所示。

STEP 43 单击“时间轴”面板上的“插入图层”按钮，新建“图层2”， 单击第1帧位置，将“人物动画”元件拖入场景，如图1-53所示。

STEP 44 单击“时间轴”面板上的“插入图层”按钮，新建“图层3”，单击第1帧位置，将“文字动画”元件拖入场景，如图1-54所示。

STEP 45 选中元件，设置“属性”面板上的“实例名称”为“wenzi”，如图1-55所示。

STEP 46 执行“文件→保存”命令，按键盘上的“Enter+Ctrl”组合键测试动画，效果如图1-56所示。

1.2.2 案例总结

游戏广告在设计制作上需要把握以下重点。

● 使用“模糊滤镜”效果时要注意模糊的方向和大小。

● 应用“遮照”动画时要将元件对齐。

● 注意导入图片时的格式。