FlashCS6繪圖工具的使用方法

1、繪圖工具的使用(一)熟練掌握“線條工具” 、“滴管工具” 、“墨水瓶工具” 、“選擇工具”、“顏料桶工具” 、“刷子工具”、“任意變形工具”的使用方法和技巧。掌握一片樹葉、一個樹枝的繪制方法，并在實(shí)踐過程中理解Flash構(gòu)造圖形的方法。在計(jì)算機(jī)繪圖領(lǐng)域中，根據(jù)成圖原理和繪制方法的不同，圖像分為矢量圖和位圖兩種類型。矢量圖形是由一個個單獨(dú)的點(diǎn)構(gòu)成的，每一個點(diǎn)都有其各自的屬性，如位置、顏色等。矢量圖的清晰度與分辨率的大小無關(guān)，對矢量圖進(jìn)行縮放時，圖形對象仍保持原有的清晰度和光滑度，不會發(fā)生任何偏差，如圖2-0-1所示是放大了16倍的矢量圖效果。圖2-0-1 矢量圖放大到16倍時依然清晰位圖圖像是由

2、像素構(gòu)成的，像素的多少將決定位圖圖像的顯示質(zhì)量和文件大小，位圖圖像的分辨率越高，其顯示越清晰，文件所占的空間也就越大。因此，位圖圖像的清晰度與分辨率有關(guān)。對位圖圖像進(jìn)行放大時，放大的只是像素點(diǎn)，位圖圖像的四周會出現(xiàn)鋸齒狀。如圖2-0-2所示是放大了16倍的位圖效果。圖2-0-2  位圖放大16倍時模糊不清在Flash動畫制作過程中，會大量地運(yùn)用到矢量圖形。雖然有一些功能強(qiáng)大的矢量圖繪制軟件，如Corel公司的CorelDraw 軟件、Macromedia公司的Freehand軟件和Adobe公司的Illustrator軟件等，而運(yùn)用Flash自身的矢量繪圖功能將會更方便，更快捷。在這

3、一章里，我們將通過Flash基本繪圖工具的學(xué)習(xí)，繪制出一些簡單的矢量圖。另外，F(xiàn)lash也具備一定的位圖處理能力，雖然比不上專業(yè)的位圖處理軟件，但是對于制作動畫過程中需要對位圖的一些簡單處理，它還是能夠勝任的。 第一節(jié) 基本繪圖工具（上）Flash 提供了各種工具，用來繪制自由形狀或準(zhǔn)確的線條、形狀和路徑，并可用來對對象進(jìn)行上色，如圖2-1-1所示是Flash的工具箱。 圖2-1-1 繪圖工具箱 我們將分兩節(jié)來學(xué)習(xí)這些工具的使用方法。在本節(jié)中，將學(xué)習(xí)【線條工具】、【滴管工具】、【墨水瓶工具】、【選擇工具】、【刷子工具】、【任意變形工具】、【顏料桶工具】等的基本用法

4、。1線條的繪制與處理【線條工具】是Flash中最簡單的工具?，F(xiàn)在我們就來畫一條直線。用鼠標(biāo)單擊【線條工具】，移動鼠標(biāo)到舞臺上，按住鼠標(biāo)并拖動，松開鼠標(biāo)，一條直線就畫好了。用【線條工具】能畫出許多風(fēng)格各異的線條來。打開【屬性】面板，在其中，我們可以定義直線的顏色、粗細(xì)和樣式，如圖2-1-2所示。圖2-1-2 直線【屬性】面板 在如圖2-1-2所示的【屬性】面板中，單擊其中的【筆觸顏色】按鈕，會彈出一個調(diào)色板，此時鼠標(biāo)變成滴管狀。用滴管直接拾取顏色或者在文本框里直接輸入顏色的16進(jìn)制數(shù)值，16進(jìn)制數(shù)值以#開頭，如：#99FF33，如圖2-1-3所示。圖2-1-3 筆觸調(diào)色板 現(xiàn)

5、在來畫出各種不同的直線。單擊【屬性】面板中的【自定義】按鈕，會彈出一個【筆觸樣式】對話框，如圖2-1-4所示。圖2-1-4 【筆觸樣式】對話框 為了方便觀察，我們把【粗細(xì)】設(shè)置為3pts，在【類型】中選擇不同的線型和顏色，設(shè)置完后單擊【確定】，來看看設(shè)置不同筆觸樣式后畫出的線條，如圖2-1-5所示。圖2-1-5 不同類型的線條 多試試改變線條的各項(xiàng)參數(shù)，會對繪圖能力的提高有很大幫助?！镜喂芄ぞ摺亢汀灸抗ぞ摺靠梢院芸斓貙⒁粭l直線的顏色樣式套用到別的線條上。用【滴管工具】單擊上面的直線，看看【屬性】面板，它顯示的就是該直線的屬性，此時，所選工具自動變成了【墨水瓶工具】，如圖

6、2-1-6所示。圖2-1-6 使用【滴管工具】獲取線條屬性使用【墨水瓶工具】單擊其它樣式的線條，可以看到，所單擊線條的屬性都變成了當(dāng)前在【屬性】面板中所設(shè)置的屬性了。如果你需要更改線條的方向和長短，可以用【選擇工具】來實(shí)現(xiàn)。【選擇工具】的作用是選擇對象、移動對象、改變線條或?qū)ο筝喞男螤?。在工具箱中選擇【選擇工具】，然后移動鼠標(biāo)指針到直線的端點(diǎn)處，指針右下角變成直角狀，這時拖動鼠標(biāo)可以改變線條的方向和長短，如圖2-1-7所示。圖2-1-7  改變線條方向和長短的鼠標(biāo)形狀將鼠標(biāo)指針移動到線條上，指針右下角會變成弧線狀，拖動鼠標(biāo)，可以將直線變成曲線。這是一個很有用處的功能，它可以幫助我們

7、畫出所需要的各種曲線形狀，如圖2-1-8所示。圖2-1-8  改變線條為弧線狀的鼠標(biāo)形狀 2實(shí)例演練繪制一片樹葉現(xiàn)在我們來實(shí)踐一下，練習(xí)畫一片樹葉。執(zhí)行【文件】|【新建】命令，彈出【新建文檔】對話框，在【類型】中選擇【Flash文檔】，單擊【確定】，建立一個新的Flash文檔，在這里我們不改變文檔的屬性，直接使用其默認(rèn)值。（1）新建圖形元件執(zhí)行【插入】|【新建元件】命令，或者按快捷鍵Ctrl+F8，彈出【創(chuàng)建新元件】對話框，在【名稱】中輸入元件名稱為“樹葉”，如圖2-1-9所示，選擇【行為】為【圖形】，單擊【確定】按鈕。圖2-1-9 創(chuàng)建圖形元件 這時工作區(qū)變?yōu)椤?/p>

8、樹葉”元件的編輯狀態(tài)，如圖2-1-10所示。圖2-1-10 “樹葉”圖形元件編輯場景 說明：圖形元件是Flash的基本元素，有關(guān)它的詳細(xì)內(nèi)容請參閱第四章的有關(guān)內(nèi)容。（2）繪制樹葉圖形在“樹葉”圖形元件編輯場景中，首先用【線條工具】畫一條直線，設(shè)置【筆觸顏色】為深綠色，如圖2-1-11所示。圖2-1-11 畫一條深綠色直線用【選擇工具】將它拉成曲線，如圖2-1-12所示。圖2-1-12  拉成曲線 再用【線條工具】繪制一個直線，用這條直線連接曲線的兩端點(diǎn)，如圖2-1-13所示。圖2-1-13 連接兩端 用【選擇工具】將這條直線也拉成曲線，如圖2-1-14所

9、示。圖2-1-14  拉成曲線一片樹葉的基本形狀已經(jīng)繪制出來了，現(xiàn)在我們來繪制葉脈，先在兩端點(diǎn)間繪制直線，然后拉成曲線，如圖2-1-15和圖2-1-16所示。          圖2-1-15  畫葉脈線              圖2-1-16  直線變曲再畫旁邊的細(xì)小葉脈，可以用直線，也可以將直線略彎曲，這樣，一片簡單的樹葉就畫好了，如圖2-1

10、-17所示。圖2-1-17  簡單的樹葉效果 （3）編輯和修改樹葉如果在畫樹葉的時候出現(xiàn)錯誤，比如說，畫出的葉脈不是你所希望的樣子，你可以執(zhí)行【編輯】|【撤銷】命令（快捷鍵為Ctrl+Z），撤銷前面一步的操作，也可以選擇下面更簡單的方法：用【箭頭工具】單擊想要刪除的直線，被單擊后的直線呈現(xiàn)網(wǎng)點(diǎn)狀，說明它已經(jīng)處于被選擇狀態(tài)，此時，你將可以對它進(jìn)行各種修改了，如圖2-1-18所示。圖2-1-18  被選中的線條 要移動選中的線條，就用鼠標(biāo)拖動它，要刪除它，就直接按鍵盤上的Delete鍵。按住Shift鍵的同時連續(xù)單擊線條，可以同時選取多個對象。也可以用【選擇

11、工具】框選對象，被框選起來的對象將都被選中。如果要選取全部的線條，按鍵盤上的快捷鍵Ctrl+A，就可以將其全部選中了，如圖2-1-19所示。圖2-1-19  框選對象 說明：在一條直線上雙擊，也可以將和這條直線相連并且顏色、粗細(xì)、樣式相同的整個線條范圍全部選取。（4）給樹葉上色接下來我們要給這片樹葉填上顏色。在工具箱中看到這個【顏色】選項(xiàng)了嗎？如圖2-1-20所示。圖2-1-20  【顏色】選項(xiàng) 單擊【填充色】按鈕，彈出一個調(diào)色板，同時光標(biāo)變成吸管狀，如圖2-1-21所示。圖2-1-21 調(diào)色板 說明：除了可以選擇調(diào)色板中的顏色外，還可以點(diǎn)選屏

12、幕上任何地方，吸取你所需要的顏色。如果你覺得調(diào)色板的顏色太少不夠選，那么單擊調(diào)色板右上角的【顏色選擇器】按鈕，此時會彈出一個【顏色】對話框，其中有更多的顏色選項(xiàng)，在這里，你能把選擇的顏色添加到自定義顏色中，如圖2-1-22所示。圖2-1-22 【顏色】對話框 在【自定義顏色】選項(xiàng)下單擊一個自定義色塊，該色塊會被虛線包圍，在【顏色】對話框右邊選擇你喜歡的顏色，上下拖動右邊顏色條上的箭頭，拖動鼠標(biāo)到你需要的顏色上，單擊【添加到自定義顏色】按鈕，這種顏色就被你收藏起來了。下一次要使用時，打開【顏色】對話框，在【自定義顏色】中可以方便的選取你中意的顏色。好了，現(xiàn)在我們在調(diào)色板上選取綠色，單擊

13、工具箱中的【顏料桶工具】，在畫好的葉子上單擊一下，效果如圖2-1-23所示。圖2-1-23 填充顏色 【顏料桶工具】能在一個封閉的區(qū)域中填色。按快捷鍵Ctrl+Z，取消剛填充的顏色，現(xiàn)在我們用【橡皮擦工具】將線條擦出一個缺口，再填充右下角的區(qū)域，效果如圖2-1-24所示。圖2-1-24 擦出缺口后的填充效果 你看，殘缺線條的兩邊都填上了顏色?，F(xiàn)在，我們一塊一塊的填上顏色吧！但是在填充顏色前，你一定要將樹葉圖形恢復(fù)到使用【橡皮擦工具】進(jìn)行擦除操作前的狀態(tài)，可以按兩次Ctrl+Z鍵來實(shí)現(xiàn)。這時，你可能會想，如果我們剛才先填充顏色再畫葉脈就省事多了。確實(shí)是這樣，隨著不斷地操作，繪

14、圖經(jīng)驗(yàn)將越來越豐富。填充完的效果如圖2-1-25所示。圖2-1-25  填充顏色后的效果 至此，樹葉圖形就繪制好了。執(zhí)行【窗口】|【庫】命令，打開【庫】面板，你將發(fā)現(xiàn)【庫】面板中出現(xiàn)一個名稱為“樹葉”的圖形元件，如圖2-1-26所示。圖2-1-26 【庫】面板中的“樹葉”圖形元件 說明：【庫】面板是存儲Flash元件的場所，我們所創(chuàng)建的元件對象以及從外部導(dǎo)入的圖像、聲音等對象都保存在這里，這里的元件可以拖放到場景中重復(fù)使用。有關(guān)【庫】面板的詳細(xì)內(nèi)容請你參閱第四章的相關(guān)內(nèi)容。（5）【顏料桶工具】選項(xiàng)選擇【顏料桶工具】后，在工具箱中，單擊【選項(xiàng)】下的封閉小空隙按鈕，彈

15、出一個菜單，其中有四個選項(xiàng)，可以根據(jù)自己的需要來確定，你可以自己試一下，如圖2-1-27所示。圖2-1-27 顏料桶工具選項(xiàng) 說明：【顏料桶工具】是對某一區(qū)域進(jìn)行單色、漸變色或位圖填充的工具，它不能作用于線條。選擇【顏料桶工具】后，在工具箱下邊的【選項(xiàng)】中單擊按鈕，會彈出四個選項(xiàng)，如圖2-1-27所示。其中，【不封閉空隙】表示要填充的區(qū)域必須在完全封閉的狀態(tài)下才能進(jìn)行填充；【封閉小空隙】表示要填充的區(qū)域在小缺口的狀態(tài)下可以進(jìn)行填充；【封閉中等空隙】表示要填充的區(qū)域在中等大小缺口狀態(tài)下進(jìn)行填充；【封閉大空隙】表示要填充的區(qū)域在較大缺口狀態(tài)下也能填充。但在Flash中，即使中大缺口，值也

16、是很小的，所在要對大的不封閉區(qū)域填充顏色，一般用筆刷。 3【刷子工具】的用法使用【刷子工具】可以隨意地畫出各種色塊。當(dāng)單擊工具箱中的【刷子工具】后，工具箱下邊就會顯示出它的【選項(xiàng)】，我們先看看它的【選項(xiàng)】，如圖2-1-28所示。圖2-1-28刷子工具選項(xiàng) 在這里，我們可以選定畫筆的大小和樣式以及它的填色模式。你可以自己選取不同的大小和樣式練習(xí)練習(xí)，先找一找感覺。下面我們利用剛剛畫成的樹葉來詳細(xì)講解它的填色模式。在圖2-1-28所示的【選項(xiàng)】下單擊按鈕，則彈出填充模式下拉列表，如圖2-1-29所示。圖2-1-29刷子的填色模式 （1）標(biāo)準(zhǔn)繪畫選擇【刷子工具】，并將【

17、填充色】設(shè)置為黃色，當(dāng)然也可以設(shè)置為其它色。選擇刷子的填色模式為【標(biāo)準(zhǔn)繪畫】模式，移動筆刷到舞臺的樹葉圖形上，在葉子上拖動鼠標(biāo)，觀察一下效果，如圖2-1-30所示。圖2-1-30 標(biāo)準(zhǔn)繪畫模式 你將發(fā)現(xiàn)，不管是線條還是填色范圍，只要是畫筆經(jīng)過的地方，都變成了畫筆的顏色。（2）顏料填充選擇【顏料填充】模式，它只影響了填色的內(nèi)容，不會遮蓋住線條，效果如圖2-1-31所示。圖2-1-31 顏料填充模式 （3）后面繪畫選擇【后面繪畫】模式，無論你怎么畫，它都在圖像的后方，不會影響前景圖像，如圖2-1-32所示。圖2-1-32 后面繪畫模式 （4）顏料選擇選擇【顏料選擇】模

18、式，先用畫筆抹幾下，絲毫不起作用。這是因?yàn)槲覀儧]有選擇范圍。用【選擇工具】選中葉片的一塊，再選擇【刷子工具】進(jìn)行繪制，此時可看到選擇區(qū)域被涂上所選的顏色，如圖2-1-33所示。圖2-1-33顏料選擇模式 （5）內(nèi)部繪畫選擇【內(nèi)部繪畫】模式，在繪畫時，畫筆的起點(diǎn)必須是在輪廓線以內(nèi)，而且畫筆的范圍也只作用在輪廓線以內(nèi)，如圖2-1-34所示。 圖2-1-34 內(nèi)部繪畫模式 4繪制樹枝現(xiàn)在我們要把這孤零零的一片樹葉組合成樹枝。想一想，如果用多片這樣一模一樣的樹葉組成樹枝，是不是很難看呢？Flash為我們提供了一個很好的工具：【任意變形工具】。利用【任意變形工具】可以將前面

19、繪制的樹葉改變成需要的形狀。【任意變形工具】可以旋轉(zhuǎn)縮放元件，也可以對圖形對象進(jìn)行扭曲、封套變形。選中樹葉，在工具箱中選擇【任意變形工具】，工具箱的下邊會出現(xiàn)相應(yīng)的【選項(xiàng)】，如圖2-1-35所示。圖2-1-35任意變形工具選項(xiàng) 說明：【任意變形工具】的【選項(xiàng)】中共包括5個按鈕，從上向下依次是：【對齊對象】、【旋轉(zhuǎn)與傾斜】、【縮放】、【扭曲】和【封套】。當(dāng)你選擇了【任意變形工具】后，【選項(xiàng)】中的按鈕并不是馬上都被激活，除了【對齊對象】按鈕，其他按鈕都是灰色顯示，只有你在場景中選擇了具體的對象以后，其他4個按鈕才變成可用狀態(tài)。（1）旋轉(zhuǎn)樹葉選擇【任意變形工具】后，單擊舞臺上的樹葉，這時樹

20、葉被一個方框包圍著，中間有一個小圓圈，這是變形點(diǎn)，當(dāng)我們進(jìn)行縮放旋轉(zhuǎn)時，以它為中心，如圖2-1-36所示。圖2-1-36變形點(diǎn) 變形點(diǎn)是可以移動的。將鼠標(biāo)移近它，鼠標(biāo)右下角會出現(xiàn)一個圓圈，按住鼠標(biāo)拖動，將它拖到葉柄處，便于樹葉繞葉柄進(jìn)行旋轉(zhuǎn)，如圖2-1-37和圖2-1-38所示。           圖2-1-37 選取變形點(diǎn)          圖2-1-38 拖動變形點(diǎn)到葉柄處再將鼠標(biāo)移動到方框

21、的右上角，鼠標(biāo)變成旋轉(zhuǎn)圓弧狀，表示這時就可以進(jìn)行旋轉(zhuǎn)了。向下拖動鼠標(biāo)，葉子繞變形點(diǎn)旋轉(zhuǎn)，到合適位置時松開鼠標(biāo)，效果如圖2-1-39所示。 圖2-1-39旋轉(zhuǎn)后的樹葉 （2）復(fù)制樹葉用【選擇工具】選中樹葉圖形，執(zhí)行【編輯】|【復(fù)制】命令，再執(zhí)行【編輯】|【粘貼到中心位置】命令，這樣就復(fù)制出了樹葉圖片，如圖2-1-40所示。圖2-1-40復(fù)制出的樹葉圖片（3）變形樹葉將粘貼好的樹葉拖到旁邊，再用【任意變形工具】進(jìn)行旋轉(zhuǎn)。使用【任意變形工具】時，也可以像使用【選擇工具】一樣移動樹葉的位置。拖動任一角上的縮放手柄，可以將對象放大或縮小。拖動中間的手柄，可以在垂直和水平方向上放大縮小，甚至翻轉(zhuǎn)對象。將樹葉適當(dāng)變形，如圖2-1-41所示。圖2-1-41 縮放對象 說明：【任意變形工具】的各項(xiàng)功能也可以執(zhí)行【修改】|【變形】菜單中的命令來實(shí)現(xiàn)，如圖2-1-42所示。圖2-1-42變形命令（4）創(chuàng)建“三片樹葉”圖形元件再復(fù)制一片樹葉，用【任意變形工具】將三片樹葉調(diào)整成如圖2-1-43所示的形狀和位置