第2章 矢量圖形繪制

2.1 繪圖和著色工具

繪圖和著色工具是整個(gè)工具箱的精華部分，F(xiàn)lash的繪圖工作大部分是通過這些工具來實(shí)現(xiàn)的。

2.1.1 線條工具

線條工具是繪制各種直線最常用的工具，它的使用非常廣泛。首先嘗試?yán)L制一條直線。用鼠標(biāo)單擊“線條工具” ，移動(dòng)鼠標(biāo)到舞臺(tái)上，按住鼠標(biāo)并拖動(dòng)，松開鼠標(biāo)，一條直線就畫好了。

用“線條工具” 能畫出許多風(fēng)格各異的線條來。打開“屬性”面板，在其中可以定義直線的顏色、粗細(xì)和樣式，如圖2-1所示。

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

圖2-1 直線“屬性”面板

圖2-2 “筆觸調(diào)色板”面板

現(xiàn)在來畫出各種不同的直線。單擊“屬性”面板中的“編輯筆觸樣式”按鈕，會(huì)彈出一個(gè)“筆觸樣式”對(duì)話框，選擇不同的線形可以有不同的屬性設(shè)置，如圖2-3所示設(shè)置斑馬線參數(shù)。

其中的參數(shù)需要通過不同的參數(shù)設(shè)置觀察結(jié)果來作出判斷。為了方便觀察，可把“粗細(xì)”設(shè)置為3像素，在“類型”中選擇不同的線型和顏色，設(shè)置完成后單擊“確定”按鈕，來看看設(shè)置不同筆觸樣式后畫出的線條，如圖2-4所示。

圖2-3 “筆觸樣式”對(duì)話框

圖2-4 不同類型的線條

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

2.1.2 鉛筆工具

“鉛筆工具” 主要用于繪制線條和圖形，“鉛筆工具”的顏色、粗細(xì)、樣式定義和“線條工具”一樣，它的修正選項(xiàng)可以繪制不同風(fēng)格的曲線，也可以用于校正和識(shí)別基本的幾何圖形。“鉛筆工具”的繪圖模式有3種，單擊“鉛筆模式”按鈕，如圖2-5所示。

圖2-5 鉛筆模式

●伸直模式：在伸直模式下畫的線條，它可以將分離的直線自動(dòng)連接、線條變直、歪曲的直線變平滑。

●平滑模式：把線條轉(zhuǎn)換成接近形狀的平滑曲線，此外一條端點(diǎn)靠近其他線條的線將相互連接。

●墨水模式：不加修飾，完全保持鼠標(biāo)軌跡的形狀。

“鉛筆工具”的使用很簡單，大家自己隨意練習(xí)。畫好的線條還可以修正。首先選中繪制好的線條，然后單擊要修正的選項(xiàng)，單擊一次修正一次。

2.1.3 橢圓工具

“橢圓工具” 可以繪制橢圓、圓、扇形、圓環(huán)等基本圖形。在繪圖工具箱中選擇“橢圓工具”后，在“屬性”面板中可以設(shè)置橢圓的筆觸顏色、筆觸高度、筆觸樣式、填充顏色、起始角度、結(jié)束角度、內(nèi)徑等屬性，如圖2-6所示，設(shè)置參數(shù)后繪制橢圓如圖2-7所示。

根據(jù)需要，將“橢圓工具”的屬性設(shè)置完成后，在舞臺(tái)上拖動(dòng)鼠標(biāo)即可繪制出需要的圖形。繪制的各種圖形如圖2-8所示。

如果想精確繪制橢圓形，可以選擇“橢圓工具”后，按下＜Alt＞鍵在舞臺(tái)上單擊，彈出“橢圓設(shè)置”對(duì)話框，如圖2-9所示，在其中可以以像素為單位精確設(shè)置橢圓的寬、高的數(shù)值。

在繪制橢圓時(shí)，如果按下＜Shift＞鍵拖動(dòng)鼠標(biāo)，則可以繪制出圓形。

“基本橢圓工具”與“橢圓工具”的使用方法相似，這里不再贅述。

圖2-6 “橢圓工具”“屬性”面板

圖2-7 繪制的橢圓效果

圖2-8 “橢圓工具”繪制的各類圖形

圖2-9 “橢圓設(shè)置”對(duì)話框

2.1.4 矩形工具

“矩形工具” 可以繪制矩形、圓角矩形、正方形這些基本圖形。“矩形工具”有一個(gè)修正選項(xiàng)，它叫圓角矩形半徑，通過這個(gè)選項(xiàng)可以繪制圓角矩形。“矩形工具”中“圓角矩形”的角度可以這樣設(shè)定：選擇“矩形工具”后，單擊“屬性”面板中的“矩形選項(xiàng)”，可以設(shè)置圓角半徑為10像素（可以輸入0～999的數(shù)值），使矩形的邊角呈圓弧狀，如圖2-10所示，繪制的矩形如圖2-11所示。如果數(shù)值為0，則創(chuàng)建的是方角。

圖2-10 “屬性”面板中的“矩形選項(xiàng)”

圖2-11 繪制的圓角矩形

也可以在場(chǎng)景中拖動(dòng)“矩形工具”時(shí)按住鍵盤上的上下方向鍵，以調(diào)整圓角半徑。

2.1.5 多角星形工具

“多角星形工具” 是一個(gè)復(fù)合工具，可以利用它繪制規(guī)則的多邊形和星形。選擇“多角星形工具”后，在“屬性”面板中可以設(shè)置多邊形或星形的筆觸顏色、筆觸高度、筆觸樣式、填充顏色等屬性。單擊“屬性”面板中的“選項(xiàng)”按鈕會(huì)彈出一個(gè)對(duì)話框，如圖2-12所示。

用戶可以設(shè)置多邊形的邊數(shù)，多角星形的邊數(shù)和星形頂點(diǎn)大小，其中數(shù)值越小星形的角越尖。使用“多角星形工具” 繪制的不同形狀如圖2-13所示。

圖2-12 “工具設(shè)置”對(duì)話框

圖2-13 “多角星形工具”繪制的圖形

2.1.6 刷子工具

“刷子工具” 的繪制效果和日常生活中使用的刷子類似，它可以繪制出像刷子一樣的線條和填充閉合的區(qū)域。與“鉛筆工具”繪制的單一實(shí)線不同的是，“刷子工具”繪制的是輪廓粗細(xì)為0的填充圖形。使用“刷子工具” 繪制直線的填充顏色可以是單一顏色，也可以是漸變顏色或位圖。

“刷子工具” 包含5個(gè)修正選項(xiàng)，它們分別是對(duì)象繪制、鎖定填充、刷子模式、刷子尺寸、刷子形狀。按住刷子模式下的小三角，可以看到里邊有5種選擇，如圖2-14所示。

●標(biāo)準(zhǔn)繪畫：使用常規(guī)噴涂模式繪制的結(jié)果在任何線條填充區(qū)域之上。

●顏料填充：畫出的線條覆蓋填充物，但原有的線條并沒有被覆蓋掉，它只影響了填色的內(nèi)容，不會(huì)遮蓋住線條。

圖2-14 “刷子工具”的筆刷模式

●后面繪畫：繪制的結(jié)果只能作用于空白的工作區(qū)，所有的填充物、線條和其他項(xiàng)目都不被覆蓋，不會(huì)影響前景圖像。

●顏料選擇：繪制的線條只能作用于選定的填充區(qū)域，首先用“箭頭工具”選中圓形的填充區(qū)域，然后使用“筆刷工具”的顏料選擇模式繪制線條，結(jié)果只要“箭頭工具”選中的部分被覆蓋。

●內(nèi)部繪畫：繪制的結(jié)果取決于開始繪制的位置，它只能作用于線條開始繪制的單一填充區(qū)域，如果畫筆的起點(diǎn)是在輪廓線以內(nèi)，那么畫筆的范圍也只作用在輪廓線以內(nèi)。

2.1.7 滴管工具

“滴管工具” 可以從各種存在的對(duì)象，如鉛筆繪制的線條、筆刷繪制的線條或各種填充的圖形中獲得顏色和類型的信息。當(dāng)?shù)喂芙?jīng)過線條或填充區(qū)域時(shí)，它的指針會(huì)發(fā)生變化。

當(dāng)指針經(jīng)過線條時(shí)，在滴管圖標(biāo)的下方會(huì)出現(xiàn)空心正方形 。

當(dāng)指針經(jīng)過填充區(qū)域時(shí)，在滴管圖標(biāo)的下方會(huì)出現(xiàn)實(shí)心正方形 。

當(dāng)指針經(jīng)過線條或填充區(qū)域時(shí)，并同時(shí)按下＜Shift＞鍵，在滴管圖標(biāo)的下方會(huì)出現(xiàn)一個(gè)倒置的“U”形，在這種模式下，“滴管工具”可以同時(shí)改變各種工具的填充和邊框顏色。

“滴管工具”除了可以獲得已有對(duì)象的顏色和類型信息外，在單擊不同對(duì)象以后，還會(huì)自動(dòng)轉(zhuǎn)換為其他工具。當(dāng)單擊的對(duì)象是線條時(shí)，“滴管工具”會(huì)自動(dòng)轉(zhuǎn)換為“墨水瓶工具”，這樣可以將獲得的直線屬性應(yīng)用到其他直線。當(dāng)單擊的是填充區(qū)域時(shí)，“滴管工具”會(huì)自動(dòng)轉(zhuǎn)換為“顏料桶工具”，這樣可以將獲得的填充區(qū)域?qū)傩詰?yīng)用到其他填充區(qū)域。如果“滴管工具”獲取的填充物是位圖，那么“滴管工具”在轉(zhuǎn)換為“顏料桶工具”的同時(shí)，位圖的縮略圖會(huì)替代填充物的顏色。

2.1.8 顏料桶工具

“顏料桶工具” 用來填充顏色、漸變色以及位圖到封閉的區(qū)域。“顏料桶工具”經(jīng)常會(huì)和“滴管工具”配合使用。

“顏料桶工具”有兩個(gè)修正選項(xiàng)，它們分別是“間隙大小”和“鎖定填充”。“顏料桶工具”的“鎖定工具”和“筆刷工具”的“鎖定填充”基本類似。只不過“筆刷工具”需要一筆一筆地畫滿整個(gè)填充區(qū)域，而“顏料桶工具”可以一次性填滿。“間隙大小”帶有4個(gè)命令，這些允許誤差的設(shè)置使得圖形在沒有完全封閉的情況下也可以填充輪廓線圍著的區(qū)域。如果缺口太大，那只能人工閉合后才能填上。

2.1.9 “顏色”面板

一般在打開的Flash中，單擊“顏色”圖標(biāo)按鈕 后，“顏色”面板就出現(xiàn)在整個(gè)窗口的最右邊。也可以執(zhí)行“窗口”→“顏色”命令調(diào)出“顏色”面板，如圖2-15所示。

圖2-15 “顏色”面板

顏色填充有純色、線性漸變、徑向漸變和位圖填充。線性和放射狀填充通過增減顏色滑塊可以做出顏色漸變的效果。色塊的增加只要把鼠標(biāo)放在漸變顏色條上，鼠標(biāo)形狀變成 時(shí)單擊就可以增加，最多可以增加到16個(gè)。如果想去掉只要用鼠標(biāo)將色塊拖離即可，注意色塊最少有兩個(gè)。顏色漸變速度的快慢由色塊之間的距離決定，因此可以拖動(dòng)色塊之間的距離來改變漸變的效果。

如果選擇位圖填充，則需要事先導(dǎo)入一幅圖片到庫中，則“顏色”面板的外觀如圖2-16所示。這時(shí)選取“顏料桶工具”在封閉區(qū)域單擊就會(huì)填上許多圖片，如圖2-17所示。

圖2-16 “顏色”面板中的位圖填充

圖2-17 位圖填充效果

不過填充的圖片要想放大就需要選擇“漸變變形工具”單擊填充的位圖，然后拖動(dòng)其中的控制點(diǎn)將它放大或變形等。

2.1.10 橡皮擦工具

“橡皮擦工具” 主要用來擦除當(dāng)前繪制的內(nèi)容。它包含3個(gè)修正選項(xiàng)，它們分別為橡皮形狀、水龍頭模式、橡皮擦除模式。

橡皮擦除模式有以下6種可選模式：

●標(biāo)準(zhǔn)擦除：和普通橡皮一樣，可擦除它所經(jīng)過的線條和填充區(qū)域。

●擦除填充：只能擦除填充區(qū)域，不會(huì)擦除線條。

●擦除線條：只能擦除線條而不會(huì)影響填充區(qū)域。

●擦除所選填充：只能擦除“選擇工具”選中的填充區(qū)域，沒有選中的部分不受影響，線條也不受影響。

●內(nèi)部擦除：只能擦除鼠標(biāo)按下時(shí)所選中的區(qū)域，鼠標(biāo)只能從填充區(qū)域內(nèi)部開始而不能從外部開始，否則擦不掉。如果從已經(jīng)擦掉的空白區(qū)域開始擦也擦不掉。

●水龍頭模式：單擊可以刪除整條線段或填充區(qū)域。如果不選擇這個(gè)模式，那我們只能先選中對(duì)象再按＜Delete＞鍵刪除。而這個(gè)工具模式可以依次單擊輕松搞定。

2.1.11 漸變變形工具

“漸變變形工具” 用于調(diào)整漸變色、填充物和位圖填充物的尺寸、角度和中心點(diǎn)。使用該工具調(diào)整時(shí)，調(diào)整對(duì)象的周圍會(huì)出現(xiàn)一些手柄，填充物的內(nèi)容不同，顯示的手柄也不同。

調(diào)整填充漸變色中心點(diǎn)。當(dāng)鼠標(biāo)移到填充物的中心位置時(shí)，鼠標(biāo)會(huì)由 變?yōu)?img alt="978-7-111-56564-2-Chapter02-38.jpg" class="picinline" src="https://epubservercos.yuewen.com/D57C59/14087348603394506/epubprivate/OEBPS/Images/978-7-111-56564-2-Chapter02-38.jpg?sign=1754606921-7SBabJm084r3YOufuubS8nLFLuEyMMHj-0-dc9d28a133f53a439fa89f4bde9aa8be"> ，這時(shí)拖動(dòng)鼠標(biāo)可以調(diào)整填充物的漸變色中心位置。

旋轉(zhuǎn)填充漸變色。當(dāng)鼠標(biāo)移到填充物的一個(gè)控制點(diǎn)上時(shí)，指針會(huì)變成 ，這時(shí)可以旋轉(zhuǎn)填充物的漸變色。

扭曲或非對(duì)稱改變填充漸變色。當(dāng)鼠標(biāo)指針指向控制手柄變?yōu)?img alt="978-7-111-56564-2-Chapter02-40.jpg" class="picinline" src="https://epubservercos.yuewen.com/D57C59/14087348603394506/epubprivate/OEBPS/Images/978-7-111-56564-2-Chapter02-40.jpg?sign=1754606921-bsYA4JnKTXrGO3YwCzoB2wt7tDchIDTy-0-703b67129c4be5408faea62777830ac9"> 時(shí)，可以對(duì)填充物的漸變色進(jìn)行扭曲。

對(duì)稱調(diào)整填充漸變色。當(dāng)鼠標(biāo)指針指向控制手柄變?yōu)?img alt="978-7-111-56564-2-Chapter02-41.jpg" class="picinline" src="https://epubservercos.yuewen.com/D57C59/14087348603394506/epubprivate/OEBPS/Images/978-7-111-56564-2-Chapter02-41.jpg?sign=1754606921-cefC0SVR7FGSecN0dExfh8pO7smyQ7Jo-0-bdc658ab881afb6ad127a8fa46bf5058"> 時(shí)，可以同時(shí)改變水平和垂直方向填充物漸變色的填充范圍。

使用“漸變變形工具”，選擇圖2-17中的蝴蝶，填充的位圖變化如圖2-18所示。

圖2-18 “漸變變形工具”應(yīng)用

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

2.2.1 選擇工具

“選擇工具” 主要用于選擇對(duì)象、移動(dòng)對(duì)象和改變對(duì)象輪廓。

使用“選擇工具”選擇對(duì)象，在單擊線條或圖形以后，它們會(huì)顯示出網(wǎng)格，表示被選中。如果選中的是元件或組件，那么會(huì)出現(xiàn)一個(gè)細(xì)的彩色的邊框在選中對(duì)象的周圍，通常稱之為加亮顯示。加亮的顏色可以通過“編輯”→“首選參數(shù)”命令來進(jìn)行設(shè)置。

在使用單擊選擇對(duì)象時(shí)可以按住＜Shift＞鍵進(jìn)行多選。若希望某個(gè)被選定的對(duì)象解除選定也可以通過按＜Shift＞鍵進(jìn)行操作。如果雙擊對(duì)象可以把對(duì)象的線條以及顏色一起選中。

選擇工具除了單擊/雙擊選擇外還可以使用拖曳的方法，在所選擇的對(duì)象上拖出一個(gè)矩形，這樣矩形中的對(duì)象可以同時(shí)被選中。

按＜Esc＞鍵或者在工作區(qū)的任意空白位置單擊則可以取消選擇。

使用“選擇工具”修改直線。把鼠標(biāo)靠近直線，當(dāng)光標(biāo)變成一個(gè)箭頭下方帶有一段圓弧的時(shí)候，按住鼠標(biāo)向外拉，松開鼠標(biāo)后就變成了一段圓弧，如圖2-19所示。

圖2-19 使用“選擇工具”更改線條為弧線

a）將“選擇工具”放置線條上時(shí)的狀態(tài) b）拖動(dòng)“選擇工具”后的線條狀態(tài)

按住鼠標(biāo)向外拉的同時(shí)按住＜Ctrl＞鍵，光標(biāo)的右下方便成了一段直角折線。這時(shí)可以將直線拉出一個(gè)角，也即增加一個(gè)節(jié)點(diǎn)，如圖2-20所示。

將鼠標(biāo)放在直線的端點(diǎn)處，光標(biāo)變成一個(gè)箭頭下帶直角的形狀時(shí)，可以拖動(dòng)直線到指定的目標(biāo)位置，還可以將直線變長變短，如圖2-21所示。

圖2-20 使用“選擇工具”更改線條為折線

a）將“選擇工具”放置線條上時(shí)的狀態(tài) b）按住＜Ctrl＞鍵拖動(dòng)“選擇工具”后的線條狀態(tài)

圖2-21 使用“選擇工具”更改線條長短

a）將“選擇工具”放置線條上時(shí)的狀態(tài) b）拖動(dòng)鼠標(biāo)改變長短后的效果

2.2.2 部分選擇工具

“部分選擇工具” 有以下兩個(gè)用途：

1）移動(dòng)或編輯單個(gè)的錨點(diǎn)或切線，這是主要用途。

2）移動(dòng)單個(gè)對(duì)象。

“部分選擇工具”會(huì)因?yàn)槭髽?biāo)指針的位置和執(zhí)行的操作不同而顯示不同的形狀。

● ：在鼠標(biāo)指針經(jīng)過線條的非節(jié)點(diǎn)處時(shí)，會(huì)顯示該狀態(tài)，這時(shí)可以拖動(dòng)整個(gè)對(duì)象。

● ：在鼠標(biāo)經(jīng)過節(jié)點(diǎn)處時(shí)，顯示該狀態(tài)，這時(shí)可以移動(dòng)這個(gè)節(jié)點(diǎn)。

● ：在鼠標(biāo)移動(dòng)到切線手柄處時(shí)，顯示該狀態(tài)，這時(shí)可以拖動(dòng)切線手柄調(diào)節(jié)曲線的方向。

“部分選擇工具”是修改和調(diào)整路徑非常有效的工具。要想顯示鋼筆、鉛筆或刷子等工具繪制的線條或圖形輪廓上的節(jié)點(diǎn)，只要用該工具單擊線條或圖形輪廓即可，這樣就可以顯示所有節(jié)點(diǎn)。拖動(dòng)節(jié)點(diǎn)或切線手柄可以對(duì)線條或圖形進(jìn)行編輯。

“部分選擇工具”可以將轉(zhuǎn)角點(diǎn)轉(zhuǎn)換為錨點(diǎn)，用戶只要按住＜Alt＞鍵，然后單擊轉(zhuǎn)角點(diǎn)，這個(gè)轉(zhuǎn)角點(diǎn)就會(huì)轉(zhuǎn)換為錨點(diǎn)，從而可以調(diào)節(jié)切線手柄。

錨點(diǎn)、轉(zhuǎn)角點(diǎn)、節(jié)點(diǎn)都可以選中后按＜Del＞鍵把它刪除。

2.2.3 鋼筆工具

選擇“鋼筆工具” 在舞臺(tái)上連續(xù)單擊可以繪制出一系列的直線，每一次單擊都是一條直線的起點(diǎn)和終點(diǎn)。如果繪制曲線，單擊并拖動(dòng)即可，拖動(dòng)的長度和方向決定了曲線的形狀和寬度。

使用“鋼筆工具” 可以繪制出兩種類型的點(diǎn)：錨點(diǎn)和曲線點(diǎn)，兩者通稱為節(jié)點(diǎn)。

使用“鋼筆工具”時(shí)鼠標(biāo)指針會(huì)因?yàn)樗幍奈恢煤蛨?zhí)行的操作不同而顯示不同的狀態(tài)。

● ：這是沒有使用“鋼筆工具”進(jìn)行任何操作，并且鼠標(biāo)指針在工作區(qū)的空白處移動(dòng)時(shí)，鼠標(biāo)指針?biāo)@示的狀態(tài)。

● ：這是使用“鋼筆工具”在繪制線條的過程中所顯示的狀態(tài)。

● ：當(dāng)鼠標(biāo)在路徑上的非節(jié)點(diǎn)處移動(dòng)時(shí)，鼠標(biāo)指針會(huì)顯示出這種狀態(tài)，這表明用戶可以在該處添加節(jié)點(diǎn)。

● ：當(dāng)鼠標(biāo)停留在路徑的錨點(diǎn)上時(shí)，鼠標(biāo)指針顯示該狀態(tài)，這時(shí)如果單擊該錨點(diǎn)即可將其轉(zhuǎn)換拐點(diǎn)。

● ：當(dāng)鼠標(biāo)停留在路徑的拐點(diǎn)上時(shí)，鼠標(biāo)指針顯示該狀態(tài)，這表明可以單擊刪除該拐點(diǎn)。

在使用“鋼筆工具”繪制路徑時(shí)，如果鼠標(biāo)指針停在了某個(gè)節(jié)點(diǎn)上，鼠標(biāo)指針顯示該狀態(tài)。這時(shí)用戶可以單擊該點(diǎn)以結(jié)束當(dāng)前的繪制過程。

在鼠標(biāo)指針經(jīng)過繪制完成的路徑或線的非節(jié)點(diǎn)處的同時(shí)按下＜Ctrl＞鍵，鼠標(biāo)指針顯示該狀態(tài)，這時(shí)的“鋼筆工具”被臨時(shí)轉(zhuǎn)換成“選擇工具” 。

在鼠標(biāo)指針經(jīng)過繪制完成的路徑或線的節(jié)點(diǎn)處的同時(shí)按下＜Ctrl＞鍵，鼠標(biāo)指針顯示該狀態(tài)，這時(shí)的“鋼筆工具”被臨時(shí)轉(zhuǎn)換成“選擇工具” 。

如果要結(jié)束“鋼筆工具”的繪制可以有以下3種方法：①單擊工具箱上的“鋼筆工具”；②雙擊鼠標(biāo)；③按住＜Ctrl＞鍵在空白處單擊。

2.2.4 任意變形工具

“任意變形工具” 可以對(duì)線條、圖形、實(shí)例或文本對(duì)象做出調(diào)整。選擇“任意變形工具”后，選項(xiàng)標(biāo)簽有4個(gè)修正選項(xiàng)，它們分別是旋轉(zhuǎn)和傾斜 、縮放 、扭曲 、封套 。

使用“任意變形工具”選中對(duì)象后，在選中的對(duì)象周圍會(huì)出現(xiàn)控制線、8個(gè)控制點(diǎn)以及中間的中心控制點(diǎn)，將光標(biāo)移到這些控制線和控制點(diǎn)上，鼠標(biāo)的指針會(huì)發(fā)生變化。中心控制點(diǎn)的作用是縮放或旋轉(zhuǎn)對(duì)象時(shí)是以中心控制點(diǎn)為中心變形的，中心控制點(diǎn)的默認(rèn)位置是在中心，也可以通過鼠標(biāo)來移動(dòng)控制點(diǎn)的位置。繪制一個(gè)矩形框后，使用“任意變形工具”選擇矩形框，如圖2-22所示。

將鼠標(biāo)移到四角控制點(diǎn)的外側(cè)時(shí)，指針會(huì)變成 形狀，表示可以拖動(dòng)鼠標(biāo)旋轉(zhuǎn)對(duì)象。

將鼠標(biāo)移到四角控制點(diǎn)上時(shí)，指針會(huì)變成 或 形狀，表示可以對(duì)選中的對(duì)象進(jìn)行縮放，如果要等比例縮放則要按住＜Shift＞鍵。

將鼠標(biāo)移到四邊的控制點(diǎn)上時(shí)，指針會(huì)變成 或 形狀，表示可以調(diào)節(jié)對(duì)象的水平和垂直的尺寸。

將鼠標(biāo)移到四邊的控制線上時(shí)，指針會(huì)變成 或 形狀，表示可以將對(duì)象進(jìn)行傾斜調(diào)整。

選擇選項(xiàng)當(dāng)中的“扭曲”選項(xiàng)，拖曳控制點(diǎn)可以實(shí)現(xiàn)扭曲調(diào)整，如果在調(diào)整的同時(shí)按住＜Shift＞鍵可以實(shí)現(xiàn)對(duì)稱調(diào)整，即反方向也會(huì)被自動(dòng)調(diào)整。

“封套”選項(xiàng)可以使用切線調(diào)整曲線。其中的方點(diǎn)表示可以拖動(dòng)改變填充區(qū)域的范圍，圓點(diǎn)表示可以改變方點(diǎn)兩邊的切線即為切線手柄。

使用“封套”選項(xiàng)調(diào)整矩形框?yàn)轱h動(dòng)的紅旗效果如圖2-23所示。

圖2-22 任意變形工具選擇矩形后的效果

圖2-23 使用“封套”修改矩形的效果

2.2.5 套索工具

“套索工具” 是一種選取工具，主要用于處理位圖時(shí)。選擇“套索工具”后，會(huì)在“選項(xiàng)”中出現(xiàn)“魔術(shù)棒”“魔術(shù)棒屬性”和“多邊形模式”。

導(dǎo)入到場(chǎng)景中一幅圖片然后將其打散，選擇“套索工具”，在“選項(xiàng)”里單擊“多邊形模式”，根據(jù)需要單擊鼠標(biāo)，當(dāng)?shù)玫叫枰倪x擇區(qū)域時(shí)，雙擊鼠標(biāo)自動(dòng)封閉所選區(qū)域。

“魔術(shù)棒”用于對(duì)位圖的處理。如果要選取位圖中同一色彩，可以先設(shè)置魔術(shù)棒屬性。單擊“魔術(shù)棒屬性”按鈕，彈出“魔術(shù)棒設(shè)置”對(duì)話框，對(duì)于“閾值”，輸入一個(gè)1～200的值，用于定義所選區(qū)域內(nèi)相鄰像素達(dá)到的顏色接近程度，也即敏感度。數(shù)值越高，包含的顏色范圍越廣。如果輸入0，則只選擇與所單擊像素的顏色完全相同的像素。在“平滑”菜單中有4個(gè)選項(xiàng)，用于定義所選區(qū)域邊緣的平滑程度。

2.3 精彩實(shí)例1：卡通樹木的繪制

本例將使用“線條工具”繪制動(dòng)畫中的元素，目的是讓學(xué)習(xí)者掌握Flash繪圖工具中的“線條工具”“顏料桶工具”“選擇工具”的綜合應(yīng)用方法與特點(diǎn)。

1）打開Flash軟件，新建一個(gè)Flash文件，默認(rèn)大小，保存為“卡通樹木的繪制.fla”。

2）單擊工具箱中的“線條工具” ，將舞臺(tái)比例設(shè)置為200%。

提示：在繪制圖案的過程中最好將舞臺(tái)的比例設(shè)置得稍大一些，這樣方便進(jìn)行細(xì)致的繪制，當(dāng)繪制完成后，再縮放為100%進(jìn)行觀察。

3）在舞臺(tái)中線條的開始處單擊，然后再選擇另一個(gè)點(diǎn)單擊，繪制如圖2-24所示的線條。

4）繼續(xù)在舞臺(tái)中繪制，得到如圖2-25所示的直線組合形狀。

圖2-24 繪制線條

圖2-25 繪制樹木的外輪廓

5）選擇“選擇工具” ，對(duì)舞臺(tái)的線條進(jìn)行拖動(dòng)調(diào)整，將鼠標(biāo)放到線條的兩個(gè)點(diǎn)之間時(shí)鼠標(biāo)便會(huì)顯示一條弧線，按住鼠標(biāo)進(jìn)行拖動(dòng)可以將直線拖成弧線，如圖2-26所示。

6）用上述方法對(duì)舞臺(tái)的線條都進(jìn)行調(diào)整，接著將舞臺(tái)的線條全部選擇，然后在“屬性”面板中設(shè)置“筆觸顏色”為深綠色（#666600），效果如圖2-27所示。

圖2-26 調(diào)整弧線

圖2-27 全部調(diào)整弧線

7）使用“線條工具” 和“選擇工具” 相結(jié)合繪制樹木的根部，如圖2-28所示。

8）選擇“顏料桶工具” 為樹木填充出漂亮的顏色，如圖2-29所示。

圖2-28 樹木輪廓

圖2-29 填色后的整體效果

提示：填充線條輪廓需要確定線條區(qū)域是完全封閉的，否則無法進(jìn)行填充，可以使用“選擇工具” 將線條的點(diǎn)與點(diǎn)之間進(jìn)行連接達(dá)到密封的效果。

2.4 精彩實(shí)例2：場(chǎng)景的繪制

制作場(chǎng)景是通向動(dòng)畫制作的必經(jīng)學(xué)習(xí)之路，如果不能有條理、有層次地表現(xiàn)出動(dòng)畫的場(chǎng)景，就無法制作出生動(dòng)的動(dòng)畫。場(chǎng)景的具體繪制步驟如下：

1）打開Flash軟件，新建一個(gè)Flash文件，默認(rèn)大小，保存為“動(dòng)畫場(chǎng)景繪制.fla”。

2）設(shè)置動(dòng)畫的背景為藍(lán)色（#89C5FE），通過“鋼筆工具”和“選擇工具”的配合使用，在舞臺(tái)內(nèi)繪制出如圖2-30所示的線條輪廓。

3）使用“顏料桶工具”在輪廓中填充出不同的顏色區(qū)域，效果如圖2-31所示。

圖2-30 繪制輪廓

圖2-31 填色輪廓

4）使用“鋼筆工具” 繪制出云彩的輪廓線，在這里可以多繪制一條輪廓線，因?yàn)檫@樣可以填充出比較深的顏色作為陰影，從而使場(chǎng)景層次豐富，如圖2-32所示。

5）使用白色（#FFFFFF）填充云彩，并用藍(lán)色（#DDF9FF）填充云彩的陰影，如圖2-33所示。

圖2-32 云彩輪廓

圖2-33 填色云彩

6）刪除掉線條后的最終效果如圖2-34所示。

7）將實(shí)例1中的樹木添加到場(chǎng)景中，效果如圖2-35所示。

圖2-34 整體效果

圖2-35 最終效果

2.5 精彩實(shí)例3：動(dòng)畫的角色設(shè)計(jì)

本例通過制作一個(gè)動(dòng)畫角色的造型，系統(tǒng)地學(xué)習(xí)和應(yīng)用本章所用的各種工具。

1）打開Flash軟件，新建一個(gè)Flash文件，默認(rèn)大小，保存為“動(dòng)畫角色設(shè)計(jì).fla”。

2）單擊“鋼筆工具” ，然后在舞臺(tái)上單擊創(chuàng)建節(jié)點(diǎn)，將大致輪廓勾畫出來。然后使用“部分選擇工具” 對(duì)其進(jìn)行修改，如圖2-36所示，整體輪廓如圖2-37所示。

圖2-36 勾畫輪廓

圖2-37 整體輪廓

3）當(dāng)輪廓繪制完成后進(jìn)行顏色的填充處理，首先將角色的帽子填色，單擊工具箱中的“顏料桶工具”，選擇填充色為藍(lán)色，填充效果如圖2-38所示。

4）繪制角色的眼睛，采用與步驟3同樣的方法填充角色的臉部，效果如圖2-39所示。

圖2-38 帽子填色效果

圖2-39 臉部填色效果

5）使用上一步的方法對(duì)整個(gè)角色進(jìn)行填充。填充過程中配合使用“套索工具” 對(duì)其填充色進(jìn)行部分刪除以顯示角色輪廓陰影。

6）最后使用“刷子工具” 完成對(duì)角色的衣服褶皺、皮膚的陰影等繪制，最終效果如圖2-40所示。

圖2-40 動(dòng)畫角色整體效果

2.6 精彩實(shí)例4：夢(mèng)幻泡泡

通過本例的學(xué)習(xí)，基本掌握“顏色”面板、“顏料桶工具”、“漸變變形工具”、“套索工具”的使用。

1）新建一個(gè)Flash文檔，在“屬性”面板里面設(shè)置舞臺(tái)工作區(qū)的寬度為770像素、高度為430像素，背景色為白色，命名為“夢(mèng)幻泡泡.fla”。

2）新建一個(gè)圖層，命名為“背景”。單擊“文件”→“導(dǎo)入”→“導(dǎo)入到舞臺(tái)”命令，通過彈出“導(dǎo)入”對(duì)話框，給舞臺(tái)工作區(qū)導(dǎo)入背景圖片“bg.png”。

3）在“圖層”面板上添加一個(gè)新層，命名為“氣泡”圖層，單擊“插入”→“新建元件”命令，彈出“創(chuàng)建新元件”對(duì)話框，創(chuàng)建一個(gè)氣泡圖形元件，對(duì)話框設(shè)置如圖2-41所示。

圖2-41 “創(chuàng)建新元件”對(duì)話框

4）單擊“確定”按鈕，進(jìn)入氣泡圖形元件的編輯界面。單擊“窗口”→“顏色”命令（或者按快捷鍵＜Shift+F9＞），調(diào)出“顏色”面板。選擇圖層1的第1幀，單擊工具箱中的“橢圓工具”，在“顏色”面板中，設(shè)置筆觸的顏色為無顏色，設(shè)置類型為“純色”，顏色為淺藍(lán)色（#BBDFF8），Alpha值為50%，如圖2-42所示，按住＜Shift＞鍵在舞臺(tái)工作區(qū)中畫一個(gè)正圓。

圖2-42 繪制淡藍(lán)色的圓

5）單擊時(shí)間軸左下角的“插入圖層”按鈕 ，在圖層1的上方增加圖層2，在“顏色”面板中設(shè)置填充的類型為“徑向漸變”，顏色為白色（#FFFFFF）到無色（Alpha值為0%）過渡，在舞臺(tái)工作區(qū)畫一個(gè)有亮度的圓，利用工具箱中的“漸變變形工具” ，調(diào)整亮點(diǎn)的大小和形狀，放置在藍(lán)色透明氣泡的右下角，如圖2-43所示。

圖2-43 右下角亮點(diǎn)設(shè)置

6）單擊時(shí)間軸左下角的“插入圖層”按鈕 ，在圖層2的上方增加圖層3，在“顏色”面板中設(shè)置填充的類型為“徑向漸變”，顏色為無色（Alpha值為0）到白色（#FFFFFF）過渡，在舞臺(tái)工作區(qū)畫一個(gè)有亮度的圓，利用工具箱中的“漸變變形工具” ，調(diào)整亮點(diǎn)的形狀成白色的月牙環(huán)形，放置在藍(lán)色透明氣泡的左上角，如圖2-44所示。

圖2-44 左上角亮點(diǎn)設(shè)置

7）單擊時(shí)間軸左下角的“插入圖層”按鈕 ，在圖層3的上方增加圖層4，在“顏色”面板中設(shè)置填充的類型為“徑向漸變”，顏色為白色（#FFFFFF）到無色（Alpha值為0）過渡，在舞臺(tái)工作區(qū)畫一個(gè)有亮度的圓，利用工具箱中的“漸變變形工具” ，調(diào)整亮點(diǎn)的大小和形狀，放置在藍(lán)色透明氣泡的右下角，如圖2-45所示。

圖2-45 右下角亮點(diǎn)設(shè)置

8）最后，將4個(gè)圖層的內(nèi)容全部顯示出來，一個(gè)晶瑩剔透的氣泡就繪制好了。

9）單擊“場(chǎng)景1”，退回到場(chǎng)景編輯區(qū)，單擊“窗口”→“庫”命令，調(diào)出“庫”面板。將繪制好的氣泡元件連續(xù)從庫中拖放到“氣泡”圖層中，利用工具箱中的“漸變變形工具” 和“選擇工具” 調(diào)整氣泡元件的大小和位置，將它們擺放到舞臺(tái)中合適的位置，效果如圖2-46所示。

10）單擊“文件”→“保存”命令，將文件保存。

圖2-46 夢(mèng)幻泡泡效果

2.7 小結(jié)

本章介紹了Flash中的繪圖和著色工具以及選擇和調(diào)整工具，通過卡通樹木的繪制、場(chǎng)景的繪制、動(dòng)畫的角色設(shè)計(jì)、夢(mèng)幻泡泡幾個(gè)實(shí)例，系統(tǒng)地應(yīng)用了各種繪圖和著色工具以及選擇和調(diào)整工具。

2.8 項(xiàng)目作業(yè)

1）根據(jù)素材“送福娃.jpg”（如圖2-47所示）的形象，繪制送福娃的Flash矢量文件。

2）運(yùn)用“夢(mèng)幻泡泡”實(shí)例中泡泡的繪制方法繪制小星星，如圖2-48所示。

圖2-47 送福娃效果圖

圖2-48 閃爍的星星效果