1. 绘制青蛙卡片.docx

1.课堂案例——绘制青蛙卡片

【案例学习目标】使用不同的绘图工具绘制图形并组合成图像效果。

【案例知识要点】使用“铅笔”工具和“颜料桶”工具，绘制白云和飘带图形：使用“椭圆”工具，绘制脸部和眼晴。

图1

1.新建文档并绘制白云

(1)选择“文件＞新建”命令，弹出“新建文档”对话框，在“详细信息”选项组中，将“宽”选项设为198，“高”选项设为283，“平台类型”选项的下拉列表中选择“ActionScript3.0”选项，单击“创建”按钮，完成文档的创建。选择“修改＞文档”命令，弹出“文档设置”对话框，将“舞台颜色”设为浅黄色(＃P4E8DA)，单击“确定”按钮，完成文档属性的修改。

(2)按Ctr1+F8组合键，弹出“创建新元件”对话框，在“名称”选项的文本框中输入“白云”，在“类型”选项下拉列表中选择“图形”选项，如图2所示，单击“确定”按钮，新建图形元件“白云”。舞台窗口也随之转换为图形元件的舞台窗口。

图2

(3)选择“铅笔”工具，在工具箱中将“笔触颜色”设为黑色，并在工具箱下方的“铅笔模式”选项组的下拉菜单中选中“平滑”选项。在舞台窗口中绘制出1条闭合曲线，效果如图3所示。

图3

(4)选择“颜料桶”工具，在工具箱中将“填充颜色”设为白色，在闭合曲线的内部单击鼠标填充颜色，效果如图4所示。

图4

(5)选择“选择”工具，双击边线将其选中，如图5所示，按Delete键将其删除，效果如图6所示。

图5

图6

2.绘制脸部图形

(1)单击文档窗口左上方的“场景1”图标，进入“场景1”的舞台窗口中。将“图层1”重命名为“白云1”。将“库”面板中的图形元件“白云”向舞台窗口中拖曳多次，并分别调整适当的大小与角度，效果如图7所示。

图7

(2)单击“时间轴”面板上方的“新建图层”按钮，创建新图层并将其命名为“脸蛋”。选择“椭圆”工具，在工具箱中将“笔触颜色”设为无，“填充颜色”设为红色(＃E60027)，

单击工具箱下方的“对象绘制”按钮，按住Shift键的同时在舞台窗口中绘制1个圆形，效果如图8所示。

图8

(3)单击“时间轴”面板上方的“新建图层”按钮，创建新图层并将其命名为“眼睛”。按住Shift键的同时在舞台窗口中绘制1个圆形，效果如图9所示。在工具箱中将“填充颜色”设为白色，按住Shift键的同时在舞台窗口中绘制1个白色的圆形，效果如图10所示。

图9

图10

(4)在工具箱中将“填充颜色”设为黑色，按住Shift键的同时在舞台窗口中绘制1个黑色的圆形，效果如图11所示。

图11

(5)在工具箱中将“填充颜色”设为白色，按住Shift键的同时在舞台窗口中绘制两个白色的圆形，效果如图12所示。用相同的方法绘制出图13所示的效果。

图12

图13

(6)单击“时间轴”面板上方的“新建图层”按钮，创建新图层并将其命名为“嘴和装饰”。选择“线条”工具，在线条工具“属性”面板中，将“笔触颜色”设为黑色，“笔触”选项设为1，在舞台窗口中绘制1条直线，如图14所示。

图14

(7)选择“选择”工具上，将鼠标光标放置在直线的中心部位，当鼠标光标变为时，如图15所示，单击鼠标并向下拖曳到适当的位置，将直线转换为弧线，效果如图16所示。

图15

图16

(8)选择“椭圆”工具，在工具箱中将“笔触颜色”设为无，“填充颜色”设为肉色(F3A7A3)，按住Shift键的同时在舞台窗口中绘制1个圆形，效果如图17所示。

图17

(9)选择“选择”工具，选中圆形，按住A1t键的同时拖曳鼠标到适当的位置，复制圆形，效果如图18所示。按3次Ctr1+Y组合键，重复复制圆形，效果如图19所示。

图18

图19

(11)选择“颜料桶”工具，在工具箱中将“填充颜色”设为黄色(＃FABE00)，在闭合曲线的内部单击鼠标填充颜色，效果如图21所示。选择“选择”工具小，双击边线将其选中，按Delete键将其删除，效果如图22所示。

图21

图22

3.导入素材绘制小山

(1)选择“文件＞导入＞导入到库”命令，在弹出的“导入到库”对话框中，选择云盘中的“Ch02＞素材＞绘制青蛙卡片＞01、02、03”文件，如图23所示，单击“打开”按钮，将选中的素材导入到“库”面板中，如图24所示。

图23

图24

(2)单击“时间轴”面板下方的“新建图层”按钮，创建新图层并将其命名为“文字”。

将“库”面板中的图形元件“03”拖曳到舞台窗口中，并放置在适当的位置，如图25所示。

图25

(3)单击“时间轴”面板下方的“新建图层”按钮可，创建新图层并将其命名为“下体”。将“库”面板中的图形元件“01”拖曳到舞台窗口中，并放置到适当的位置，如图26所示。

图26

(4)在“时间轴”面板中，将“下体”图层拖曳到“脸蛋”图层的下方，效果如图27所示。

图27