- Flash CC实例教程(第4版)
- 魏三强 禇艳平
- 2447字
- 2025-02-24 01:51:50
2.1.1 课堂案例——绘制卡通小鸟
案例学习目标
使用不同的绘图工具绘制图形。
案例知识要点
使用钢笔工具、椭圆工具、多角星形工具来完成卡通小鸟的绘制,如图2-1所示。

图2-1
效果所在位置
光盘/Ch02/效果/绘制卡通小鸟.fla。
1.新建文件绘制主体
(1)选择“文件 > 新建”命令,在弹出的“新建文档”对话框中选择“ActionScript 3.0”选项,将“宽”选项设为370,“高”选项设为370,将“舞台颜色”颜色设为黄绿色(#C6DC7C),如图2-2所示,单击“确定”按钮,完成文档的创建,如图2-3所示。

图2-2

图2-3
(2)将“图层1”重新命名为“头部”。选择“钢笔”工具,在钢笔“属性”面板中,将“笔触颜色”设为黑色,“笔触”选项设为1,在舞台窗口中绘制一个闭合边线,效果如图2-4所示。
(3)选择“颜料桶”工具,在工具箱中将“填充颜色”选项设为绿色(#759E5D),在闭合边线内部单击鼠标左键填充颜色,效果如图2-5所示。选择“选择”工具
,在边线上双击鼠标,将其选中,如图2-6所示。

图2-4

图2-5

图2-6
(4)按Ctrl+X组合键,将其剪切,效果如图2-7所示。单击“时间轴”面板下方的“新建图层”按钮,创建新图层并将其命名为“装饰线1”,如图2-8所示。

图2-7

图2-8
(5)按Ctrl+Shift+V组合键,将剪切的边线原位粘贴到“装饰线1”图层中。选择“任意变形”工具,在闭合边线周围出现控制框,如图 2-9 所示,按住 Shift 键的同时,将右上角控制点向左下方拖曳到适当的位置,等比例缩小,效果如图2-10所示。

图2-9

图2-10
(6)在形状“属性”面板中,将“笔触颜色”选项设为白色,“笔触”选项设为5,在“样式”选项的下拉列表中选择“虚线”,其他选项的设置如图2-11所示,效果如图2-12所示。

图2-11

图2-12
(7)单击“时间轴”面板下方的“新建图层”按钮,创建新图层并将其命名为“尾巴”。选择“钢笔”工具
,在钢笔“属性”面板中,将“笔触颜色”设为黑色,“笔触”选项设为1,在舞台窗口中绘制一个闭合边线,效果如图2-13所示。
(8)选择“颜料桶”工具,在工具箱中将“填充颜色”选项设为绿色(#759E5D),在闭合边线内部单击鼠标左键填充颜色,效果如图2-14所示。选择“选择”工具
,在边线上双击鼠标,将其选中,如图2-15所示。

图2-13

图2-14

图2-15
(9)按Ctrl+X组合键,将其剪切,效果如图2-16所示。单击“时间轴”面板下方的“新建图层”按钮,创建新图层并将其命名为“装饰线2”,如图2-17所示。

图2-16

图2-17
(10)按Ctrl+Shift+V组合键,将剪切的边线原位粘贴到“装饰线2”图层中。选择“任意变形”工具,在闭合边线周围出现控制框,如图2-18所示,按住Shift键的同时,将右上角控制点向左下方拖曳到适当的位置,等比例缩小,效果如图2-19所示。

图2-18

图2-19
(11)在形状“属性”面板中,将“笔触颜色”选项设为白色,“笔触”选项设为5,在“样式”选项的下拉列表中选择“虚线”,其他选项的设置如图2-20所示,效果如图2-21所示。

图2-20

图2-21
(12)在“时间轴”面板中选中“尾巴”和“装饰线2”图层,如图2-22所示,将其拖曳到“头部”图层的下方,如图2-23所示,效果如图2-24所示。

图2-22

图2-23

图2-24
(13)单击“时间轴”面板下方的“新建图层”按钮,创建新图层并将其命名为“凤冠”。选择“椭圆”工具
,在工具箱中将“笔触颜色”设为无,“填充颜色”设为绿色(#759E5D),在舞台窗口中绘制一个椭圆,如图2-25所示。
(14)选择“任意变形”工具,选中椭圆图形,周围出现控制框,将鼠标放置在控制框的右上角,当鼠标变成
时,单击出鼠标将其向左上方拖曳鼠标,旋转适当的角度,效果如图2-26所示。用相同的方法制作出图2-27所示的效果。
(15)选择“选择”工具,按住Shift键的同时,将两个椭圆同时选择,并将其拖曳到适当的位置,效果如图2-28所示。

图2-25

图2-26

图2-27

图2-28
2.绘制五官
(1)在“时间轴”面板中选中“装饰线1”图层,单击“时间轴”面板下方的“新建图层”按钮,创建新图层并将其命名为“眼睛”。选择“椭圆”工具
,在工具箱中将“笔触颜色”设为无,“填充颜色”设为白色,在舞台窗口中绘制一个椭圆,如图2-29所示。
(2)在工具箱中将“填充颜色”设为褐色(#B07600),在舞台窗口中绘制一个椭圆,如图2-30所示。在工具箱中将“填充颜色”设为白色,在舞台窗口中绘制一个圆形,如图2-31所示。

图2-29

图2-30

图2-31
(3)在“时间轴”面板中选中“眼睛”图层,选择“任意变形”工具,图形周围出现控制框,如图2-32所示,将鼠标放置在控制框的右上角,当鼠标变成
时,按住鼠标左键并将光标向右下方拖曳,旋转适当的角度,效果如图2-33所示。

图2-32

图2-33
(4)选择“钢笔”工具,在钢笔“属性”面板中,将“笔触颜色”设为黑色,“笔触”选项设为1,在舞台窗口中绘制一个闭合边线,效果如图2-34所示。
(5)选择“颜料桶”工具,在工具箱中将“填充颜色”选项设为绿色(#759E5D),在闭合边线内部单击鼠标左键填充颜色,效果如图 2-35 所示。选择“选择”工具
,在边线上双击鼠标将其选中,按Delete键将其删除,效果如图2-36所示。

图2-34

图2-35

图2-36
(6)单击“时间轴”面板下方的“新建图层”按钮,创建新图层并将其命名为“嘴巴”。选择“钢笔”工具
,在钢笔“属性”面板中,将“笔触颜色”设为黑色,“笔触”选项设为1,在舞台窗口中绘制一个闭合边线,效果如图2-37所示。
(7)选择“颜料桶”工具,在工具箱中将“填充颜色”选项设为黄色(#FBCB6C),在闭合边线内部单击鼠标左键填充颜色,效果如图 2-38 所示。选择“选择”工具
,在边线上双击鼠标将其选中,按Delete键将其删除,效果如图2-39所示。

图2-37

图2-38

图2-39
(8)单击“时间轴”面板下方的“新建图层”按钮,创建新图层并将其命名为“星星”。选择“多角星形”工具
,在多角星形工具“属性”面板中,将“笔触颜色”设为无,“填充颜色”设为橙色(#EF7E00),单击“工具设置”选项组中的“选项”按钮,在弹出的“工具设置”对话框中进行设置,如图2-40所示,单击“确定”按钮,完成工具属性的设置。在舞台窗口中绘制1个星星,如图2-41所示。

图2-40

图2-41
(9)选择“选择”工具,在舞台窗口中选择星星图形,按住 Shift+Alt 组合键的同时向右拖星星到适当的位置复制图形,效果如图2-42所示。按2次Ctrl+Y组合键,复制图形,效果如图2-43所示。选中最右侧的星星,在工具箱中将“填充颜色”设为白色。卡通小鸟绘制完成,按Ctrl+Enter组合键即可查看效果,如图2-44所示。

图2-42

图2-43

图2-44