第二章 多姿多彩的圖形繪制

第1課 矢量圖形繪制

在本課，你將學(xué)習(xí)Flash中線條工具、滴管工具、墨水瓶工具、選擇工具、刷子工具、任意變形工具、顏料桶工具等工具的基本用法。

一、位圖和矢量圖

在計(jì)算機(jī)繪圖領(lǐng)域中，根據(jù)成圖原理和繪制方法的不同，圖像被分為位圖和矢量圖兩種類型。

1．位圖

位圖是由獨(dú)立的像素排列組成的。像素是一些極其細(xì)微的正方形，像素的多少?zèng)Q定位圖的顯示質(zhì)量和文件大小。位圖的分辨率越高，其顯示越清晰，文件所占的空間也越大。當(dāng)放大位圖時(shí)，實(shí)際上是對像素的放大。位圖被放大到一定的程度，會(huì)出現(xiàn)嚴(yán)重的“鋸齒”。常用來編輯位圖的軟件有Adobe Photoshop、3D Max等，常見的位圖文件格式有BMP、PCX、GIF、JPG、TIF、PCD、PSD、CPT等。

2．矢量圖

矢量圖是由一個(gè)個(gè)單獨(dú)的點(diǎn)構(gòu)成的，每一個(gè)點(diǎn)都有其各自的屬性，如位置、顏色等。編輯矢量圖，實(shí)際上就是修改描述圖形的形態(tài)和顏色的屬性。矢量圖與分辨率無關(guān)，所以無論怎樣放大都不會(huì)影響畫質(zhì)，能一直保持其原有的清晰度，而且生成的文件尺寸相對較小。

Flash動(dòng)畫的制作過程中會(huì)大量用到矢量圖。雖然還有其他一些功能強(qiáng)大的矢量圖繪制軟件，如Corel公司的CorelDraw軟件、Macromedia公司的Freehand軟件和Adobe公司的Illustrator軟件等，但運(yùn)用Flash自身的矢量繪圖功能最方便快捷。

在這一章里，我們將通過對Flash基本繪圖工具的學(xué)習(xí)，繪制一些簡單的矢量圖。另外，F(xiàn)lash也具備一定的位圖處理能力。雖然比不上專業(yè)的位圖處理軟件，但是對于制作動(dòng)畫過程中需要對位圖進(jìn)行的一些簡單處理，它還是能夠勝任的。

二、繪圖工具箱

Flash提供了多種工具，用來繪制自由形狀或準(zhǔn)確的線條、形狀和路徑，并可用來對對象進(jìn)行上色。圖2-1-3所示是Flash的繪圖工具箱。工具箱通過標(biāo)簽分為工具區(qū)、查看區(qū)、顏色區(qū)和選項(xiàng)區(qū)4個(gè)區(qū)域。

三、基本繪圖和著色工具

1．線條的繪制與處理

線條工具是Flash中最簡單的工具，專門用于繪制各種不同方向的矢量線段。現(xiàn)在我們就來畫一條線段。用鼠標(biāo)單擊線條工具移動(dòng)鼠標(biāo)到舞臺(tái)上，按住鼠標(biāo)并拖動(dòng)，松開鼠標(biāo)，一條線條就畫好了。

用線條工具能畫出許多風(fēng)格各異的線條來。選擇線條工具后，我們可以在“屬性”面板定義線條的顏色、粗細(xì)和樣式。

在“屬性”面板中單擊“筆觸顏色”按鈕，會(huì)彈出一個(gè)調(diào)色板，此時(shí)鼠標(biāo)變成滴管狀。可以用鼠標(biāo)直接選取顏色或者在文本框里輸入顏色的16進(jìn)制數(shù)值選取顏色。16進(jìn)制數(shù)值以#開頭，如：#FFFFFF。如圖2-1-4所示：

現(xiàn)在來畫各種不同的線條。單擊“屬性”面板中的“自定義”按鈕，會(huì)彈出一個(gè)“筆觸樣式”對話框。如圖2-1-5所示：

為了方便觀察，我們把粗細(xì)設(shè)置為3pts，選擇不同的線條類型和顏色，設(shè)置完后單擊“確定”按鈕，來看看設(shè)置不同筆觸樣式后畫出的線條。如圖2-1-6所示：

多試試改變線條的各項(xiàng)參數(shù)，會(huì)對繪圖能力的提高有很大幫助。

如果你需要更改線條的方向和長短，可以用選擇工具來實(shí)現(xiàn)。

選擇工具的作用是選擇對象、移動(dòng)對象、改變線條或?qū)ο筝喞男螤睢Ｔ诠ぞ呦渲羞x取選擇工具，然后移動(dòng)鼠標(biāo)指針到直線的端點(diǎn)處，指針右下角變成直角狀，這時(shí)拖動(dòng)鼠標(biāo)可以改變線條的方向和長短。如圖2-1-7所示：

將鼠標(biāo)指針移動(dòng)到線條上，指針右下角會(huì)變成弧線狀，拖動(dòng)鼠標(biāo)，可以將直線變成曲線。如圖2-1-8所示。這是一個(gè)很有用處的功能，它可以幫助我們畫出所需要的曲線形狀。

2．橢圓工具

橢圓工具可以用來繪制圓（按住Shift鍵）和橢圓。選擇橢圓工具，在舞臺(tái)上拖動(dòng)鼠標(biāo)，確定橢圓的大小后釋放鼠標(biāo)，規(guī)定長度、寬度的橢圓就顯示在舞臺(tái)上。我們還可以通過橢圓工具對應(yīng)的“屬性”面板設(shè)置橢圓的邊框?qū)傩砸约疤畛漕伾?/p>

3．矩形工具

矩形的繪制方法和橢圓基本相似。矩形工具可以用來繪制正方形（按住Shift鍵）和長方形。選擇矩形工具，在舞臺(tái)上拖動(dòng)鼠標(biāo)，確定矩形的大小后釋放鼠標(biāo)，規(guī)定長度、寬度的矩形就顯示在舞臺(tái)上。

4．多角星形工具

使用多角星形工具可以繪制多邊形和星形。如圖2-1-11所示，通過“屬性”中的“選項(xiàng)”按鈕打開“工具設(shè)置”對話框，可以選擇多邊形的樣式、邊數(shù)或星形的頂點(diǎn)數(shù)（從3到32），還可以選擇星形頂點(diǎn)的深度。

5．鉛筆工具

鉛筆工具和現(xiàn)實(shí)生活中的鉛筆使用方法大致相同，可以繪制自由的線條和圖形。不同的是，鉛筆工具可以對繪制的線條進(jìn)行伸直或平滑處理，也可以用來識(shí)別和校正基本的幾何圖形。

6．刷子工具

刷子工具的繪制效果與日常生活中使用的刷子類似，可以刷出線條和填充閉合的區(qū)域。與鉛筆工具繪制的單一實(shí)線不同的是：刷子工具繪制的是輪廓粗細(xì)為0的填充圖形，可以用墨水瓶工具直接改變輪廓的填充色；鉛筆工具繪制的實(shí)線則不能用墨水瓶工具直接填色。

各種刷子模式的含義如下：

（1）標(biāo)準(zhǔn)繪畫：新繪制的線條覆蓋同一層中原有的矢量圖形，但不會(huì)影響對象或群組。

（2）顏料填充：只能在填充區(qū)域和空白區(qū)域內(nèi)涂色，但不影響原圖的線條色。

（3）后面繪畫：只是從原有圖形的背后穿過，不影響原有的圖形。

（4）顏料選擇：只能在選擇區(qū)域內(nèi)繪圖。

（5）內(nèi)部繪畫：可分為兩種情況。一種情況是刷子起點(diǎn)位于圖形之外的空白區(qū)域，在經(jīng)過圖形時(shí)，從其背后穿過；另一種情況是刷子的起點(diǎn)位于圖形的內(nèi)部，只能在圖形的內(nèi)部繪制圖形。

7．橡皮擦工具

使用橡皮擦工具可以快速擦除舞臺(tái)中的內(nèi)容。選擇橡皮擦工具，在選項(xiàng)區(qū)出現(xiàn)3個(gè)選項(xiàng)：5種擦除模式、水龍頭、設(shè)置橡皮擦的形狀和大小。

（1）5種擦除模式：

①標(biāo)準(zhǔn)擦除：系統(tǒng)默認(rèn)模式。選擇該模式后，鼠標(biāo)變成橡皮擦的形狀，可以擦除矢量圖形、線條、分離的位圖和文字。

②擦除填色：只擦除填充色塊，不影響輪廓線。

③擦除線條：只擦除輪廓線，不影響填充色塊。

④擦除所選填充：只擦除選中的填充色塊或分離的文字，不影響矢量線（不管矢量線是否被選中）和未被選中的填充區(qū)域。

⑤內(nèi)部擦除：只擦除橡皮擦光標(biāo)起點(diǎn)區(qū)域的填充色塊，如果從空白區(qū)域開始擦除，不會(huì)擦除任何內(nèi)容。

（2）水龍頭：橡皮擦工具的水龍頭是一項(xiàng)非常有用的模式，它可以擦除圖形中的某些連續(xù)區(qū)域、整條線段或填充區(qū)域。

（3）設(shè)置橡皮擦的形狀和大小：橡皮擦太大或太小都不方便擦除對象，需要調(diào)整橡皮擦的形狀和大小。單擊“橡皮擦形狀”下拉列表按鈕，在其中選擇一種形狀，也可在選擇形狀的同時(shí)選擇合適的大小。

四、選擇和調(diào)整工具

在Flash中，選擇工具和套索工具可以用來選擇直線、圖形、組合和符號(hào)等對象。選擇工具主要用來選擇整個(gè)對象或形狀對象的某一部分；套索工具則通過勾勒任意形狀的范圍來選取形狀對象。

1．選擇工具

選擇工具可以用來選擇、移動(dòng)、復(fù)制、修改、旋轉(zhuǎn)、推拉、縮放矢量線和矢量圖形。下面介紹選擇工具常見的幾種使用方法：

（1）使用選擇工具選擇對象。

①選擇矢量邊線：單擊對象的邊線部位，則只能選擇一條邊線；雙擊可以選擇所有的邊線。

②選擇填充色塊：單擊對象的填充內(nèi)容，只能選擇填充內(nèi)容；雙擊可以同時(shí)選中邊線和填充內(nèi)容，即整個(gè)對象。

③選擇多個(gè)對象：可以按住鼠標(biāo)左鍵拖動(dòng)鼠標(biāo)，用拖曳的矩形線框來選擇多個(gè)對象；選擇某一對象后，按住Shift鍵單擊其他對象，也可以選擇多個(gè)對象。

（2）使用選擇工具改變矢量圖形的形狀。

選中選擇工具，將鼠標(biāo)指向線條或形狀的外邊緣時(shí)，指針形狀會(huì)發(fā)生變化，以指明在該線條或填充上可以執(zhí)行哪種類型的形狀改變。如圖2-1-17所示：

2．套索工具

套索工具主要用于創(chuàng)建不規(guī)則的選區(qū)。需要注意的是，如果要選取的對象是組、實(shí)例或文字，只有當(dāng)對象完全位于選區(qū)范圍之內(nèi)時(shí)才會(huì)被選取；如果要選取對象的一部分，必須先分離對象。選擇套索工具，在對應(yīng)的選項(xiàng)區(qū)出現(xiàn)3個(gè)選項(xiàng)。如圖2-1-8所示：

（1）多邊形模式：可以創(chuàng)建多邊形形狀的區(qū)域。

（2）魔術(shù)棒：在分離位圖上選取顏色相近的區(qū)域。

（3）魔術(shù)棒設(shè)置：設(shè)置選區(qū)范圍內(nèi)鄰近像素顏色的相近程度和選區(qū)邊緣的平滑程度。

下面介紹套索工具的具體使用：

（1）使用套索工具對應(yīng)的魔術(shù)棒：選擇套索工具，在選項(xiàng)區(qū)單擊“魔術(shù)棒”按鈕，即可進(jìn)入魔術(shù)棒模式。也可先單擊“魔術(shù)棒設(shè)置”按鈕，打開“魔術(shù)棒設(shè)置”對話框進(jìn)行設(shè)置。

參數(shù)含義如下：

閾值：定義了選取范圍內(nèi)的顏色與單擊處像素顏色的相近程度。閾值越大，選取范圍就越大。該選項(xiàng)的范圍為0~200之間。

平滑：定義了選取邊緣的平滑程度。該下拉列表框有4個(gè)選項(xiàng)，分別是像素、粗略、正常和平滑，這4個(gè)選項(xiàng)是對閾值的進(jìn)一步補(bǔ)充。

（2）自由選取對象：選擇套索工具，在工作區(qū)內(nèi)拖動(dòng)鼠標(biāo)，會(huì)沿鼠標(biāo)運(yùn)動(dòng)軌跡出現(xiàn)一條不規(guī)則的黑線，黑線所包圍的部分被選中。

（3）多邊形模式：選擇套索工具，在選項(xiàng)區(qū)單擊“多邊形模式”按鈕，然后在舞臺(tái)上單擊鼠標(biāo)作為創(chuàng)建選區(qū)的起點(diǎn)，再把鼠標(biāo)移動(dòng)到下一個(gè)位置單擊鼠標(biāo)，繼續(xù)重復(fù)操作。雙擊鼠標(biāo)即可閉合選擇區(qū)域。通過這種方法可以創(chuàng)建一個(gè)多邊形區(qū)域。

3．部分選取工具

部分選取工具是修改和調(diào)整路徑非常有效的工具。只要用部分選取工具單擊線條或圖形輪廓，就可以定義線條或圖形的錨點(diǎn)。通過拖動(dòng)錨點(diǎn)即可對線條或圖形進(jìn)行編輯。

4．任意變形工具

任意變形工具可以方便地對圖形、組、實(shí)例或文本塊等對象進(jìn)行調(diào)整，如移動(dòng)、旋轉(zhuǎn)、縮放和扭曲等。使用任意變形工具選中一個(gè)或多個(gè)對象后，在選中對象的周圍會(huì)顯示出控制線和控制點(diǎn)。將鼠標(biāo)移動(dòng)到這些控制線和控制點(diǎn)上時(shí)，鼠標(biāo)的指針發(fā)生變化，指明哪種變形功能可用。

各選項(xiàng)含義如下：

封套：封套選項(xiàng)的功能有點(diǎn)兒類似于部分選取工具，此選項(xiàng)允許使用切線調(diào)整曲線。

旋轉(zhuǎn)與傾斜：對選中的對象進(jìn)行旋轉(zhuǎn)或傾斜操作。

縮放：對選中的對象進(jìn)行成比例或不成比例的放大或縮小。

扭曲：拖動(dòng)選中對象四周的控制點(diǎn)可實(shí)現(xiàn)扭曲調(diào)整。若按住Shift鍵拖動(dòng)可以進(jìn)行對稱調(diào)整，即在對象的一個(gè)方向上進(jìn)行調(diào)整時(shí)，反方向也會(huì)自動(dòng)調(diào)整。

五、調(diào)整繪圖環(huán)境

Flash提供了標(biāo)尺、輔助線和網(wǎng)絡(luò)，它們對精確調(diào)整對象的位置非常有用。

1．標(biāo)尺的使用

畫圖時(shí)經(jīng)常要用直尺量一下圖像的位置，看看構(gòu)圖是否合理。Flash中的標(biāo)尺就類似于直尺，它可以用來精確測量圖像的位置和大小。

（1）顯示標(biāo)尺：

在默認(rèn)情況下，標(biāo)尺沒有打開。可選擇“視圖”菜單下的“標(biāo)尺”命令打開標(biāo)尺。打開的標(biāo)尺出現(xiàn)在工作區(qū)的左側(cè)和頂部。再次選擇“視圖”菜單下的“標(biāo)尺”命令，將隱藏標(biāo)尺。

（2）修改標(biāo)尺度量單位：

默認(rèn)情況下，標(biāo)尺使用的度量單位是像素。如果要修改標(biāo)尺單位，選擇“修改”菜單下的“文檔”命令，彈出“文檔屬性”對話框，從“標(biāo)尺單位”下拉列表中選擇所需的單位，單擊“確定”按鈕即可。如圖2-1-21所示：

2．輔助線的使用

顯示了標(biāo)尺后，可以將水平和垂直輔助線從標(biāo)尺拖動(dòng)到舞臺(tái)上，以便更好地進(jìn)行創(chuàng)作。

（1）添加輔助線：顯示標(biāo)尺后，將光標(biāo)移動(dòng)到頂部的標(biāo)尺上，按住鼠標(biāo)左鍵，拖動(dòng)鼠標(biāo)到舞臺(tái)后松開，舞臺(tái)上會(huì)出現(xiàn)一條橫向的輔助線。按照同樣的方法，從左側(cè)向右拖動(dòng)鼠標(biāo)，可以添加縱向的輔助線。

（2）設(shè)置輔助線首選參數(shù)：要設(shè)置輔助線的首選參數(shù)，可選擇“視圖”菜單“輔助線”選項(xiàng)下的“編輯輔助線”命令，打開“輔助線”對話框，然后執(zhí)行以下操作：

①修改輔助線的顏色：單擊顏色框可修改輔助線的顏色。

②顯示輔助線：選擇或取消選擇“顯示輔助線”復(fù)選框，可以顯示或隱藏輔助線。

③對齊輔助線：選擇或取消選擇“對齊輔助線”復(fù)選框，可以打開或關(guān)閉對齊輔助線。

④鎖定輔助線：選擇或取消選擇“鎖定輔助線”復(fù)選框，可以鎖定或解鎖輔助線。

⑤對齊精確度：可從“對齊精確度”下拉列表中選擇對齊方式，來修改對齊精確度。

⑥全部清除：單擊“全部清除”按鈕將刪除所有的輔助線。

（3）設(shè)置輔助線：利用菜單命令可對輔助線做如下設(shè)置：

①顯示輔助線：如果已經(jīng)添加了輔助線，選擇“視圖”菜單“輔助線”選項(xiàng)下的“顯示輔助線”命令將隱藏輔助線，再次選擇該命令可以重新顯示輔助線。

②刪除輔助線：在輔助線處于解鎖狀態(tài)時(shí)，使用選擇工具將輔助線拖到水平或垂直標(biāo)尺上，或者選擇“視圖”菜單“輔助線”選項(xiàng)下的“清除引導(dǎo)線”命令，即可刪除輔助線。

③對齊輔助線：選擇“視圖”菜單“輔助線”選項(xiàng)下的“對齊輔助線”命令，將對齊輔助線，如果再次選擇將取消對齊。

④鎖定輔助線：選擇“視圖”菜單“輔助線”選項(xiàng)下的“鎖定輔助線”命令，將鎖定輔助線，如果再次選擇將取消鎖定。

3．網(wǎng)格工具的使用

使用網(wǎng)格工具可以使對象方便地在工作區(qū)中定位。可以將對象與網(wǎng)格對齊，也可以修改網(wǎng)格大小和網(wǎng)格線顏色。

（1）顯示網(wǎng)格：

默認(rèn)情況下網(wǎng)格是不顯示的。選擇“視圖”菜單“網(wǎng)格”選項(xiàng)下的“顯示網(wǎng)格”命令，舞臺(tái)上將出現(xiàn)灰色的小方格，默認(rèn)大小為18×18像素。需要說明的是，網(wǎng)格不是圖像，只是方便繪圖的一種工具。

（2）設(shè)置網(wǎng)格參數(shù)：

選擇“視圖”菜單“網(wǎng)格”選項(xiàng)下的“編輯網(wǎng)格”命令，打開“網(wǎng)格”對話框。在“網(wǎng)格”對話框中，可以設(shè)置網(wǎng)格的顏色、大小及對齊等參數(shù)。

①修改顏色：默認(rèn)的網(wǎng)格顏色是灰色。如果需要修改網(wǎng)格顏色，可單擊顏色框，然后從調(diào)色板中選擇一種顏色。

②顯示網(wǎng)格：選擇或取消選擇復(fù)選框，可以顯示或隱藏網(wǎng)格。

③對齊網(wǎng)格：選擇或取消選擇復(fù)選框，可以打開或關(guān)閉對齊網(wǎng)格線。

④設(shè)置網(wǎng)格大小：在水平和垂直箭頭右側(cè)的文本框中輸入數(shù)值，可改變網(wǎng)格小。

⑤對齊精確度：在對應(yīng)下拉列表中選擇不同的選項(xiàng)，將決定網(wǎng)格的對齊精確度。

⑥保存默認(rèn)值：單擊“保存默認(rèn)值”按鈕，可將當(dāng)前設(shè)置保存為默認(rèn)值。

六、圖形編輯

1．移動(dòng)、復(fù)制、刪除對象

（1）移動(dòng)對象。選擇對象后可以通過以下方法完成移動(dòng)對象的操作：

方法1：用選擇工具拖動(dòng)來移動(dòng)對象。

方法2：用鍵盤上的方向鍵移動(dòng)對象。

方法3：使用“信息”面板移動(dòng)對象。

方法4：用“屬性”面板移動(dòng)對象。

方法5：通過菜單命令移動(dòng)對象。

（2）復(fù)制對象。選擇對象后可以通過以下方法完成復(fù)制對象的操作：

方法1：使用選擇工具復(fù)制對象。

方法2：通過菜單命令復(fù)制對象。

（3）刪除對象。選擇一個(gè)或多個(gè)對象，通過以下方法可以刪除選中的對象：

方法1：按下Delete鍵或Backspace鍵。

方法2：選擇“編輯”菜單下的“清除”命令。

方法3：選擇“編輯”菜單下的“剪切”命令。

方法4：右擊該對象，然后從快捷菜單中選擇“剪切”命令。

2．對象的組合和解組

（1）對象的組合：選中要組合的多個(gè)對象，選擇“修改”菜單下的“組合”命令，或者按下快捷鍵Ctrl+G，將多個(gè)對象組合在一起。

（2）對象的解組：選中要取消的組合，選擇“修改”菜單下的“取消組合”命令，或者按下快捷鍵Ctrl+Shift+G。

（3）編輯組或組中的對象：選中組對象，選擇“編輯”菜單下的“編輯所選項(xiàng)目”命令，進(jìn)入該組的編輯狀態(tài)。編輯完成后，選擇“編輯”菜單下的“全部編輯”命令，或者單擊“時(shí)間軸”頂部的“場景1”，回到原文檔編輯狀態(tài)。

3．對象的翻轉(zhuǎn)、對齊與疊放

（1）對象的翻轉(zhuǎn)：對象的翻轉(zhuǎn)是比較常用的修改方式，主要包括水平翻轉(zhuǎn)和垂直翻轉(zhuǎn)兩種。選中對象后，選擇“修改”菜單“變形”選項(xiàng)下的“垂直翻轉(zhuǎn)”命令，選中的對象會(huì)發(fā)生垂直翻轉(zhuǎn)；選擇“修改”菜單“變形”選項(xiàng)下的“水平翻轉(zhuǎn)”命令，選中的對象會(huì)發(fā)生水平翻轉(zhuǎn)。

（2）對象的對齊：Flash繪圖中常會(huì)有對齊多個(gè)對象的需要，使用“對齊”面板能沿水平方向或垂直方向?qū)R選定的對象。方法：選擇多個(gè)對象，選擇“窗口”菜單“設(shè)計(jì)面板”選項(xiàng)下的“對齊”命令，在打開的“對齊”面板中選擇某種對齊方式。

（3）對象的疊放：在Flash中創(chuàng)建的多個(gè)對象往往相互重疊在一起，下列操作可以調(diào)整它們的疊放順序：

①移至頂層（快捷鍵Ctrl+Shift+Up）：上移到頂層。

②上移一層（快捷鍵Ctrl+Up）：向上移一層。

③下移一層（快捷鍵Ctrl+Down）：向下移一層。

④移至底層（快捷鍵Ctrl+Shift+Down）：下移到底層。

4．線條與填充的處理技巧

（1）將線條轉(zhuǎn)換為填充：此功能可將線條轉(zhuǎn)換為填充，從而可以使用漸變來填充線條。

（2）填充的擴(kuò)展：選擇“修改”菜單“形狀”選項(xiàng)下的“擴(kuò)展填充”命令，彈出“擴(kuò)展填充”對話框，從而可進(jìn)行填充的擴(kuò)展。

（3）填充的柔化：選中填充形狀，選擇“修改”菜單“形狀”選項(xiàng)下的“柔化填充邊緣”命令，彈出“柔化填充邊緣”對話框。各選項(xiàng)的含義如下：

①距離：柔化后的邊緣與原始形狀邊緣的距離，以像素為單位。

②步驟數(shù)：控制用于柔邊效果的曲線數(shù)。數(shù)值越大，效果就越平滑。

③擴(kuò)展：向外柔化，使形狀擴(kuò)大。

④插入：向內(nèi)柔化，使形狀縮小。

思考與練習(xí)

請你借助工具箱中的各種工具，自己設(shè)計(jì)繪制一座小房子。