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

1、Good is good, but better carries it.精益求精，善益求善。Flash CS6 繪圖工具的使用方法-繪圖工具的使用(一)熟練掌握“線條工具”、“滴管工具”、“墨水瓶工具”、“選擇工具”、“顏料桶工具”、“刷子工具”、“任意變形工具”的使用方法和技巧。掌握一片樹(shù)葉、一個(gè)樹(shù)枝的繪制方法，并在實(shí)踐過(guò)程中理解Flash構(gòu)造圖形的方法。在計(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ì)象仍保持原有的清晰度和光

2、滑度，不會(huì)發(fā)生任何偏差，如圖2-0-1所示是放大了16倍的矢量圖效果。圖2-0-1矢量圖放大到16倍時(shí)依然清晰位圖圖像是由像素構(gòu)成的，像素的多少將決定位圖圖像的顯示質(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à)制作過(guò)程中，會(huì)大量地運(yùn)用到矢量圖形。雖然有一些功能強(qiáng)大的矢量圖繪制軟件，如Corel公司的CorelDraw軟件、Macromedia公司的Freehand軟件

3、和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)行上色，如圖2-1-1所示是Flash的工具箱。圖2-1-1繪圖工具箱我們將分兩節(jié)來(lái)學(xué)習(xí)這些工具的使用方法。在本節(jié)中，將學(xué)習(xí)【線條工具】、【滴管工具】、【墨水瓶工具】、【選擇工

4、具】、【刷子工具】、【任意變形工具】、【顏料桶工具】等的基本用法。1線條的繪制與處理【線條工具】是Flash中最簡(jiǎn)單的工具?，F(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-1-2所示。圖2-1-2直線【屬性】面板在如圖2-1-2所示的【屬性】面板中，單擊其中的【筆觸顏色】按鈕，會(huì)彈出一個(gè)調(diào)色板，此時(shí)鼠標(biāo)變成滴管狀。用滴管直接拾取顏色或者在文本框里直接輸入顏色的16進(jìn)制數(shù)值，16進(jìn)制數(shù)值以#開(kāi)頭，如：#99FF33，如圖2-

5、1-3所示。圖2-1-3筆觸調(diào)色板現(xiàn)在來(lái)畫(huà)出各種不同的直線。單擊【屬性】面板中的【自定義】按鈕，會(huì)彈出一個(gè)【筆觸樣式】對(duì)話框，如圖2-1-4所示。圖2-1-4【筆觸樣式】對(duì)話框?yàn)榱朔奖阌^察，我們把【粗細(xì)】設(shè)置為3pts，在【類(lèi)型】中選擇不同的線型和顏色，設(shè)置完后單擊【確定】，來(lái)看看設(shè)置不同筆觸樣式后畫(huà)出的線條，如圖2-1-5所示。圖2-1-5不同類(lèi)型的線條多試試改變線條的各項(xiàng)參數(shù)，會(huì)對(duì)繪圖能力的提高有很大幫助。【滴管工具】和【墨水瓶工具】可以很快地將一條直線的顏色樣式套用到別的線條上。用【滴管工具】單擊上面的直線，看看【屬性】面板，它顯示的就是該直線的屬性，此時(shí)，所選工具自動(dòng)變成了【墨水瓶工具

6、】，如圖2-1-6所示。圖2-1-6使用【滴管工具】獲取線條屬性使用【墨水瓶工具】單擊其它樣式的線條，可以看到，所單擊線條的屬性都變成了當(dāng)前在【屬性】面板中所設(shè)置的屬性了。如果你需要更改線條的方向和長(zhǎng)短，可以用【選擇工具】來(lái)實(shí)現(xiàn)。【選擇工具】的作用是選擇對(duì)象、移動(dòng)對(duì)象、改變線條或?qū)ο筝喞男螤?。在工具箱中選擇【選擇工具】，然后移動(dòng)鼠標(biāo)指針到直線的端點(diǎn)處，指針右下角變成直角狀，這時(shí)拖動(dòng)鼠標(biāo)可以改變線條的方向和長(zhǎng)短，如圖2-1-7所示。圖2-1-7改變線條方向和長(zhǎng)短的鼠標(biāo)形狀將鼠標(biāo)指針移動(dòng)到線條上，指針右下角會(huì)變成弧線狀，拖動(dòng)鼠標(biāo)，可以將直線變成曲線。這是一個(gè)很有用處的功能，它可以幫助我們畫(huà)出所需

7、要的各種曲線形狀，如圖2-1-8所示。圖2-1-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ì)話框，在【名稱(chēng)】中輸入元件名稱(chēng)為“樹(shù)葉”，如圖2-1-9所示，選擇【行為】為【圖形】，單擊【確定】按鈕。圖2-1-9創(chuàng)建圖形元件這時(shí)工作區(qū)變?yōu)椤皹?shù)葉”元件的編輯狀態(tài)，如圖2-1-10所示。圖2

8、-1-10“樹(shù)葉”圖形元件編輯場(chǎng)景說(shuō)明：圖形元件是Flash的基本元素，有關(guān)它的詳細(xì)內(nèi)容請(qǐng)參閱第四章的有關(guān)內(nèi)容。（2）繪制樹(shù)葉圖形在“樹(shù)葉”圖形元件編輯場(chǎng)景中，首先用【線條工具】畫(huà)一條直線，設(shè)置【筆觸顏色】為深綠色，如圖2-1-11所示。圖2-1-11畫(huà)一條深綠色直線用【選擇工具】將它拉成曲線，如圖2-1-12所示。圖2-1-12拉成曲線再用【線條工具】繪制一個(gè)直線，用這條直線連接曲線的兩端點(diǎn)，如圖2-1-13所示。圖2-1-13連接兩端用【選擇工具】將這條直線也拉成曲線，如圖2-1-14所示。圖2-1-14拉成曲線一片樹(shù)葉的基本形狀已經(jīng)繪制出來(lái)了，現(xiàn)在我們來(lái)繪制葉脈，先在兩端點(diǎn)間繪制直線，然

9、后拉成曲線，如圖2-1-15和圖2-1-16所示。圖2-1-15畫(huà)葉脈線圖2-1-16直線變曲再畫(huà)旁邊的細(xì)小葉脈，可以用直線，也可以將直線略彎曲，這樣，一片簡(jiǎn)單的樹(shù)葉就畫(huà)好了，如圖2-1-17所示。圖2-1-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)行各種修改了，如圖2-1-18所示。圖2-1-18被選中的線條要移動(dòng)選中的線

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

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

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

13、是這樣，隨著不斷地操作，繪圖經(jīng)驗(yàn)將越來(lái)越豐富。填充完的效果如圖2-1-25所示。圖2-1-25填充顏色后的效果至此，樹(shù)葉圖形就繪制好了。執(zhí)行【窗口】|【庫(kù)】命令，打開(kāi)【庫(kù)】面板，你將發(fā)現(xiàn)【庫(kù)】面板中出現(xiàn)一個(gè)名稱(chēng)為“樹(shù)葉”的圖形元件，如圖2-1-26所示。圖2-1-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è)菜單，其

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

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

16、【標(biāo)準(zhǔn)繪畫(huà)】模式，移動(dòng)筆刷到舞臺(tái)的樹(shù)葉圖形上，在葉子上拖動(dòng)鼠標(biāo)，觀察一下效果，如圖2-1-30所示。圖2-1-30標(biāo)準(zhǔn)繪畫(huà)模式你將發(fā)現(xiàn)，不管是線條還是填色范圍，只要是畫(huà)筆經(jīng)過(guò)的地方，都變成了畫(huà)筆的顏色。（2）顏料填充選擇【顏料填充】模式，它只影響了填色的內(nèi)容，不會(huì)遮蓋住線條，效果如圖2-1-31所示。圖2-1-31顏料填充模式（3）后面繪畫(huà)選擇【后面繪畫(huà)】模式，無(wú)論你怎么畫(huà)，它都在圖像的后方，不會(huì)影響前景圖像，如圖2-1-32所示。圖2-1-32后面繪畫(huà)模式（4）顏料選擇選擇【顏料選擇】模式，先用畫(huà)筆抹幾下，絲毫不起作用。這是因?yàn)槲覀儧](méi)有選擇范圍。用【選擇工具】選中葉片的一塊，再選擇【刷子工具

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

18、箱的下邊會(huì)出現(xiàn)相應(yīng)的【選項(xiàng)】，如圖2-1-35所示。圖2-1-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í)，以它為中心，如圖2-1-36所示。圖2-1-36變形點(diǎn)變形點(diǎn)是可以移動(dòng)的。將鼠標(biāo)移近

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