Flash基本繪圖工具.doc

Flash基本繪圖工具在計(jì)算機(jī)繪圖領(lǐng)域中，根據(jù)成圖原理和繪制方法的不同，圖像分為矢量圖和位圖兩種類(lèi)型。矢量圖形是由一個(gè)個(gè)單獨(dú)的點(diǎn)構(gòu)成的，每一個(gè)點(diǎn)都有其各自的屬性，如位置、顏色等。矢量圖的清晰度與分辨率的大小無(wú)關(guān)，對(duì)矢量圖進(jìn)行縮放時(shí)，圖形對(duì)象仍保持原有的清晰度和光滑度，不會(huì)發(fā)生任何偏差， 位圖圖像是由像素構(gòu)成的，像素的多少將決定位圖圖像的顯示質(zhì)量和文件大小，位圖圖像的分辨率越高，其顯示越清晰，文件所占的空間也就越大。因此，位圖圖像的清晰度與分辨率有關(guān)。對(duì)位圖圖像進(jìn)行放大時(shí)，放大的只是像素點(diǎn)，位圖圖像的四周會(huì)出現(xiàn)鋸齒狀。在Flash動(dòng)畫(huà)制作過(guò)程中，會(huì)大量地運(yùn)用到矢量圖形。雖然有一些功能強(qiáng)大的矢量圖繪制軟件，如Corel公司的CorelDraw 軟件、Macromedia公司的Freehand軟件和Adobe公司的Illustrator軟件等，而運(yùn)用Flash自身的矢量繪圖功能將會(huì)更方便，更快捷。在這一章里，我們將通過(guò)Flash基本繪圖工具的學(xué)習(xí)，繪制出一些簡(jiǎn)單的矢量圖。另外，F(xiàn)lash也具備一定的位圖處理能力，雖然比不上專(zhuān)業(yè)的位圖處理軟件，但是對(duì)于制作動(dòng)畫(huà)過(guò)程中需要對(duì)位圖的一些簡(jiǎn)單處理，它還是能夠勝任的。第一節(jié) 基本繪圖工具Flash 工具箱提供了各種工具，用來(lái)繪制自由形狀或準(zhǔn)確的線條、形狀和路徑，并可用來(lái)對(duì)對(duì)象進(jìn)行上色。我們將分兩節(jié)來(lái)學(xué)習(xí)這些工具的使用方法。在本節(jié)中，將學(xué)習(xí)【線條工具】、【滴管工具】、【墨水瓶工具】、【選擇工具】、【刷子工具】、【任意變形工具】、【顏料桶工具】等的基本用法。1線條的繪制與處理【線條工具】是Flash中最簡(jiǎn)單的工具。現(xiàn)在我們就來(lái)畫(huà)一條直線。用鼠標(biāo)單擊【線條工具】，移動(dòng)鼠標(biāo)到舞臺(tái)上，按住鼠標(biāo)并拖動(dòng)，松開(kāi)鼠標(biāo)，一條直線就畫(huà)好了。用【線條工具】能畫(huà)出許多風(fēng)格各異的線條來(lái)。打開(kāi)【屬性】面板，在其中，我們可以定義直線的顏色、粗細(xì)和樣式，如圖2所示。圖2 直線【屬性】面板在如圖2所示的【屬性】面板中，單擊其中的【筆觸顏色】按鈕，會(huì)彈出一個(gè)調(diào)色板，此時(shí)鼠標(biāo)變成滴管狀。用滴管直接拾取顏色或者在文本框里直接輸入顏色的16進(jìn)制數(shù)值，16進(jìn)制數(shù)值以#開(kāi)頭，如：#99FF33，如圖3所示。圖3 筆觸調(diào)色板現(xiàn)在來(lái)畫(huà)出各種不同的直線。單擊【屬性】面板中的【自定義】按鈕，會(huì)彈出一個(gè)【筆觸樣式】對(duì)話框，如圖4所示。圖4 【筆觸樣式】對(duì)話框?yàn)榱朔奖阌^察，我們把【粗細(xì)】設(shè)置為3pts，在【類(lèi)型】中選擇不同的線型和顏色，設(shè)置完后單擊【確定】，來(lái)看看設(shè)置不同筆觸樣式后畫(huà)出的線條，如圖5所示。圖5 不同類(lèi)型的線條多試試改變線條的各項(xiàng)參數(shù)，會(huì)對(duì)繪圖能力的提高有很大幫助?！镜喂芄ぞ摺亢汀灸抗ぞ摺靠梢院芸斓貙⒁粭l直線的顏色樣式套用到別的線條上。用【滴管工具】單擊上面的直線，看看【屬性】面板，它顯示的就是該直線的屬性，此時(shí)，所選工具自動(dòng)變成了【墨水瓶工具】，如圖6所示。圖6 使用【滴管工具】獲取線條屬性使用【墨水瓶工具】單擊其它樣式的線條，可以看到，所單擊線條的屬性都變成了當(dāng)前在【屬性】面板中所設(shè)置的屬性了。如果你需要更改線條的方向和長(zhǎng)短，可以用【選擇工具】來(lái)實(shí)現(xiàn)?！具x擇工具】的作用是選擇對(duì)象、移動(dòng)對(duì)象、改變線條或?qū)ο筝喞男螤?。在工具箱中選擇【選擇工具】，然后移動(dòng)鼠標(biāo)指針到直線的端點(diǎn)處，指針右下角變成直角狀，這時(shí)拖動(dòng)鼠標(biāo)可以改變線條的方向和長(zhǎng)短，如圖7所示。圖7 改變線條方向和長(zhǎng)短的鼠標(biāo)形狀將鼠標(biāo)指針移動(dòng)到線條上，指針右下角會(huì)變成弧線狀，拖動(dòng)鼠標(biāo)，可以將直線變成曲線。這是一個(gè)很有用處的功能，它可以幫助我們畫(huà)出所需要的各種曲線形狀，如圖8所示。圖8 改變線條為弧線狀的鼠標(biāo)形狀2實(shí)例演練繪制一片樹(shù)葉現(xiàn)在我們來(lái)實(shí)踐一下，練習(xí)畫(huà)一片樹(shù)葉。執(zhí)行【文件】|【新建】命令，彈出【新建文檔】對(duì)話框，在【類(lèi)型】中選擇【Flash文檔】，單擊【確定】，建立一個(gè)新的Flash文檔，在這里我們不改變文檔的屬性，直接使用其默認(rèn)值。（1）新建圖形元件執(zhí)行【插入】|【新建元件】命令，或者按快捷鍵Ctrl+F8，彈出【創(chuàng)建新元件】對(duì)話框，在【名稱】中輸入元件名稱為“樹(shù)葉”，如圖9所示，選擇【行為】為【圖形】，單擊【確定】按鈕。圖9 創(chuàng)建圖形元件這時(shí)工作區(qū)變?yōu)椤皹?shù)葉”元件的編輯狀態(tài)，如圖10所示。圖10 “樹(shù)葉”圖形元件編輯場(chǎng)景說(shuō)明：圖形元件是Flash的基本元素，有關(guān)它的詳細(xì)內(nèi)容請(qǐng)參閱第四章的有關(guān)內(nèi)容。（2）繪制樹(shù)葉圖形在“樹(shù)葉”圖形元件編輯場(chǎng)景中，首先用【線條工具】畫(huà)一條直線，設(shè)置【筆觸顏色】為深綠色，如圖11所示。圖11 畫(huà)一條深綠色直線用【選擇工具】將它拉成曲線，如圖12所示。圖12 拉成曲線再用【線條工具】繪制一個(gè)直線，用這條直線連接曲線的兩端點(diǎn)，如圖13所示。圖13 連接兩端用【選擇工具】將這條直線也拉成曲線，如圖14所示。圖14 拉成曲線一片樹(shù)葉的基本形狀已經(jīng)繪制出來(lái)了，現(xiàn)在我們來(lái)繪制葉脈，先在兩端點(diǎn)間繪制直線，然后拉成曲線，如圖15和圖16所示。 圖15 畫(huà)葉脈線 圖16 直線變曲再畫(huà)旁邊的細(xì)小葉脈，可以用直線，也可以將直線略彎曲，這樣，一片簡(jiǎn)單的樹(shù)葉就畫(huà)好了，如圖17所示。圖17 簡(jiǎn)單的樹(shù)葉效果（3）編輯和修改樹(shù)葉如果在畫(huà)樹(shù)葉的時(shí)候出現(xiàn)錯(cuò)誤，比如說(shuō)，畫(huà)出的葉脈不是你所希望的樣子，你可以執(zhí)行【編輯】|【撤銷(xiāo)】命令（快捷鍵為Ctrl+Z），撤銷(xiāo)前面一步的操作，也可以選擇下面更簡(jiǎn)單的方法：用【箭頭工具】單擊想要?jiǎng)h除的直線，被單擊后的直線呈現(xiàn)網(wǎng)點(diǎn)狀，說(shuō)明它已經(jīng)處于被選擇狀態(tài)，此時(shí)，你將可以對(duì)它進(jìn)行各種修改了，如圖18所示。圖18 被選中的線條要移動(dòng)選中的線條，就用鼠標(biāo)拖動(dòng)它，要?jiǎng)h除它，就直接按鍵盤(pán)上的Delete鍵。按住Shift鍵的同時(shí)連續(xù)單擊線條，可以同時(shí)選取多個(gè)對(duì)象。也可以用【選擇工具】框選對(duì)象，被框選起來(lái)的對(duì)象將都被選中。如果要選取全部的線條，按鍵盤(pán)上的快捷鍵Ctrl+A，就可以將其全部選中了，如圖19所示。圖19 框選對(duì)象說(shuō)明：在一條直線上雙擊，也可以將和這條直線相連并且顏色、粗細(xì)、樣式相同的整個(gè)線條范圍全部選取。（4）給樹(shù)葉上色接下來(lái)我們要給這片樹(shù)葉填上顏色。在工具箱中看到這個(gè)【顏色】選項(xiàng)了嗎？如圖20所示。圖20 【顏色】選項(xiàng)單擊【填充色】按鈕，彈出一個(gè)調(diào)色板，同時(shí)光標(biāo)變成吸管狀，如圖21所示。圖21 調(diào)色板說(shuō)明：除了可以選擇調(diào)色板中的顏色外，還可以點(diǎn)選屏幕上任何地方，吸取你所需要的顏色。如果你覺(jué)得調(diào)色板的顏色太少不夠選，那么單擊調(diào)色板右上角的【顏色選擇器】按鈕，此時(shí)會(huì)彈出一個(gè)【顏色】對(duì)話框，其中有更多的顏色選項(xiàng)，在這里，你能把選擇的顏色添加到自定義顏色中，如圖22所示。圖22 【顏色】對(duì)話框在【自定義顏色】選項(xiàng)下單擊一個(gè)自定義色塊，該色塊會(huì)被虛線包圍，在【顏色】對(duì)話框右邊選擇你喜歡的顏色，上下拖動(dòng)右邊顏色條上的箭頭，拖動(dòng)鼠標(biāo)到你需要的顏色上，單擊【添加到自定義顏色】按鈕，這種顏色就被你收藏起來(lái)了。下一次要使用時(shí)，打開(kāi)【顏色】對(duì)話框，在【自定義顏色】中可以方便的選取你中意的顏色。好了，現(xiàn)在我們?cè)谡{(diào)色板上選取綠色，單擊工具箱中的【顏料桶工具】，在畫(huà)好的葉子上單擊一下，效果如圖23所示。圖23 填充顏色【顏料桶工具】能在一個(gè)封閉的區(qū)域中填色。按快捷鍵Ctrl+Z，取消剛填充的顏色，現(xiàn)在我們用【橡皮擦工具】將線條擦出一個(gè)缺口，再填充右下角的區(qū)域，效果如圖24所示。圖24 擦出缺口后的填充效果你看，殘缺線條的兩邊都填上了顏色?，F(xiàn)在，我們一塊一塊的填上顏色吧！但是在填充顏色前，你一定要將樹(shù)葉圖形恢復(fù)到使用【橡皮擦工具】進(jìn)行擦除操作前的狀態(tài)，可以按兩次Ctrl+Z鍵來(lái)實(shí)現(xiàn)。這時(shí)，你可能會(huì)想，如果我們剛才先填充顏色再畫(huà)葉脈就省事多了。確實(shí)是這樣，隨著不斷地操作，繪圖經(jīng)驗(yàn)將越來(lái)越豐富。填充完的效果如圖25所示。圖25 填充顏色后的效果至此，樹(shù)葉圖形就繪制好了。執(zhí)行【窗口】|【庫(kù)】命令，打開(kāi)【庫(kù)】面板，你將發(fā)現(xiàn)【庫(kù)】面板中出現(xiàn)一個(gè)名稱為“樹(shù)葉”的圖形元件，如圖26所示。圖26 【庫(kù)】面板中的“樹(shù)葉”圖形元件說(shuō)明：【庫(kù)】面板是存儲(chǔ)Flash元件的場(chǎng)所，我們所創(chuàng)建的元件對(duì)象以及從外部導(dǎo)入的圖像、聲音等對(duì)象都保存在這里，這里的元件可以拖放到場(chǎng)景中重復(fù)使用。有關(guān)【庫(kù)】面板的詳細(xì)內(nèi)容請(qǐng)你參閱第四章的相關(guān)內(nèi)容。（5）【顏料桶工具】選項(xiàng)選擇【顏料桶工具】后，在工具箱中，單擊【選項(xiàng)】下的封閉小空隙按鈕，彈出一個(gè)菜單，其中有四個(gè)選項(xiàng)，可以根據(jù)自己的需要來(lái)確定，你可以自己試一下，如圖27所示。圖27 顏料桶工具選項(xiàng)說(shuō)明：【顏料桶工具】是對(duì)某一區(qū)域進(jìn)行單色、漸變色或位圖填充的工具，它不能作用于線條。選擇【顏料桶工具】后，在工具箱下邊的【選項(xiàng)】中單擊按鈕，會(huì)彈出四個(gè)選項(xiàng)，如圖27所示。其中，【不封閉空隙】表示要填充的區(qū)域必須在完全封閉的狀態(tài)下才能進(jìn)行填充；【封閉小空隙】表示要填充的區(qū)域在小缺口的狀態(tài)下可以進(jìn)行填充；【封閉中等空隙】表示要填充的區(qū)域在中等大小缺口狀態(tài)下進(jìn)行填充；【封閉大空隙】表示要填充的區(qū)域在較大缺口狀態(tài)下也能填充。但在Flash中，即使中大缺口，值也是很小的，所在要對(duì)大的不封閉區(qū)域填充顏色，一般用筆刷。3【刷子工具】的用法使用【刷子工具】可以隨意地畫(huà)出各種色塊。當(dāng)單擊工具箱中的【刷子工具】后，工具箱下邊就會(huì)顯示出它的【選項(xiàng)】，我們先看看它的【選項(xiàng)】，如圖28所示。圖28刷子工具選項(xiàng)在這里，我們可以選定畫(huà)筆的大小和樣式以及它的填色模式。你可以自己選取不同的大小和樣式練習(xí)練習(xí)，先找一找感覺(jué)。下面我們利用剛剛畫(huà)成的樹(shù)葉來(lái)詳細(xì)講解它的填色模式。在圖28所示的【選項(xiàng)】下單擊按鈕，則彈出填充模式下拉列表，如圖29所示。圖29刷子的填色模式（1）標(biāo)準(zhǔn)繪畫(huà)選擇【刷子工具】，并將【填充色】設(shè)置為黃色，當(dāng)然也可以設(shè)置為其它色。選擇刷子的填色模式為【標(biāo)準(zhǔn)繪畫(huà)】模式，移動(dòng)筆刷到舞臺(tái)的樹(shù)葉圖形上，在葉子上拖動(dòng)鼠標(biāo)，觀察一下效果，如圖30所示。圖30 標(biāo)準(zhǔn)繪畫(huà)模式你將發(fā)現(xiàn)，不管是線條還是填色范圍，只要是畫(huà)筆經(jīng)過(guò)的地方，都變成了畫(huà)筆的顏色。（2）顏料填充選擇【顏料填充】模式，它只影響了填色的內(nèi)容，不會(huì)遮蓋住線條，效果如圖31所示。圖31 顏料填充模式（3）后面繪畫(huà)選擇【后面繪畫(huà)】模式，無(wú)論你怎么畫(huà)，它都在圖像的后方，不會(huì)影響前景圖像，如圖32所示。圖32 后面繪畫(huà)模式（4）顏料選擇選擇【顏料選擇】模式，先用畫(huà)筆抹幾下，絲毫不起作用。這是因?yàn)槲覀儧](méi)有選擇范圍。用【選擇工具】選中葉片的一塊，再選擇【刷子工具】進(jìn)行繪制，此時(shí)可看到選擇區(qū)域被涂上所選的顏色，如圖33所示。圖33顏料選擇模式（5）內(nèi)部繪畫(huà)選擇【內(nèi)部繪畫(huà)】模式，在繪畫(huà)時(shí)，畫(huà)筆的起點(diǎn)必須是在輪廓線以內(nèi)，而且畫(huà)筆的范圍也只作用在輪廓線以內(nèi)，如圖34所示。圖34 內(nèi)部繪畫(huà)模式4繪制樹(shù)枝現(xiàn)在我們要把這孤零零的一片樹(shù)葉組合成樹(shù)枝。想一想，如果用多片這樣一模一樣的樹(shù)葉組成樹(shù)枝，是不是很難看呢？Flash為我們提供了一個(gè)很好的工具：【任意變形工具】。利用【任意變形工具】可以將前面繪制的樹(shù)葉改變成需要的形狀?！救我庾冃喂ぞ摺靠梢孕D(zhuǎn)縮放元件，也可以對(duì)圖形對(duì)象進(jìn)行扭曲、封套變形。選中樹(shù)葉，在工具箱中選擇【任意變形工具】，工具箱的下邊會(huì)出現(xiàn)相應(yīng)的【選項(xiàng)】，如圖35所示。圖35任意變形工具選項(xiàng)說(shuō)明：【任意變形工具】的【選項(xiàng)】中共包括5個(gè)按鈕，從上向下依次是：【對(duì)齊對(duì)象】、【旋轉(zhuǎn)與傾斜】、【縮放】、【扭曲】和【封套】。當(dāng)你選擇了【任意變形工具】后，【選項(xiàng)】中的按鈕并不是馬上都被激活，除了【對(duì)齊對(duì)象】按鈕，其他按鈕都是灰色顯示，只有你在場(chǎng)景中選擇了具體的對(duì)象以后，其他4個(gè)按鈕才變成可用狀態(tài)。（1）旋轉(zhuǎn)樹(shù)葉選擇【任意變形工具】后，單擊舞臺(tái)上的樹(shù)葉，這時(shí)樹(shù)葉被一個(gè)方框包圍著，中間有一個(gè)小圓圈，這是變形點(diǎn)，當(dāng)我們進(jìn)行縮放旋轉(zhuǎn)時(shí)，以它為中心，如圖36所示。圖36變形點(diǎn)（4）創(chuàng)建“三片樹(shù)葉”圖形元件再?gòu)?fù)制一片樹(shù)葉，用【任意變形工具】將三片樹(shù)葉調(diào)整成如圖43所示的形狀和位置。在調(diào)整過(guò)程中，當(dāng)調(diào)整效果不滿意時(shí)，也許樹(shù)葉已經(jīng)不再處于被選中狀態(tài)，有時(shí)要重新選取整片樹(shù)葉很困難，我們可以多使用撤銷(xiāo)命令，以恢復(fù)選取狀態(tài)。當(dāng)然也可以先新建圖層，然后把每片樹(shù)葉存放到相應(yīng)的圖層中，這樣能大大方便樹(shù)葉的選取，圖層的知識(shí)我們將在后面介紹。圖43 樹(shù)葉組合如圖42所示的三片樹(shù)葉圖形創(chuàng)建好以后，將它們?nèi)窟x中，然后執(zhí)行【修改】|【轉(zhuǎn)換為元件】命令（快捷鍵為F8），將它們轉(zhuǎn)換為名字為“三片樹(shù)葉”的圖形元件。把“樹(shù)葉”元件場(chǎng)景中新增的兩片樹(shù)頁(yè)刪除。（5）繪制樹(shù)枝以上的繪圖操作都是在“樹(shù)葉”編輯場(chǎng)景中完成的，現(xiàn)在返回到主場(chǎng)景：場(chǎng)景1，在時(shí)間軸的右上角有一個(gè)【場(chǎng)景1】按鈕，如圖44所示，單擊它，這樣就切換到了場(chǎng)景1。圖44 切換到【場(chǎng)景1】單擊【刷子工具】，選擇一種填充色，在工