1、主 編：高志清 作 者：張 偉,中國水利水電出版社,網(wǎng)頁制作三劍客案例教程,第7章 神奇的工具箱, 學(xué)習(xí)目標(biāo),了解Flash工具箱中各個工具，熟練掌握矢量繪圖工具、顏色填充工具和文本工具使用方法。,u 圖形繪制工具 圖形編輯工具 文本工具, 學(xué)習(xí)內(nèi)容,7-1 圖形繪制工具,Flash工具箱中有非常好用的矢量動畫創(chuàng)作工具，其自帶的工具簡單實(shí)用，具有自己的特點(diǎn)，本節(jié)中將對Flash的繪圖工具進(jìn)行著重講解，讓讀者領(lǐng)略使用Flash進(jìn)行繪畫的樂趣。,7-1-1 線條工具,【線條工具】主要用于繪制直線條，可以對繪制好的直線條進(jìn)行顏色、屬性、筆觸高度及筆觸樣式等設(shè)置。,7-1-2 鉛筆工具,【鉛筆工具】就

2、和我們平時使用的鉛筆一樣，可以隨意繪制出各種形狀的線段，使用起來非常方便。Flash中預(yù)置了三種鉛筆模式，分別為【伸直模式】、【平滑模式】與【墨水模式】。,7-1-3 矩形與橢圓工具,使用 【橢圓工具】、 【矩形工具】可以繪制出橢圓與矩形圖形，繪制出的圖形分為外部“線段“與內(nèi)部“填充顏色”兩部分，如下圖所示。,7-1-4 鋼筆工具,使用 【鋼筆工具】可以繪制出連續(xù)的直線或者貝塞爾曲線。通過調(diào)整貝塞爾曲線的調(diào)節(jié)桿，可以繪制復(fù)雜的線段與圖形。,在 【矩形工具】下還包含 【多角星形工具】，單擊【工具箱】中的 【矩形工具】按鈕，選擇 【多角星形工具】按鈕，切換到【多角星形工具】，使用 【多角星形工具】

3、可以繪制多邊形、星形圖形。,繪制的圓形與矩形,7-1-5 刷子工具,【刷子工具】用于繪制圖形或?yàn)閳D形填充顏色。其使用方法與【鉛筆工具】相同，不同的是其使用的顏色是填充色，而不是線段的筆觸顏色。,7-1-6 墨水瓶工具,【墨水瓶工具】用于填充線段的顏色，但不能填充圖形的顏色，例如繪制一個帶邊框的橢圓形，使用【墨水瓶工具】只能改變橢圓形邊框線段的顏色，而不能改變內(nèi)部填充圖形的顏色。如右圖所示。,使用不同刷子模式繪制的圖形,填充線段顏色,7-1-7 顏料桶工具,【顏料桶工具】可以為填充圖形填充顏色，但不能為線段填充顏色。使用【顏料桶工具】與【混色器】面板相結(jié)合，還可以為圖形填充線性漸變顏色與放射狀漸

4、變顏色。,7-1-8 混色器面板,【混色器】面板是為圖形和線段填充顏色的一個面板，使用此面板可以為圖形填充更加復(fù)雜的顏色，如線性漸變顏色、放射狀漸變顏色、透明顏色等。如右圖所示。 使用【混色器】面板可以改變圖形的線段顏色或者填充圖形的顏色。,填充圖形顏色,【混色器】面板,7-1-9 填充變形工具,當(dāng)一個圖形填充上漸變顏色后，還可以使用【填充變形工具】對圖形中的漸變色進(jìn)行編輯，改變漸變顏色的方向、中心點(diǎn)與漸變顏色的范圍大小等。對于“線性”漸變顏色與【放射狀】漸變顏色，【填充變形工具】有著不同的調(diào)整方式。,7-2 圖形編輯工具,Flash中經(jīng)常需要使用圖形編輯工具對其進(jìn)行適當(dāng)?shù)男薷呐c編輯，使其滿足

5、動畫中的需求。對圖形的編輯包括變形對象、移動對象等。,7-2-1 選擇工具,【選擇工具】除了可以選擇、移動對象以外，【選擇工具】還有一個重要的功能，就是改變圖形的形狀。使用 【選擇工具】改變圖形的形狀包括“改變圖形的端點(diǎn)位置”與“改變線段的弧度”。,7-2-2 部分選擇工具,【部分選取工具】通常與 【鋼筆工具】來結(jié)合使用，主要用于調(diào)整圖形的路徑、編輯圖形等。在使用 【部分選取工具】編輯圖形之前首先了解一下圖形路徑中的各種編輯點(diǎn)。在Flash中繪制的圖形路徑通常可以由“角點(diǎn)”、“平滑點(diǎn)”與“拐點(diǎn)”所構(gòu)成，通過調(diào)整這些點(diǎn)可以完成對圖形的調(diào)整。,7-2-3 任意變形工具,在Flash中使用 【任意變

6、形工具】可以改變選擇對象的大小、旋轉(zhuǎn)角度與傾斜角度等。當(dāng)使用 【任意變形工具】變形對象時，在【工具箱】的【選項(xiàng)】中出現(xiàn)四個模式按鈕，分別為： 【旋轉(zhuǎn)與傾斜】、 【縮放】、 【扭曲】、 【封套】。 【縮放】工具用于縮放對象的大小； 【旋轉(zhuǎn)與傾斜】工具用于設(shè)置對象的旋轉(zhuǎn)與傾斜； 【扭曲】工具可使圖形產(chǎn)生扭曲變形。 【封套】工具，可以任意改變圖形的形狀。,7-2-4 變形面板,使用【變形】面板可以對選擇的對象進(jìn)行精確的縮放、旋轉(zhuǎn)、傾斜等操作，獲得變形效果，并且可以在變形的同時進(jìn)行復(fù)制對象的操作。【變形】面板，如右圖所示。,7-3 文本工具,無論那一個軟件都少不了有輸入文字的功能，F(xiàn)lash中也有文本

7、工具，也可以輸入文字。Flash中有三種文本：靜態(tài)文本、動態(tài)文本和輸入文本。 文本工具的屬性面板，如下圖所示：,7-3-1 靜態(tài)文本、動態(tài)文本和輸入文本,靜態(tài)文本 選擇靜態(tài)文本類型后，在舞臺單擊可以直接輸入文字，文字是靜態(tài)的。使用靜態(tài)文本類型，可以對文字進(jìn)行各種文本格式的操作。 動態(tài)文本 選擇動態(tài)文本類型，輸入的文字相當(dāng)于變量，可以隨時調(diào)用和修改，例如網(wǎng)站上的天氣預(yù)報(bào)的發(fā)布，股票信息等。其內(nèi)容從服務(wù)器支持的數(shù)據(jù)庫讀出，或者從其他的影片中載入。 輸入文本 選擇輸入文本類型，使用文本工具可以在舞臺中繪制表單。用戶可以在表單中直接輸入用戶信息。,7-3-2 文本工具的使用,文本的輸入和修改 在輸入文

8、本時，文本框有兩種狀態(tài)：無寬度限制和有寬度限制。 無寬度限制的輸入框：該框會隨文字輸入的增長而加長。 有寬度限制的輸入框：在該框中輸入的文字會根據(jù)輸入框的寬度自動換行。 設(shè)置文字的屬性 設(shè)置文字屬性工具可以用來設(shè)置文字的字體、字號、顏色、字間距、字符位置、文字的粗體和斜體以及文字的方向等。,設(shè)置文本格式 對齊方式?jīng)Q定了段落中每行文本相對于文本塊邊緣的位置。橫排文本相對于文本的左右邊緣對齊，豎排文本相對于文本塊的上下邊緣對齊。 單擊【屬性】面板中的 【編輯格式選項(xiàng)】按鈕，打開【格式選項(xiàng)】對話框，在對話框中可以設(shè)置文本的【縮進(jìn)】、【列間距】、【上邊距】、【下邊距】，如右圖所示。,7-3-3 嵌入字

9、體和設(shè)備字體,在Flash中，使用的字體可以分為嵌入字體和設(shè)備字體。 在影片中使用了系統(tǒng)已經(jīng)安裝的字體，F(xiàn)lash將在SWF文件中嵌入字體信息，保證影片播放時字體能夠正常顯示。 在制作影片時常會用到一些特殊字體，即設(shè)備字體。設(shè)備字體不會嵌入到Flash的SWF文件中，因此使用設(shè)備字體發(fā)布的影片會很小。 Flash中包括3種設(shè)備字體：_sans，_serif，typewriter。,7-3-4 利用分離命令設(shè)計(jì)文字,對象的組合和分離 將對象分離的操作：選中對象后，單擊菜單欄中的【修改】/【分離】命令，或使用Ctrl+B快捷鍵即可。如果該對象是一個組合對象，執(zhí)行該命令可以分離為原來德單獨(dú)對象。 將對象組合的操作：選中要組合成一個整體的多個對象，單擊菜單欄中的【修改】/【組合】命令，或使用Ctrl+G快捷鍵即可。,分離文字對象 文字對象可以進(jìn)行分離和組合，根據(jù)這種特性，可以使用更豐富的手法來表現(xiàn)文字魅力。 文字的分離操作過程如下： 選擇要轉(zhuǎn)換為矢量圖形文本塊。 單擊菜單欄中的【修改】/【分離】命令，或使用Ctrl+B快捷鍵，將選定的文