扩展案例
——制作招贴广告
【案例学习目标】使用遮罩层命令制作
遮罩图层，使用创建补间动画命令制作动画
效果。
【案例知识要点】使用“椭圆”工具，
绘制椭圆；使用“创建补间形状”命令和“创
建传统补间”命令，制作动画效果；使用“遮
罩层”命令，制作遮罩动画效果。
【效果所在位置】云盘/Ch08/效果/制作
招贴广告.fla，如图 1 所示。
图 1
1．导入图片并制作图形元件
（1）选择“文件 > 新建”命令，弹出
“新建文档”对话框，在“详细信息”选项
组中，将“宽”选项设为 800，“高”选项
设为 600，“平台类型”选项的下拉列表中
选择“ActionScript ”选项，单击“创
建”按钮，完成文档的创建。
（2）选择“文件 > 导入 > 导入到库”
命令，在弹出的“导入到库”对话框中，选
择云盘中的“Ch08 > 素材 > 制作招贴广
告 > 01~07”文件，单击“打开”按钮，将
文件导入到“库”面板中，如图 2 所示。
图 2
（3）按 Ctrl+F8 组合键，弹出“创建新
元件”对话框，在“名称”选项的文本框中
输入“美食 1”，在“类型”选项下拉列表
中选择“图形”选项，单击“确定”按钮，
新建图形元件“美食 1”，如图 3 所示。舞
台窗口也随之转换为图形元件的舞台窗口。
图 3
（4）将“库”面板中的位图“”
拖曳到舞台窗口中适当的位置，效果如图 4
所示。
图 4
（5）用相同方法分别将“库”面板中的
位图“04”“05”和“06”制作成图形元件
“冷饮”“美食 2”和“文字”，如图 5、图
6 和图 7所示。
图 5
图 6
图 7
2．制作遮罩动画 1
（1）单击舞台窗口左上方的“场景 1”
图标 ，进入“场景 1”的舞台窗口。
将“图层_1”图层重命名为“底图”。将“库”
面板中的位图“01”拖曳到舞台窗口中，如
图 8所示。选中“底图”图层的第 135 帧，
按 F5 键，插入普通帧。
图 8
（2）在“时间轴”面板中创建新图层并
将其命名为“咖啡”。将“库”面板中的位
图“03”拖曳到图像窗口中，并放置在适当
的位置，如图 9 所示。
图 9
（3）在“时间轴”面板中创建新图层并
将其命名为“圆形”。选择“椭圆”工具 ，
在工具箱中将“笔触颜色”设为无，“填充
颜色”设为白色，按住 Shift 键的同时在舞
台窗口中绘制一个圆形，效果如图 10 所示。
图 10
（4）选中“圆形”图层的第 25 帧，按
F6 键，插入关键帧。选中“圆形”图层的
第 1 帧，选中舞台窗口中的白色圆形，按
Ctrl+T 组合键，弹出“变形”面板，将“缩
放宽度”选项和“缩放高度”选项均设为
1%，如图 11 所示，按 Enter 键，确认图形
的缩小。
图 11
（5）用鼠标右键单击“圆形”图层的第
1 帧，在弹出的菜单中选择“创建补间形状”
命令，生成形状补间动画。在“圆形”图层
上单击鼠标右键，在弹出的菜单中选择“遮
罩层”命令，将图层“圆形”设置为遮罩的
层，图层“咖啡”为被遮罩的层，如图 12
所示。
图 12
（6）在“时间轴”面板中创建新图层并
将其命名为“美食 1”。选中“美食 1”图层
的第 25 帧，按 F6 键，插入关键帧。将“库”
面板中的图形元件“美食 1”拖曳到舞台窗
口中，并放置在适当的位置，如图 13 所示。
图 13
（7）选中“美食 1”图层的第 50 帧，
按 F6 键，插入关键帧。选中“美食 1”图
层的第 25 帧，在舞台窗口中将“美食 1”
实例水平向左拖曳到适当的位置，如图 14
所示。
图 14
（8）在图形“属性”面板中选择“色彩
效果”选项组，在“样式”选项的下拉列表
中选择“Alpha”，将其值设为 0%，效果如
图 15 所示。
图 15
（9）用鼠标右键单击“美食 2”图层的
第 25 帧，在弹出的菜单中选择“创建传统
补间”命令，生成传统补间动画。
（10）在“时间轴”面板中创建新图层
并将其命名为“美食 2”。选中“美食 2”图
层的第 35 帧，按 F6 键，插入关键帧。将“库”
面板中的图形元件“美食 2”拖曳到舞台窗
口中，并放置在适当的位置，如图 16 所示。
图 16
（11）选中“美食 2”图层的第 55 帧，
按 F6 键，插入关键帧。选中“美食 2”图
层的第 35 帧，在舞台窗口中将“美食 2”
实例垂直向下拖曳到适当的位置，如图 17
所示。用鼠标右键单击“美食 2”图层的第
35 帧，在弹出的菜单中选择“创建传统补
间”命令，生成传统补间动画。
图 17
3．制作场景动画 2
（1）在“时间轴”面板中创建新图层并
将其命名为“冷饮”。选中“冷饮”图层的
第 45 帧，按 F6 键，插入关键帧。将“库”
面板中的图形元件“冷饮”拖曳到舞台窗口
中，并放置在适当的位置，如图 18 所示。
图 18
（2）选中“冷饮”图层的第 65 帧，按
F6 键，插入关键帧。选中“冷饮”图层的
第 45 帧，在舞台窗口中将“冷饮”实例水
平向右拖曳到适当的位置，如图 19 所示。
用鼠标右键单击“冷饮”图层的第 45 帧，
在弹出的菜单中选择“创建传统补间”命令，
生成传统补间动画。
图 19
（3）在“时间轴”面板中创建新图层并
将其命名为“文字”。选中“文字”图层的
第 55 帧，按 F6 键，插入关键帧。将“库”
面板中的图形元件“文字”拖曳到舞台窗口
中，并放置在适当的位置，如图 20 所示。
图 20
（4）选中“文字”图层的第 70 帧，按
F6 键，插入关键帧。选中“文字”图层的
第 55 帧，在舞台窗口中选中“文字”实例，
在图形“属性”面板中选择“色彩效果”选
项组，在“样式”选项的下拉列表中选择
“Alpha”，将其值设为 0%，效果如图 21 所
示。
图 21
（5）用鼠标右键单击“文字”图层的第
55 帧，在弹出的菜单中选择“创建传统补
间”命令，生成传统补间动画。
（6）在“时间轴”面板中创建新图层并
将其命名为“标题”。选中“标题”图层的
第 65 帧，按 F6 键，插入关键帧。将“库”
面板中的位图“07”拖曳到舞台窗口中，并
放置在适当的位置，如图 22 所示。
图 22
（7）在“时间轴”面板中创建新图层并
将其命名为“矩形”。选中“矩形”图层的
第 65 帧，按 F6 键，插入关键帧。选择“矩
形”工具 ，在工具箱中将“笔触颜色”设
为无，“填充颜色”设为白色，在舞台窗口
中适当的位置绘制一个矩形，如图 23 所示。
图 23
（8）选中“矩形”图层的第 80 帧，按
F6 键，插入关键帧。选中“矩形”图层的
第 65 帧，选择“任意变形”工具 ，在矩
形周围出现控制点，选中矩形下侧中间的控
制点向上拖曳到适当的位置，改变矩形的高
度，效果如图 24 所示。
图 24
（9）用鼠标右键单击“矩形”图层的第
65 帧，在弹出的菜单中选择“创建补间形
状”命令，生成形状补间动画。在“矩形”
图层上单击鼠标右键，在弹出的菜单中选择
“遮罩层”命令，将图层“矩形”设置为遮
罩的层，图层“标题”为被遮罩的层，如图
25 所示。招贴广告制作完成，按 Ctrl+Enter
组合键即可查看效果。
图 24
