扩展案例——绘制咖啡标
【案例学习目标】使用不同的绘图工具
绘制图形。
【案例知识要点】使用“椭圆”工具、
“基本矩形”工具、“矩形”工具、“钢笔”
工具、“线条”工具、“多角星形”工具，来
完成咖啡标的绘制，如图 1 所示。
【效果所在位置】云盘/Ch03/效果/绘
制咖啡标.fla。
图 1
（1）选择“文件 > 新建”命令，弹出
“新建文档”对话框，将“宽”选项设为
284，“高”选项设为 284，“平台类型”选
项的下拉列表中选择“ActionScript ”选
项，如图 2 所示。
图 2
（2）单击“创建”按钮，完成文档的创
建，如图 3 所示。
图 3
（3）将“图层_1”重命名为“圆形”，如
图 4 所示。
图 4
（4）选择“椭圆”工具 ，在工具箱中
将“笔触颜色”设为无，“填充颜色”设为
深紫色（#661738），单击工具箱下方的“对
象绘制”按钮 ，按住 Shift 键的同时，在
舞台窗口中绘制 1 个圆形，如图 5 所示。
图 5
（5）选择“选择”工具 ，在舞台窗口
中选中圆形，在“属性”面板“对象”选项
卡中，将“宽”选项和“高”选项均设为
252，“X”选项和“Y”选项均设为 16，如
图 6 所示，效果如图 7 所示。
图 6
图 7
（6）单击“时间轴”面板上方的“新建
图层”按钮 ，创建新图层并将其命名为
“杯体”。选择“基本矩形”工具 ，在工
具箱中将“笔触颜色”设为无，“填充颜
色”设为橘红色（#FF5451），在舞台窗口中
绘制 1 个矩形，如图 8 所示。
图 8
（7）保持图形的选取状态，在矩形图元
“属性”面板中，将“宽”选项设为 121，
“高”选项设为 94，“X”选项设为 79，
“Y”选项设为 121，其他选项的设置如图 9
所示，效果如图 10 所示。
图 9
图 10
（8）单击“时间轴”面板上方的“新建
图层”按钮 ，创建新图层并将其命名为
“手柄”。选择“基本矩形”工具 ，在
“属性”面板“对象”选项卡中，将“笔触
颜色”设为无，“填充颜色”设为橘红色
（#EA5550），“笔触”选项设为 ，在舞
台窗口中绘制 1 个矩形，如图 11 所示。
图 11
（9）保持图形的选取状态，在矩形图元
“属性”面板中，将“宽”选项设为 70，
“高”选项设为 45，“X”选项设为 169，
“Y”选项设为 141，其他选项的设置如图
12 所示，效果如图 13 所示。
图 12
图 13
（10）在“时间轴”面板中将“杯体”图
层拖曳到“手柄”图层的上方，如图 14 所
示，效果如图 15 所示。
图 14
图 15
（11）单击“时间轴”面板上方的“新建图
层”按钮 ，创建新图层并将其命名为“吊
牌”。选择“矩形”工具 ，在工具箱中将
“笔触颜色”设为无，“填充颜色”设为白
色，取消“对象绘制”按钮 的选择，在舞台
窗口中绘制 1 个矩形，如图 16 所示。
图 16
（12）选择“选择”工具 ，在舞台窗口
中选中白色矩形，在“属性”面板“对象”
选项卡中，将“宽”选项设为 25，“高”选
项设为 31，“X”选项设为 99，“Y”选项设
为 157，如图 17 所示，效果如图 18 所示。
图 17
图 18
（13）选择“钢笔”工具 ，在白色矩形
的上方边线上单击鼠标，添加 1 个节点，如
图 19 所示。
图 19
（14）用相同的方法再次添加 1 个节点，
效果如图 20 所示。
图 20
（15）选择“部分选取”工具，按住 Shfit
键的同时选中需要的节点，如图 21 所示。
图 21
（16）按向上的方向键多次，移动节点的
位置，效果如图 22 所示。
图 22
（17）选择“线条”工具 ，在线条工具
“属性”面板中，将“笔触颜色”设为白
色，“笔触”选项设为 1，“端点”选项设为
无，在舞台窗口中绘制 1 条直线，如图 23
所示。
图 23
（18）选择“多角星形”工具 ，在“属
性”面板“工具”选项卡中，将“笔触颜
色”设为无，“填充颜色”设为橘红色
（#FF5451），在“工具设置”选项组进行设
置，如图 24 所示。在舞台窗口中绘制 1 个
五角星，如图 25 所示。
图 24
图 25
（19）单击“时间轴”面板上方的“新建
图层”按钮 ，创建新图层并将其命名为
“热气”。选择“钢笔”工具 ，在钢笔工
具“属性”面板中，将“笔触颜色”设为白
色，“笔触”选项设为 4，“端点”选项设为
“圆角”，单击工具箱下方的“对象绘制”
按钮 ，在舞台窗口中绘制 1 条曲线，如图
26 所示。
图 26
（20）选择“选择”工具 ，选中曲线，按
住 Alt 键的同时拖曳鼠标到适当的位置，复制
图形，效果如图 27 所示。按 Ctrl+Y 组合键，
再次复制 1 条曲线，效果如图 28 所示。
图 27
图 28
（21）单击“时间轴”面板上方的“新建
图层”按钮 ，创建新图层并将其命名为
“线条”。选择“线条”工具 ，在“属
性”面板“工具”选项卡中，将“笔触颜
色”设为白色，“笔触”选项设为 2，在舞
台窗口中绘制 1 条直线，如图 29 所示。
图 29
（22）选择“选择”工具 ，选中绘制的
直线，在绘制对象“属性”面板中，将
“宽”选项设为 121，“X”选项设为 79，
“Y”选项设为 224，效果如图 30 所示。
图 30
（23）咖啡标效果绘制完成，按 Ctrl+Enter
组合键即可查看效果，如图 31 所示。
图 31
