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

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

課題2.1繪制彩虹課時

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

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

教學目標

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

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

教學重點

的設(shè)置方法

教學難點如何運用橢圓工具繪制簡單的動畫

教學活動及主要語言學生活動

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

導入：本案例主要講述如何運用橢圓工具繪制彩虹，通過實際操作介紹一案例圖形，

并隨著教

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

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

節(jié)課要學

應用到實踐中。習的內(nèi)容。

二、新課教學（講解法、提問法、示范法）

步驟：

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

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

聽和觀看

效果如圖2-3所示；在屬性窗口把分辨率設(shè)置為“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

全部關(guān)閉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)>

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

期⑻Shift+Alt+F12

AIR設(shè)法...

ActionScript設(shè)置…

屐ft*

退出(X)Qrl+Q

圖2-1圖2-2

學生聽講,

筆記

圖2-4

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

變”，降低一個色標顏色改為“白色”，第二個色標顏色改為“淺藍色”，如圖

2-6所示。

做色樣本-=

.?n泮性般工

心■流：口OD/ffl'

④■叫線性RGB

RS窿

■端

回

有第虹9a

,蜥

前費文件：默認文件

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

:HashPlayer14▼

舫陣:AcbonScript3.0▼A

▼Mt

圖2-5圖2-6

學生思考、

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

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

T

Z

n

圖2-7

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

此部分主

要由老師

來講解，同

時學生也

配合著老

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

些常見問

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

題

圖形元件，如圖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+-

預覽慢式(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è)置為“無”,

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

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

■S*

◎USI工R

▼填充依

大?。?/p>

領(lǐng)：國.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界面，打開庫面板，將圖形元

件彩虹移到舞臺上合適的位置，用“變形工具”調(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.打開“文件”菜單，選擇【導出】一【導出圖像】命令，命名為“彩

虹”，并保存，如圖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).“

砌⑻

導入⑴

圖2-24圖2-25

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

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

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

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

個正圓框。討論

2.1.4能力擴展

學生根據(jù)

教師規(guī)定

動手制作

案例

擴展效果圖

綜合運用前面所學的知識，使用矩形工具、橢圓工具、填充工具和選擇工

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

課題2.2繪制Q版角色課時

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

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

教學目標

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

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

教學重點

置方法

教學難點運用鋼筆工具繪制Q版角色

教學活動及主要語言學生活動

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

上節(jié)課學

導入：本案例主要講述如何運用鋼筆工具繪制Q版角色小Q。通過本例的

習的內(nèi)容,

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

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

引導出本

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

節(jié)課要學

步驟：習的內(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：時學生也

文件夾：摩根目錄

配合著老

?藏

師回答一

些常見問

圖2-26題

?--IRR.

色J和。掰色.”，

圖2-27

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

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

應該注意

聽教師的

講解，因為

此處是新

知識，同時

也應積極

回答相應

的問題，進

行認真的

思考

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

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

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

學生聽講,

筆記

圖2-32

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

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

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

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

學生認真

觀看教師

操作，并將

其記錄下

來。

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

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

工具”，在舞臺中繪制直線，使用“直接選擇工具”對直線進行調(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é)一一鋼筆工具的運用

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

拉菜單中不同的圖標有不同的含義（分別是鋼筆工具、增加錨點工具、刪除錨

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

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

2.2.4能力擴展

學生根據(jù)

教師要求

進行擴展

項目練習

擴展效果圖

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

所示的Q版角色。

課題2.3繪制星空課時

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

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

教學目標

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

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

教學重點

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

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

教學活動及主要語言學生活動

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

教師的提

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

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

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

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

步驟：

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

要由老師

按鈕。來講解，同

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

配合著老

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

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

題

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

創(chuàng)學新元件xl

耀影片更轅▼一國酒

文件夾：虛報目錄

?毓

圖2-57圖2-58

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

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

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

學生聽講,

筆記

圖2-59圖2-60

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

一個橢圓形，如圖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è)置相應的顏色,

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

學生認真

觀看教師

操作，并將

其記錄下

來。

圖2-66

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

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

圖2-69

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

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

2-69所示。

圖2-68圖2-69

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

所小。

學生聽講,

筆記

圖2-72

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

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

圖2-71

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

像素,如圖2-72所示。

圖2-74

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

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

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

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

此部分主

要由老師

來講解，同

時學生也

配合著老

師回答一

些常見問

題

圖2-73圖2-74

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

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

學生聽講,

筆記

圖2-75

16.打開