模擬制作任務(wù)

任務(wù)1 繪制一輛小汽車

任務(wù)背景

每年4月30日為我國(guó)交通安全反思日，某網(wǎng)站要在首頁(yè)放置一個(gè)以宣傳“遵守交通法規(guī)”為主題的Flash動(dòng)畫，設(shè)計(jì)師小馬已經(jīng)構(gòu)思了動(dòng)畫的情節(jié)，其中需要用到一個(gè)“小汽車”的角色，如圖2-1所示。

任務(wù)要求

繪制一個(gè)“小汽車”圖形元件，卡通形象，色彩明快，造型可愛(ài)，并設(shè)計(jì)在適當(dāng)?shù)谋尘吧弦院嫱袣夥铡?/p>

重點(diǎn)、難點(diǎn)

1.“鋼筆工具”的使用。

2.“基本矩形工具”的使用。

3.“填充工具”的使用。

4.“Deco工具”的使用。

【技術(shù)要領(lǐng)】利用“鋼筆工具”繪制大形，利用“選擇工具”?（黑箭頭）調(diào)整弧度；利用“基本橢圓工具”繪制汽車輪子；利用“基本矩形工具”繪制門把手、保險(xiǎn)杠等；按F8鍵轉(zhuǎn)換為元件；使用Deco工具繪制建筑物背景。

【解決問(wèn)題】環(huán)狀圖形繪制、圓角矩形繪制、漸變色填充。

【素材來(lái)源】素材\模塊02\小汽車.fla。

任務(wù)分析

小汽車的形象應(yīng)盡量選擇可愛(ài)的卡通形象，使其具有親和力，便于大眾接受。顏色選用紅色，沖擊力強(qiáng)，在交通環(huán)境中也能起到警醒的作用。將其制作成“圖形元件”存放于“庫(kù)”中，便于在動(dòng)畫制作的過(guò)程中隨時(shí)調(diào)用。

操作步驟

創(chuàng)建文檔

01 啟動(dòng)Flash CS5，按Ctrl+N組合鍵打開(kāi)“新建文檔”對(duì)話框，在“常規(guī)”選項(xiàng)卡中選擇 “Flash文件（Action Script 3.0）”選項(xiàng)，新建一個(gè)空白文檔。按Ctrl+J組合鍵，修改文檔設(shè)置，具體參數(shù)如圖2-2所示。

02 設(shè)置完成后單擊“確定”按鈕進(jìn)入場(chǎng)景編輯畫面，如圖2-3所示。

設(shè)置工具屬性

03 在 “工具箱”中設(shè)置“筆觸顏色”為“黑色”（#000000），設(shè)置“填充顏色”為“橘色”（#FF3300），單擊“工具箱”中的“鉛筆工具”，在場(chǎng)景右側(cè)的“屬性”面板中將“筆觸高度”設(shè)置為2，如圖2-4所示。

繪制小汽車

04 選擇“工具箱”中的“鋼筆工具?”（快捷鍵為P）在舞臺(tái)中央繪制小汽車車體部分輪廓，并將“圖層1”的名稱更改為“車體”，如圖2-5所示。

05 選擇“工具箱”中的“選擇工具”，將鼠標(biāo)指針移動(dòng)到場(chǎng)景中剛才繪制的小汽車外形上，待其鼠標(biāo)指針變成形狀時(shí)調(diào)整線條的弧度，如圖2-6所示。

06 選擇“工具箱”中的“顏料桶工具”（快捷鍵為K），將鼠標(biāo)指針移動(dòng)到車體上單擊，為車體填充“橘色”（#FF3300），如圖2-7所示。

07 單擊“插入圖層”按鈕，新建“圖層2”，并將其重命名為“車窗”，選擇“鋼筆工具”按照上述繪制車體的方法在“車窗”圖層中繪制小汽車的4個(gè)車窗部分，效果如圖2-8所示。

08 選擇“工具箱”中的“選擇工具”，將鼠標(biāo)指針移動(dòng)到場(chǎng)景中繪制的“2”號(hào)車窗部分上，雙擊鼠標(biāo)，全選整個(gè)“車窗2”，如圖2-9所示。

09 選擇“工具箱”中的“顏料桶工具”，設(shè)置填充色為線性漸變，如圖2-10所示。

10 選擇“窗口”>“顏色”命令或按Shift+F9組合鍵，如圖2-11（a）所示，調(diào)整“顏色”面板下方的漸變條，左右兩個(gè)滑塊的顏色值分別設(shè)置為“白色”（#FFFFFF）、“淺藍(lán)色”（#00CCFF），如圖2-11（b）所示。

11 使用“顏料桶工具”，分別填充4個(gè)車窗部分，如圖2-12所示。

12 選擇“工具箱”中的“漸變變形工具”?（快捷鍵為F），對(duì)4個(gè)車窗部分的漸變填充色進(jìn)行方向、位置和范圍的調(diào)整，如圖2-13所示。

13 單擊“插入圖層”按鈕，新建一個(gè)圖層，將圖層命名為“車輪”，如圖2-14所示，并開(kāi)始在“車輪”圖層繪制汽車的輪子。

14 選擇“工具箱”中的“基本橢圓工具?”，設(shè)置“筆觸顏色”為“灰色”（#575757）, “填充顏色”為“深灰色”（#333333），在“屬性”面板中設(shè)置“筆觸高度”為2，移動(dòng)鼠標(biāo)指針到舞臺(tái)，在靠近車體的下方按住Shift鍵拖動(dòng)鼠標(biāo)，繪制一個(gè)尺寸為68px×68px的圓形，如圖2-15所示。

15 選擇“工具箱”中的“選擇工具”或按快捷鍵V，將鼠標(biāo)移動(dòng)到圓形的中心，拖動(dòng)圓環(huán)的中心點(diǎn)形成一個(gè)內(nèi)徑為47的圓環(huán)，如圖2-16所示，繪制完成后，釋放鼠標(biāo)，結(jié)果如圖2-17所示。

16 單擊“插入圖層”按鈕新建圖層，將新建圖層拖動(dòng)到“車窗”圖層和“車輪”圖層之間，并將其命名為“輪床”，如圖2-18所示。再次選擇“工具箱”中的“鋼筆工具”，繪制用于放置車輪的“輪床”部分，使小汽車顯得更加形象生動(dòng)，如圖2-19所示。

17 將“輪床”部分填充為“黑色”，然后單擊“車輪”圖層下方的眼睛圖標(biāo)取消“車輪”圖層的隱藏，使車輪再次顯示，如圖2-20所示。

18 按照上述方法或者通過(guò)復(fù)制的辦法將后面的車輪部分也繪制出來(lái)，效果如圖2-21所示。

19 單擊“插入圖層”按鈕，在“車輪”圖層和“輪床”圖層之間新建“車圈”圖層，如圖2-22所示。

20 選擇“工具箱”中的“橢圓工具”，設(shè)置“工具箱”中的“筆觸顏色”為無(wú)，“填充顏色”為“灰藍(lán)色”（#339999），如圖2-23所示。按住Shift鍵同時(shí)拖動(dòng)鼠標(biāo)，在舞臺(tái)中繪制一個(gè)圓形，完成車輪中間車圈部分顏色填充，使小汽車看上去更加生動(dòng)，如圖2-24所示。

21 單擊“插入圖層”按鈕，新建一個(gè)圖層，并命名為“其他零件”，如圖2-25（a）所示，選擇“工具箱”中的“基本矩形工具?”，如圖2-25（b）所示，設(shè)置“筆觸顏色”為“黑色”, “筆觸高度”為2, “填充顏色”為“淺灰色”（#CCCCCC），如圖2-25（c）所示。將鼠標(biāo)指針移動(dòng)到舞臺(tái)并繪制一個(gè)矩形（小汽車的后保險(xiǎn)杠），如圖2-26所示。

22 選擇“工具箱”中的“選擇工具”，將鼠標(biāo)指針移動(dòng)到矩形的任意一個(gè)節(jié)點(diǎn)上，按住鼠標(biāo)左鍵調(diào)整矩形成為圓角矩形，如圖2-27所示。

23 選擇“工具箱”中的“任意變形工具”（快捷鍵為Q），調(diào)整圓角矩形的大小，并使用移動(dòng)工具調(diào)整其位置，完成小汽車后保險(xiǎn)杠的繪制，效果如圖2-28所示。

24 按照上述方法完成車身其他部位零件的繪制，可根據(jù)個(gè)人喜好進(jìn)行添加，目的是使小汽車看上去更加生動(dòng)形象，完成后的效果如圖2-29所示。

25 選擇“工具箱”中的“選擇工具”，在舞臺(tái)中央拖動(dòng)鼠標(biāo)繪制一個(gè)大的矩形，確保將小汽車全部選中，如圖2-30所示。

26 按F8鍵，打開(kāi)“轉(zhuǎn)換為元件?”對(duì)話框，設(shè)置名稱為“小汽車”，類型為“圖形”，如圖2-31（a）所示，單擊“確定”按鈕將繪制的小汽車轉(zhuǎn)換為一個(gè)圖形元件，如圖2-31（b）所示。

27 查看“庫(kù)”面板（快捷鍵為Ctrl+L），發(fā)現(xiàn)小汽車已經(jīng)保存在庫(kù)里了。

28 最后，為繪制好的小汽車設(shè)計(jì)背景。單擊“插入圖層按鈕”，新建一個(gè)圖層，命名為“背景”，將其拖放到所有圖層的下面，并將其他圖層暫時(shí)隱藏，如圖2-32所示。

29 選擇“工具箱”中的“矩形工具”，設(shè)置“筆觸高度”為2, “筆觸顏色”為“無(wú)”, “填充顏色”為“線性漸變”，并在“顏色”面板里面將漸變條左右兩個(gè)滑塊的顏色值分別設(shè)置為“白色”（#FFFFFF）、“藍(lán)色”（#0054EC），設(shè)置如圖2-33所示。

30 拖動(dòng)鼠標(biāo)，繪制一個(gè)與場(chǎng)景一樣大小的矩形，并使用“漸變變形”工具調(diào)整填充顏色的漸變方向，效果如圖2-34所示。

31 選擇“工具箱”中的“直線工具”，設(shè)置“筆觸高度”為2, “筆觸顏色”為“黑色”，在畫面中間繪制一條地平線，如圖2-35所示。

32 選擇“工具箱”中的“Deco工具”?，在“屬性”面板里面設(shè)置“繪制效果”為“建筑物刷子”, “高級(jí)選項(xiàng)”為“隨機(jī)選擇建筑物”, “建筑物大小”為1，如圖2-36所示。

33 按住鼠標(biāo)左鍵不放，在地平線上拖動(dòng)鼠標(biāo)繪制建筑物，效果如圖2-37所示。

34 選擇“工具箱”中的“噴涂刷工具”，在“屬性”面板里面勾選“默認(rèn)形狀”和“隨機(jī)縮放”復(fù)選框，設(shè)置噴涂元件的顏色為“黃色”（#FFFF33），如圖2-38所示。

35 在建筑物后面的背景上單擊并拖動(dòng)鼠標(biāo)，添加類似星星的裝飾符號(hào)，效果如圖2-39所示。

36 單擊時(shí)間軸上的“眼睛”圖標(biāo)，將隱藏的圖層顯示出來(lái)，調(diào)整小汽車的位置，最終效果如圖2-40所示。