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

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

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

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

5、在來畫出各種不同的直線。單擊【屬性】面板中的【自定義】按鈕，會彈出一個【筆觸樣式】對話框，如圖2-1-4所示。圖2-1-4 【筆觸樣式】對話框 為了方便觀察，我們把【粗細】設置為3pts，在【類型】中選擇不同的線型和顏色，設置完后單擊【確定】，來看看設置不同筆觸樣式后畫出的線條，如圖2-1-5所示。圖2-1-5 不同類型的線條 多試試改變線條的各項參數，會對繪圖能力的提高有很大幫助。【滴管工具】和【墨水瓶工具】可以很快地將一條直線的顏色樣式套用到別的線條上。用【滴管工具】單擊上面的直線，看看【屬性】面板，它顯示的就是該直線的屬性，此時，所選工具自動變成了【墨水瓶工具】，如圖

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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