《Flash 8動畫制作案例教程》課件第2章

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

2.1.1位圖和矢量圖

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

1．矢量圖形

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

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

2．位圖

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

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

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

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

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

1)線條的截斷性

在同一圖層中繪制圖形時，當繪制的線條穿過其他線條或圖形時，在線條的交叉點處，線條和圖形會被相互截成不同的部分。線條的截斷性效果如圖2-3所示。圖2-3線條的截斷性效果

2)顏色的鏤空性

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

3)顏色的融合性

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

2．對象繪制模型

“對象繪制”模型是Flash8新增的功能?！皩ο罄L制”模型將圖形繪制成獨立的圖形對象，分離或重排重疊的圖形時，圖形對象間不會相互影響。運用這種繪制模型可以將每個圖形創(chuàng)建為獨立的對象，以便分別進行處理。

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

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

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

2．貼緊

1)貼緊至對象

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

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

2)貼緊至像素

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

3)貼緊對齊

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

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

1．線條工具

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

筆觸高度

筆觸樣式

圖2-10線條工具的“屬性”面板當筆觸樣式選擇“極細”或“實線”時，“端點”樣式有“無”、“圓角”和“方型”三種選項，效果如圖2-11所示；“接合”方式有尖角、圓角、斜角三種連接方式，效果如圖2-12所示。無圓角方型圖2-11端點樣式尖角圓角斜角圖2-12接合方式

2．橢圓工具

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

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

案例展示與任務(wù)

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

制作分析

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

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

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

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

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

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

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

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

案例展示與任務(wù)

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

制作分析

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

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

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

(3)把鼠標移到舞臺的中心位置，按住Alt鍵并拖動鼠標，繪制出一個紅色的矩形。

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

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

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

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

③星形頂點大?。涸O(shè)置星形頂點的角度，取值范圍為0～1，值越小，頂點角度越小，頂角越尖銳。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

案例2-3：小飛機

案例展示與任務(wù)

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

制作分析

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

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

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

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

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

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

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

3．對繪制的線條整形

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

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

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

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

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

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

3)添加和刪除錨點

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

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

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

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

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

“顏色”對話框只能自定義純色。單擊【窗口】→【混色器】命令，可打開“混色器”面板，如圖2-30所示。“混色器”面板提供了更改筆觸和填充顏色以及創(chuàng)建多色漸變的功能，用戶可以使用漸變達到各種效果，例如用漸變將一個簡單的二維圓形變?yōu)榍蝮w，制作陰影效果等。顏色指針

漸變預(yù)覽窗口

漸變編輯欄

填充類型

亮度條

填充顏色

筆觸顏色

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

操作步驟

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

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

填充類型說明如下：

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

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

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

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

(4)雙擊“漸變編輯欄”右邊的“顏色指針”，在彈出的顏色樣本中選擇藍色(#0033FF)，向上拖動亮度條滑塊使藍色變淡，最后的編輯效果如圖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)配出的顏色是純色，則自動添加到純色調(diào)色板區(qū)；如果是漸變色，則自動添加到漸變調(diào)色板區(qū)。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

②“封閉小空隙”：忽略小缺口進行填充。

③“封閉中等空隙”：忽略中等缺口進行填充。

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

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

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

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

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

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

“刷子模式”選項含義如下。

①“標準繪畫”模式：可在舞臺上任何區(qū)域涂色。

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

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

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

刷子大小

刷子形狀

鎖定填充

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

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

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

案例2-5：藍天白云

案例展示與任務(wù)

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

制作分析

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

操作步驟

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

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

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

(4)在舞臺中拖動鼠標繪制矩形，矩形大小要覆蓋整個舞臺，此時天空的漸變是水平方向，需要使用填充變形工具修改天空為垂直方向的漸變。

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

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

①“焦點”手柄：改變放射狀漸變的焦點。

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

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

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

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

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

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

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

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

2.4.1創(chuàng)建文本

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

(1)選擇文本工具。

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

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

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

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

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

1．選擇文本和文本框

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

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

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

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

②雙擊選擇一個單詞。

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

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

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

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

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

(1)選擇文本工具。

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

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

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

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

案例展示與任務(wù)

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

使用文本工具輸入文字“H”和“OTEL”，再對創(chuàng)建的文字應(yīng)用濾鏡功能。因為濾鏡的作用范圍是整個文本框，因此字符“H”和“OTEL”需要使用兩個文本框輸入，再對兩個文本框應(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)文本添加超鏈接的方法是：首先選擇這個文本，然后在“屬性”面板的“URL鏈接”文本框中輸入要鏈接的網(wǎng)址，如圖2-50所示。圖2-50為文本添加超鏈接在“目標”下拉列表中，有四種選項提供鏈接網(wǎng)頁裝載方式。

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

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

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

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

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鍵，對文本進行打散分離。如果文本框中有兩個或兩個以上的字符，則“分離”操作要執(zhí)行兩次。當文本被分離后，就變成了圖形屬性，不再具有文本屬性，不能再像編輯文字一樣地進行編輯處理了。

課堂實踐

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

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

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

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