Flash基礎(chǔ)繪圖工具

1、Flash8基礎(chǔ)繪圖工具在計算機繪圖領(lǐng)域中，根據(jù)成圖原理和繪制方法的不同，分為矢量圖和位圖兩種類型。矢量圖形是由一個個單獨的點構(gòu)成的，每一個點都有其各自的屬性，如位置、顏色等。因此，矢量圖與分辨率無關(guān)，對矢量圖進行縮放時，圖形對象仍保持原有的清晰度和光滑度，不會發(fā)生任何偏差，如圖2-0-1所示是放大了16倍的矢量圖效果。圖2-0-1 矢量圖放大到16倍時依然清晰位圖圖像是由象素點構(gòu)成的，象素點的多少將決定位圖圖像的顯示質(zhì)量和文件大小，位圖圖像的分辨率越高，其顯示越清晰，文件所占的空間也就越大。因此，位圖圖像的清晰度與分辨率有關(guān)。對位圖圖像進行放大時，放大的只是象素點，位圖圖像的四周會出現(xiàn)鋸齒狀

2、。如圖2-0-2所示是放大了16倍的位圖效果。圖2-0-2  位圖放大16倍時模糊不清在Flash動畫制作過程中，會大量的運用到矢量圖形。雖然有一系列的功能強大的專門矢量圖制作軟件，如Corel公司的CorelDRAW 軟件、Macromedia公司的FreeHand軟件和 Adobe公司的 Illustrator軟件等，而運用Flash自身的矢量繪圖功能將會更方便，更快捷。在這一章里，我們將通過FLASH基本繪圖工具的學(xué)習(xí)，繪制出一些簡單的矢量圖。另外，F(xiàn)lash也具備一定的位圖處理能力，雖然比不上專業(yè)的位圖處理軟件，但是對于制作動畫過程中需要對位圖的一些簡單除了，它還是能夠勝任的

3、。第一節(jié) 基本繪圖工具（上）Flash 提供了各種工具來繪制自由形狀或準確的線條、形狀和路徑，并可用來對填充對象涂色，如圖2-1-1所示是Flash工具箱。 圖2-1-1 繪圖工具面板我們將分兩節(jié)來學(xué)習(xí)這些工具的使用方法。在本節(jié)里，我們學(xué)習(xí)線條工具、滴管工具、墨水瓶工具、箭頭工具、刷子工具、任意變形工具、顏料桶等工具的基本用法。1繪制和處理線條 【線條工具】是Flash中最簡單的工具?，F(xiàn)在我們就來畫一條直線。鼠標單擊【線條工具】，移動鼠標指針到舞臺上，在你希望直線開始的地方按住鼠標拖動，到結(jié)束點松開鼠標，一條直線就畫好了?！揪€條工具】能畫出許多風(fēng)格各異的線條來。打開【屬性】面板，在其中，我們可

4、以定義直線的顏色、粗細和樣式，如圖2-1-2所示。圖2-1-2 直線【屬性】面板在圖2-1-2所示的【屬性】面板中，單擊其中的【筆觸顏色】按鈕，會出現(xiàn)一個調(diào)色板對話框，同時光標變成滴管狀。用滴管直接拾取顏色或者在文本框里直接輸入顏色的16進制數(shù)值。顏色以#開頭，如#99FF33，如圖2-1-3所示。圖2-1-3 筆觸調(diào)色板現(xiàn)在來畫出各種不同的直線。單擊【屬性】面板中的【自定義】按鈕，會彈出一個【筆觸樣式】對話框，如圖2-1-4所示。圖2-1-4 【筆觸樣式】對話框 為了方便觀察，我們把粗細定為3象素（pts），選擇不同的線型和顏色，來看看我們畫出的線條，如圖2-1-5所示。圖2-1-5 不同類

5、型的線條試一試改變它的各項參數(shù)，會對你的繪圖有很大幫助?！镜喂芄ぞ摺亢汀灸抗ぞ摺靠梢院芸斓貙⒁粭l直線的顏色樣式套用到別的線條上。用【滴管工具】單擊上面的直線，看看【屬性】面板，它顯示的就是該直線的屬性，而且工具也自動變成了【墨水瓶工具】，如圖2-1-6所示。 圖2-1-6 使用【滴管工具】選取線條屬性使用【墨水瓶工具】單擊其它線條，看看什么結(jié)果：所有線條的屬性都變成了和滴管工具選中的直線一樣了。如果你需要更改這條直線的方向和長短，F(xiàn)lash也為我們提供了一個很便捷的工具：【箭頭工具】?！炯^工具】的作用是選擇對象、移動對象、改變線條或?qū)ο筝喞男螤?。單擊選擇【箭頭工具】，然后移動鼠標指針到

6、直線的端點處，指針右下角變成直角狀，這時拖動鼠標可以改變直線的方向和長短，如圖2-1-7所示。 圖2-1-7  鼠標移到端點處如果鼠標指針移動到線條中任意處，指針右下角會變成弧線狀，拖動鼠標，可以將直線變成曲線。這是一個很有用處的功能，在我們鼠標繪圖還不能隨心所欲時，它可以幫助我們畫出所需要的曲線，如圖2-1-8所示。 圖2-1-8  鼠標移到線條中間2實例演練畫一片樹葉現(xiàn)在我們就來實踐一下，練習(xí)畫一片樹葉。打開FALSH軟件，系統(tǒng)會自動建立一個FLASH文檔，在這里我們不改變文檔的屬性，直接使用其默認值。（1）新建圖形元件執(zhí)行【插入】|【新建元件】命令，或者按快捷鍵CTR

7、L+F8，彈出創(chuàng)建新元件對話框，在【名稱】文本對話框中輸入元件名稱“樹葉”，【行為】選擇“圖形”，單擊【確定】按鈕，如圖2-1-9所示。圖1-1-9 創(chuàng)建圖形元件這時工作區(qū)變?yōu)椤皹渲Α痹木庉嫚顟B(tài)，如圖2-1-10所示。圖2-1-10 “樹葉”圖形元件編輯場景說明：圖形元件是Flash的基本元素，有關(guān)它的詳細內(nèi)容請參閱第4章的有關(guān)內(nèi)容。（2）繪制樹葉圖形在“樹葉”圖形元件編輯場景中，首先用【線條工具】畫一條直線，【筆觸顏色】設(shè)置為深綠色，如圖2-1-11所示。圖2-1-11 畫直線然后用【箭頭工具】將它拉成曲線，如圖2-1-12所示。圖2-1-12  拉成曲線再用【線條工具】繪制一

8、個直線，用這條直線連接曲線的兩端點，如圖2-1-13所示。圖2-1-13 連接兩端用【箭頭工具】將這條直線也拉成曲線，如圖2-1-14所示。圖2-1-14  拉成曲線一片樹葉的基本形狀已經(jīng)出來了，現(xiàn)在我們畫葉脈，在兩端點間畫直線，然后拉成曲線，如圖2-1-15和圖2-1-16所示。 圖2-1-15  畫葉脈線              圖2-1-16  直線變曲再畫旁邊的細小葉脈，可以全用直線，也可以略加彎曲，這樣，一片簡單的樹葉就畫好

9、了，如圖2-1-17所示。圖2-1-17  完成效果圖（3）編輯和修改樹葉如果在畫樹葉的時候出現(xiàn)錯誤，比如說，畫出的葉脈不是你所希望的樣子，你可以執(zhí)行【編輯】|【撤銷】命令撤銷前面一步的操作，也可以選擇下面更簡單的方法：用【箭頭工具】單擊你想要刪除的直線，這條直線變成網(wǎng)點狀，說明它已經(jīng)被選取，你可以對它進行各種修改，如圖2-1-18所示。圖2-1-18  被選取狀態(tài)要移動它，就按住鼠標拖動，要刪除它，就直接按DEL鍵。按住SHIFT鍵連續(xù)單擊線條，可以同時選取多個對象。如果要選取全部的線條，是否得按住SHIFT鍵挨個點擊呢？不需要，我們用黑色箭頭工具拉出一個選取框來，就可以

10、將其全部選中了，如圖2-1-19所示。圖2-1-19  框選對象說明：在一條直線上雙擊，也可以將和這條直線相連并且顏色、粗細、樣式相同的整個線條范圍全部選取。 （4）給樹葉上色接下來我們要給這片樹葉填上顏色。在工具箱中看到這個【顏色】選項了嗎？如圖2-1-20所示。圖2-1-20  【顏色】選項單擊【填充顏色】按鈕，會出現(xiàn)一個調(diào)色板，同時光標變成吸管狀，如圖2-1-21所示。圖2-1-21 調(diào)色板說明：你除了可以選擇調(diào)色板中的顏色外，還可以點選屏幕上任何地方吸取你所需要的顏色。 如果你覺得調(diào)色板的顏色太少不夠選，單擊一下調(diào)色板右上角的【顏色選擇器】按鈕，會彈出一個【顏色】對

11、話框，其中有更多的顏色選項，在這里，你能把選到的顏色添加到自定義顏色中，如圖2-1-22所示。圖2-1-22 【顏色】對話框在【自定義顏色】選項下單擊一個自定義色塊，該色塊會被虛線包圍，在【顏色】對話框右邊的【調(diào)色板】中單擊你喜歡的顏色，上下拖動右邊顏色條上的箭頭，移到你需要的深淺度上，單擊【添加到自定義顏色】按鈕，這個色塊就被你收藏起來了。下一次要使用時，打開這個【顏色】面板，在自定義色中可以方便的選取你中意的顏色。好了，現(xiàn)在我們在調(diào)色板里選取綠色，單擊工具箱里【顏料桶工具】，在畫好的葉子上單擊一下，看看什么效果，如圖2-1-23所示。圖2-1-23 填充顏色只有一小塊顏色？原來，這個顏料桶

12、只能在一個封閉的空間里填色。取消剛剛的填色，現(xiàn)在我們用【橡皮工具】將線條擦出一個缺口，再看效果，如圖2-1-24所示。圖2-1-24 填充色在封閉空間內(nèi)你看，殘缺線條的兩邊都填上了顏色。好，我們還是一塊一塊的填上顏色吧。但是在填充顏色前，你一定要將樹葉圖形恢復(fù)到使用【橡皮工具】擦除操作前的模樣哦。這時，你可能會想，如果我們剛才先填充顏色再畫葉脈就省事多了。是的，你想得一點沒錯！沒關(guān)系，隨著操作的增加，我們的經(jīng)驗會越來越豐富的。最后填充完的效果如圖2-1-25所示。圖2-1-25  顏色填充后效果至此，一個樹葉圖形就繪制好了。請你執(zhí)行【窗口】|【庫】命令，打開【庫】面板，你將發(fā)現(xiàn)【庫】

13、面板中出現(xiàn)一個“樹葉”圖形元件，如圖2-1-26所示。圖2-1-26 【庫】面板中的“樹葉“圖形元件說明：【庫】面板是存儲Flash元件的場所，我們所創(chuàng)建的元件對象以及從外部導(dǎo)入的圖像、聲音等對象都保存在這里，這里的元件可以拖放到場景中重復(fù)使用。有關(guān)【庫】面板的詳細內(nèi)容請你參閱第4章的相關(guān)內(nèi)容。（5）【顏料桶工具】選項單擊【顏料桶工具】后，在工具箱下邊的【選項】里有四個選項，可以根據(jù)自己的需要來確定，讀者可以自己試一下，如圖2-1-26所示。圖2-1-26 顏料桶工具選項說明：【顏料桶工具】是對某一區(qū)域進行單色、漸變色或位圖進行填充，注意不能作用于線條。選擇【顏料桶工具】后，在【工具箱】下邊的

14、【選項】中單擊【空隙大小】按鈕,會彈出四個選項，如圖1-2-11所示。其中，【不封閉空隙】表示要填充的區(qū)域必須在完全封閉的狀態(tài)下才能進行填充；【封閉小空隙】表示要填充的區(qū)域在小缺口的狀態(tài)下可以進行填充；【封閉中等空隙】表示要填充的區(qū)域在中等大小缺口狀態(tài)下進行填充；【封閉大空隙】表示要填充的區(qū)域在較大缺口狀態(tài)下也能填充。但在Flash中，即使中大缺口，值也是很小的，所在要對大的不封閉區(qū)域填充顏色，一般用筆刷。 3【刷子工具】的用法【刷子工具】可以隨意地畫色塊。當你單擊工具箱中的【刷子工具】后，工具箱下邊就會顯示它的【選項】，我們先看看它的【選項】，如圖2-1-27所示。圖2-1-27刷子工具選項

15、 在這里，我們可以選定畫筆的大小和樣式以及它的填色模式。讀者可以自己選取不同的大小和樣式練習(xí)練習(xí)，先找一找感覺。下面我們利用剛剛畫成的樹葉來詳細講解它的填色模式。在圖2-1-27所示的【選項】下單擊【填充模式】按鈕，則彈出填充模式下拉列表，如圖2-1-28所示。圖2-1-28  刷子的填色模式（1）標準繪畫選擇【刷子工具】，并將【填充顏色】設(shè)置為黃色，當然也可以是其它色。先選擇【標準繪畫】模式，移動筆刷（當選擇了【刷子工具】后，鼠標指針就變?yōu)樗⒆有螤睿┑轿枧_的樹葉圖形上，拖動鼠標在葉子上亂抹幾下，觀察一下效果，如圖2-1-29所示。圖2-1-29 標準繪畫模式你能發(fā)現(xiàn)，不管是線條還是

16、填色范圍，只要是畫筆經(jīng)過的地方，都變成了畫筆的顏色。（2）顏料填充選擇【顏料填充】模式，它只影響了填色的內(nèi)容，不會遮蓋住線條，如圖2-1-30所示。圖2-1-30 顏料填充模式（3）后面繪畫選擇【后面繪畫】模式，無論你怎么畫，它都在圖像的后方，不會影響前景圖像，如圖2-1-3所示。圖2-1-31 后面繪畫模式（4）顏料選擇選擇【顏料選擇】模式，你先用畫筆抹幾下，好象絲毫不起作用。這是因為我們沒有選擇范圍。用【箭頭工具】選中葉片的一塊，再使用畫筆，你看，顏色就上去了，如圖2-1-32所示。圖2-1-32  顏料選擇模式（5）內(nèi)部繪畫選擇【內(nèi)部繪畫】模式，在繪畫時，畫筆的起點必須是在輪廓

17、線以內(nèi)，而且畫筆的范圍也只作用在輪廓線以內(nèi)，如圖2-1-33所示。圖2-1-33 內(nèi)部繪畫模式4畫一個樹枝現(xiàn)在我們要把這孤零零的一片樹葉組合成樹枝。你想一想，如果用這么一模一樣的樹葉，要把它組成樹枝，是不是很難看呢？Flash為我們提供了一個很好的工具：【任意變形工具】。利用【任意變形工具】我們可以將前面繪制的那個樹葉改變成需要的形狀?！救我庾冃喂ぞ摺靠梢孕D(zhuǎn)縮放元件，也可以對圖形對象進行扭曲、封套變形。當你在工具箱中選擇【任意變形工具】后，工具箱的下邊就會出現(xiàn)相應(yīng)的【選項】，如圖2-1-34所示。圖2-1-34  任意變形工具選項說明：【任意變形工具】的【選項】中共包括5個按鈕，從

18、上向下依次是：【對齊對象】、【旋轉(zhuǎn)與傾斜】、【縮放】、【扭曲】和【封套】。你可以用鼠標指向這些按鈕，相應(yīng)的按鈕功能就會顯示出來。另外，當你選擇了【任意變形工具】后，【選項】中的按鈕并不是馬上都被激活，除了【對齊對象】按鈕，其他按鈕都是灰色顯示，只有你在場景中選擇了具體的對象以后，其他4個按鈕才變成可用狀態(tài)。（1）旋轉(zhuǎn)樹葉選擇【任意變形工具】后，單擊舞臺上的樹葉，這時樹葉被一個方框包圍著，中間有一個小圓圈，這就是變形點，當我們進行縮放旋轉(zhuǎn)時，就以它為中心，如圖2-1-35所示。圖2-1-35  變形點這個點是可以移動的。將光標移近它，光標下面會多了一個圓圈，按住鼠標拖動，將它拖到葉柄處

19、，我們需要它繞葉柄旋轉(zhuǎn)，如圖2-1-36和圖2-1-37所示。圖2-1-36 選取變形點          圖2-1-37 拖動變形點到葉柄處再把鼠標指針移到方框的右上角，鼠標變成狀圓弧狀，表示這時就可以進行旋轉(zhuǎn)了。向下拖動鼠標，葉子繞控制點旋轉(zhuǎn)，到合適位置松開鼠標，效果如圖2-1-38所示。 圖2-1-38 旋轉(zhuǎn)后的樹葉（2）復(fù)制樹葉用【箭頭工具】單擊舞臺上的樹葉圖形，執(zhí)行【編輯】|【復(fù)制】命令，然后再執(zhí)行【編輯】|【粘貼】命令，這樣就復(fù)制得到一個同樣的樹葉，如圖2-1-39所示。圖2-1-39  復(fù)制樹葉（3）變形樹葉將粘帖好的樹葉拖到旁邊，再用【任意變形工具】進行旋轉(zhuǎn)。使用【任意變形工具】時，也可以象使用【箭頭工具】一樣移動樹葉的位置。拖動任一角上的縮放手柄，可以將對象放大或縮小。拖動中間的手柄，可以在垂直和水平方向上放大縮小，甚至翻轉(zhuǎn)對象。請你將樹葉適當變形，如圖2-1-40所示。圖2-1-40 縮放對象說明：【任意變形工具】的各項功能也可以使用菜單欄中【修改】|【變形】命令來實