《Flash CS3動畫制作》繪制與填充矢量圖形（模塊二）

模塊二繪制與填充矢量圖形主講老師：***FlashCS3動畫制作任務(wù)實訓(xùn)教程學(xué)習(xí)目標(biāo)了解繪制與填充矢量圖形的各種工具熟練掌握繪制矢量圖形工具的一般方法熟練掌握填充矢量圖形工具的一般方法任務(wù)一

繪制卡通小雞任務(wù)目標(biāo)運(yùn)用線條工具和鋼筆工具的相關(guān)知識繪制如圖所示的卡通圖形。通過練習(xí)掌握鉛筆工具、直線工具和鋼筆工具的使用方法，并掌握繪制直線、曲線和任意形狀圖形，以及檫除圖形的方法。繪制卡通小雞效果任務(wù)一

繪制卡通小雞操作思路（1）使用鋼筆工具繪制小雞的輪廓。（2）使用鉛筆工具繪制出小雞的眉毛、眼睛、腳和尾巴等細(xì)部。（3）使用直線工具繪制出小雞嘴巴，最后使用橡皮擦工具檫除一些多余部分。制作卡通小雞的操作思路操作一

繪制小雞輪廓（1）新建一個Flash文檔，默認(rèn)其文檔大小和顏色，將其保存為“卡通小雞”。（2）在工具箱中單擊按鈕選擇鋼筆工具。將鼠標(biāo)移至場景中，當(dāng)鼠標(biāo)指針變?yōu)樾螤顣r，在要繪制曲線的位置處單擊鼠標(biāo)左鍵，確定曲線的初始點(diǎn)（初始點(diǎn)以小圓圈顯示）。（3）將鼠標(biāo)移動到曲線的終點(diǎn)位置，按住鼠標(biāo)左鍵并拖動鼠標(biāo)，此時會出現(xiàn)相應(yīng)的調(diào)節(jié)桿。通過調(diào)整調(diào)節(jié)桿的長度和斜度確定曲線弧度，繪制出如圖所示的一段曲線。繪制起點(diǎn)曲線操作一

繪制小雞輪廓（4）用相同的方法繪制出小雞輪廓線，如圖所示將鼠標(biāo)移動到第一個起點(diǎn)位置將封閉曲線，得到如圖所示效果。用相同的方法繪制出小雞的翅膀，如圖所示。

繪制輪廓封閉曲線繪制小雞翅膀操作二

繪制小雞細(xì)部（1）在工具箱中單擊按鈕選擇鉛筆工具。（2）將鼠標(biāo)移動到舞臺中，當(dāng)鼠標(biāo)指針變?yōu)樾螤顣r，在小雞適當(dāng)位置處，按住鼠標(biāo)左鍵拖動繪制出小雞尾巴、腳和眼睛，如圖所示。繪制眼睛、尾巴和腳操作二

繪制小雞細(xì)部（3）在工具箱中單擊按鈕選擇線條工具，在“屬性”面板中將線條設(shè)置為“實線”，筆觸高度設(shè)置為1，筆觸顏色設(shè)置為黑色。（4）當(dāng)鼠標(biāo)變?yōu)樾螤顣r，在適當(dāng)位置處，按住鼠標(biāo)左鍵拖動繪制出小雞嘴巴，如圖所示。繪制嘴巴操作三

修改并完善圖形（1）在工具箱中單擊按鈕選中橡皮擦工具。在下方區(qū)域單擊按鈕，在打開的菜單中選擇一種橡皮擦工具的擦除模式。（2）單擊按鈕，在打開的列表中選擇橡皮擦工具的形狀和大小。（3）在場景中將翅膀與小雞輪廓重合的地方用橡皮擦工具擦除，效果如圖所示。檫除圖形多余部分操作三

修改并完善圖形（4）選中小雞的眉毛，在工具箱中單擊按鈕，在彈出的菜單中選擇“平滑”繪圖模式。（5）選中小雞的眼睛，在“屬性”面板中將筆觸大小設(shè)置為3，在小雞眼睛處繪制，效果如圖所示。保存該文檔完成本任務(wù)的操作。修改眉毛和眼睛學(xué)習(xí)與探究鋼筆工具的附加工具添加錨點(diǎn)工具：用于在曲線上增加一個錨點(diǎn)，以便更好地控制路徑，繪制出更流暢自然的線條，如圖所示。轉(zhuǎn)換錨點(diǎn)工具：用于將曲線錨點(diǎn)轉(zhuǎn)換為直線錨點(diǎn)，將直線錨點(diǎn)轉(zhuǎn)換為曲線錨點(diǎn)，并可調(diào)整曲線的位置和弧度，如圖所示。刪除錨點(diǎn)工具：用于刪除曲線上的一個錨點(diǎn)，以降低曲線的復(fù)雜性，如圖所示。

添加錨點(diǎn)工具轉(zhuǎn)換錨點(diǎn)工具刪除錨點(diǎn)工具學(xué)習(xí)與探究鋼筆工具的常見指針：在該形狀狀態(tài)下，單擊鼠標(biāo)左鍵可確定一個點(diǎn)，該形狀是選擇鋼筆工具后指針的默認(rèn)形狀。：將鼠標(biāo)移動到繪制曲線的某個錨點(diǎn)上時，指針將變?yōu)榇诵螤?，此時單擊鼠標(biāo)左鍵可刪除該錨點(diǎn)。：當(dāng)鼠標(biāo)移動到曲線起始點(diǎn)時，指針將變?yōu)榇诵螤睢４藭r單擊鼠標(biāo)左鍵可將圖形封閉并填充顏色。：將鼠標(biāo)移動到曲線上沒有錨點(diǎn)的任意位置時，指針將變?yōu)榇诵螤?，此時單擊鼠標(biāo)左鍵可添加一個錨點(diǎn)。：將鼠標(biāo)移動到曲線錨點(diǎn)上時，指針將變?yōu)榇诵螤?。此時單擊鼠標(biāo)左鍵可將曲線錨點(diǎn)變化為直線錨點(diǎn)。：選擇轉(zhuǎn)換錨點(diǎn)工具后的指針形狀。此時可轉(zhuǎn)換直線錨點(diǎn)或曲線錨點(diǎn)，也可調(diào)整曲線的位置和弧度。中學(xué)習(xí)與探究橡皮擦工具的檫除模式標(biāo)準(zhǔn)擦除：此模式為橡皮擦工具默認(rèn)的擦除模式，在該模式下，可同時擦除矢量色塊和矢量線條，如圖所示。擦除填色：此模式下橡皮擦工具只能擦除填充的矢量色塊而不能擦除圖形中的矢量線條，如圖所示。擦除線條：此模式下橡皮擦工具只能擦除圖形中的矢量線條，而不會擦除圖形中的矢量色塊，如圖所示。

標(biāo)準(zhǔn)擦除擦除填色擦除線條學(xué)習(xí)與探究擦除所選填充：此模式下橡皮擦工具只能擦除圖形中選中區(qū)域的矢量線條和色塊，如圖所示為擦除選中的頭發(fā)部分色塊后的效果。內(nèi)部擦除：此模式下只能擦除封閉圖形區(qū)域內(nèi)的色塊，但擦除的起點(diǎn)必須在封閉圖形內(nèi)，否則不能進(jìn)行擦除，如圖所示。

擦除所選填充內(nèi)部擦除任務(wù)二

繪制房子任務(wù)目標(biāo)運(yùn)用矩形工具、橢圓工具、多角星形工具、墨水瓶工具和任意變形工具的相關(guān)知識，繪制如圖所示的房子。繪制房子任務(wù)二

繪制房子操作思路（1）使用矩形工具和多角星形工具繪制房子輪廓。（2）使用墨水瓶工具為房子填充顏色。（3）使用矩形工具和橢圓工具為房子添加樹叢、柵欄和小窗，并對房子進(jìn)行修飾。繪制房子的操作思路操作一

繪制房子輪廓（1）新建一個Flash文檔，默認(rèn)其文檔大小和顏色，將其保存為“繪制房子圖形”。（2）在工具箱中單擊按鈕選擇矩形工具，在“屬性”面板中將筆觸顏色設(shè)置為黑色，將填充顏色設(shè)置為淺綠色，然后在場景中繪制出如圖2-21所示的房子墻體。（3）在工具箱中按住按鈕，在打開的快捷菜單中選擇“多角星形按鈕工具”命令，在“屬性”面板中將筆觸顏色設(shè)置為黑色，將填充顏色設(shè)置為。繪制房子的墻體操作一

繪制房子輪廓（4）在該“屬性”面板單擊“選項”按鈕，在打開的“工具選項”對話框“樣式”的下拉列表框中選擇“多邊形”選項，在“邊數(shù)”文本框輸入“3”，在“星形頂點(diǎn)大小”文本框中輸入“0.50”，單擊“確定”按鈕。（5）在場景中墻體上方適當(dāng)位置繪制三角形房頂，然后用相同的方法再繪制一個稍小的房頂，使圖形更加真實，如圖所示。繪制房頂操作一

繪制房子輪廓（6）單擊工具箱中按鈕選擇矩形工具，在“屬性”面板中將筆觸顏色設(shè)置為黑色，將填充顏色設(shè)置為棕色，然后在場景中繪制出如圖所示的房子煙囪。（7）用相同方法選擇矩形工具，在“屬性”面板中將筆觸顏色設(shè)置為。，將填充顏色設(shè)置為白色，在場景中繪制出房子的門套。（8）用相同的方法分別繪制紅色的門和白色的門把，效果如圖所示。

繪制煙囪繪制門操作二

填充顏色并添加草叢和柵欄（1）在工具箱中單擊按鈕選擇滴管工具，將鼠標(biāo)移動到煙囪上，吸附煙囪的顏色，然后將鼠標(biāo)移動到房梁上，將房梁填充為與煙囪相同的顏色，效果如圖所示。（2）用相同的方法吸附房子墻體的顏色，將房頂與墻體之間的銜接部分填充為淺綠，效果如圖所示。

填充房梁顏色填充房頂顏色操作二

填充顏色并添加草叢和柵欄（3）在工具箱中單擊按鈕選擇刷子工具，將填充顏色設(shè)置為深綠色，選中一種刷子模式，在場景中房子的左右兩邊分別繪制出如圖所示的草叢。（4）選擇矩形工具，在草叢外繪制如圖所示的淺綠色柵欄。

繪制草叢繪制柵欄操作三

修改并完善圖形（1）選中所繪圖形中的黑色邊框，將其刪除，得到如圖所示的效果。（2）在工具箱中單擊按鈕選擇選擇工具，將鼠標(biāo)移動到墻體部分，當(dāng)鼠標(biāo)呈現(xiàn)直角符號時，拖到墻體，使墻體按照一定位置傾斜，得到如圖所示的效果。

刪除輪廓線修改墻體操作三

修改并完善圖形（3）用相同的方法拖到煙囪，使其更自然，得到如圖所示效果。（4）在工具箱中單擊按鈕選擇橢圓工具，設(shè)置填充色為淺藍(lán)，筆觸顏色為棕色的原形，然后使用刷子工具繪制出小窗，得到如圖所示的效果。（5）按“Ctrl+S”鍵保存所繪制的圖形。

修改煙囪添加小窗學(xué)習(xí)與探究FlashCS3中的繪圖模式合并繪制模式：在合并繪制模式下繪制和編輯圖形時，在同一圖層中的各圖形之間會互相影響，當(dāng)其重疊時，位于上方的圖形會覆蓋位于下方的圖形，并對其形狀造成影響。默認(rèn)情況下，F(xiàn)lashCS3中的大部分繪圖工具都處于合并繪制模式。對象繪制模式：在對象繪制模式下繪制的圖形都是獨(dú)立的對象，因此在該模式下繪制的圖形，在疊加時不會自動合并，在分離圖形或重疊圖形時，圖形之間也不會互相影響。學(xué)習(xí)與探究刷子工具的繪圖模式標(biāo)準(zhǔn)繪畫：在此模式下，刷子工具繪制的色塊會直接覆蓋其下方的矢量線條和矢量色塊，如圖所示。顏料填充：在此模式下，刷子工具繪制的色塊，只覆蓋其下方的矢量色塊而不覆蓋矢量線條，如圖所示。

標(biāo)準(zhǔn)繪畫顏料填充學(xué)習(xí)與探究后面繪畫：在此模式下，刷子工具繪制的色塊，會自動位于圖形的下方，而不會覆蓋原圖形，如圖所示。顏料選擇：在此模式下，色塊只能繪制到已經(jīng)選取的矢量色塊區(qū)域。若未選擇任何區(qū)域，則不能繪制色塊。內(nèi)部繪畫：在此模式下，要求色塊的繪制起點(diǎn)必須在矢量圖內(nèi)部，并且必須在封閉的區(qū)域里進(jìn)行繪制，如圖所示。

后面繪畫內(nèi)部繪畫學(xué)習(xí)與探究繪制圓弧、圓環(huán)（1）在工具箱中單擊按鈕選擇橢圓工具，在“屬性”面板中對筆觸顏色和填充顏色進(jìn)行設(shè)置。（2）然后在“屬性”面板“起始角度”中輸入一個角度，或者單擊文本框右側(cè)的按鈕，在其圓中選擇所需角度。用相同方法設(shè)置結(jié)束角度。（3）在場景中拖到鼠標(biāo)即可繪制出想要的圓弧，如圖所示就是“起始角度”為219，“結(jié)束角度”為309度所得到的圓弧效果。繪制扇形學(xué)習(xí)與探究（4）若要繪制圓環(huán)，只需在“屬性”面板的“內(nèi)徑”文本框中輸入內(nèi)徑圓的大小即可，如圖所示就是內(nèi)徑為47的圓環(huán)效果（此時起始角度和結(jié)束角度都為0）。（5）如圖所示為既設(shè)置了“起始角度”為219度，“結(jié)束角度”為309度，又設(shè)置了內(nèi)徑為47后繪制的圖形效果。

繪制圓環(huán)繪制圓弧任務(wù)三

繪制桃樹圖形任務(wù)目標(biāo)運(yùn)用刷子工具、選擇工具、文本工具、漸變變形工具和墨水瓶工具等相關(guān)知識，繪制如圖

所示的桃樹形狀。繪制桃樹圖形效果任務(wù)三

繪制桃樹圖形操作思路（1）使用刷子工具繪制桃樹的樹干，然后使用選擇工具對樹干進(jìn)行拉伸。（2）使用墨水瓶工具為房子填充顏色。（3）使用文本工具為圖片添加文字并使用墨水瓶工具添加桃樹輪廓線條。繪制桃樹的操作思路操作一

繪制樹干（1）新建一個Flash文檔，默認(rèn)其文檔大小和顏色，將其保存為“繪制桃樹圖形”。（2）在工具箱中單擊按鈕選擇刷子工具，將填充顏色設(shè)置為棕色，選中一種刷子模式，在場景中房子的左右兩邊分別繪制出如圖所示的樹干。（3）在工具箱中單擊按鈕選擇選擇工具，將鼠標(biāo)放置在樹干上，當(dāng)鼠標(biāo)呈現(xiàn)弧線符號

形狀時，拖動鼠標(biāo)調(diào)整樹干形狀，得到如圖所示的效果。

繪制樹干修改樹干操作一

繪制樹干（4）用相同的方法，先用刷子工具繪制出樹的枝干部分，然后使用選擇工具對枝干進(jìn)行適當(dāng)整理，得到如圖所示的效果。繪制樹的枝干操作二

繪制桃花并填色（1）在場景左側(cè)使用橢圓工具繪制兩個大小不一的無填充色橢圓，將其按照如圖所示排列。（2）使用選擇工具將兩個橢圓多余部分刪除，得到如圖左上角所示的桃花花瓣。

繪制兩個橢圓將橢圓修改為花瓣操作二

繪制桃花并填色（3）選擇【文件】→【顏色】菜單命令，打開“顏色”面板，選中繪制好的花瓣圖形，在如圖所示面板中進(jìn)行相應(yīng)設(shè)置。（4）在工具箱中單擊按鈕選擇漸變變形工具，按照如圖所示調(diào)整漸變色，其中二個滑塊的顏色分別為#FFFFFF、#FFAAAA；Alpha值均100%不變?！邦伾泵姘逭{(diào)整漸變色操作二

繪制桃花并填色（5）選中填充了漸變色的花瓣，按“Ctrl+C”鍵，然后再按“Ctrl+V”鍵，將其復(fù)制到場景中。（6）選擇工具箱中的任意變形工具，將復(fù)制的花瓣進(jìn)行如圖所示的旋轉(zhuǎn)處理。復(fù)制并放置其他花瓣操作二

繪制桃花并填色（7）用相同的方法復(fù)制其他花瓣，并放置到相應(yīng)的位置，然后使用刷子工具，將其填充色設(shè)置為黃色，在花蕊處繪制如圖所示花蕊。繪制桃花花蕊操作二

繪制桃花并填色（8）選中繪制好的桃花，按“Ctrl+G”鍵將桃花進(jìn)行組合，并將其縮小到適當(dāng)大小，得到如圖所示的效果。（9）復(fù)制組合好的花瓣若干，將其分別放置到枝頭中的不同位置，效果如圖所示。

組合桃花花瓣并按比例縮放放置桃花到枝頭操作三

添加文本和輪廓線（1）為了突出桃花的效果，在“屬性”面板中將背景色設(shè)置為淺綠色。（2）在工具箱中單擊按鈕選擇文本工具，在“屬性”面板中按照如圖所示進(jìn)行設(shè)置。對字體進(jìn)行設(shè)置操作三

添加文本和輪廓線（3）在場景左上側(cè)輸入“三月桃花”文本，效果如圖所示。（4）在工具箱中單擊按鈕選擇墨水瓶工具，在打開的“屬性”面板中單擊“自定義”按鈕，在打開的“筆觸樣式”對話框中進(jìn)行如圖所示的設(shè)置。完成后單擊“確定”按鈕。（5）將鼠標(biāo)移動到樹干和樹枝部分，即可得到桃樹的輪廓線效果，按“Ctrl+S”鍵保存所繪制的圖形完成本任務(wù)的操作。添加文本設(shè)置輪廓線筆觸樣式學(xué)習(xí)與探究“顏色”面板功能簡介

：用于更改筆觸的顏色。單擊該按鈕，可在打開的顏色列表中選擇要更改的筆觸顏色。：用于更改填充顏色。單擊該按鈕，可在打開的顏色列表中選擇要更改的填充顏色。：用于設(shè)置顏色的類型。其中包括“無”、“純色”、“線性”、“放射狀”和“位圖”5個選項?！凹t、綠、藍(lán)”調(diào)節(jié)框：用于更改顏色中紅、綠和藍(lán)3種顏色的顏色密度值?！癆lpha”調(diào)節(jié)框：用于設(shè)置填充顏色的透明度。顏色選擇框：單擊選擇框中的顏色區(qū)域，可快速選擇對應(yīng)的顏色。學(xué)習(xí)與探究

：用于顯示當(dāng)前顏色的十六進(jìn)制值。也可通過鍵入新值來選擇新的顏色。顏色深度調(diào)節(jié)框：用于調(diào)節(jié)顏色的色彩深度。按鈕：單擊該按鈕，可將筆觸顏色和填充顏色快速設(shè)置為黑色和白色。按鈕：單擊該按鈕，可快速將顏色設(shè)置為無色。按鈕：單擊該按鈕，可將筆觸顏色和填充顏色快速交換。顏色樣本框：用于顯示當(dāng)前調(diào)節(jié)的顏色效果。：在

中選擇“線性”或“放射狀”后會出現(xiàn)該項目，主要包括3個選項，用于控制超出線性或放射狀漸變限制進(jìn)行應(yīng)用的顏色：選中該復(fù)選框可創(chuàng)建

SVG（可伸縮的矢量圖形）兼容的線性或放射狀漸變。學(xué)習(xí)與探究顏料桶工具的填充方式不封閉空隙：使用該填充方式，填充區(qū)域必須為完全封閉狀態(tài)，否則將不能對圖形進(jìn)行填充。封閉中空隙：使用該填充方式，即使填充區(qū)域存在中等大小的缺口，仍能對圖形進(jìn)行填充。封閉小空隙：該填充方式下，即使填充區(qū)域存在小的缺口，仍然對圖形進(jìn)行填充。封閉大空隙：該填充方式下，即使填充區(qū)域存在較大的缺口，仍對圖形進(jìn)行填充。學(xué)習(xí)與探究設(shè)置漸變色屬性將鼠標(biāo)移動到圖形中的漸變色上，當(dāng)鼠標(biāo)變?yōu)?/p>

形狀時，單擊鼠標(biāo)左鍵，此時圖形上將出現(xiàn)相應(yīng)的調(diào)節(jié)框，如圖所示。漸變色屬性調(diào)節(jié)框?qū)W習(xí)與探究中心點(diǎn)：用于調(diào)整漸變色中心點(diǎn)位置。焦點(diǎn)：用于改變放射狀漸變的焦點(diǎn)，只有當(dāng)選擇放射狀漸變時，才會顯示出焦點(diǎn)手柄。大?。河糜谡{(diào)整漸變色的填充大小。旋轉(zhuǎn)：用于調(diào)整漸變色的填充角度。寬度：用于調(diào)整漸變色的填充寬度。學(xué)習(xí)與探究設(shè)置文本屬性和：用于設(shè)置文字在舞臺中的寬和高的長度。和

：用于設(shè)置文字在舞臺中的位置。：用于設(shè)置文字的文本類型，其中主要有“靜態(tài)文本”、“動態(tài)文本”和“輸入文本”3種文本類型選項?！办o態(tài)文本”選項主要應(yīng)用于動畫中不需要變更的文字，是最常用的一種文字類型；“動態(tài)文本”選項通常配合Action動作腳本使用，使文字根據(jù)相應(yīng)變量的變更而顯示不同的文字內(nèi)容；“輸入文本”選項則通過在動畫中劃定一個文字輸入?yún)^(qū)域，供用戶在其中輸入相應(yīng)的文字內(nèi)容。