第2課繪制與填充矢量圖本課要點(diǎn)具體要求本課導(dǎo)讀上機(jī)練習(xí)本課要點(diǎn)FlashCS3中的圖形概念FlashCS3中的基本繪圖工具FlashCS3中的顏色填充工具具體要求了解位圖與矢量圖的區(qū)別掌握用線條工具、鉛筆工具和鋼筆工具等工具繪制線條的方法掌握橢圓工具和矩形工具等幾何圖形繪制工具的使用方法掌握滴管工具、顏料桶工具以及填充變形工具的使用方法掌握利用【顏色】面板為圖形填充漸變色的操作方法本課導(dǎo)讀在Flash動(dòng)畫中，矢量圖是其必不可少的重要組成部分，F(xiàn)lashCS3中提供了一系列的矢量圖繪制與填充工具，用戶可通過(guò)這些工具繪制所需的矢量圖，并將繪制的矢量圖應(yīng)用到動(dòng)畫中。2.1FlashCS3圖形繪制基礎(chǔ) 利用FlashCS3中提供的矢量圖繪制與填充工具，可以根據(jù)動(dòng)畫需要繪制出相應(yīng)的矢量圖。在正式學(xué)習(xí)這些工具之前，首先需要對(duì)FlashCS3中的圖形概念以及【繪圖】工具欄等基礎(chǔ)知識(shí)進(jìn)行了解。2.1FlashCS3圖形繪制基礎(chǔ)

2.1.1知識(shí)講解 2.1.2典型案例——在Flash中體會(huì)位圖

和矢量圖的區(qū)別2.1.1知識(shí)講解 為了更好地對(duì)FlashCS3中圖形的相關(guān)基礎(chǔ)知識(shí)進(jìn)行了解，下面分別對(duì)FlashCS3中的圖形概念、【繪圖】工具欄以及基本的繪圖工具進(jìn)行簡(jiǎn)單的介紹。2.1.1知識(shí)講解

1.FlashCS3中的圖形概念 2.認(rèn)識(shí)【繪圖】工具欄3.FlashCS3中的繪圖工具1.FlashCS3中的圖形概念

在FlashCS3中，根據(jù)顯示和存儲(chǔ)原理的不同，將圖形分為位圖和矢量圖兩種。位圖：位圖是根據(jù)圖像中每一點(diǎn)的信息生成的，存儲(chǔ)和顯示位圖需要對(duì)圖像中每一個(gè)點(diǎn)的信息進(jìn)行處理，這樣的一個(gè)點(diǎn)就是一個(gè)像素，一幅200×200像素的位圖就有40000個(gè)像素，電腦要存儲(chǔ)和顯示這幅位圖就需要處理40000個(gè)像素的相關(guān)信息。因其存儲(chǔ)和顯示原理，使得位圖具有豐富的色彩表現(xiàn)力，多用在對(duì)色彩豐富度或真實(shí)感要求比較高的場(chǎng)合。但在FlashCS3中，無(wú)法通過(guò)提供的繪圖工具對(duì)位圖進(jìn)行繪制，只能通過(guò)導(dǎo)入素材的方式來(lái)獲取相應(yīng)的位圖。1.FlashCS3中的圖形概念矢量圖：矢量圖是由電腦根據(jù)存儲(chǔ)的矢量數(shù)據(jù)經(jīng)過(guò)相應(yīng)的計(jì)算后生成的，它主要通過(guò)包含顏色和位置屬性的直線或曲線數(shù)據(jù)來(lái)描述圖像，因此電腦在存儲(chǔ)和顯示矢量圖時(shí)，不需對(duì)每一個(gè)像素進(jìn)行處理，只需記錄圖形的線條屬性和顏色屬性等數(shù)據(jù)信息。利用FlashCS3中的繪圖工具繪制的圖形都是矢量圖。2.認(rèn)識(shí)【繪圖】工具欄在了解了FlashCS3中的圖形概念后，下面對(duì)FlashCS3的【繪圖】工具欄進(jìn)行介紹。FlashCS3中的【繪圖】工具欄位于主界面的左側(cè)。3.FlashCS3中的繪圖工具 FlashCS3中的所有繪圖工具都位于【繪圖】工具欄的【工具】區(qū)域中，

工具包括：選擇工具、部分選取工具、任意變形工具、填充變形工具、線條工具、套索工具、鋼筆工具、文本工具、橢圓工具、矩形工具、多角星形工具、鉛筆工具、刷子工具、墨水瓶工具、顏料桶工具、滴管工具、橡皮擦工具2.1.2典型案例——在Flash中體

會(huì)位圖和矢量圖的區(qū)別案例目標(biāo)

本案例將把提供的位圖素材導(dǎo)入到FlashCS3中，復(fù)制位圖，并將復(fù)制的位圖轉(zhuǎn)換為矢量圖，通過(guò)對(duì)兩張圖進(jìn)行比較，讓讀者體會(huì)FlashCS3中位圖和矢量圖的實(shí)際區(qū)別。2.1.2典型案例——在Flash中體

會(huì)位圖和矢量圖的區(qū)別操作思路（1）將提供的位圖素材導(dǎo)入到FlashCS3中。（2）復(fù)制位圖，并將位圖轉(zhuǎn)換為矢量圖。（3）在FlashCS3中對(duì)場(chǎng)景的顯示比例進(jìn)行縮放，分別觀察位圖和矢量圖出現(xiàn)的變化。（4）將圖層以輪廓方式顯示，觀察位圖和矢量圖在這種方式下顯示的不同狀態(tài)。

2.1.2典型案例——在Flash中體

會(huì)位圖和矢量圖的區(qū)別操作步驟

具體操作步驟請(qǐng)教師參照軟件及書中內(nèi)容進(jìn)行講解。2.1.2典型案例——在Flash中體

會(huì)位圖和矢量圖的區(qū)別案例小結(jié)

本案例利用提供的位圖素材在FlashCS3中以不同顯示比例和顯示方式對(duì)位圖和矢量圖進(jìn)行了對(duì)比。通過(guò)對(duì)比，讀者應(yīng)該對(duì)位圖和矢量圖在FlashCS3中的大致區(qū)別有一個(gè)基本的認(rèn)識(shí)。當(dāng)然，位圖和矢量圖的區(qū)別并不止這些，本案例列舉的只是其最明顯的幾點(diǎn)差異，對(duì)于這兩種圖形的其他差異，還需要在日后的應(yīng)用過(guò)程中逐漸了解和體會(huì)。2.2繪制基礎(chǔ)圖形

在了解FlashCS3中的圖形概念并認(rèn)識(shí)【繪圖】工具欄以及相關(guān)的繪圖工具后，下面就對(duì)FlashCS3中用于基礎(chǔ)圖形繪制的工具及其使用方法進(jìn)行詳細(xì)的講解。2.2繪制基礎(chǔ)圖形 2.2.1

知識(shí)講解

2.2.2典型案例——繪制“小白兔”矢量卡通圖形2.2.1知識(shí)講解

在FlashCS3中，繪制基礎(chǔ)圖形的工具主要包括線條工具、鉛筆工具、鋼筆工具、刷子工具、橡皮擦工具、矩形工具、橢圓工具和多角星形工具，這類工具通常用于圖形輪廓以及幾何圖形的繪制。2.2.1知識(shí)講解1.

繪制直線2.繪制曲線3.繪制任意形狀的線條4.繪制矢量色塊5.擦除圖形6.

繪制橢圓7.繪制矩形8.繪制多邊形和星形1.繪制直線

繪制直線的工具為線條工具。

使用線條工具繪制直線的具體操作請(qǐng)教師參照軟件和書中內(nèi)容進(jìn)行講解。2.繪制曲線

在FlashCS3中，繪制曲線的主要工具是鋼筆工具。相對(duì)于其他工具，初次使用鋼筆工具時(shí)會(huì)覺(jué)得該工具較難掌握，但在熟練掌握后，將會(huì)覺(jué)得該工具是十分有用的繪圖工具。

使用鋼筆工具繪制曲線的具體操作請(qǐng)教師參照軟件和書中內(nèi)容進(jìn)行講解。3.繪制任意形狀的線條

在FlashCS3中，使用鉛筆工具可以繪制任意形狀的線條或不規(guī)則的線條輪廓。

使用鉛筆工具繪制線條的具體操作請(qǐng)教師參照軟件和書中內(nèi)容進(jìn)行講解。4.繪制矢量色塊

在FlashCS3中，利用刷子工具可以繪制一些特定形狀、大小及顏色的矢量色塊。具體操作請(qǐng)教師參照軟件和書中內(nèi)容進(jìn)行講解。5.擦除圖形

在FlashCS3中，利用橡皮擦工具可以對(duì)圖形中繪制失誤或不滿意的部分進(jìn)行擦除，以便重新對(duì)其進(jìn)行繪制。除此之外，還可以通過(guò)對(duì)圖形某一部分進(jìn)行擦除來(lái)獲得特殊的圖形效果。

橡皮擦工具的具體操作請(qǐng)教師參照軟件和書中內(nèi)容進(jìn)行講解。6.繪制橢圓

在FlashCS3中，利用橢圓工具可以輕松地繪制橢圓。

利用橢圓工具繪制橢圓的具體操作請(qǐng)教師參照軟件和書中內(nèi)容進(jìn)行講解。7.繪制矩形

在FlashCS3中，利用矩形工具可以繪制出不同大小、不同形狀的矩形。

使用矩形工具繪制矩形的具體操作請(qǐng)教師參照軟件和書中內(nèi)容進(jìn)行講解。8.繪制多邊形和星形

除了上面介紹的橢圓工具和矩形工具外，在FlashCS3中還提供了一個(gè)專門用于繪制多邊形和星形的工具——多角星形工具，利用這個(gè)工具，可以繪制出不同邊數(shù)和不同大小的多邊形和星形。

其具體操作請(qǐng)教師參照軟件和書中內(nèi)容進(jìn)行講解。2.2.2典型案例——繪制“小白兔”矢量卡通圖形

案例目標(biāo)

本案例將利用線條工具、鉛筆工具、鋼筆工具以及橢圓工具等基本繪圖工具繪制一個(gè)“小白兔”矢量卡通圖形。通過(guò)對(duì)卡通圖形的繪制，讀者應(yīng)熟悉并掌握FlashCS3中基本繪圖工具的使用方法。2.2.2典型案例——繪制“小白兔”矢量卡通圖形

操作思路（1）使用鉛筆工具和鋼筆工具繪制小白兔的頭部輪廓。（2）使用鉛筆工具配合鋼筆工具繪制小白兔的身體輪廓。（3）使用鉛筆工具配合鋼筆工具繪制書包的輪廓。（4）使用線條工具、矩形工具和多角星形工具繪制書包上的裝飾物圖形。2.2.2典型案例——繪制“小白兔”矢量卡通圖形

操作步驟

具體操作步驟請(qǐng)教師參照軟件及書中內(nèi)容進(jìn)行講解。2.2.2典型案例——繪制“小白兔”矢量卡通圖形

案例小結(jié)本案例繪制了一個(gè)“小白兔”矢量卡通圖形，練習(xí)使用了所學(xué)的線條工具、鉛筆工具以及矩形工具等基本繪圖工具。在本案例的制作過(guò)程中，針對(duì)圖形中各部分的特點(diǎn)，采用了不同的工具進(jìn)行繪制，在練習(xí)使用工具時(shí)，應(yīng)同時(shí)了解各工具的特點(diǎn)。橡皮擦工具通常在繪制失誤或需要擦除圖形中多余部分的情況下應(yīng)用，所以在本案例的實(shí)際操作步驟中沒(méi)有使用它，但這并不意味著在本案例中不會(huì)用到該工具，讀者應(yīng)根據(jù)繪制時(shí)的實(shí)際情況合理地利用該工具。2.3填充圖形顏色

通常，在繪制了矢量圖的輪廓線條后，還需要為其填充相應(yīng)的顏色。恰當(dāng)?shù)念伾畛?，不但可以使圖形更加精美、漂亮，而且對(duì)線條輪廓出現(xiàn)的細(xì)小失誤還具有一定的彌補(bǔ)作用，下面就對(duì)FlashCS3中用于顏色填充的各種工具進(jìn)行講解。2.3填充圖形顏色 2.3.1

知識(shí)講解 2.3.2

典型案例——為“小白兔”卡通圖形填充顏色2.3.1知識(shí)講解

在FlashCS3中，用于圖形顏色填充的工具主要包括滴管工具、顏料桶工具、填充變形工具和墨水瓶工具。2.3.1知識(shí)講解 1.對(duì)指定顏色采樣 2.為圖形填充純色 3.為圖形填充漸變色 4.為圖形添加線條輪廓1.對(duì)指定顏色采樣

在FlashCS3中，使用滴管工具可以從指定的位置提取該位置的線條或矢量色塊的顏色樣本，并將其自動(dòng)設(shè)置為顏料桶工具或墨水瓶工具的填充色。其具體操作請(qǐng)教師參照軟件和書中內(nèi)容進(jìn)行講解。2.為圖形填充純色

在FlashCS3中，封閉圖形中的顏色填充主要通過(guò)顏料桶工具來(lái)完成。

使用顏料桶工具填充顏色的具體操作請(qǐng)教師參照軟件和書中內(nèi)容進(jìn)行講解。3.為圖形填充漸變色

使用顏料桶工具，除了可以為一個(gè)封閉的區(qū)域填充單一的顏色外，還可通過(guò)與【顏色】面板以及填充變形工具配合使用為封閉區(qū)域填充具有顏色漸變效果的漸變色。

為圖形填充漸變色的具體操作請(qǐng)教師參照軟件和書中內(nèi)容進(jìn)行講解。4.為圖形添加線條輪廓

在FlashCS3中，除了利用顏料桶工具為封閉圖形填充顏色外，還可利用墨水瓶工具為矢量圖添加指定顏色的線條輪廓。

使用墨水瓶工具為圖形添加輪廓的具體操作請(qǐng)教師參照軟件和書中內(nèi)容進(jìn)行講解。

2.3.2典型案例——為“小白兔”卡通圖形填充顏色

案例目標(biāo)

本案例將利用所學(xué)的滴管工具、墨水瓶工具和顏料桶工具配合使用填充變形工具和【顏色】面板為前面繪制的“小白兔”卡通圖形填充顏色。通過(guò)本案例，讀者應(yīng)熟悉并掌握FlashCS3中顏色填充工具的使用方法，并學(xué)會(huì)利用【顏色】面板對(duì)顏色進(jìn)行調(diào)整。

2.3.2典型案例——為“小白兔”卡通圖形填充顏色操作思路（1）使用墨水瓶工具為裝飾物添加輪廓，并利用滴管工具提取裝飾物的填充色，用提取的顏色填充袖口部分。（2）使用顏料桶工具并利用【顏色】面板對(duì)顏色進(jìn)行適當(dāng)調(diào)整，為卡通圖形的不同部分填充顏色。（3）在【顏色】面板中調(diào)整漸變色，并使用漸變色對(duì)小白兔的鞋子進(jìn)行填充。然后，將圖形中用于劃分圖形明暗區(qū)域的多余線條刪除。

2.3.2典型案例——為“小白兔”卡通圖形填充顏色操作步驟

具體操作步驟請(qǐng)教師參照軟件及書中內(nèi)容進(jìn)行講解。

2.3.2典型案例——為“小白兔”卡通圖形填充顏色案例小結(jié)本案例通過(guò)為前面繪制的“小白兔”矢量卡通圖形填充顏色練習(xí)了滴管工具、墨水瓶工具、顏料桶工具、填充變形工具以及【顏色】面板的使用方法。在【顏色】面板中調(diào)整漸變色以及利用填充變形工具對(duì)漸變色填充屬性進(jìn)行調(diào)整是本案例的重點(diǎn)，讀者應(yīng)仔細(xì)體會(huì)這部分的操作，并爭(zhēng)取將其熟練掌握。2.4上機(jī)練習(xí)

2.4.1繪制“小貓咪”卡通圖形

2.4.2

繪制“顯示器”矢量圖2.4.1繪制“小貓咪”卡通圖形

本練習(xí)將繪制“小貓咪”卡通圖形，主要練習(xí)鉛筆工具、鋼筆工具、顏料桶工具和橢圓工具的應(yīng)用。2.4.1繪制“小貓咪”卡通圖形操作思路：將文檔的場(chǎng)景尺寸設(shè)置為300×350像素。使用鋼筆工具配合鉛筆工具繪制卡通圖形的輪廓。其中，較為規(guī)則的曲線可用鋼筆工具來(lái)繪制，其余描繪細(xì)節(jié)以及用于劃分圖形明暗區(qū)域的線條使用鉛筆工具繪制。使用橢圓工具繪制眼睛和臉上的紅暈，然后使用顏料桶工具為圖形的各部分填充相應(yīng)的顏色。將所有用于劃分明暗區(qū)域的線條刪除，并將圖形中的線條設(shè)置為不同的粗細(xì)，以增強(qiáng)畫面的層次感。

2.4.2繪制“顯示器”矢量圖