《Flash 8動(dòng)畫制作案例教程》課件第2章

2.1繪圖基礎(chǔ)2.2繪制圖形2.3圖形著色2.4使用文本課堂實(shí)踐疑難解析課外拓展第2章繪制動(dòng)畫對(duì)象 2.1繪圖基礎(chǔ)

2.1.1位圖和矢量圖

計(jì)算機(jī)以矢量圖和位圖兩種格式顯示圖形。Flash就是一個(gè)矢量圖形的世界。Flash可以創(chuàng)建處理矢量圖形，也可以導(dǎo)入并使用在其他應(yīng)用程序中創(chuàng)建的矢量圖形和位圖。

1．矢量圖形

矢量圖形，也稱為向量圖形，它是使用貝賽爾曲線(Vectors)組成圖像，包括顏色、形狀、輪廓、大小和屏幕位置等屬性。圖像的外觀由輪廓的顏色和輪廓所封閉區(qū)域的顏色決定。編輯矢量圖形不會(huì)改變它的外觀顯示品質(zhì)，因此矢量圖形特別適用于三維建模。矢量圖形具有獨(dú)立的分辨率，可以在不同分辨率的輸出設(shè)備上顯示而不會(huì)失真。矢量圖形文件的大小與矢量圖形本身形狀的大小無關(guān)，而僅與矢量圖形的復(fù)雜程度有關(guān)，所以在復(fù)雜程度不大的情況下，矢量圖形文件較小，更適合于網(wǎng)絡(luò)應(yīng)用。矢量圖形的缺點(diǎn)是不易制作色調(diào)豐富或顏色變化太多的圖像，而且繪制出來的圖形無法像照片一樣精確地描繪自然界的景象，同時(shí)也不易在不同的軟件間交換文件。

在Flash中，使用繪圖工具繪制的圖形都是矢量圖形。圖形的輪廓稱為筆觸屬性，圖形輪廓所封閉的區(qū)域稱為填充屬性，且這兩個(gè)屬性是獨(dú)立的。也就是說，使用繪圖工具時(shí)，可以單獨(dú)設(shè)置繪圖工具的筆觸屬性和填充屬性，繪制的矢量圖形可以只有筆觸屬性或填充屬性。Flash繪制的矢量圖形如圖2-1所示。圖2-1Flash繪制的矢量圖形

2．位圖

位圖圖像是指在空間和亮度上已經(jīng)離散化的圖像。位圖圖像由矩陣像素點(diǎn)組成。對(duì)于未壓縮的位圖圖像來說，圖像文件的大小取決于圖像分辨率和顏色深度。圖像分辨率越高，顏色越豐富，文件也就越大。當(dāng)放大位圖時(shí)，圖像會(huì)變得模糊有鋸齒狀，可以看見賴以構(gòu)成整個(gè)圖像的無數(shù)單個(gè)小方塊，縮小位圖尺寸也會(huì)使圖像變形，總之，編輯位圖將改變圖像的外觀品質(zhì)，因?yàn)橄袼攸c(diǎn)都將在矩陣網(wǎng)格內(nèi)重新分布。因此，使用位圖無法制作真正的3D圖像；在比畫面本身分辨率低的輸出設(shè)備上顯示位圖，也會(huì)降低圖像的外觀顯示品質(zhì)。

位圖圖像適用于逼真照片或要求精細(xì)細(xì)節(jié)的圖像，可以達(dá)到很高的清晰度，同時(shí)也可以很方便地使用多種軟件處理同一幅圖像。

3．位圖和矢量圖的關(guān)系

一般來講，圖像是位圖的概念，它的基本元素是像素；圖形是向量的概念，它的基本元素是圖元，僅有點(diǎn)、線、面等元素。位圖和矢量圖之間可以通過一些專用的轉(zhuǎn)換工具進(jìn)行相互轉(zhuǎn)換，另外很多圖形圖像處理軟件也提供這種轉(zhuǎn)換功能。在Flash中，也可以把導(dǎo)入的位圖轉(zhuǎn)換為矢量圖形。(第7章將詳細(xì)介紹位圖的使用。)2.1.2工具箱

工具箱提供了繪制直線、矩形、橢圓、多邊形等多種圖形的全套工具。使用這些工具，可以輕松地繪制出各種動(dòng)畫對(duì)象，并且還可以對(duì)它們進(jìn)行著色、編輯和修改。工具箱分為4個(gè)區(qū)域：工具區(qū)、查看區(qū)、顏色區(qū)和選項(xiàng)區(qū)。選擇不同的工具，在選項(xiàng)區(qū)中會(huì)出現(xiàn)對(duì)應(yīng)工具的其他屬性的微調(diào)設(shè)置。Flash8的工具箱如圖2-2所示。圖2-2工具箱

1)線條的截?cái)嘈?/p>

在同一圖層中繪制圖形時(shí)，當(dāng)繪制的線條穿過其他線條或圖形時(shí)，在線條的交叉點(diǎn)處，線條和圖形會(huì)被相互截成不同的部分。線條的截?cái)嘈孕Ч鐖D2-3所示。圖2-3線條的截?cái)嘈孕Ч?/p>

2)顏色的鏤空性

在同一圖層中繪制圖形時(shí)，如果圖形有重疊部分，并且顏色不同，那么先繪制的圖形重疊部分的顏色會(huì)被鏤空。顏色的鏤空性效果如圖2-4所示。圖2-4顏色的鏤空性效果

3)顏色的融合性

在同一圖層中繪制圖形時(shí)，如果圖形有重疊部分，并且顏色相同，那么兩個(gè)圖形會(huì)融合為一個(gè)圖形。顏色的融合性效果如圖2-5所示。圖2-5顏色的融合性效果

2．對(duì)象繪制模型

“對(duì)象繪制”模型是Flash8新增的功能。“對(duì)象繪制”模型將圖形繪制成獨(dú)立的圖形對(duì)象，分離或重排重疊的圖形時(shí)，圖形對(duì)象間不會(huì)相互影響。運(yùn)用這種繪制模型可以將每個(gè)圖形創(chuàng)建為獨(dú)立的對(duì)象，以便分別進(jìn)行處理。

“對(duì)象繪制”模型支持的工具有線條、橢圓、鉛筆、鋼筆、刷子、矩形和多角星形工具。選擇這些工具之一，在工具箱的選項(xiàng)區(qū)中單擊“對(duì)象繪制”模型按鈕，即可選擇“對(duì)象繪制”模型繪圖，F(xiàn)lash會(huì)在圖形上添加矩形邊框，如圖2-6所示，小雪人身體的各個(gè)部分都是采用“對(duì)象繪制”模型繪制的獨(dú)立對(duì)象。圖2-6“對(duì)象繪制”模型繪制的小雪人2.1.4輔助繪圖工具

1．網(wǎng)格、標(biāo)尺和輔助線

網(wǎng)格、標(biāo)尺和輔助線都具有輔助設(shè)計(jì)功能，利用這些工具可以定位動(dòng)畫對(duì)象和布局整個(gè)舞臺(tái)。如果要在窗口中顯示這些輔助工具，可以在“視圖”菜單中進(jìn)行選擇。特別要說明的是，如果要顯示輔助線，首先要將標(biāo)尺顯示出來，然后單擊【視圖】→【輔助線】→【顯示輔助線】，此時(shí)在工作窗口中仍然看不到輔助線，這時(shí)需要把鼠標(biāo)移到標(biāo)尺上，向下或向右拖動(dòng)鼠標(biāo)即可拉出綠色的輔助線，到達(dá)需要的位置時(shí)釋放鼠標(biāo)。如果對(duì)輔助線的位置不滿意，可以將鼠標(biāo)移動(dòng)到該輔助線上，當(dāng)鼠標(biāo)指針變形為時(shí)，拖動(dòng)鼠標(biāo)即可再次拖放該輔助線；如果要?jiǎng)h除輔助線，直接把它拖出窗口即可。

2．貼緊

1)貼緊至對(duì)象

使用“選取”工具的“貼緊”功能或“視圖”菜單中的“貼緊至對(duì)象”命令，都可以打開“貼緊至對(duì)象”功能。此時(shí)拖動(dòng)對(duì)象時(shí)，鼠標(biāo)指針下面會(huì)出現(xiàn)一個(gè)小小的黑色對(duì)齊環(huán)。當(dāng)對(duì)象處于另一個(gè)對(duì)象的對(duì)齊范圍內(nèi)時(shí)，該小環(huán)會(huì)變大。

當(dāng)移動(dòng)對(duì)象或改變其形狀時(shí)，對(duì)象上選取工具的位置為對(duì)齊環(huán)提供了參考點(diǎn)。例如，如果通過拖動(dòng)接近圖形中心的位置來移動(dòng)對(duì)象，對(duì)齊環(huán)就位于圖形的中心點(diǎn)，當(dāng)對(duì)齊環(huán)(也就是圖形的中心點(diǎn))靠近其他對(duì)象時(shí)，對(duì)齊環(huán)會(huì)自動(dòng)與其他對(duì)象貼緊，如圖2-7所示；如果通過拖動(dòng)接近圖形邊緣的位置來移動(dòng)對(duì)象，對(duì)齊環(huán)就位于圖形的選擇的邊緣點(diǎn)，當(dāng)對(duì)齊環(huán)(也就是圖形的邊緣點(diǎn))靠近其他對(duì)象時(shí)，對(duì)齊環(huán)會(huì)與其他對(duì)象貼緊，如圖2-8所示。在制作軌跡運(yùn)動(dòng)動(dòng)畫時(shí)，開啟此功能，可以非常有效地使運(yùn)動(dòng)對(duì)象與運(yùn)動(dòng)路徑快速貼緊。圖2-7選擇中心點(diǎn)貼緊至對(duì)象圖2-8選擇邊緣點(diǎn)貼緊至對(duì)象

2)貼緊至像素

單擊“視圖”菜單，選擇“貼緊至像素”命令，可打開像素對(duì)齊功能，此時(shí)如果視圖縮放比率設(shè)置為400%或更高的時(shí)候會(huì)出現(xiàn)一個(gè)像素網(wǎng)格，該像素網(wǎng)格代表Flash中出現(xiàn)的單個(gè)像素。當(dāng)創(chuàng)建或移動(dòng)一個(gè)對(duì)象時(shí)，它會(huì)被限制在該像素網(wǎng)格內(nèi)。

3)貼緊對(duì)齊

單擊“視圖”菜單中的“貼緊對(duì)齊”命令，打開“貼緊對(duì)齊”功能，可以使對(duì)象的水平或垂直邊緣之間以及對(duì)象邊緣和舞臺(tái)邊界之間貼緊對(duì)齊，所有“貼緊對(duì)齊”設(shè)置均以像素為度量單位。如果打開了“貼緊對(duì)齊”，則在將對(duì)象拖到指定的貼緊對(duì)齊容差位置時(shí)，點(diǎn)線將出現(xiàn)在舞臺(tái)上，對(duì)齊容差默認(rèn)是18個(gè)像素。貼緊對(duì)齊效果如圖2-9所示。圖2-9貼緊對(duì)齊對(duì)象邊緣 2.2繪制圖形

2.2.1線條工具、橢圓工具和矩形工具

1．線條工具

線條工具用來繪制各種角度的直線。線條工具只有筆觸屬性，其“屬性”面板如圖2-10所示。筆觸顏色

筆觸高度

筆觸樣式

圖2-10線條工具的“屬性”面板當(dāng)筆觸樣式選擇“極細(xì)”或“實(shí)線”時(shí)，“端點(diǎn)”樣式有“無”、“圓角”和“方型”三種選項(xiàng)，效果如圖2-11所示；“接合”方式有尖角、圓角、斜角三種連接方式，效果如圖2-12所示。無圓角方型圖2-11端點(diǎn)樣式尖角圓角斜角圖2-12接合方式

2．橢圓工具

橢圓工具用來繪制正圓和橢圓，它不僅具有筆觸屬性，還具有填充屬性，使用方法與線條工具基本相同，在此不再贅述。

提示：選擇橢圓工具，按住Shift鍵，可以繪制正圓；按住Alt鍵，可以以單擊點(diǎn)為圓心繪制橢圓；按住Shift+Alt鍵，可以以單擊點(diǎn)為圓心繪制正圓。邊角半徑=0邊角半徑=10邊角半徑=50圖2-13具有不同邊角半徑值的圓角矩形案例2-1：紅圓信封

案例展示與任務(wù)

熟練使用繪圖工具，在舞臺(tái)的中心位置繪制如圖2-14所示的紅圓信封，注意使用繪圖輔助工具提高繪圖的質(zhì)量和效率，實(shí)例最終效果參見隨書光盤中“第?2?章/案例?1/紅圓信封.fla”。圖2-14紅圓信封

制作分析

“紅圓信封”位置布局是設(shè)計(jì)任務(wù)的難點(diǎn)。解決的方法是，首先繪制信封的矩形邊框，再使用“對(duì)齊”面板把矩形移到舞臺(tái)的中心，然后利用標(biāo)尺和輔助線，開啟貼緊功能，布局信封封口和小圓的位置。圖2-15設(shè)置矩形工具屬性參數(shù)

(7)單擊【視圖】→【輔助線】→【顯示輔助線】命令，把鼠標(biāo)移到水平標(biāo)尺上，向下拖動(dòng)鼠標(biāo)到舞臺(tái)的中心位置并釋放，拉出一條水平輔助線；按同樣的方法拉出一條垂直輔助線，效果如圖2-16所示。圖2-16位于舞臺(tái)中心位置的輔助線

(8)單擊【視圖】→【貼緊】→【編輯貼緊方式】菜單，在彈出的“編輯貼緊方式”對(duì)話框中，勾選“貼緊至輔助線”和“貼緊至對(duì)象”，單擊“確定”按鈕。

(9)選擇線條工具，按步驟(2)的方法設(shè)置相同的筆觸顏色、高度和樣式，“端點(diǎn)”樣式和“接合”方式都選擇“圓角”選項(xiàng)。

(10)把鼠標(biāo)移到矩形左上角，單擊并拖動(dòng)鼠標(biāo)至輔助線的交點(diǎn)，當(dāng)對(duì)齊環(huán)與輔助線的交點(diǎn)重合時(shí)釋放鼠標(biāo)，此時(shí)不要松開鼠標(biāo)，再次拖動(dòng)鼠標(biāo)至矩形右上角，當(dāng)對(duì)齊環(huán)與矩形右上角頂點(diǎn)重合時(shí)釋放鼠標(biāo)。

(11)選擇橢圓工具，設(shè)置筆觸顏色為“沒有顏色”，填充顏色為“紅色”，在工具箱選項(xiàng)區(qū)單擊“對(duì)象繪制”模型按鈕。

(12)再拉出一條水平輔助線，把新水平輔助線與原垂直輔助線的交點(diǎn)位置作為小紅圓的圓心，在輔助線交點(diǎn)位置上單擊鼠標(biāo)，按住Shift+Alt鍵，拖動(dòng)鼠標(biāo)，繪制紅色的小圓。

(13)紅圓信封繪制結(jié)束，保存文件。案例2-2：五星紅旗

案例展示與任務(wù)

使用多角星形工具繪制五星紅旗，效果如圖2-17所示，實(shí)例最終效果參見隨書光盤中“第2章/案例2/五星紅旗.fla”。圖2-17五星紅旗

制作分析

使用矩形工具繪制紅色旗面，使用多角星形工具繪制五角星。為防止五星和旗面相互影響破壞畫面，簡(jiǎn)潔的方法是使用“對(duì)象繪制”模型方式繪圖；還有另外一個(gè)方法是把五星和旗面放置在不同的圖層上。操作步驟

(1)新建文檔，命名為“五星紅旗.fla”，選擇“符合窗口大小”視圖方式。

(2)選擇矩形工具，設(shè)置“筆觸顏色”為“沒有顏色”，“填充顏色”為“紅色”，單擊“對(duì)象繪制”模型按鈕。

(3)把鼠標(biāo)移到舞臺(tái)的中心位置，按住Alt鍵并拖動(dòng)鼠標(biāo)，繪制出一個(gè)紅色的矩形。

(4)按Ctrl+Shift+A，取消矩形的選中狀態(tài)。

(5)單擊矩形工具并按住鼠標(biāo)左鍵不放，會(huì)出現(xiàn)下拉菜單，在下拉菜單中選擇多角星形工具，在“屬性”面板中設(shè)置“筆觸顏色”為“沒有顏色”，“填充顏色”為“黃色”。單擊“選項(xiàng)”按鈕，彈出“工具設(shè)置”對(duì)話框，按圖2-18所示設(shè)置其參數(shù)。圖2-18“工具設(shè)置”對(duì)話框“工具設(shè)置”對(duì)話框參數(shù)設(shè)置說明如下：

①樣式：可以選擇繪制多邊形或星形。

②邊數(shù)：設(shè)置多邊形的邊數(shù)或星形的頂點(diǎn)數(shù)，取值范圍為3～32。

③星形頂點(diǎn)大小：設(shè)置星形頂點(diǎn)的角度，取值范圍為0～1，值越小，頂點(diǎn)角度越小，頂角越尖銳。

(6)在紅色矩形的左上角拖動(dòng)鼠標(biāo)，繪制出一顆五星，選擇選取工具，把五星移到效果圖所示位置。

(7)再次選擇多角星形工具，繪制一顆小五星。

(8)選擇選取工具，把鼠標(biāo)移到小五星上，按住Alt鍵，拖動(dòng)鼠標(biāo)。復(fù)制三顆小五星，并調(diào)整其位置。

(9)繪制完成，保存文件。2.2.3鉛筆工具

使用鉛筆工具可以繪制線條和圖形，其使用方法與使用真實(shí)的鉛筆繪圖很相似。對(duì)初學(xué)者來說，使用鉛筆工具進(jìn)行手繪并不容易，它要求用戶具有很強(qiáng)的鼠標(biāo)控制能力。鉛筆工具只具有筆觸屬性，在工具箱的選項(xiàng)區(qū)中，單擊“繪圖模式”按鈕，下拉后有三個(gè)選項(xiàng)：伸直、平滑和墨水，如圖2-19所示。

(1)“伸直”模式：系統(tǒng)默認(rèn)模式，F(xiàn)lash?會(huì)把繪制的線條拉得更直，并且會(huì)規(guī)則所繪圖形，將圖形自動(dòng)轉(zhuǎn)換成接近的幾何圖形。

(2)“平滑”模式：平滑所繪曲線，使線條更加光滑柔和，可以較好地去除手繪的拙劣痕跡。

(3)“墨水”模式：徒手繪圖，對(duì)所繪的線條沒有任何修改。

“伸直”和“平滑”模式是徒手繪圖時(shí)最常使用的。三種模式繪圖效果對(duì)比如圖2-20所示。圖2-19“繪圖模式”選項(xiàng)伸直模式平滑模式墨水模式

圖2-20三種繪圖模式效果對(duì)比2.2.4鋼筆工具

在Flash中，更多的是使用鋼筆工具來繪制線條。使用鋼筆工具可以繪制出完美的曲線和直線。

使用鋼筆工具繪圖時(shí)，單擊鼠標(biāo)可以創(chuàng)建直線段上的角點(diǎn)，單擊并拖動(dòng)鼠標(biāo)可以創(chuàng)建曲線段上的曲線點(diǎn)，角點(diǎn)和曲線點(diǎn)統(tǒng)稱為錨點(diǎn)。通過調(diào)整線條上的錨點(diǎn)和曲線段上的切線手柄，可以精確調(diào)整直線段和曲線段，也可以把直線段轉(zhuǎn)換為曲線段，或把曲線段轉(zhuǎn)換成直線段。一般把用鋼筆工具繪制的線條稱為“路徑”，如圖2-21所示。圖2-21路徑

圖2-22“首選參數(shù)”對(duì)話框

1．使用鋼筆工具繪制直線

使用鋼筆工具繪制直線甚至比用線條工具更為方便，只需在直線段的折點(diǎn)處單擊鼠標(biāo)即可，直線上的錨點(diǎn)決定了直線的長(zhǎng)度和位置。

2．使用鋼筆工具繪制曲線

鋼筆工具的強(qiáng)大功能就體現(xiàn)在繪制精確完美的曲線。使用鋼筆工具創(chuàng)建曲線時(shí)，只要單擊并拖動(dòng)鼠標(biāo)，就可以創(chuàng)建曲線。曲線點(diǎn)處會(huì)顯示切線手柄，切線手柄的斜率和長(zhǎng)度決定了曲線的形狀。

案例2-3：小飛機(jī)

案例展示與任務(wù)

使用鋼筆工具臨摹如圖2-23所示的小飛機(jī)，實(shí)例最終效果參見隨書光盤中“第2章/案例3/小飛機(jī).fla”。圖2-23小飛機(jī)

制作分析

對(duì)于美術(shù)功底欠缺的用戶來說，要想把一個(gè)景物繪制得非常逼真是一件困難的事。使用鋼筆工具繪制直線和曲線時(shí)，繪制路徑是采用一個(gè)個(gè)的錨點(diǎn)標(biāo)記，可以利用這一特性很方便地臨摹圖像，使繪圖變得容易一些。臨摹時(shí)要注意，填充顏色的區(qū)域必須形成閉合的路徑。操作步驟

(1)新建文檔，命名為“小飛機(jī).fla”，選擇“符合窗口大小”視圖方式。

(2)單擊【文件】→【導(dǎo)入】→【導(dǎo)入到舞臺(tái)】命令，在“導(dǎo)入”對(duì)話框中選擇導(dǎo)入“小飛機(jī)素材.jpg”文件。

(3)在時(shí)間軸上單擊小飛機(jī)素材所在圖層的“鎖定”列標(biāo)志按鈕，以防臨摹時(shí)破壞原始圖像。

(4)在時(shí)間軸上單擊“新建圖層”按鈕，新建兩個(gè)圖層，將上面的圖層命名為“機(jī)翼”，將下面的圖層命名為“機(jī)身”。

(5)單擊“機(jī)身”圖層，選擇鋼筆工具，在“屬性”面板中設(shè)置“筆觸顏色”為“黑色”，“筆觸高度”為4，“筆觸樣式”為實(shí)線；在工具箱的顏色區(qū)中設(shè)置“填充顏色”為淡紫色(#9999CC)。

(6)在錨點(diǎn)a、b、c、d處單擊并拖動(dòng)鼠標(biāo)繪制曲線，勾畫“小飛機(jī)”輪廓，如圖2-24所示。圖2-24勾畫“小飛機(jī)”輪廓

3．對(duì)繪制的線條整形

通常的情況是，用戶并不能一次就把線條繪制得很完美，但用鋼筆工具配合次選工具可以完成直線段和曲線段的精確整形。

1)調(diào)整直線段

選擇次選工具，在直線段上單擊，這時(shí)會(huì)顯示圖形路徑，在要調(diào)整的錨點(diǎn)上單擊并拖動(dòng)到想要的位置即可，調(diào)整直線段的效果如圖2-25所示。拖動(dòng)錨點(diǎn)調(diào)整直線段調(diào)整后效果圖2-25調(diào)整直線段

2)調(diào)整曲線段

選擇次選工具，在想要調(diào)整的曲線段上單擊，這時(shí)會(huì)顯示圖形路徑。單擊要調(diào)整的曲線段附近的錨點(diǎn)，此時(shí)錨點(diǎn)變成實(shí)心的小圓圈，并出現(xiàn)切線手柄。

如果想移動(dòng)錨點(diǎn)的位置，只需拖放該錨點(diǎn)即可，此時(shí)錨點(diǎn)兩側(cè)的曲線段會(huì)發(fā)生相應(yīng)的改變，拖動(dòng)錨點(diǎn)調(diào)整曲線段的效果如圖2-26所示。拖動(dòng)錨點(diǎn)調(diào)整曲線段調(diào)整后效果圖2-26拖動(dòng)錨點(diǎn)調(diào)整曲線段拖動(dòng)切線手柄調(diào)整曲線段調(diào)整后效果圖2-27拖動(dòng)切線手柄調(diào)整曲線段

3)添加和刪除錨點(diǎn)

要對(duì)曲線進(jìn)行較大的改動(dòng)或精細(xì)的調(diào)整，可以通過添加錨點(diǎn)來實(shí)現(xiàn)。要在曲線上添加錨點(diǎn)，只需選擇鋼筆工具，單擊需要添加錨點(diǎn)的曲線段，然后把鼠標(biāo)移到希望添加錨點(diǎn)的位置，當(dāng)鋼筆旁邊出現(xiàn)一個(gè)小加號(hào)“+”時(shí)，單擊鼠標(biāo)即可。

刪除路徑上不需要的錨點(diǎn)可優(yōu)化曲線并減少文件的大小。如果要?jiǎng)h除某個(gè)錨點(diǎn)，只需使用次選工具選中這個(gè)錨點(diǎn)，然后按Delete鍵即可。一個(gè)錨點(diǎn)被刪除后，位于這個(gè)錨點(diǎn)兩側(cè)的兩個(gè)錨點(diǎn)會(huì)被自動(dòng)連接起來。

4)直線與曲線的轉(zhuǎn)換

直線與曲線的轉(zhuǎn)換，其實(shí)就是角點(diǎn)和曲線點(diǎn)的轉(zhuǎn)換。如果想把角點(diǎn)轉(zhuǎn)換為曲線點(diǎn)，只需使用次選工具選中角點(diǎn)，然后按住Alt鍵并拖動(dòng)該角點(diǎn)，即可拉出曲線段上的切線手柄，直線也就轉(zhuǎn)換為曲線了；反過來，如果想把曲線點(diǎn)轉(zhuǎn)換為角點(diǎn)，則是使用鋼筆工具在曲線段上單擊，然后把鼠標(biāo)移近曲線點(diǎn)，當(dāng)鋼筆旁邊出現(xiàn)一個(gè)小夾角符號(hào)時(shí)，單擊曲線點(diǎn)，即可把曲線點(diǎn)轉(zhuǎn)換為角點(diǎn)，曲線也就轉(zhuǎn)換為直線了。圖2-28調(diào)色板圖2-29“顏色”對(duì)話框例如，自定義一種淡淡的藍(lán)色，操作步驟如圖2-29所示。首先在對(duì)話框右邊的調(diào)色板頂部單擊取到基準(zhǔn)藍(lán)色，然后在其右邊的亮度條上向上拖動(dòng)鼠標(biāo)取到很淡的藍(lán)，再單擊“添加到自定義顏色”按鈕，此時(shí)淡淡的藍(lán)色出現(xiàn)在“自定義顏色”排列框中，最后單擊“確定”按鈕。

2．使用混色器面板定義顏色

“顏色”對(duì)話框只能自定義純色。單擊【窗口】→【混色器】命令，可打開“混色器”面板，如圖2-30所示?！盎焐鳌泵姘逄峁┝烁墓P觸和填充顏色以及創(chuàng)建多色漸變的功能，用戶可以使用漸變達(dá)到各種效果，例如用漸變將一個(gè)簡(jiǎn)單的二維圓形變?yōu)榍蝮w，制作陰影效果等。顏色指針

漸變預(yù)覽窗口

漸變編輯欄

填充類型

亮度條

填充顏色

筆觸顏色

圖2-30“混色器”面板案例2-4：自定義天空藍(lán)的漸變填充

操作步驟

(1)打開“混色器”面板，單擊“填充顏色”按鈕，選擇自定義填充顏色。

(2)單擊“類型”下拉按鈕，選擇“線性漸變”類型。

填充類型說明如下：

①“線性漸變”：顏色從起始點(diǎn)到終點(diǎn)沿直線逐漸變化。

②“放射狀漸變”：顏色從一個(gè)中心焦點(diǎn)出發(fā)沿環(huán)形軌道逐漸變化。

③“位圖”填充：使用導(dǎo)入的位圖作為填充內(nèi)容，位圖填充效果如圖2-31所示。圖2-31位圖填充說明：使用位圖填充時(shí)必須導(dǎo)入位圖，導(dǎo)入的位圖自動(dòng)排列在“混色器”面板的“位圖預(yù)覽區(qū)”中。

(3)雙擊“漸變編輯欄”左邊的“顏色指針”，在彈出的顏色樣本中選擇白色，然后沿“漸變編輯欄”向右拖動(dòng)“顏色指針”。

(4)雙擊“漸變編輯欄”右邊的“顏色指針”，在彈出的顏色樣本中選擇藍(lán)色(#0033FF)，向上拖動(dòng)亮度條滑塊使藍(lán)色變淡，最后的編輯效果如圖2-30所示。

3．使用顏色樣本面板保存顏色

調(diào)配好的顏色如果不加以保存是難以重用的，甚至還有可能被覆蓋。借助“顏色樣本”面板，可以把調(diào)配好的顏色保存在“顏色樣本”面板中，方便以后的使用。保存顏色的操作步驟如下：

(1)調(diào)配好顏色。

(2)單擊【窗口】→【顏色樣本】命令，打開“顏色樣本”面板，如圖2-32所示?？瞻讌^(qū)

分隔線

圖2-32“顏色樣本”面板

(3)在“顏色樣本”面板的空白區(qū)單擊，調(diào)配好的顏色即出現(xiàn)在調(diào)色板中?！邦伾珮颖尽泵姘逯蟹指艟€以上的部分稱為純色調(diào)色板區(qū)，分隔線以下的部分稱為漸變調(diào)色板區(qū)。如果調(diào)配出的顏色是純色，則自動(dòng)添加到純色調(diào)色板區(qū)；如果是漸變色，則自動(dòng)添加到漸變調(diào)色板區(qū)。

要從“顏色樣本”面板中刪除某種顏色，只需按住Ctrl鍵單擊這個(gè)顏色樣本即可。

4．調(diào)色板的導(dǎo)出與導(dǎo)入

1)導(dǎo)出調(diào)色板

保存Flash文檔時(shí)，對(duì)“顏色樣本”面板中的調(diào)色板所做的修改也會(huì)隨之保存。因此，下次再打開這個(gè)Flash文檔時(shí)，“顏色樣本”面板會(huì)自動(dòng)恢復(fù)成保存該文檔時(shí)的狀態(tài)。如果想把保存的顏色用于所有的Flash文檔，則需要導(dǎo)出調(diào)色板，并在需要的時(shí)候再次導(dǎo)入。

導(dǎo)出調(diào)色板的操作步驟如下：

(1)單擊“顏色樣本”面板右上角的菜單按鈕，在下拉菜單中選擇“保存顏色”命令，彈出“導(dǎo)出色樣”對(duì)話框，如圖2-33所示。圖2-33“導(dǎo)出色樣”對(duì)話框

(2)在“導(dǎo)出色樣”對(duì)話框中選擇保存路徑，在“文件名”文本框中輸入調(diào)色板的名稱，在“保存類型”下拉列表中選擇調(diào)色板文件類型。保存類型有兩種：Flash顏色設(shè)置和顏色表。

①Flash顏色設(shè)置(*.clr)：擴(kuò)展名為?.clr的文件格式只能用于Flash文檔。

②顏色表(*.act)：擴(kuò)展名為?.act的文件格式不僅能用于Flash，還可用于Fireworks和Photoshop。

(3)單擊“保存”按鈕。

2)導(dǎo)入調(diào)色板

使用“顏色樣本”面板菜單有兩種導(dǎo)入調(diào)色板文件的方式，一種是使用“替換顏色”命令，它是用導(dǎo)入的調(diào)色板文件替換當(dāng)前的調(diào)色板；另一種是使用“添加顏色”命令，它是把當(dāng)前調(diào)色板中沒有，而導(dǎo)入調(diào)色板中所具有的顏色追加在當(dāng)前調(diào)色板顏色的后面。

導(dǎo)入調(diào)色板的操作方法如下：

(1)單擊“顏色樣本”面板右上角的菜單按鈕，在下拉菜單中選擇“添加顏色”或“替換顏色”命令，彈出“導(dǎo)入色樣”對(duì)話框，如圖2-34所示。

(2)在“導(dǎo)入色樣”對(duì)話框中選擇要導(dǎo)入的調(diào)色板文件，單擊“打開”按鈕。圖2-34“導(dǎo)入色樣”對(duì)話框2.3.2墨水瓶工具

使用墨水瓶工具為圖形添加筆觸或修改筆觸的顏色、寬度、樣式是非常方便的。單擊墨水瓶工具按鈕，其“屬性”面板如圖2-35所示。圖2-35墨水瓶工具“屬性”面板2.3.3顏料桶工具

墨水瓶工具用于圖形的筆觸屬性，而顏料桶工具則用于圖形的填充屬性。顏料桶工具可以為圖形添加填充效果，也可以修改圖形的填充屬性。

使用顏料桶工具為圖形添加填充效果時(shí)，應(yīng)注意使用工具箱選項(xiàng)區(qū)中的“空隙大小”按鈕，它有四種封閉選項(xiàng)，如圖2-36所示。圖2-36“空隙大小”選項(xiàng)四種封閉選項(xiàng)的含義如下。

①“不封閉空隙”：系統(tǒng)默認(rèn)設(shè)置，只有區(qū)域完全閉合時(shí)才能填充。

②“封閉小空隙”：忽略小缺口進(jìn)行填充。

③“封閉中等空隙”：忽略中等缺口進(jìn)行填充。

④“封閉大空隙”：忽略較大缺口進(jìn)行填充。說明：使用顏料桶工具時(shí)，封閉選項(xiàng)設(shè)置中對(duì)缺口大小的判斷是相對(duì)而言的，如果采用“封閉大空隙”方式還不能填充顏色，則只能用手工方式盡量把圖形作封閉處理，封閉處理有一個(gè)技巧，就是放大視圖，仔細(xì)觀察圖形的封閉情況，然后再使用顏料桶工具來填充顏色。

在選項(xiàng)區(qū)中還有一個(gè)“鎖定填充”按鈕，用于控制漸變填充或位圖填充以產(chǎn)生特殊效果。當(dāng)使用“鎖定填充”時(shí)，位圖或者漸變填充將擴(kuò)展至覆蓋舞臺(tái)中所有涂色的對(duì)象，“鎖定填充”效果對(duì)比如圖2-37所示。圖2-37“鎖定填充”效果2.3.4滴管工具

滴管工具的功能是從一個(gè)對(duì)象復(fù)制筆觸和填充屬性，然后立即將它們應(yīng)用到其它對(duì)象。如果一個(gè)圖形要繼承另外已經(jīng)繪制好的圖形所具有的筆觸或填充屬性，則使用滴管工具會(huì)變得非常方便。滴管工具的使用很簡(jiǎn)單，操作方法如下：

(1)選擇滴管工具，將它移到需要取色的筆觸或填充區(qū)域，單擊鼠標(biāo)。如果是對(duì)筆觸取色，則該工具自動(dòng)變成墨水瓶工具；如果是對(duì)填充區(qū)域取色，則該工具自動(dòng)變成顏料桶工具，并且打開“鎖定填充”功能。

(2)單擊需要著色的圖形以應(yīng)用新屬性。2.3.5刷子工具

刷子工具能繪制出刷子般的筆觸，但繪制出的圖形并不是“筆觸”屬性，而是“填充”屬性。在“屬性”面板中可以為刷子選擇“填充顏色”和“平滑”程度；在選項(xiàng)區(qū)中可以選擇“刷子大小”、“刷子形狀”和“刷子模式”，其中“刷子模式”包括五種模式，如圖2-38所示。

“刷子模式”選項(xiàng)含義如下。

①“標(biāo)準(zhǔn)繪畫”模式：可在舞臺(tái)上任何區(qū)域涂色。

②“顏料填充”模式：在填充區(qū)域和空白區(qū)域涂色，不影響線條。

③“后面繪畫”模式：在空白區(qū)域涂色，不影響線條和填充。

④“顏料選擇”模式：只能在選定的填充區(qū)域內(nèi)涂色。刷子模式

刷子大小

刷子形狀

鎖定填充

圖2-38刷子工具輔助選項(xiàng)⑤“內(nèi)部繪畫”模式：從筆觸開始的地方進(jìn)行填充，不影響線條。這是一種最有特點(diǎn)、最具價(jià)值的模式。如果在填充區(qū)域內(nèi)部起筆，不會(huì)把顏色涂到填充以外，這就像少兒涂色練習(xí)一樣，保證不會(huì)把顏色涂到圖形輪廓的外面；如果在空白區(qū)域起筆，填充不會(huì)影響任何圖形。

五種繪畫模式效果如圖2-39所示。圖2-39“刷子模式”繪畫效果2.3.6填充變形工具

填充變形工具用來調(diào)整填充的大小、方向和中心，使?jié)u變或位圖填充產(chǎn)生變形效果。

案例2-5：藍(lán)天白云

案例展示與任務(wù)

使用繪圖工具和顏色工具繪制如圖2-40所示的藍(lán)天白云背景圖，實(shí)例最終效果參見隨書光盤中“第2章/案例5/藍(lán)天白云.fla”。圖2-40藍(lán)天白云

制作分析

使用矩形工具繪制藍(lán)天，使用鉛筆工具或鋼筆工具繪制白云，使用漸變顏色填充藍(lán)天、白云，使用填充變形工具調(diào)整漸變填充的變形效果。

操作步驟

(1)新建文檔，命名為“藍(lán)天白云.fla”，選擇“50%”視圖方式。

(2)單擊時(shí)間軸左下方的“新建圖層”按鈕，創(chuàng)建兩個(gè)圖層，在圖層的名稱上快速雙擊，為下面的圖層命名為“藍(lán)天”，為上面的圖層命名為“白云”。

(3)單擊“藍(lán)天”圖層，選擇矩形工具，無筆觸，在“混色器”面板中設(shè)置“填充顏色”為“白、淡藍(lán)、藍(lán)”的線性漸變，如圖2-41所示。

(4)在舞臺(tái)中拖動(dòng)鼠標(biāo)繪制矩形，矩形大小要覆蓋整個(gè)舞臺(tái)，此時(shí)天空的漸變是水平方向，需要使用填充變形工具修改天空為垂直方向的漸變。

(5)選擇填充變形工具，單擊矩形區(qū)域，出現(xiàn)線性漸變修改手柄，如圖2-42所示。圖2-41“混色器”面板的設(shè)置

圖2-42線性漸變修改手柄圖2-43放射狀漸變修改手柄放射狀漸變修改手柄比線性修改手柄多兩個(gè)功能手柄，它們的功能如下。

①“焦點(diǎn)”手柄：改變放射狀漸變的焦點(diǎn)。

②“半徑”手柄：調(diào)整漸變的半徑大小。

(12)單擊“中心點(diǎn)”手柄，向左上方拖動(dòng)鼠標(biāo)；單擊“半徑”手柄，向外拖動(dòng)鼠標(biāo)，擴(kuò)大漸變圓的半徑，完成兩朵白云的填充變形效果。

(13)繪制完成，保存文件。 2.4使用文本

文本是Flash動(dòng)畫的重要組成部分，合理運(yùn)用文本動(dòng)畫，可以產(chǎn)生畫龍點(diǎn)睛的效果。使用文本工具可以創(chuàng)建三種類型的文本形式：靜態(tài)文本、動(dòng)態(tài)文本和輸入文本。

①靜態(tài)文本：靜態(tài)文本就是一種靜止的、不變的文本，例如一些標(biāo)題或字幕等。

②動(dòng)態(tài)文本：顯示動(dòng)態(tài)更新的文本，例如天氣預(yù)報(bào)或頭條新聞等。

③輸入文本：輸入文本允許用戶實(shí)時(shí)將數(shù)據(jù)輸入到文本域中，例如表單應(yīng)用程序的開發(fā)就需要用到輸入文本。

靜態(tài)文本是最常用的動(dòng)畫對(duì)象，動(dòng)態(tài)文本和輸入文本的具體應(yīng)用需要掌握更多的編程知識(shí)。本小節(jié)中主要介紹三種文本形式的共同特性以及靜態(tài)文本的創(chuàng)建及應(yīng)用。

2.4.1創(chuàng)建文本

創(chuàng)建文本的方法十分簡(jiǎn)單。以靜態(tài)文本為例，創(chuàng)建文本的操作方法如下：

(1)選擇文本工具。

(2)在“屬性”面板中設(shè)置“文本類型”為“靜態(tài)文本”，設(shè)置文本字體、大小、顏色和間距等參數(shù)，如圖2-44所示。圖2-44文本工具的“屬性”面板

(3)輸入文本有兩種方式，即可擴(kuò)展文本塊輸入和固定文本塊輸入。

①可擴(kuò)展文本塊輸入：在舞臺(tái)上單擊鼠標(biāo)，會(huì)出現(xiàn)一個(gè)右上角帶有小圓圈的矩形框，并且矩形框內(nèi)有閃爍的插入光標(biāo)，輸入文本時(shí)文本會(huì)一直向后延伸，需要按回車鍵換行，這種輸入方法稱為可擴(kuò)展文本塊的輸入。

②固定文本塊輸入：把鼠標(biāo)移到可擴(kuò)展文本塊的圓形控制手柄上單擊并拖動(dòng)，可以將擴(kuò)展文本塊改變?yōu)楣潭ㄎ谋緣K，當(dāng)輸入文本到達(dá)文本框的邊界時(shí)會(huì)自動(dòng)換行，這種輸入方法稱為固定文本塊的輸入。

可擴(kuò)展文本塊輸入和固定文本塊輸入界面如圖2-45所示?？蓴U(kuò)展文本塊固定文本塊圖2-45可擴(kuò)展文本塊和固定文本塊的輸入界面2.4.2編輯文本

1．選擇文本和文本框

在編輯文本或者改變文字屬性時(shí)，首先必須選擇想要編輯的文字。如果要對(duì)文本框中的一個(gè)或幾個(gè)文字進(jìn)行修改，操作方法如下：

(1)選擇文本工具，在文本框中單擊。

(2)使用下面提供的任一種方法選擇需要的文本。

①拖動(dòng)選擇連續(xù)的字符。

②雙擊選擇一個(gè)單詞。

③單擊確定選擇的起始位置，然后按住Shift鍵單擊選擇的結(jié)束位置，可選擇從起始位置到結(jié)束位置之間的所有文本。

④按Ctrl+A鍵，選擇文本框中的所有字符。

2．設(shè)置文本屬性

在創(chuàng)建文本時(shí)，用戶可以在“屬性”面板中設(shè)置文本的字體和段落屬性。在創(chuàng)建好文本后，還可以對(duì)文本進(jìn)行再編輯修改。在Flash中可以通過兩種方法修改文本屬性：一種是使用“屬性”面板進(jìn)行修改，另一種是使用“文本”菜單下的命令來設(shè)置文本屬性。

使用“屬性”面板設(shè)置文字屬性是非常方便的，其操作方法如下：

(1)選擇文本工具。

(2)選擇需要編輯修改的文本。

(3)在“屬性”面板中設(shè)置需要修改的屬性。

3．應(yīng)用濾鏡制作文字特效

濾鏡是Flash8的新增功能，應(yīng)用濾鏡可以為文本、按鈕和影片剪輯快速制作特效，例如陰影、模糊、發(fā)光、斜角等。(第6章將詳細(xì)介紹按鈕和影片剪輯的使用。)?在“屬性”面板中，可以對(duì)選定的對(duì)象應(yīng)用一個(gè)或多個(gè)濾鏡，也可以刪除以前應(yīng)用的濾鏡。案例2-6：發(fā)光字

案例展示與任務(wù)

使用文本工具創(chuàng)建文本，對(duì)創(chuàng)建的文本應(yīng)用濾鏡功能，制作如圖2-46所示的發(fā)光字效果，實(shí)例最終效果參見隨書光盤中“第2章/案例6/發(fā)光字.fla”。圖2-46發(fā)光字制作分析

使用文本工具輸入文字“H”和“OTEL”，再對(duì)創(chuàng)建的文字應(yīng)用濾鏡功能。因?yàn)闉V鏡的作用范圍是整個(gè)文本框，因此字符“H”和“OTEL”需要使用兩個(gè)文本框輸入，再對(duì)兩個(gè)文本框應(yīng)用不同的濾鏡效果。操作步驟

(1)新建文檔，命名為“發(fā)光字.fla”，選擇“100%”視圖方式。

(2)選擇文本工具，設(shè)置字體為華文隸書，大小為120，顏色為紫色(#9900CC)，加粗，輸入字符“H”；然后重新設(shè)置字體大小為100，不要加粗，輸入字符“OTEL”。

(3)選擇選取工具，單擊字符“H”。

(4)打開“濾鏡”面板，單擊“添加濾鏡”按鈕，在彈出的濾鏡列表中選擇“投影”和“斜角”，“投影”參數(shù)設(shè)置如圖2-47所示，“斜角”參數(shù)設(shè)置如圖2-48所示。圖2-47“投影”參數(shù)設(shè)置圖2-48“斜角”參數(shù)設(shè)置

(5)選擇選取工具，單擊字符“OTEL”。

(6)按步驟4的方法為字符“OTEL”添加“投影”和“發(fā)光”濾鏡，把“投影”參數(shù)中“模糊X”和“模糊Y”改為5，其它參數(shù)設(shè)置不變；“發(fā)光”參數(shù)設(shè)置如圖2-49所示。圖2-49“發(fā)光”參數(shù)設(shè)置2.4.3為文本添加超鏈接和電子郵件鏈接

1．為文本添加超鏈接

為靜態(tài)文本添加超鏈接的方法是：首先選擇這個(gè)文本，然后在“屬性”面板的“URL鏈接”文本框中輸入要鏈接的網(wǎng)址，如圖2-50所示。圖2-50為文本添加超鏈接在“目標(biāo)”下拉列表中，有四種選項(xiàng)提供鏈接網(wǎng)頁裝載方式。

①_blank：在一個(gè)新的，未命名的瀏覽器窗口中裝載鏈接的網(wǎng)頁。

②_parent：在包含該鏈接框架的父框架結(jié)構(gòu)或窗口中裝載鏈接的網(wǎng)頁，如果包含該鏈接的框架沒有父框架結(jié)構(gòu)，則鏈接的網(wǎng)頁將裝入整個(gè)瀏覽器窗口。

③_self：將鏈接網(wǎng)頁裝載到包含這個(gè)鏈接的框架或窗口中。

④_top：將鏈接的網(wǎng)頁裝載到整個(gè)瀏覽器窗口，從而移除所有的框架。

2．為文本添加電子郵件鏈接

為靜態(tài)文本添加電子郵件鏈接的方法是在“URL鏈接”文本框中輸入下面的代碼：

mailto:wy1997@163.com

其中，wy1997@163.com就是電子郵箱地址。2.4.4文本轉(zhuǎn)換為圖形

在Flash中，將文本轉(zhuǎn)換為圖形非常重要，只有將文本轉(zhuǎn)換成圖形之后，才能像處理圖形那樣方便地處理文本，制作文字特效。

將文本轉(zhuǎn)換為圖形的操作方法是：選擇要轉(zhuǎn)換的文本，單擊【修改】→【分離】命令，或者按Ctrl+B鍵，對(duì)文本進(jìn)行打散分離。如果文本框中有兩個(gè)或兩個(gè)以上的字符，則“分離”操作要執(zhí)行兩次。當(dāng)文本被分離后，就變成了圖形屬性，不再具有文本屬性，不能再像編輯文字一樣地進(jìn)行編輯處理了。

課堂實(shí)踐

(1)使用矩形工具、橢圓工具和多角星形工具，繪制如圖2-51所示的彩色鉛筆，實(shí)例最終效果參見隨書光盤中“第2章/案例7/彩色鉛筆.fla”。圖2-51彩色鉛筆

(2)使用文本工具、墨水瓶工具、顏料桶工具、填充變形工具和“混色器”面板，制作如圖2-52所示的文字效果，實(shí)例最終效果參見隨書光盤中“第2章/案例8/文字效果.fla”。(提示：文字填充顏色為“七彩漸變”，開啟“鎖定填充”功能。)圖2-52文字效果

(3)使用鋼筆工具、次選工具、橢圓工具、顏料桶工具，繪制如圖2-53所示的籃球，實(shí)例最終效果參見隨書光盤中“第2章/案例9/籃球.fla”。

(4)使用鋼筆工具、次選工具、橢圓工具、顏料桶工具，繪制如圖2-54所示的鯨魚，并用