扩展案例
——制作美妆类动态海报
【案例知识要点】使用“导入到舞台”
命令，导入素材文件；使用“新建元件”命
令和“文本”工具，制作图形元件；使用
“创建传统补间”命令，制作文字动画；使
用“变形”面板，调整实例大小，效果如图
1 所示。
【效果所在位置】云盘/Ch14/效果/制
作美妆类动态海报.fla。
1．新建文档并制作图形元件
（1）在欢迎页的“详细信息”选项组
中，将“宽”选项设为 1242，“高”选项设
为 2208，“平台类型”选项的下拉列表中选
择“ActionScript ”选项，单击“创建”
按钮，完成文档的创建。按 Ctrl+J 组合键，
弹出“文档设置”对话框，将“舞台颜色”
设为橘黄色（#FF9900），单击“确定”按
钮，完成舞台颜色的修改。
图 1
（2）按 Ctrl+F8 组合键，弹出“创建新元
件”对话框，在“名称”选项的文本框中输
入“文字 1”，在“类型”选项下拉列表中
选择“图形”选项，如图 2 所示。
图 2
（3）单击“确定”按钮，新建图形元件
“文字 1”，如图 3 所示。舞台窗口也随之
转换为图形元件的舞台窗口。
图 3
（4）选择“文本”工具 ，在文本工具
“属性”面板中进行设置，在舞台窗口中适
当的位置输入大小为 115、字体为“方正兰
亭细黑简体”的白色文字，文字效果如图 4
所示。
图 4
（5）在“库”面板中新建一个图形元件
“文字 2”，如图 5 所示，舞台窗口也随之
转换为图形元件的舞台窗口。
图 5
（6）选择“文本”工具 ，在文本工具
“属性”面板中进行设置，在舞台窗口中适
当的位置输入大小为 50、字体为“方正兰
亭细黑简体”的白色文字，文字效果如图 6
所示。
图 6
（7）在“库”面板中新建一个图形元件
“文字 3”，如图 7 所示，舞台窗口也随之
转换为图形元件的舞台窗口。
图 7
（8）选择“文本”工具 ，在文本工具
“属性”面板中进行设置，在舞台窗口中适
当的位置输入大小为 119、字体为“方正兰
亭粗黑简体”的白色文字，文字效果如图 8
所示。
图 8
（9）用相同的方法制作图形元件“文字
4”，如图 9 所示。
图 9
（10）在“库”面板中新建一个图形元件
“唇膏”，如图 10 所示，舞台窗口也随之转
换为图形元件的舞台窗口。
图 10
（11）按 Ctrl+R 组合键，在弹出的“导
入”对话框中，选择云盘中的“Ch14 > 素
材 > 制作美妆类动态海报 > 02”文件，单击
“打开”按钮，文件被导入到舞台窗口中，
如图 11 所示。
图 11
2．制作场景动画
（1）单击舞台窗口左上方的“场景 1”图
标 ，进入“场景 1”的舞台窗口。将
“图层_1”重命名为“底图”，如图 12 所示。
图 12
（2）按 Ctrl+R 组合键，在弹出的“导
入”对话框中，选择云盘中的“Ch14 > 素
材 > 制作美妆类动态海报 > 01”文件，单击
“打开”按钮，文件被导入到舞台窗口中，
如图 13 所示。选中“底图”图层的第 90
帧，按 F5 键，插入普通帧。
图 13
（3）在“时间轴”面板中创建新图层并
将其命名为“文字 1”。将“库”面板中的
图形元件“文字 1”拖曳到舞台窗口中，并
放置在适当的位置，如图 14 所示。
图 14
（4）在“时间轴”面板中创建新图层并
将其命名为“文字 2”。将“库”面板中的
图形元件“文字 2”拖曳到舞台窗口中，并
放置在适当的位置，如图 15 所示。
图 15
（5）选中“文字 1”图层的第 10 帧，按
F6 键，插入关键帧。选中“文字 1”图层的
第 1 帧，在舞台窗口中将“文字 1”实例垂
直向上拖曳到适当的位置，如图 16 所示。
图 16
（6）在图形“属性”面板中，选择“色
彩效果”选项组，在“样式”选项下拉列表
中选择“Alpha”选项，将“Alpha 数量”设
为 0，如图 17 所示，舞台窗口中效果如图
18 所示。
图 17
图 18
（7）用鼠标右键单击“文字 1”图层的
第 1 帧，在弹出的快捷菜单中选择“创建传
统补间”命令，生成传统补间动画。
（8）选中“文字 2”图层的第 10 帧，按
F6 键，插入关键帧。选中“文字 2”图层的
第 1 帧，在舞台窗口中将“文字 2”实例垂
直向下拖曳到适当的位置，如图 19 所示。
图 19
（9）在图形“属性”面板中，选择“色
彩效果”选项组，在“样式”选项下拉列表
中选择“Alpha”选项，将“Alpha 数量”设
为 0，如图 20 所示，舞台窗口中效果如图
21 所示。
图 20
图 21
（10）用鼠标右键单击“文字 2”图层的
第 1 帧，在弹出的快捷菜单中选择“创建传
统补间”命令，生成传统补间动画。
（11）在“时间轴”面板中创建新图层并
将其命名为“唇膏”。选中“唇膏”图层的
第 10 帧，按 F6 键，插入关键帧。将“库”
面板中的图形元件“唇膏”拖曳到舞台窗口
中，并放置在适当的位置，如图 22 所示。
图 22
（12）分别选中“唇膏”图层的第 30
帧、第 50 帧，按 F6 键，插入关键帧。选中
“唇膏”图层的第 30 帧，按 Ctrl+T 组合
键，弹出“变形”面板，将“缩放宽度”选
项和“缩放高度”选项均设为 90，如图 23
所示，效果如图 24 所示。
图 23
图 24
（13）分别用鼠标右键单击“唇膏”图层
的第 10 帧、第 30 帧，在弹出的快捷菜单中
选择“创建传统补间”命令，生成传统补间
动画。
（14）在“时间轴”面板中创建新图层并
将其命名为“文字 3”。选中“文字 3”图层
的第 20 帧，按 F6 键，插入关键帧。将
“库”面板中的图形元件“文字 3”拖曳到
舞台窗口中，并放置在适当的位置，如图
25 所示。
图 25
（15）在“时间轴”面板中创建新图层并
将其命名为“文字 4”。 选中“文字 4”图
层的第 20 帧，按 F6 键，插入关键帧。将
“库”面板中的图形元件“文字 2”拖曳到
舞台窗口中，并放置在适当的位置，如图
26 所示。
图 26
（16）选中“文字 3”图层的第 30 帧，
按 F6 键，插入关键帧。选中“文字 3”图
层的第 20 帧，在舞台窗口中将“文字 3”
实例水平向左拖曳到适当的位置，如图 27
所示。
\
图 27
（17）在图形“属性”面板中，选择“色
彩效果”选项组，在“样式”选项下拉列表
中选择“Alpha”选项，将“Alpha 数量”设
为 0，如图 28 所示，舞台窗口中效果如图
29 所示。
图 28
图 29
（18）分别用鼠标右键单击“文字 3”图
层的第 20 帧、第 30 帧，在弹出的快捷菜单
中选择“创建传统补间”命令，生成传统补
间动画。
（19）选中“文字 4”图层的第 30 帧，
按 F6 键，插入关键帧。选中“文字 4”图
层的第 20 帧，在舞台窗口中将“文字 4”
实例水平向右拖曳到适当的位置，如图 30
所示。
图 30
（20）在图形“属性”面板中，选择“色
彩效果”选项组，在“样式”选项下拉列表
中选择“Alpha”选项，将“Alpha 数量”设
为 0，如图 31 所示，舞台窗口中效果如图
32 所示。
图 31
图 32
（21）分别用鼠标右键单击“文字 4”图
层的第 20 帧、第 30 帧，在弹出的快捷菜单
中选择“创建传统补间”命令，生成传统补
间动画，如图 33 所示。
图 33
（22）类动态海报制作完成，按 Ctrl+Enter
组合键即可查看效果，如图 34 所示。
图 34
