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

第1課 矢量圖形繪制

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

一、位圖和矢量圖

在計算機繪圖領域中，根據成圖原理和繪制方法的不同，圖像被分為位圖和矢量圖兩種類型。

1．位圖

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

2．矢量圖

矢量圖是由一個個單獨的點構成的，每一個點都有其各自的屬性，如位置、顏色等。編輯矢量圖，實際上就是修改描述圖形的形態和顏色的屬性。矢量圖與分辨率無關，所以無論怎樣放大都不會影響畫質，能一直保持其原有的清晰度，而且生成的文件尺寸相對較小。

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

在這一章里，我們將通過對Flash基本繪圖工具的學習，繪制一些簡單的矢量圖。另外，Flash也具備一定的位圖處理能力。雖然比不上專業的位圖處理軟件，但是對于制作動畫過程中需要對位圖進行的一些簡單處理，它還是能夠勝任的。

二、繪圖工具箱

Flash提供了多種工具，用來繪制自由形狀或準確的線條、形狀和路徑，并可用來對對象進行上色。圖2-1-3所示是Flash的繪圖工具箱。工具箱通過標簽分為工具區、查看區、顏色區和選項區4個區域。

三、基本繪圖和著色工具

1．線條的繪制與處理

線條工具是Flash中最簡單的工具，專門用于繪制各種不同方向的矢量線段?，F在我們就來畫一條線段。用鼠標單擊線條工具移動鼠標到舞臺上，按住鼠標并拖動，松開鼠標，一條線條就畫好了。

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

在“屬性”面板中單擊“筆觸顏色”按鈕，會彈出一個調色板，此時鼠標變成滴管狀?？梢杂檬髽酥苯舆x取顏色或者在文本框里輸入顏色的16進制數值選取顏色。16進制數值以#開頭，如：#FFFFFF。如圖2-1-4所示：

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

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

多試試改變線條的各項參數，會對繪圖能力的提高有很大幫助。

如果你需要更改線條的方向和長短，可以用選擇工具來實現。

選擇工具的作用是選擇對象、移動對象、改變線條或對象輪廓的形狀。在工具箱中選取選擇工具，然后移動鼠標指針到直線的端點處，指針右下角變成直角狀，這時拖動鼠標可以改變線條的方向和長短。如圖2-1-7所示：

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

2．橢圓工具

橢圓工具可以用來繪制圓（按住Shift鍵）和橢圓。選擇橢圓工具，在舞臺上拖動鼠標，確定橢圓的大小后釋放鼠標，規定長度、寬度的橢圓就顯示在舞臺上。我們還可以通過橢圓工具對應的“屬性”面板設置橢圓的邊框屬性以及填充顏色。

3．矩形工具

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

4．多角星形工具

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

5．鉛筆工具

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

6．刷子工具

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

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

（1）標準繪畫：新繪制的線條覆蓋同一層中原有的矢量圖形，但不會影響對象或群組。

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

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

（4）顏料選擇：只能在選擇區域內繪圖。

（5）內部繪畫：可分為兩種情況。一種情況是刷子起點位于圖形之外的空白區域，在經過圖形時，從其背后穿過；另一種情況是刷子的起點位于圖形的內部，只能在圖形的內部繪制圖形。

7．橡皮擦工具

使用橡皮擦工具可以快速擦除舞臺中的內容。選擇橡皮擦工具，在選項區出現3個選項：5種擦除模式、水龍頭、設置橡皮擦的形狀和大小。

（1）5種擦除模式：

①標準擦除：系統默認模式。選擇該模式后，鼠標變成橡皮擦的形狀，可以擦除矢量圖形、線條、分離的位圖和文字。

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

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

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

⑤內部擦除：只擦除橡皮擦光標起點區域的填充色塊，如果從空白區域開始擦除，不會擦除任何內容。

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

（3）設置橡皮擦的形狀和大?。合鹌げ撂蠡蛱《疾环奖悴脸龑ο?，需要調整橡皮擦的形狀和大小。單擊“橡皮擦形狀”下拉列表按鈕，在其中選擇一種形狀，也可在選擇形狀的同時選擇合適的大小。

四、選擇和調整工具

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

1．選擇工具

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

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

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

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

③選擇多個對象：可以按住鼠標左鍵拖動鼠標，用拖曳的矩形線框來選擇多個對象；選擇某一對象后，按住Shift鍵單擊其他對象，也可以選擇多個對象。

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

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

2．套索工具

套索工具主要用于創建不規則的選區。需要注意的是，如果要選取的對象是組、實例或文字，只有當對象完全位于選區范圍之內時才會被選?。蝗绻x取對象的一部分，必須先分離對象。選擇套索工具，在對應的選項區出現3個選項。如圖2-1-8所示：

（1）多邊形模式：可以創建多邊形形狀的區域。

（2）魔術棒：在分離位圖上選取顏色相近的區域。

（3）魔術棒設置：設置選區范圍內鄰近像素顏色的相近程度和選區邊緣的平滑程度。

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

（1）使用套索工具對應的魔術棒：選擇套索工具，在選項區單擊“魔術棒”按鈕，即可進入魔術棒模式。也可先單擊“魔術棒設置”按鈕，打開“魔術棒設置”對話框進行設置。

參數含義如下：

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

平滑：定義了選取邊緣的平滑程度。該下拉列表框有4個選項，分別是像素、粗略、正常和平滑，這4個選項是對閾值的進一步補充。

（2）自由選取對象：選擇套索工具，在工作區內拖動鼠標，會沿鼠標運動軌跡出現一條不規則的黑線，黑線所包圍的部分被選中。

（3）多邊形模式：選擇套索工具，在選項區單擊“多邊形模式”按鈕，然后在舞臺上單擊鼠標作為創建選區的起點，再把鼠標移動到下一個位置單擊鼠標，繼續重復操作。雙擊鼠標即可閉合選擇區域。通過這種方法可以創建一個多邊形區域。

3．部分選取工具

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

4．任意變形工具

任意變形工具可以方便地對圖形、組、實例或文本塊等對象進行調整，如移動、旋轉、縮放和扭曲等。使用任意變形工具選中一個或多個對象后，在選中對象的周圍會顯示出控制線和控制點。將鼠標移動到這些控制線和控制點上時，鼠標的指針發生變化，指明哪種變形功能可用。

各選項含義如下：

封套：封套選項的功能有點兒類似于部分選取工具，此選項允許使用切線調整曲線。

旋轉與傾斜：對選中的對象進行旋轉或傾斜操作。

縮放：對選中的對象進行成比例或不成比例的放大或縮小。

扭曲：拖動選中對象四周的控制點可實現扭曲調整。若按住Shift鍵拖動可以進行對稱調整，即在對象的一個方向上進行調整時，反方向也會自動調整。

五、調整繪圖環境

Flash提供了標尺、輔助線和網絡，它們對精確調整對象的位置非常有用。

1．標尺的使用

畫圖時經常要用直尺量一下圖像的位置，看看構圖是否合理。Flash中的標尺就類似于直尺，它可以用來精確測量圖像的位置和大小。

（1）顯示標尺：

在默認情況下，標尺沒有打開。可選擇“視圖”菜單下的“標尺”命令打開標尺。打開的標尺出現在工作區的左側和頂部。再次選擇“視圖”菜單下的“標尺”命令，將隱藏標尺。

（2）修改標尺度量單位：

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

2．輔助線的使用

顯示了標尺后，可以將水平和垂直輔助線從標尺拖動到舞臺上，以便更好地進行創作。

（1）添加輔助線：顯示標尺后，將光標移動到頂部的標尺上，按住鼠標左鍵，拖動鼠標到舞臺后松開，舞臺上會出現一條橫向的輔助線。按照同樣的方法，從左側向右拖動鼠標，可以添加縱向的輔助線。

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

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

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

③對齊輔助線：選擇或取消選擇“對齊輔助線”復選框，可以打開或關閉對齊輔助線。

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

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

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

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

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

②刪除輔助線：在輔助線處于解鎖狀態時，使用選擇工具將輔助線拖到水平或垂直標尺上，或者選擇“視圖”菜單“輔助線”選項下的“清除引導線”命令，即可刪除輔助線。

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

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

3．網格工具的使用

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

（1）顯示網格：

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

（2）設置網格參數：

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

①修改顏色：默認的網格顏色是灰色。如果需要修改網格顏色，可單擊顏色框，然后從調色板中選擇一種顏色。

②顯示網格：選擇或取消選擇復選框，可以顯示或隱藏網格。

③對齊網格：選擇或取消選擇復選框，可以打開或關閉對齊網格線。

④設置網格大?。涸谒胶痛怪奔^右側的文本框中輸入數值，可改變網格小。

⑤對齊精確度：在對應下拉列表中選擇不同的選項，將決定網格的對齊精確度。

⑥保存默認值：單擊“保存默認值”按鈕，可將當前設置保存為默認值。

六、圖形編輯

1．移動、復制、刪除對象

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

方法1：用選擇工具拖動來移動對象。

方法2：用鍵盤上的方向鍵移動對象。

方法3：使用“信息”面板移動對象。

方法4：用“屬性”面板移動對象。

方法5：通過菜單命令移動對象。

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

方法1：使用選擇工具復制對象。

方法2：通過菜單命令復制對象。

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

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

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

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

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

2．對象的組合和解組

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

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

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

3．對象的翻轉、對齊與疊放

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

（2）對象的對齊：Flash繪圖中常會有對齊多個對象的需要，使用“對齊”面板能沿水平方向或垂直方向對齊選定的對象。方法：選擇多個對象，選擇“窗口”菜單“設計面板”選項下的“對齊”命令，在打開的“對齊”面板中選擇某種對齊方式。

（3）對象的疊放：在Flash中創建的多個對象往往相互重疊在一起，下列操作可以調整它們的疊放順序：

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

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

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

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

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

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

（2）填充的擴展：選擇“修改”菜單“形狀”選項下的“擴展填充”命令，彈出“擴展填充”對話框，從而可進行填充的擴展。

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

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

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

③擴展：向外柔化，使形狀擴大。

④插入：向內柔化，使形狀縮小。

思考與練習

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