在計(jì)算機(jī)繪圖領(lǐng)域中，根據(jù)成圖原理和繪制方法的不同，分為矢量圖和位圖兩種類型。
矢量圖形是由一個(gè)個(gè)單獨(dú)的點(diǎn)構(gòu)成的，每一個(gè)點(diǎn)都有其各自的屬性，如位置、顏色等。因此，矢量圖與分辨率無關(guān)，對(duì)矢量圖進(jìn)行縮放時(shí)，圖形對(duì)象仍保持原有的清晰度和光滑度，不會(huì)發(fā)生任何偏差，如圖2-0-1所示是放大了16倍的矢量圖效果。
圖2-0-1 矢量圖放大到16倍時(shí)依然清晰
位圖圖像是由象素點(diǎn)構(gòu)成的，象素點(diǎn)的多少將決定位圖圖像的顯示質(zhì)量和文件大小，位圖圖像的分辨率越高，其顯示越清晰，文件所占的空間也就越大。因此，位圖圖像的清晰度與分辨率有關(guān)。對(duì)位圖圖像進(jìn)行放大時(shí)，放大的只是象素點(diǎn)，位圖圖像的四周會(huì)出現(xiàn)鋸齒狀。如圖2-0-2所示是放大了16倍的位圖效果。
圖2-0-2 位圖放大16倍時(shí)模糊不清
在Flash動(dòng)畫制作過程中，會(huì)大量的運(yùn)用到矢量圖形。雖然有一系列的功能強(qiáng)大的專門矢量圖制作軟件，如Corel公司的CorelDRAW 軟件、Macromedia公司的FreeHand軟件和 Adobe公司的 Illustrator軟件等，而運(yùn)用Flash自身的矢量繪圖功能將會(huì)更方便，更快捷。在這一章里，我們將通過FLASH基本繪圖工具的學(xué)習(xí)，繪制出一些簡(jiǎn)單的矢量圖。另外，Flash也具備一定的位圖處理能力，雖然比不上專業(yè)的位圖處理軟件，但是對(duì)于制作動(dòng)畫過程中需要對(duì)位圖的一些簡(jiǎn)單除了，它還是能夠勝任的。
Flash 提供了各種工具來繪制自由形狀或準(zhǔn)確的線條、形狀和路徑，并可用來對(duì)填充對(duì)象涂色，如圖2-1-1所示是Flash工具箱。
圖2-1-1 繪圖工具面板
我們將分兩節(jié)來學(xué)習(xí)這些工具的使用方法。在本節(jié)里，我們學(xué)習(xí)線條工具、滴管工具、墨水瓶工具、箭頭工具、刷子工具、任意變形工具、顏料桶等工具的基本用法。
【線條工具】是Flash中最簡(jiǎn)單的工具?，F(xiàn)在我們就來畫一條直線。鼠標(biāo)單擊【線條工具】
【線條工具】能畫出許多風(fēng)格各異的線條來。打開【屬性】面板，在其中，我們可以定義直線的顏色、粗細(xì)和樣式，如圖2-1-2所示。
圖2-1-2 直線【屬性】面板
在圖2-1-2所示的【屬性】面板中，單擊其中的【筆觸顏色】按鈕，會(huì)出現(xiàn)一個(gè)調(diào)色板對(duì)話框，同時(shí)光標(biāo)變成滴管狀。用滴管直接拾取顏色或者在文本框里直接輸入顏色的16進(jìn)制數(shù)值。顏色以#開頭，如#99FF33，如圖2-1-3所示。
圖2-1-3 筆觸調(diào)色板
現(xiàn)在來畫出各種不同的直線。單擊【屬性】面板中的【自定義】按鈕，會(huì)彈出一個(gè)【筆觸樣式】對(duì)話框，如圖2-1-4所示。
圖2-1-4 【筆觸樣式】對(duì)話框
為了方便觀察，我們把粗細(xì)定為3象素（pts），選擇不同的線型和顏色，來看看我們畫出的線條，如圖2-1-5所示。
圖2-1-5 不同類型的線條
試一試改變它的各項(xiàng)參數(shù)，會(huì)對(duì)你的繪圖有很大幫助。
【滴管工具】和【墨水瓶工具】可以很快地將一條直線的顏色樣式套用到別的線條上。用【滴管工具】單擊上面的直線，看看【屬性】面板，它顯示的就是該直線的屬性，而且工具也自動(dòng)變成了【墨水瓶工具】，如圖2-1-6所示。
圖2-1-6 使用【滴管工具】選取線條屬性
使用【墨水瓶工具】單擊其它線條，看看什么結(jié)果：所有線條的屬性都變成了和滴管工具選中的直線一樣了。
如果你需要更改這條直線的方向和長(zhǎng)短，Flash也為我們提供了一個(gè)很便捷的工具：【箭頭工具】。
【箭頭工具】的作用是選擇對(duì)象、移動(dòng)對(duì)象、改變線條或?qū)?/span>象輪廓的形狀。單擊選擇【箭頭工具】，然后移動(dòng)鼠標(biāo)指針到直線的端點(diǎn)處，指針右下角變成直角狀，這時(shí)拖動(dòng)鼠標(biāo)可以改變直線的方向和長(zhǎng)短，如圖2-1-7所示。
圖2-1-7 鼠標(biāo)移到端點(diǎn)處
如果鼠標(biāo)指針移動(dòng)到線條中任意處，指針右下角會(huì)變成弧線狀，拖動(dòng)鼠標(biāo)，可以將直線變成曲線。這是一個(gè)很有用處的功能，在我們鼠標(biāo)繪圖還不能隨心所欲時(shí)，它可以幫助我們畫出所需要的曲線，如圖2-1-8所示。
圖2-1-8 鼠標(biāo)移到線條中間
現(xiàn)在我們就來實(shí)踐一下，練習(xí)畫一片樹葉。
打開FALSH軟件，系統(tǒng)會(huì)自動(dòng)建立一個(gè)FLASH文檔，在這里我們不改變文檔的屬性，直接使用其默認(rèn)值。
（1）新建圖形元件
執(zhí)行【插入】|【新建元件】命令，或者按快捷鍵CTRL+F8，彈出創(chuàng)建新元件對(duì)話框，在【名稱】文本對(duì)話框中輸入元件名稱“樹葉”，【行為】選擇“圖形”，單擊【確定】按鈕，如圖2-1-9所示。
圖1-1-9 創(chuàng)建圖形元件
這時(shí)工作區(qū)變?yōu)?#8220;樹枝”元件的編輯狀態(tài)，如圖2-1-10所示。
圖2-1-10 “樹葉”圖形元件編輯場(chǎng)景
說明：圖形元件是Flash的基本元素，有關(guān)它的詳細(xì)內(nèi)容請(qǐng)參閱第4章的有關(guān)內(nèi)容。
（2）繪制樹葉圖形
在“樹葉”圖形元件編輯場(chǎng)景中，首先用【線條工具】畫一條直線，【筆觸顏色】設(shè)置為深綠色，如圖2-1-11所示。
圖2-1-11 畫直線
然后用【箭頭工具】將它拉成曲線，如圖2-1-12所示。
圖2-1-12 拉成曲線
再用【線條工具】繪制一個(gè)直線，用這條直線連接曲線的兩端點(diǎn)，如圖2-1-13所示。
圖2-1-13 連接兩端
用【箭頭工具】將這條直線也拉成曲線，如圖2-1-14所示。
圖2-1-14 拉成曲線
一片樹葉的基本形狀已經(jīng)出來了，現(xiàn)在我們畫葉脈，在兩端點(diǎn)間畫直線，然后拉成曲線，如圖2-1-15和圖2-1-16所示。
圖2-1-15 畫葉脈線 圖2-1-16 直線變曲
再畫旁邊的細(xì)小葉脈，可以全用直線，也可以略加彎曲，這樣，一片簡(jiǎn)單的樹葉就畫好了，如圖2-1-17所示。
圖2-1-17 完成效果圖
（3）編輯和修改樹葉
如果在畫樹葉的時(shí)候出現(xiàn)錯(cuò)誤，比如說，畫出的葉脈不是你所希望的樣子，你可以執(zhí)行【編輯】|【撤銷】命令撤銷前面一步的操作，也可以選擇下面更簡(jiǎn)單的方法：用【箭頭工具】單擊你想要?jiǎng)h除的直線，這條直線變成網(wǎng)點(diǎn)狀，說明它已經(jīng)被選取，你可以對(duì)它進(jìn)行各種修改，如圖2-1-18所示。
圖2-1-18 被選取狀態(tài)
要移動(dòng)它，就按住鼠標(biāo)拖動(dòng)，要?jiǎng)h除它，就直接按DEL鍵。按住SHIFT鍵連續(xù)單擊線條，可以同時(shí)選取多個(gè)對(duì)象。如果要選取全部的線條，是否得按住SHIFT鍵挨個(gè)點(diǎn)擊呢？不需要，我們用黑色箭頭工具拉出一個(gè)選取框來，就可以將其全部選中了，如圖2-1-19所示。
圖2-1-19 框選對(duì)象
說明：在一條直線上雙擊，也可以將和這條直線相連并且顏色、粗細(xì)、樣式相同的整個(gè)線條范圍全部選取。
（4）給樹葉上色
接下來我們要給這片樹葉填上顏色。在工具箱中看到這個(gè)【顏色】選項(xiàng)了嗎？如圖2-1-20所示。
圖2-1-20 【顏色】選項(xiàng)
單擊【填充顏色】按鈕
圖2-1-21 調(diào)色板
說明：你除了可以選擇調(diào)色板中的顏色外，還可以點(diǎn)選屏幕上任何地方吸取你所需要的顏色。
如果你覺得調(diào)色板的顏色太少不夠選，單擊一下調(diào)色板右上角的【顏色選擇器】按鈕，會(huì)彈出一個(gè)【顏色】對(duì)話框，其中有更多的顏色選項(xiàng)，在這里，你能把選到的顏色添加到自定義顏色中，如圖2-1-22所示。
圖2-1-22 【顏色】對(duì)話框
在【自定義顏色】選項(xiàng)下單擊一個(gè)自定義色塊，該色塊會(huì)被虛線包圍，在【顏色】對(duì)話框右邊的【調(diào)色板】中單擊你喜歡的顏色，上下拖動(dòng)右邊顏色條上的箭頭，移到你需要的深淺度上，單擊【添加到自定義顏色】按鈕，這個(gè)色塊就被你收藏起來了。下一次要使用時(shí)，打開這個(gè)【顏色】面板，在自定義色中可以方便的選取你中意的顏色。
好了，現(xiàn)在我們?cè)谡{(diào)色板里選取綠色，單擊工具箱里【顏料桶工具】，在畫好的葉子上單擊一下，看看什么效果，如圖2-1-23所示。
圖2-1-23 填充顏色
只有一小塊顏色？原來，這個(gè)顏料桶只能在一個(gè)封閉的空間里填色。取消剛剛的填色，現(xiàn)在我們用【橡皮工具】將線條擦出一個(gè)缺口，再看效果，如圖2-1-24所示。
圖2-1-24 填充色在封閉空間內(nèi)
你看，殘缺線條的兩邊都填上了顏色。
好，我們還是一塊一塊的填上顏色吧。但是在填充顏色前，你一定要將樹葉圖形恢復(fù)到使用【橡皮工具】擦除操作前的模樣哦。
這時(shí)，你可能會(huì)想，如果我們剛才先填充顏色再畫葉脈就省事多了。是的，你想得一點(diǎn)沒錯(cuò)！沒關(guān)系，隨著操作的增加，我們的經(jīng)驗(yàn)會(huì)越來越豐富的。最后填充完的效果如圖2-1-25所示。
圖2-1-25 顏色填充后效果
至此，一個(gè)樹葉圖形就繪制好了。請(qǐng)你執(zhí)行【窗口】|【庫(kù)】命令，打開【庫(kù)】面板，你將發(fā)現(xiàn)【庫(kù)】面板中出現(xiàn)一個(gè)“樹葉”圖形元件，如圖2-1-26所示。
圖2-1-26 【庫(kù)】面板中的“樹葉“圖形元件
說明：【庫(kù)】面板是存儲(chǔ)Flash元件的場(chǎng)所，我們所創(chuàng)建的元件對(duì)象以及從外部導(dǎo)入的圖像、聲音等對(duì)象都保存在這里，這里的元件可以拖放到場(chǎng)景中重復(fù)使用。有關(guān)【庫(kù)】面板的詳細(xì)內(nèi)容請(qǐng)你參閱第4章的相關(guān)內(nèi)容。
（5）【顏料桶工具】選項(xiàng)
單擊【顏料桶工具】后，在工具箱下邊的【選項(xiàng)】里有四個(gè)選項(xiàng)，可以根據(jù)自己的需要來確定，讀者可以自己試一下，如圖2-1-26所示。
圖2-1-26 顏料桶工具選項(xiàng)
說明：【顏料桶工具】是對(duì)某一區(qū)域進(jìn)行單色、漸變色或位圖進(jìn)行填充，注意不能作用于線條。選擇【顏料桶工具】后，在【工具箱】下邊的【選項(xiàng)】中單擊【空隙大小】按鈕,會(huì)彈出四個(gè)選項(xiàng)，如圖1-2-11所示。其中，【不封閉空隙】表示要填充的區(qū)域必須在完全封閉的狀態(tài)下才能進(jìn)行填充；【封閉小空隙】表示要填充的區(qū)域在小缺口的狀態(tài)下可以進(jìn)行填充；【封閉中等空隙】表示要填充的區(qū)域在中等大小缺口狀態(tài)下進(jìn)行填充；【封閉大空隙】表示要填充的區(qū)域在較大缺口狀態(tài)下也能填充。但在Flash中，即使中大缺口，值也是很小的，所在要對(duì)大的不封閉區(qū)域填充顏色，一般用筆刷。
【刷子工具】可以隨意地畫色塊。當(dāng)你單擊工具箱中的【刷子工具】后，工具箱下邊就會(huì)顯示它的【選項(xiàng)】，我們先看看它的【選項(xiàng)】，如圖2-1-27所示。
圖2-1-27刷子工具選項(xiàng)
在這里，我們可以選定畫筆的大小和樣式以及它的填色模式。讀者可以自己選取不同的大小和樣式練習(xí)練習(xí)，先找一找感覺。
聯(lián)系客服
