第二章 Flash CC圖形繪制基礎(chǔ)

第二章FlashCC圖形繪制基礎(chǔ)

課題2.1繪制彩虹課時

教學(xué)內(nèi)容運(yùn)用橢圓工具繪制彩虹

要求能熟練掌握選擇工具、橢圓工具、填充變形工具的使用方法以

教學(xué)目標(biāo)

及顏色面板的設(shè)置方法，并能將其靈活應(yīng)用到實(shí)踐中。

介紹選擇工具、橢圓工具、填充變形工具的使用方法以及顏色面板

教學(xué)重點(diǎn)

的設(shè)置方法

教學(xué)難點(diǎn)如何運(yùn)用橢圓工具繪制簡單的動畫

教學(xué)活動及主要語言學(xué)生活動

一、創(chuàng)設(shè)意境，導(dǎo)入新課（設(shè)疑法、提問法）教師展示

導(dǎo)入：本案例主要講述如何運(yùn)用橢圓工具繪制彩虹，通過實(shí)際操作介紹一案例圖形，

并隨著教

些繪制素材時經(jīng)常使用的命令。通過本例的學(xué)習(xí)，要求能熟練掌握選擇工具、師的講解，

橢圓工具、填充變形工具的使用方法以及顏色面板的設(shè)置方法，并能將其靈活引導(dǎo)出本

節(jié)課要學(xué)

應(yīng)用到實(shí)踐中。習(xí)的內(nèi)容。

二、新課教學(xué)（講解法、提問法、示范法）

步驟：

1.執(zhí)行【新建】命令，彈出“新建文檔”對話框，如圖2-1所示；新建一此時學(xué)生

個空白Flash文檔，如圖2-2所示；在右側(cè)的“屬性”面板，打開編輯窗口，應(yīng)該注意

聽和觀看

效果如圖2-3所示；在屬性窗口把分辨率設(shè)置為“300X300像素”，單擊“確教師的講

定”按鈕，如圖2-4所示。解與操作，

因為此處

文偉F）渝班E）視圖（V）SA（I）修改（M）

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

打開Ctrf+O1

在Bridge中流覽Ctri+A)t+O1同時也應(yīng)

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

X積極回答

手(QCtrl*W1

全部關(guān)閉Ctri+AH+W1von帽代相應(yīng)的問

眥as>10

tnHLSOnvMR（w）：?'）M>題，進(jìn)行認(rèn)

舸S)Ctri4S1

卜麗原心w??

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

???

■MRfoiDuktop

**,*!RforMdeid

?AIRfMlOS*■及邑：■

3JS(R)

■1—,ms.o笑

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

(i*cr,c"5cnX

導(dǎo)出(E)>

發(fā)布組(G).“Ctri+ShiftfF12

期⑻Shift+Alt+F12

AIR設(shè)法...

ActionScript設(shè)置…

屐ft*

退出(X)Qrl+Q

圖2-1圖2-2

學(xué)生聽講,

筆記

圖2-4

2.打開“顏色”面板，如圖2-5所示；在“顏色”面板內(nèi)選擇“線性漸

變”，降低一個色標(biāo)顏色改為“白色”，第二個色標(biāo)顏色改為“淺藍(lán)色”，如圖

2-6所示。

做色樣本-=

.?n泮性般工

心■流：口OD/ffl'

④■叫線性RGB

RS窿

■端

回

有第虹9a

,蜥

前費(fèi)文件：默認(rèn)文件

發(fā)布設(shè)置…

:HashPlayer14▼

舫陣:AcbonScript3.0▼A

▼Mt

圖2-5圖2-6

學(xué)生思考、

3.選擇“矩形工具”，繪制一個“300X300像素”的矩形放置在舞臺上并討論

且跟舞臺對齊，如圖2-7所示。

T

Z

n

圖2-7

4.選擇“變形工具”，調(diào)整線性漸變的方向與位置，如圖2-8和2-9所示。

此部分主

要由老師

來講解，同

時學(xué)生也

配合著老

圖2-8圖2-9師回答一

些常見問

5.在“插入”菜單點(diǎn)擊【新建元件】命令，新建一個名稱為“彩虹”的

題

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

6.打開“視圖”菜單，選擇網(wǎng)格f【顯示網(wǎng)格】命令，如圖2-11所示。

視圖(V)加人內(nèi)修次M)文本F命令O控制(0)調(diào)誨D)窗口(慟幫助(H)

轉(zhuǎn)5KG)

ittd)Ctrl+=

絳N。)Ctrl+-

預(yù)覽慢式(P)

粘貼板Ctri+Shift+W

Ctrl+Shift+Ah+R|

網(wǎng)格(D),v顯丁同恪(DiCtrl+，|

M助法<E)>和網(wǎng)格(E).“Ctrl+Alt+G

WS(S)

總薄邊彖H)Ctrl+Shift+E

Ctrl+Alt+I

顯示Tab鍵聯(lián)序(T)

孱急痕式

圖2-10圖2-11

7.選擇“橢圓工具”，將筆觸顏色設(shè)置為“黑色”，填充顏色設(shè)置為“無”,

選中一個中心點(diǎn)，同時按住Shift+Alt組合鍵繪制一個正圓框，用同樣的方法

再繪制7個同心圓框，如圖2-12、圖2-13、圖2-14所示。

■S*

◎USI工R

▼填充依

大?。?/p>

領(lǐng)：國.T學(xué)生認(rèn)真

病翅,Z

空度?n觀看教師

鋤：T,癡

ga，操作，并將

儂：c，通：其記錄下

▼幡圖達(dá)頊

丹帕角康：亞?來。

融東角度：皿?

嗨：EE2H

?硝8徑36S

圖2-12圖2-13圖2-14

8.選中“顏料桶工具”，如圖2-15所示。依次中“紅”“橙”“黃”“綠”

“青”“藍(lán)”“紫”,填充7個圓框，如圖2-16所示,填充完成后,單擊“選

擇工具”，將黑色線條刪除，如圖2T7所示。

9.再利用“選擇工具”，選中整個圓形的一部分，用Delete鍵刪除，如

圖2T8所示；單擊“場景1”按鈕，返回場景1界面，打開庫面板，將圖形元

件彩虹移到舞臺上合適的位置，用“變形工具”調(diào)整其大小，如圖2-19和圖

2-20所示。

圖2-18

圖2-19

UB

—

圖2-20

10.創(chuàng)建一個新的圖層，命名為“云朵”，如圖2-21所示。

圖2-21

11.在新的圖層中選擇“橢圓工具”，在“顏色”面板把筆觸顏色設(shè)置為

“無”，填充顏色設(shè)置為“白色”，在彩虹的下方繪制出云朵，如圖2-22和圖

2-23所小。

圖2-22圖2-23

12.打開“文件”菜單，選擇【導(dǎo)出】一【導(dǎo)出圖像】命令，命名為“彩

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

文件⑴求玩心視圖（*插入。）修改（M）文本⑶金臺（?？刂?）福試（功eq

新建(N)...Ctrl+N

BTFCtrl*0

在Bridge中泌5Ctrf+Alt+0

打開餐近的文件(P)

關(guān)聞OH+W

±8^Ctri.Alt.W

同步設(shè)餐

?ms)Ctrl+S

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

另有為模板(T).“

砌⑻

導(dǎo)入⑴

圖2-24圖2-25

2.1.3案例小結(jié)——橢圓工具的運(yùn)用

本節(jié)主要介紹了對一些基本工具的運(yùn)用，如橢圓工具、變形工具、選擇工

具等。難點(diǎn)是使用Flash工具箱中的橢圓工具繪制圖形以及對工具箱中各種工

具的屬性進(jìn)行設(shè)置，如使用橢圓工具時同時按住Shift+All組合鍵可以繪制一學(xué)生思考、

個正圓框。討論

2.1.4能力擴(kuò)展

學(xué)生根據(jù)

教師規(guī)定

動手制作

案例

擴(kuò)展效果圖

綜合運(yùn)用前面所學(xué)的知識，使用矩形工具、橢圓工具、填充工具和選擇工

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

課題2.2繪制Q版角色課時

教學(xué)內(nèi)容如何運(yùn)用鋼筆工具繪制Q版角色小Q

要求能熟練掌握選擇工具、橢圓工具、填充變形工具的使用方法以

教學(xué)目標(biāo)

及顏色面板的設(shè)置方法

選擇工具、橢圓工具、填充變形工具的使用方法以及顏色面板的設(shè)

教學(xué)重點(diǎn)

置方法

教學(xué)難點(diǎn)運(yùn)用鋼筆工具繪制Q版角色

教學(xué)活動及主要語言學(xué)生活動

一、創(chuàng)設(shè)意境，導(dǎo)入新課(設(shè)疑法、提問法)學(xué)生回顧

上節(jié)課學(xué)

導(dǎo)入：本案例主要講述如何運(yùn)用鋼筆工具繪制Q版角色小Q。通過本例的

習(xí)的內(nèi)容,

學(xué)習(xí)，要求能熟練掌握選擇工具、橢圓工具、填充變形工具的使用方法以及顏并隨著教

色面板的設(shè)置方法，并能將其靈活應(yīng)用到實(shí)踐中。師的講解,

引導(dǎo)出本

二、新課教學(xué)(講解法、提問法、示范法)

節(jié)課要學(xué)

步驟：習(xí)的內(nèi)容。

1.執(zhí)行【新建】命令出“新建文檔”對話框，新建一個空白Flash文檔,

在屬性窗口把分辨率設(shè)置成“300X300像素”，單擊“確定”按鈕。

2.打開“插入”菜單，選擇【新建元件】命令，，彈出“創(chuàng)建新元件”窗

口，把新建元件名稱改為“Q版角色”，單擊“確定”按鈕,，如圖2-26所示;

選擇“鋼筆工具”，打開顏色面板，設(shè)置填充顏色和描邊顏色，如圖2-27所示。

；,痛人回修改(M)文本0)命令(Q控制(O)調(diào)試(D)窗口(W)幫助(H)

此部分主

創(chuàng)建新元件X要由老師

福⑻氐隹&二W來講解，同

輝co：時學(xué)生也

文件夾：摩根目錄

配合著老

?藏

師回答一

些常見問

圖2-26題

?--IRR.

色J和。掰色.”，

圖2-27

3.在“顏色”面板內(nèi)，把填充顏色設(shè)置為“黃色”，把描邊顏色設(shè)置為“深

黃色”，如圖2-28所示。此時學(xué)生

應(yīng)該注意

聽教師的

講解，因為

此處是新

知識，同時

也應(yīng)積極

回答相應(yīng)

的問題，進(jìn)

行認(rèn)真的

思考

4.使用“鋼筆工具”在舞臺中繪制圖形路徑，如圖2-29所示。鼠標(biāo)左鍵

按住“鋼筆工具”不松，選擇“轉(zhuǎn)換描點(diǎn)工具”調(diào)整路徑形狀，如圖2-30所

示；再使用“直接選擇工具”調(diào)整路徑形狀，如圖2-31所示。

學(xué)生聽講,

筆記

圖2-32

6.使用相同的方法，繼續(xù)創(chuàng)建角色投影部分的路徑，再填充顏色，如圖

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

此部分主

要由老師

來講解，同

時學(xué)生也

配合著老

圖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,選擇“矩形工具”，打開“顏色”面板，填充類型設(shè)置為

“純色”，顏色設(shè)置為“紅色”，描邊顏色設(shè)置為“深黃色”，在舞臺繪制一個

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

學(xué)生認(rèn)真

觀看教師

操作，并將

其記錄下

來。

10.選擇“鋼筆工具”按鈕，在剛繪制的圖形上面添加錨點(diǎn)，如圖2-44

所示。選擇“直接選擇工具”調(diào)整錨點(diǎn)的形狀，如圖2-45所示。選擇“直線

工具”，在舞臺中繪制直線，使用“直接選擇工具”對直線進(jìn)行調(diào)整，效果如

圖2-46所示。

11.新建圖層4,用同樣的方法做出角色的軀體，如圖2-47和圖2-48所

圖2-48圖2-49

12.返回場景1界面，選擇“矩形工具”，設(shè)置描邊顏色為“無”，設(shè)置填

充顏色為線性的漸變顏色，在舞臺中繪制一個矩形，將矩形設(shè)置為“300X300

像素”，并調(diào)整位置，如圖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.打開“庫”面板，把剛繪制的角色拖到舞臺中，使用“變形工具”調(diào)

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

i小慶自

匕卡通角色

I冬2-53

圖2-54

14.執(zhí)行“控制”菜單下的【測試影片】命令，可以測試動畫效果。執(zhí)行

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

圖2-56圖2-57

2.2.3案例小結(jié)一一鋼筆工具的運(yùn)用

本節(jié)的難點(diǎn)是鋼筆工具的運(yùn)用，鋼筆工具主要用于繪制直線和曲線，其下

拉菜單中不同的圖標(biāo)有不同的含義（分別是鋼筆工具、增加錨點(diǎn)工具、刪除錨

點(diǎn)工具、轉(zhuǎn)換錨點(diǎn)工具）。使用鋼筆工具可以創(chuàng)建需要的曲線路徑，只要熟練

掌握其使用方法，這種簡單的Q版角色制作起來就會得心應(yīng)手。

2.2.4能力擴(kuò)展

學(xué)生根據(jù)

教師要求

進(jìn)行擴(kuò)展

項目練習(xí)

擴(kuò)展效果圖

綜合運(yùn)用前面所學(xué)的知識，使用鋼筆工具和選擇工具等命令，制作如上圖

所示的Q版角色。

課題2.3繪制星空課時

教學(xué)內(nèi)容通過實(shí)際操作介紹一些繪制素材時經(jīng)常使用的命令

要求熟練掌握使用選擇工具、橢圓工具、矩形工具、填充變形工具

教學(xué)目標(biāo)

的使用方法和顏色面板的設(shè)置方法

熟練掌握使用選擇工具、橢圓工具、矩形工具、填充變形工具的使

教學(xué)重點(diǎn)

用方法和顏色面板的設(shè)置方法

教學(xué)難點(diǎn)如何使用一些繪制素材時經(jīng)常使用的命令

教學(xué)活動及主要語言學(xué)生活動

一、創(chuàng)設(shè)意境，導(dǎo)入新課(設(shè)疑法、提問法)學(xué)生根據(jù)

教師的提

導(dǎo)入：本案例主要通過實(shí)際操作介紹一些繪制素材時經(jīng)常使用的命令。通問進(jìn)行思

過本例的學(xué)習(xí)，要求熟練掌握使用選擇工具、橢圓工具、矩形工具、填充變形考問題

工具的使用方法和顏色面板的設(shè)置方法，并能靈活應(yīng)用到實(shí)踐中。

二、新課教學(xué)(講解法、提問法、示范法)

步驟：

1.新建文檔，在屬性窗口把分辨率設(shè)置成“600X400像素”，單擊“確定”此部分主

要由老師

按鈕。來講解，同

2.打開“插入”菜單，選擇【新建原件】命令，彈出“創(chuàng)建新元件”窗時學(xué)生也

配合著老

口，把新建元件名稱改為“月亮”，單擊確定按鈕，如圖2-57所示。選擇“鋼師回答一

筆工具”，打開“顏色”面板，設(shè)置填充顏色和描邊顏色，如圖2-58所示。些常見問

題

懶入⑴］修改(M)文本0)命令(Q控制(O)謁試(D)窗口的幫助(H)

創(chuàng)學(xué)新元件xl

耀影片更轅▼一國酒

文件夾：虛報目錄

?毓

圖2-57圖2-58

3.使用“鋼筆工具”在舞臺上繪制月亮的外形，如圖2-59所示。

4.使用“填充工具”填充相應(yīng)的顏色，如圖2-60所示；新建圖層1,用

同樣的方法繪制月亮的明暗細(xì)節(jié)，如圖2-61所示。

學(xué)生聽講,

筆記

圖2-59圖2-60

5.新建圖層2,選擇“橢圓工具”，設(shè)置相應(yīng)的填充顏色，在舞臺上繪制

一個橢圓形，如圖2-62所示。

圖2-61圖2-62

6.使用同樣的方法，繼續(xù)創(chuàng)建角色的眼睛，并調(diào)整其位置，單擊“確定”

按鈕，如圖2-63、圖2-64、圖2-65所示。

圖2-63圖2-64圖2-65

7.新建圖層3,選擇“鋼筆工具”，打開“顏色”面板，設(shè)置相應(yīng)的顏色,

繪制月亮的眉毛、嘴巴，再填充顏色，如圖2-66所示。

學(xué)生認(rèn)真

觀看教師

操作，并將

其記錄下

來。

圖2-66

8.打開“插入”菜單，選擇【新建元件】命令，彈出“創(chuàng)建新原件”窗

口，把新建元件名稱改為“星星”，單擊“確定”按鈕，如圖2-67所示。

圖2-69

9.選擇''鋼筆工具''以及相應(yīng)的線框顏色繪制星星的形狀，填充相應(yīng)的顏

色，如圖2-68所示；新建圖層4,用同樣的方法繪制星星的明暗細(xì)節(jié)，如圖

2-69所示。

圖2-68圖2-69

10.新建圖層5,使用“橢圓工具”繪制星星的臉部細(xì)節(jié)，效果如圖2-70

所小。

學(xué)生聽講,

筆記

圖2-72

11.回到場景1,使用“矩形工具”，打開“顏色”面板設(shè)置相應(yīng)的顏色,

在舞臺上繪制一個矩形，如圖2-71所示。

圖2-71

12.選擇繪制的矩形，在右側(cè)的“屬性”面板上設(shè)置其尺寸為“400X600”

像素,如圖2-72所示。

圖2-74

13.選擇繪制的矩形，使用“變形工具"，旋轉(zhuǎn)90°并且匹配到舞臺上,

繪制出背景，如圖2-73所示。

14.打開“庫”面板，把繪制好的“月亮”和“星星”元件拖到舞臺中,

使用“變形工具”擺放到相應(yīng)的位置，如圖2-74所示。

此部分主

要由老師

來講解，同

時學(xué)生也

配合著老

師回答一

些常見問

題

圖2-73圖2-74

15.新建圖層6,用“鋼筆工具”繪制云朵，填充相應(yīng)的顏色，并且把云

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

學(xué)生聽講,

筆記

圖2-75

16.打開