第二章 Flash CC图形绘制基础

第二章FlashCC图形绘制基础

课题2.1绘制彩虹课时

教学内容运用椭圆工具绘制彩虹

要求能熟练掌握选择工具、椭圆工具、填充变形工具的使用方法以

教学目标

及颜色面板的设置方法，并能将其灵活应用到实践中。

介绍选择工具、椭圆工具、填充变形工具的使用方法以及颜色面板

教学重点

的设置方法

教学难点如何运用椭圆工具绘制简单的动画

教学活动及主要语言学生活动

一、创设意境，导入新课（设疑法、提问法）教师展示

导入：本案例主要讲述如何运用椭圆工具绘制彩虹，通过实际操作介绍一案例图形，

并随着教

些绘制素材时经常使用的命令。通过本例的学习，要求能熟练掌握选择工具、师的讲解，

椭圆工具、填充变形工具的使用方法以及颜色面板的设置方法，并能将其灵活引导出本

节课要学

应用到实践中。习的内容。

二、新课教学（讲解法、提问法、示范法）

步骤：

1.执行【新建】命令，弹出“新建文档”对话框，如图2-1所示；新建一此时学生

个空白Flash文档，如图2-2所示；在右侧的“属性”面板，打开编辑窗口，应该注意

听和观看

效果如图2-3所示；在属性窗口把分辨率设置为“300X300像素”，单击“确教师的讲

定”按钮，如图2-4所示。解与操作，

因为此处

文伟F）渝班E）视图（V）SA（I）修改（M）

1艇例)...Ctd+N|1是新知识，

打开Ctrf+O1

在Bridge中流览Ctri+A)t+O1同时也应

打开最近的文件(P)>1

X积极回答

手(QCtrl*W1

全部关闭Ctri+AH+W1von帽代相应的问

眦as>10

tnHLSOnvMR（w）：«'）M>题，进行认

舸S)Ctri4S1

卜丽原心w•»

用9力(A)...Ctri*ShifttS[—Scrwt”真的思考

««•

■MRfoiDuktop

**,*!RforMdeid

•AIRfMlOS*■及邑：■

3JS(R)

■1—,ms.o笑

5人⑴>♦Ar—；Ct工。R

(i*cr,c"5cnX

导出(E)>

发布组(G).“Ctri+ShiftfF12

期⑻Shift+Alt+F12

AIR设法...

ActionScript设置…

屐ft*

退出(X)Qrl+Q

图2-1图2-2

学生听讲,

笔记

图2-4

2.打开“颜色”面板，如图2-5所示；在“颜色”面板内选择“线性渐

变”，降低一个色标颜色改为“白色”，第二个色标颜色改为“浅蓝色”，如图

2-6所示。

做色样本-=

.♦n泮性般工

心■流：口OD/ffl'

④■叫线性RGB

RS窿

■端

回

有第虹9a

,蜥

前费文件：默认文件

发布设置…

:HashPlayer14▼

舫阵:AcbonScript3.0▼A

▼Mt

图2-5图2-6

学生思考、

3.选择“矩形工具”，绘制一个“300X300像素”的矩形放置在舞台上并讨论

且跟舞台对齐，如图2-7所示。

T

Z

n

图2-7

4.选择“变形工具”，调整线性渐变的方向与位置，如图2-8和2-9所示。

此部分主

要由老师

来讲解，同

时学生也

配合着老

图2-8图2-9师回答一

些常见问

5.在“插入”菜单点击【新建元件】命令，新建一个名称为“彩虹”的

题

图形元件，如图2To所示。

6.打开“视图”菜单，选择网格f【显示网格】命令，如图2-11所示。

视图(V)加人内修次M)文本F命令O控制(0)调诲D)窗口(恸帮助(H)

转5KG)

ittd)Ctrl+=

绛N。)Ctrl+-

预览慢式(P)

粘贴板Ctri+Shift+W

Ctrl+Shift+Ah+R|

网格(D),v显丁同恪(DiCtrl+，|

M助法<E)>和网格(E).“Ctrl+Alt+G

WS(S)

总薄边彖H)Ctrl+Shift+E

Ctrl+Alt+I

显示Tab键联序(T)

孱急痕式

图2-10图2-11

7.选择“椭圆工具”，将笔触颜色设置为“黑色”，填充颜色设置为“无”,

选中一个中心点，同时按住Shift+Alt组合键绘制一个正圆框，用同样的方法

再绘制7个同心圆框，如图2-12、图2-13、图2-14所示。

■S*

◎USI工R

▼填充依

大小：

领：国.T学生认真

病翅,Z

空度•n观看教师

锄：T,痴

ga，操作，并将

侬：c，通：其记录下

▼幡图达顼

丹帕角康：亚・来。

融东角度：皿・

嗨：EE2H

〜硝8径36S

图2-12图2-13图2-14

8.选中“颜料桶工具”，如图2-15所示。依次中“红”“橙”“黄”“绿”

“青”“蓝”“紫”,填充7个圆框，如图2-16所示,填充完成后,单击“选

择工具”，将黑色线条删除，如图2T7所示。

9.再利用“选择工具”，选中整个圆形的一部分，用Delete键删除，如

图2T8所示；单击“场景1”按钮，返回场景1界面，打开库面板，将图形元

件彩虹移到舞台上合适的位置，用“变形工具”调整其大小，如图2-19和图

2-20所示。

图2-18

图2-19

UB

—

图2-20

10.创建一个新的图层，命名为“云朵”，如图2-21所示。

图2-21

11.在新的图层中选择“椭圆工具”，在“颜色”面板把笔触颜色设置为

“无”，填充颜色设置为“白色”，在彩虹的下方绘制出云朵，如图2-22和图

2-23所小。

图2-22图2-23

12.打开“文件”菜单，选择【导出】一【导出图像】命令，命名为“彩

虹”，并保存，如图2-24和图2-25所示。

文件⑴求玩心视图（*插入。）修改（M）文本⑶金台（。控制9）福试（功eq

新建(N)...Ctrl+N

BTFCtrl*0

在Bridge中泌5Ctrf+Alt+0

打开餐近的文件(P)

关闻OH+W

±8^Ctri.Alt.W

同步设餐

«ms)Ctrl+S

月有为(A)-,CtH+Shift+S

另有为模板(T).“

砌⑻

导入⑴

图2-24图2-25

2.1.3案例小结——椭圆工具的运用

本节主要介绍了对一些基本工具的运用，如椭圆工具、变形工具、选择工

具等。难点是使用Flash工具箱中的椭圆工具绘制图形以及对工具箱中各种工

具的属性进行设置，如使用椭圆工具时同时按住Shift+All组合键可以绘制一学生思考、

个正圆框。讨论

2.1.4能力扩展

学生根据

教师规定

动手制作

案例

扩展效果图

综合运用前面所学的知识，使用矩形工具、椭圆工具、填充工具和选择工

具等命令，制作如上图所示的棒棒糖。

课题2.2绘制Q版角色课时

教学内容如何运用钢笔工具绘制Q版角色小Q

要求能熟练掌握选择工具、椭圆工具、填充变形工具的使用方法以

教学目标

及颜色面板的设置方法

选择工具、椭圆工具、填充变形工具的使用方法以及颜色面板的设

教学重点

置方法

教学难点运用钢笔工具绘制Q版角色

教学活动及主要语言学生活动

一、创设意境，导入新课(设疑法、提问法)学生回顾

上节课学

导入：本案例主要讲述如何运用钢笔工具绘制Q版角色小Q。通过本例的

习的内容,

学习，要求能熟练掌握选择工具、椭圆工具、填充变形工具的使用方法以及颜并随着教

色面板的设置方法，并能将其灵活应用到实践中。师的讲解,

引导出本

二、新课教学(讲解法、提问法、示范法)

节课要学

步骤：习的内容。

1.执行【新建】命令出“新建文档”对话框，新建一个空白Flash文档,

在属性窗口把分辨率设置成“300X300像素”，单击“确定”按钮。

2.打开“插入”菜单，选择【新建元件】命令，，弹出“创建新元件”窗

口，把新建元件名称改为“Q版角色”，单击“确定”按钮,，如图2-26所示;

选择“钢笔工具”，打开颜色面板，设置填充颜色和描边颜色，如图2-27所示。

；,痛人回修改(M)文本0)命令(Q控制(O)调试(D)窗口(W)帮助(H)

此部分主

创建新元件X要由老师

福⑻氐隹&二W来讲解，同

辉co：时学生也

文件夹：摩根目录

配合着老

►藏

师回答一

些常见问

图2-26题

।--IRR.

色J和。掰色.”，

图2-27

3.在“颜色”面板内，把填充颜色设置为“黄色”，把描边颜色设置为“深

黄色”，如图2-28所示。此时学生

应该注意

听教师的

讲解，因为

此处是新

知识，同时

也应积极

回答相应

的问题，进

行认真的

思考

4.使用“钢笔工具”在舞台中绘制图形路径，如图2-29所示。鼠标左键

按住“钢笔工具”不松，选择“转换描点工具”调整路径形状，如图2-30所

示；再使用“直接选择工具”调整路径形状，如图2-31所示。

学生听讲,

笔记

图2-32

6.使用相同的方法，继续创建角色投影部分的路径，再填充颜色，如图

2-33、图2-34、图2-35所示。

此部分主

要由老师

来讲解，同

时学生也

配合着老

图2-33图2-34师回答一

些常见问

7.新建图层，选择“椭圆工具”，打开“颜色”面板，再填充颜色为“线题

性渐变”,如图图2-36、图2~37、图2~38所不。

□

图2-37图2-38

8.在舞台中绘制椭圆形，如图图2-39所示。新建图层2,同样的方法绘

制椭圆形，如图2-40所示。

图2-39图2-40

9.新建图层3,选择“矩形工具”，打开“颜色”面板，填充类型设置为

“纯色”，颜色设置为“红色”，描边颜色设置为“深黄色”，在舞台绘制一个

矩形，如图图2-41、图2-42和图2-43所示。

学生认真

观看教师

操作，并将

其记录下

来。

10.选择“钢笔工具”按钮，在刚绘制的图形上面添加锚点，如图2-44

所示。选择“直接选择工具”调整锚点的形状，如图2-45所示。选择“直线

工具”，在舞台中绘制直线，使用“直接选择工具”对直线进行调整，效果如

图2-46所示。

11.新建图层4,用同样的方法做出角色的躯体，如图2-47和图2-48所

图2-48图2-49

12.返回场景1界面，选择“矩形工具”，设置描边颜色为“无”，设置填

充颜色为线性的渐变颜色，在舞台中绘制一个矩形，将矩形设置为“300X300

像素”，并调整位置，如图2-49、图2-50、图2-51、图2-52所示。

文件(F)*6视图(V)插入(I)修改(M)文本⑴命令(C

绘制Q版角色.Ha，X

「而满1一

V■■J■■■

8ftS

图2-49图2-50

▼位置和大小

X:0.00Y:0.00

图2-51图2-52

13.打开“库”面板，把刚绘制的角色拖到舞台中，使用“变形工具”调

整位置，完成角色的绘制，如图2-53和图2-54所示。

i小庆自

匕卡通角色

I冬2-53

图2-54

14.执行“控制”菜单下的【测试影片】命令，可以测试动画效果。执行

“文件”菜单下的【保存】命令，保存原文件，如图2-55和图2-56所示。

图2-56图2-57

2.2.3案例小结一一钢笔工具的运用

本节的难点是钢笔工具的运用，钢笔工具主要用于绘制直线和曲线，其下

拉菜单中不同的图标有不同的含义（分别是钢笔工具、增加锚点工具、删除锚

点工具、转换锚点工具）。使用钢笔工具可以创建需要的曲线路径，只要熟练

掌握其使用方法，这种简单的Q版角色制作起来就会得心应手。

2.2.4能力扩展

学生根据

教师要求

进行扩展

项目练习

扩展效果图

综合运用前面所学的知识，使用钢笔工具和选择工具等命令，制作如上图

所示的Q版角色。

课题2.3绘制星空课时

教学内容通过实际操作介绍一些绘制素材时经常使用的命令

要求熟练掌握使用选择工具、椭圆工具、矩形工具、填充变形工具

教学目标

的使用方法和颜色面板的设置方法

熟练掌握使用选择工具、椭圆工具、矩形工具、填充变形工具的使

教学重点

用方法和颜色面板的设置方法

教学难点如何使用一些绘制素材时经常使用的命令

教学活动及主要语言学生活动

一、创设意境，导入新课(设疑法、提问法)学生根据

教师的提

导入：本案例主要通过实际操作介绍一些绘制素材时经常使用的命令。通问进行思

过本例的学习，要求熟练掌握使用选择工具、椭圆工具、矩形工具、填充变形考问题

工具的使用方法和颜色面板的设置方法，并能灵活应用到实践中。

二、新课教学(讲解法、提问法、示范法)

步骤：

1.新建文档，在属性窗口把分辨率设置成“600X400像素”，单击“确定”此部分主

要由老师

按钮。来讲解，同

2.打开“插入”菜单，选择【新建原件】命令，弹出“创建新元件”窗时学生也

配合着老

口，把新建元件名称改为“月亮”，单击确定按钮，如图2-57所示。选择“钢师回答一

笔工具”，打开“颜色”面板，设置填充颜色和描边颜色，如图2-58所示。些常见问

题

懒入⑴］修改(M)文本0)命令(Q控制(O)谒试(D)窗口的帮助(H)

创学新元件xl

耀影片更辕▼一国酒

文件夹：虚报目录

►毓

图2-57图2-58

3.使用“钢笔工具”在舞台上绘制月亮的外形，如图2-59所示。

4.使用“填充工具”填充相应的颜色，如图2-60所示；新建图层1,用

同样的方法绘制月亮的明暗细节，如图2-61所示。

学生听讲,

笔记

图2-59图2-60

5.新建图层2,选择“椭圆工具”，设置相应的填充颜色，在舞台上绘制

一个椭圆形，如图2-62所示。

图2-61图2-62

6.使用同样的方法，继续创建角色的眼睛，并调整其位置，单击“确定”

按钮，如图2-63、图2-64、图2-65所示。

图2-63图2-64图2-65

7.新建图层3,选择“钢笔工具”，打开“颜色”面板，设置相应的颜色,

绘制月亮的眉毛、嘴巴，再填充颜色，如图2-66所示。

学生认真

观看教师

操作，并将

其记录下

来。

图2-66

8.打开“插入”菜单，选择【新建元件】命令，弹出“创建新原件”窗

口，把新建元件名称改为“星星”，单击“确定”按钮，如图2-67所示。

图2-69

9.选择''钢笔工具''以及相应的线框颜色绘制星星的形状，填充相应的颜

色，如图2-68所示；新建图层4,用同样的方法绘制星星的明暗细节，如图

2-69所示。

图2-68图2-69

10.新建图层5,使用“椭圆工具”绘制星星的脸部细节，效果如图2-70

所小。

学生听讲,

笔记

图2-72

11.回到场景1,使用“矩形工具”，打开“颜色”面板设置相应的颜色,

在舞台上绘制一个矩形，如图2-71所示。

图2-71

12.选择绘制的矩形，在右侧的“属性”面板上设置其尺寸为“400X600”

像素,如图2-72所示。

图2-74

13.选择绘制的矩形，使用“变形工具"，旋转90°并且匹配到舞台上,

绘制出背景，如图2-73所示。

14.打开“库”面板，把绘制好的“月亮”和“星星”元件拖到舞台中,

使用“变形工具”摆放到相应的位置，如图2-74所示。

此部分主

要由老师

来讲解，同

时学生也

配合着老

师回答一

些常见问

题

图2-73图2-74

15.新建图层6,用“钢笔工具”绘制云朵，填充相应的颜色，并且把云

朵的图层放置在月亮图层的上方，如图2-75所示。

学生听讲,

笔记

图2-75

16.打开