Flash CS6 繪圖工具的使用方法備課講稿

1、Good is good, but better carries it.精益求精，善益求善。Flash CS6 繪圖工具的使用方法-繪圖工具的使用(一)熟練掌握“線條工具”、“滴管工具”、“墨水瓶工具”、“選擇工具”、“顏料桶工具”、“刷子工具”、“任意變形工具”的使用方法和技巧。掌握一片樹葉、一個樹枝的繪制方法，并在實踐過程中理解Flash構造圖形的方法。在計算機繪圖領域中，根據成圖原理和繪制方法的不同，圖像分為矢量圖和位圖兩種類型。矢量圖形是由一個個單獨的點構成的，每一個點都有其各自的屬性，如位置、顏色等。矢量圖的清晰度與分辨率的大小無關，對矢量圖進行縮放時，圖形對象仍保持原有的清晰度和光

2、滑度，不會發(fā)生任何偏差，如圖2-0-1所示是放大了16倍的矢量圖效果。圖2-0-1矢量圖放大到16倍時依然清晰位圖圖像是由像素構成的，像素的多少將決定位圖圖像的顯示質量和文件大小，位圖圖像的分辨率越高，其顯示越清晰，文件所占的空間也就越大。因此，位圖圖像的清晰度與分辨率有關。對位圖圖像進行放大時，放大的只是像素點，位圖圖像的四周會出現(xiàn)鋸齒狀。如圖2-0-2所示是放大了16倍的位圖效果。圖2-0-2位圖放大16倍時模糊不清在Flash動畫制作過程中，會大量地運用到矢量圖形。雖然有一些功能強大的矢量圖繪制軟件，如Corel公司的CorelDraw軟件、Macromedia公司的Freehand軟件

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

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

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

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

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

8、-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所示。圖2-1-14拉成曲線一片樹葉的基本形狀已經繪制出來了，現(xiàn)在我們來繪制葉脈，先在兩端點間繪制直線，然

9、后拉成曲線，如圖2-1-15和圖2-1-16所示。圖2-1-15畫葉脈線圖2-1-16直線變曲再畫旁邊的細小葉脈，可以用直線，也可以將直線略彎曲，這樣，一片簡單的樹葉就畫好了，如圖2-1-17所示。圖2-1-17簡單的樹葉效果（3）編輯和修改樹葉如果在畫樹葉的時候出現(xiàn)錯誤，比如說，畫出的葉脈不是你所希望的樣子，你可以執(zhí)行【編輯】|【撤銷】命令（快捷鍵為Ctrl+Z），撤銷前面一步的操作，也可以選擇下面更簡單的方法：用【箭頭工具】單擊想要刪除的直線，被單擊后的直線呈現(xiàn)網點狀，說明它已經處于被選擇狀態(tài)，此時，你將可以對它進行各種修改了，如圖2-1-18所示。圖2-1-18被選中的線條要移動選中的線

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

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

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

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

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

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

16、【標準繪畫】模式，移動筆刷到舞臺的樹葉圖形上，在葉子上拖動鼠標，觀察一下效果，如圖2-1-30所示。圖2-1-30標準繪畫模式你將發(fā)現(xiàn)，不管是線條還是填色范圍，只要是畫筆經過的地方，都變成了畫筆的顏色。（2）顏料填充選擇【顏料填充】模式，它只影響了填色的內容，不會遮蓋住線條，效果如圖2-1-31所示。圖2-1-31顏料填充模式（3）后面繪畫選擇【后面繪畫】模式，無論你怎么畫，它都在圖像的后方，不會影響前景圖像，如圖2-1-32所示。圖2-1-32后面繪畫模式（4）顏料選擇選擇【顏料選擇】模式，先用畫筆抹幾下，絲毫不起作用。這是因為我們沒有選擇范圍。用【選擇工具】選中葉片的一塊，再選擇【刷子工具

17、】進行繪制，此時可看到選擇區(qū)域被涂上所選的顏色，如圖2-1-33所示。圖2-1-33顏料選擇模式（5）內部繪畫選擇【內部繪畫】模式，在繪畫時，畫筆的起點必須是在輪廓線以內，而且畫筆的范圍也只作用在輪廓線以內，如圖2-1-34所示。圖2-1-34內部繪畫模式4繪制樹枝現(xiàn)在我們要把這孤零零的一片樹葉組合成樹枝。想一想，如果用多片這樣一模一樣的樹葉組成樹枝，是不是很難看呢？Flash為我們提供了一個很好的工具：【任意變形工具】。利用【任意變形工具】可以將前面繪制的樹葉改變成需要的形狀?！救我庾冃喂ぞ摺靠梢孕D縮放元件，也可以對圖形對象進行扭曲、封套變形。選中樹葉，在工具箱中選擇【任意變形工具】，工具

18、箱的下邊會出現(xiàn)相應的【選項】，如圖2-1-35所示。圖2-1-35任意變形工具選項說明：【任意變形工具】的【選項】中共包括5個按鈕，從上向下依次是：【對齊對象】、【旋轉與傾斜】、【縮放】、【扭曲】和【封套】。當你選擇了【任意變形工具】后，【選項】中的按鈕并不是馬上都被激活，除了【對齊對象】按鈕，其他按鈕都是灰色顯示，只有你在場景中選擇了具體的對象以后，其他4個按鈕才變成可用狀態(tài)。（1）旋轉樹葉選擇【任意變形工具】后，單擊舞臺上的樹葉，這時樹葉被一個方框包圍著，中間有一個小圓圈，這是變形點，當我們進行縮放旋轉時，以它為中心，如圖2-1-36所示。圖2-1-36變形點變形點是可以移動的。將鼠標移近

19、它，鼠標右下角會出現(xiàn)一個圓圈，按住鼠標拖動，將它拖到葉柄處，便于樹葉繞葉柄進行旋轉，如圖2-1-37和圖2-1-38所示。圖2-1-37選取變形點圖2-1-38拖動變形點到葉柄處再將鼠標移動到方框的右上角，鼠標變成旋轉圓弧狀，表示這時就可以進行旋轉了。向下拖動鼠標，葉子繞變形點旋轉，到合適位置時松開鼠標，效果如圖2-1-39所示。圖2-1-39旋轉后的樹葉（2）復制樹葉用【選擇工具】選中樹葉圖形，執(zhí)行【編輯】|【復制】命令，再執(zhí)行【編輯】|【粘貼到中心位置】命令，這樣就復制出了樹葉圖片，如圖2-1-40所示。圖2-1-40復制出的樹葉圖片（3）變形樹葉將粘貼好的樹葉拖到旁邊，再用【任意變形工具】進行旋轉。使用【任意變形工具】時，也可以像使用【選擇工具】一樣移動樹葉的位置。拖動任一角上的縮放手柄，可以將對象放大或縮小。拖動中間的手柄，可以在垂直和水平方向上放大縮小，甚至翻轉對象。將樹葉適當變形，如圖2-1-41所示。圖2-1-41縮放對象說明：【任意變形工具】的各項功能也可以執(zhí)行【修改】|【變形】菜單中的命令來實現(xiàn)，如圖2-1-42所示。圖2-1-42變形命令（4）創(chuàng)建“三片樹葉”圖形元件再復制一片樹葉，用【任意變形工具】將三片樹葉調整成如圖2-1-43所示的形狀和位置。在調整過程中，當調整效果不滿意時，也許樹葉已經不再處于被選中狀態(tài)，有時