網(wǎng)頁設(shè)計(jì)及制作 第15章 Flash繪制簡單的圖形及圖形的基本操作

1、第第15章章Flash繪制簡單的圖形繪制簡單的圖形及圖形的基本操作及圖形的基本操作網(wǎng)頁設(shè)計(jì)與制作北京師范大學(xué)出版北京師范大學(xué)出版第15章 Flash繪制圖形的基本操作本章知識要點(diǎn)本章知識要點(diǎn)Flash CS4 基本圖形類型基本圖形類型Flash CS4【工具箱工具箱】中的繪制工具及其輔中的繪制工具及其輔助工具助工具圖形的基本操作圖形的基本操作文本的編輯文本的編輯圖形的修飾圖形的修飾網(wǎng)頁設(shè)計(jì)與制作網(wǎng)頁設(shè)計(jì)與制作第15.1章 Flash繪制圖形的基本操作網(wǎng)頁設(shè)計(jì)與制作網(wǎng)頁設(shè)計(jì)與制作15.1 flash動畫中的基本圖形動畫中的基本圖形制作制作Flash動畫時需要大量的素材，這些素材要么使用動畫時需要

2、大量的素材，這些素材要么使用Flash CS4自帶的工具自已自帶的工具自已繪制，要么從外部導(dǎo)入，本章主要學(xué)習(xí)繪制，要么從外部導(dǎo)入，本章主要學(xué)習(xí)Flash動畫素材的繪制和導(dǎo)入。使用動畫素材的繪制和導(dǎo)入。使用Flash的繪圖工具繪制動畫所需的素材是制作一幅好的動畫作品的基礎(chǔ)，因此本章從繪的繪圖工具繪制動畫所需的素材是制作一幅好的動畫作品的基礎(chǔ)，因此本章從繪制素材入手，進(jìn)行學(xué)習(xí)。制素材入手，進(jìn)行學(xué)習(xí)。在計(jì)算機(jī)領(lǐng)域中，根據(jù)成圖原理和繪制方法的不同，圖像分為矢量圖和位圖兩種在計(jì)算機(jī)領(lǐng)域中，根據(jù)成圖原理和繪制方法的不同，圖像分為矢量圖和位圖兩種類型。矢量圖形是由一個個單獨(dú)的點(diǎn)構(gòu)成的，每一個點(diǎn)都有其各自的屬

3、性，如位類型。矢量圖形是由一個個單獨(dú)的點(diǎn)構(gòu)成的，每一個點(diǎn)都有其各自的屬性，如位置、顏色等。矢量圖的清晰度與分辨率的大小無關(guān)，對矢量圖進(jìn)行縮放時，圖形置、顏色等。矢量圖的清晰度與分辨率的大小無關(guān)，對矢量圖進(jìn)行縮放時，圖形對象仍保持原有的清晰度和光滑度，不會發(fā)生任何偏差，用對象仍保持原有的清晰度和光滑度，不會發(fā)生任何偏差，用Flash繪圖工具繪制出繪圖工具繪制出的素材是矢量圖；位圖圖像是由像素構(gòu)成的，像素的多少將決定位圖圖像的顯示的素材是矢量圖；位圖圖像是由像素構(gòu)成的，像素的多少將決定位圖圖像的顯示質(zhì)量和文件大小，位圖圖像的分辨率越高，其顯示越清晰，文件所占的空間也就質(zhì)量和文件大小，位圖圖像的分辨

4、率越高，其顯示越清晰，文件所占的空間也就越大。因此，位圖圖像的清晰度與分辨率有關(guān)。對位圖圖像進(jìn)行放大時，放大的越大。因此，位圖圖像的清晰度與分辨率有關(guān)。對位圖圖像進(jìn)行放大時，放大的只是像素點(diǎn)，位圖圖像的四周會出現(xiàn)鋸齒狀。只是像素點(diǎn)，位圖圖像的四周會出現(xiàn)鋸齒狀。第15.1章 Flash繪制圖形的基本操作網(wǎng)頁設(shè)計(jì)與制作網(wǎng)頁設(shè)計(jì)與制作同時，豐富的色彩可以使動畫的表現(xiàn)力更好，由于不同的顏色的色彩在表現(xiàn)上存在某些差異，根據(jù)這此差異，色彩被分為多種模式，如RGB模式、灰度模式、索引顏色模式等。在Flash CS4中，提供了RGB和HSB色彩模式。15.2 Flash CS4繪制工具繪制工具Flash CS

5、4的【工具箱】中提供了一些基本的圖形繪制工具，如圖15-1，包括【線條】、【矩形】、【鋼筆】工具等。根據(jù)【工具箱】中的所有繪制工具的功能的沒同，可分為線條繪制工具、圖形繪制工具、填充工具和擦除工具。 線條工具 選擇工具 鉛筆工具 墨水瓶工具 滴管工具 手形工具 筆觸顏色 填充顏色 黑白 貼緊至對象 部分選取工具 套索工具 文本工具 刷子工具 顏料桶工具 橡皮擦工具 縮放工具 交換顏色 圖15-1“工具箱”面板第15.2章 Flash cs4繪制工具網(wǎng)頁設(shè)計(jì)與制作網(wǎng)頁設(shè)計(jì)與制作15.2.1 線條繪制工具及輔助工具線條繪制工具及輔助工具線是最構(gòu)成圖形最基礎(chǔ)的元素，在Flash CS4中，線條繪圖工

6、具主要包括【線條】工具、【鉛筆】工具和【鋼筆】工具等。(1).(1).線條工具線條工具應(yīng)用線條工具可以繪制不同顏色、寬度、線性的直線。單擊工具箱中的【線條】 工具， 在舞臺上單擊鼠標(biāo)，按住鼠標(biāo)左鍵不放并向右拖動到需要的位置，繪制出一條直線，松開鼠標(biāo)，就會在舞臺上繪制出一條直線。同時可以在直線工具【屬性】面板中設(shè)置不同的線條顏色線條粗細(xì)線型，如圖15-2所示。筆觸顏色：在如圖15-2所示的【屬性】面板中，單擊【筆觸顏色】按鈕，會彈出一個調(diào)色板，如圖15-3，用鼠標(biāo)拾取所需要的線線顏色。筆觸粗細(xì)：設(shè)置線條的粗細(xì)。筆觸樣式：在不同的場景中，有時需要不同類型的線條，在CS4中定義了斑馬線、虛線、實(shí)線等

7、6種樣式，如圖15-4。第15.2章 Flash cs4繪制工具網(wǎng)頁設(shè)計(jì)與制作網(wǎng)頁設(shè)計(jì)與制作圖15-2 線條“屬性”面板 圖15-3 “筆觸”調(diào)色板 圖15-4 “筆觸”樣式 注：單擊樣式右邊的【編輯筆觸樣式】按鈕，會彈出一個【筆觸樣式】對話框，如圖15-5所示。為了方便觀察，我們把粗細(xì)定為5象素（pts），選擇不同的線型和顏色，來看看我們畫出的線條，如圖15-6所示。圖 15-5 “編輯筆觸樣式”對話框 圖15-6 不同樣式的線型 第15.2章 Flash cs4繪制工具網(wǎng)頁設(shè)計(jì)與制作網(wǎng)頁設(shè)計(jì)與制作端點(diǎn)：該項(xiàng)設(shè)置可將繪制出的直線的端點(diǎn)設(shè)置為圓角或方形。效果如圖15-7.接合：該項(xiàng)則是設(shè)置當(dāng)兩

8、條直線相交時的效果，其效果如圖15-8.圖15-7 “端點(diǎn)”的三種設(shè)置及效果 圖15-8“接合”的三種設(shè)置及效果(2).(2).鉛筆工具鉛筆工具【鉛筆】工具 的顏色、粗細(xì)、樣式定義和【線條】工具一樣，可以使用鉛筆工具繪制直線、曲線等線型，在它的附屬選項(xiàng)里有三種模式，如圖15-9所示。圖15-9 鉛筆工具選項(xiàng) 第15.2章 Flash cs4繪制工具網(wǎng)頁設(shè)計(jì)與制作網(wǎng)頁設(shè)計(jì)與制作 伸直模式：在伸直模式下畫的線條，它把線條轉(zhuǎn)成接近形狀的直線。平滑模式：把線條轉(zhuǎn)換成接近形狀的平滑曲線。 墨水模式：不加修飾，完全保持鼠標(biāo)軌跡的形狀。(3).(3).鋼筆工具鋼筆工具要想繪制出直線或者是平滑曲線的準(zhǔn)確路徑的

9、軌跡，可以使用【鋼筆】 工具，使用該工具畫路徑是非常容易的。選擇【鋼筆】工具后，在舞臺上不斷地單擊鼠標(biāo)，就可以繪制出相應(yīng)的路徑，如果想結(jié)束路徑的繪制，雙擊最后一個點(diǎn)，如圖15-10。繪圖時，在舞臺上可以清楚看到路徑上的錨點(diǎn)，通過在線條上添加或調(diào)整這些錨點(diǎn)，使線段成為任意想要的線型。同時按住 Shift 鍵的同時再進(jìn)行單擊，可以將線條限制為傾斜 45 度的倍數(shù)方向，如圖15-11。鋼筆工具也可以用來繪制曲線，方法是在繪制路徑時，當(dāng)想要在某兩個路徑點(diǎn)之間繪制曲線，選擇【鋼筆】工具，在曲線的超始點(diǎn)按下鼠標(biāo)左鍵，同里在終點(diǎn)按下鼠標(biāo)的同時不要松開，然后朝想要的曲線相反的方向拖動來完成線段。如果覺得這條曲

10、線不滿意，我們還可以用部分選取工具來進(jìn)行調(diào)整，如圖15-12。第15.2章 Flash cs4繪制工具網(wǎng)頁設(shè)計(jì)與制作網(wǎng)頁設(shè)計(jì)與制作圖15-10 任意線 圖15-11 45度線 圖15-12 曲線的調(diào)整及繪制 注：單擊鋼筆工具右下角的小三角，可以看到【鋼筆工具】的四個選項(xiàng)，除了鋼筆工具以外，還有添加錨點(diǎn)工具、刪除錨點(diǎn)工具、轉(zhuǎn)換錨點(diǎn)工具，利用這此工具可以任意志調(diào)整所繪制的線，除了使用這些選擇工具來添加、刪除、轉(zhuǎn)換錨點(diǎn)以外，在flash舞臺上將鼠標(biāo)移動到所繪制的線上，鼠標(biāo)會顯示不同的工具提示進(jìn)行錨點(diǎn)的添加、刪除和轉(zhuǎn)換，只需要在 需要的地方單擊鼠標(biāo)就可以了，如圖15-13所示。 圖15-13 “鋼筆”

11、工具選項(xiàng)第15.2章 Flash cs4繪制工具網(wǎng)頁設(shè)計(jì)與制作網(wǎng)頁設(shè)計(jì)與制作(4).(4).選擇工具選擇工具【選擇】工具就是用來選擇一個或多個舞臺上的對象。要想選擇舞臺上的單個對象，單擊該按鈕，然后用鼠標(biāo)單擊舞臺上的要選擇的對象即可；選取多個對象時,只需在選取對象的同時,先按住Shift鍵不放,然后依次單擊每個要選取的對象即可。另外還可使用框選的方法選取多個對象先選中箭頭工具，然后按住鼠標(biāo)左鍵拖動一個矩形范圍，將要選取的對象都包含在此矩形范圍內(nèi)，此時矩形范圍內(nèi)的對象將都被選取。【選擇工具】還可以移動對象，只需將鼠標(biāo)指針移動到所選對象中，當(dāng)鼠標(biāo)指針變?yōu)樗膫€方向的箭頭形狀時，單擊并拖動對象到適當(dāng)位

12、置后，釋放鼠標(biāo)即可。 單擊【選擇】工具后，在工具箱的下方選項(xiàng)處會出現(xiàn)這樣的選項(xiàng)按鈕：磁鐵按鈕，其作用就是使繪圖的效率更高，其功能是將來兩個舞臺元素自動定位。：平滑按鈕，通過平滑處理，能夠柔化曲線并減少曲線整體方向上的不規(guī)則或凹凸不平的變化。還減少了曲線中線段的數(shù)目，形成更平滑的曲線。：伸直按鈕，是指對繪制的線條或曲線會產(chǎn)生一定的拉直效果，可以對線條和圖形的輪廓進(jìn)行伸直處理。第15.2章 Flash cs4繪制工具網(wǎng)頁設(shè)計(jì)與制作網(wǎng)頁設(shè)計(jì)與制作另外，利用選擇工具可以拖動線條上任意一點(diǎn)對來線條和圖形進(jìn)行輪廓的調(diào)整，指針的變化表明了在線條或填充上將完成哪種類型的調(diào)整。具體方法如下：在工具箱中單擊 選擇

13、工具，當(dāng)鼠標(biāo)指向圖形邊緣時，鼠標(biāo)自動發(fā)生變化，如果鼠標(biāo)指針變?yōu)橛蚁陆鞘且粋€直角 ，這時拖動鼠標(biāo)可以改變線條的方向和長短；將鼠標(biāo)指針移動到線條上，指針右下角會變成弧線狀 ，拖動鼠標(biāo)，可以將直線變成曲線。這是一個很有用處的功能，它可以幫助我們畫出所需要的各種曲線形狀，如圖15-14所示；當(dāng)變成 時，同時按下ALT鍵，可以進(jìn)行更細(xì)致的調(diào)整。圖15-14 選擇工具的對圖形的調(diào)整 第15.2章 Flash cs4繪制工具網(wǎng)頁設(shè)計(jì)與制作網(wǎng)頁設(shè)計(jì)與制作(5).(5).部分選取工具部分選取工具【部分選取】工具也可以完成對圖形的調(diào)整。對于直線，使用該工具單擊直線上的某個點(diǎn)，拖動該點(diǎn)或使用選擇工具將該點(diǎn)移動另一個

14、位置。對于曲線，即以貝賽爾曲線的方式編輯對象的筆觸。用部分選取工具選取矢量對象上節(jié)點(diǎn)后，如果此時按Delete鍵即可刪除該節(jié)點(diǎn)；如果此時用鼠標(biāo)拖動矢量圖形上節(jié)點(diǎn)的手柄即可改變圖形的形狀。 還是以上面的鋼筆繪制心形為例，用一個鋼筆繪制的三角形調(diào)整為一個心形，在工具箱中選擇【部分選取工具】，單擊節(jié)點(diǎn)，會出現(xiàn)兩個手柄，如圖15-15所示。注：有時繪制的拆線，單擊時不會出現(xiàn)手柄，如果想用【部分選取工具】調(diào)整曲線，可以按下Alt鍵此時，節(jié)點(diǎn)的手柄就出現(xiàn)了。另外當(dāng)拖動手柄改變曲線的形狀時，按住Alt鍵拖動手柄，只會拖動選擇的那個手柄，而不會影響另一個手柄，拖動節(jié)動時則會移動節(jié)點(diǎn)的位置。第15.2章 Fla

15、sh cs4繪制工具網(wǎng)頁設(shè)計(jì)與制作網(wǎng)頁設(shè)計(jì)與制作圖15-15 “部分選取工具”調(diào)整圖形15.2.2 圖形繪制工具圖形繪制工具在Flash CS4中的圖形繪制工具包括矩形工具，橢圓工具，多角星形工具，如圖15-16。(1).(1).矩形工具矩形工具在工具箱中選擇【矩形】工具 ，在場景中拖動鼠標(biāo)可繪制出方角或圓角的矩形。在【屬性】面板中可以設(shè)定填充的顏色及外框筆觸的顏色、粗細(xì)和樣式，這與【線條工具】的屬性設(shè)置一樣，如圖15-17。在Flash CS4中，矩形工具分為基本矩形工具和矩形工具，其中基本矩形工具是用來繪制各種常見的矩形，而矩形工具不但可以繪制各種矩形，還可以通過設(shè)置矩形屬性面板中的【矩形

16、選項(xiàng)】參數(shù)來繪制圓角矩形，如圖15-18。第15.2章 Flash cs4繪制工具網(wǎng)頁設(shè)計(jì)與制作網(wǎng)頁設(shè)計(jì)與制作圖15-16 “圖形”工具 圖15-17 “矩形屬性”面板 圖15-18 “矩形選項(xiàng)”參數(shù) 注：按住Shift鍵的同時拖動鼠標(biāo)，將繪制出一個正方形。（2 2）橢圓工具）橢圓工具在工具箱中選擇【橢圓】 工具，將鼠標(biāo)移動到場景中，拖動鼠標(biāo)可繪制出橢圓或圓形。與矩形工具相同，選中工具箱中的橢圓工具，可以通過【屬性】面板中可以設(shè)定填充的顏色及外框筆觸的顏色、粗細(xì)和樣式等。注：按住Shift鍵的同時拖動鼠標(biāo)，將繪制出一個圓形。在Flash CS4中，與矩形工具相同，橢圓分為基本橢圓工具和橢圓工具

17、，其中基本橢圓工具是用來繪制各種常見的橢圓，而橢圓工具不但可以繪制各種特殊的橢圓，還可以通過設(shè)置橢圓屬性面板中的【橢圓選項(xiàng)】參數(shù)來繪制各種橢圓，如扇形，如圖15-18。第15.2章 Flash cs4繪制工具網(wǎng)頁設(shè)計(jì)與制作網(wǎng)頁設(shè)計(jì)與制作圖15-18 “橢圓”屬性面板及各種橢圓圖形 注：【橢圓選項(xiàng)】參數(shù)中的對開始角度、結(jié)束角度及內(nèi)徑等參數(shù)的設(shè)置，來繪制各種圓環(huán)、扇形等。（3 3）多角星形工具）多角星形工具【多角星形】工具可以用來在舞臺上繪制多邊形和各種星形。同前面的圖形工具一樣，【多角星形】工具的【屬性】可以設(shè)置所繪制圖形填充的顏色及外框筆觸的顏色、粗細(xì)和樣式等。同時在面板中也可以設(shè)置多邊形邊的

18、數(shù)量和形狀。在面板中單擊【工具設(shè)置】中的【選項(xiàng)】按鈕，彈出【工具設(shè)置】對話框，如圖15-19所示。第15.2章 Flash cs4繪制工具網(wǎng)頁設(shè)計(jì)與制作網(wǎng)頁設(shè)計(jì)與制作圖15-18 “橢圓”屬性面板及各種橢圓圖形 注：打開【樣式】下拉菜單，可以選擇【多邊形】或【星形】，可以在對話框中定義多邊形的邊數(shù)，數(shù)值介于332之間，星形頂點(diǎn)的大小介于01之間。上案例中星形頂點(diǎn)大小分別是：0.0，0.5，1.0。15.2.3 顏色填充工具顏色填充工具繪制圖形之后，就可以進(jìn)行顏色的填充操作，F(xiàn)lash CS4中的填充工具主要包括【顏料桶】工具、【墨水瓶】工具、【滴管】工具、【刷子】工具和【噴涂刷】工具。(1).

19、(1).顏料桶和墨水瓶工具顏料桶和墨水瓶工具第15.2章 Flash cs4繪制工具網(wǎng)頁設(shè)計(jì)與制作網(wǎng)頁設(shè)計(jì)與制作(1).(1).顏料桶和墨水瓶工具顏料桶和墨水瓶工具在工具 箱里的 右下角單擊下， 看到有兩個工具選項(xiàng)，即【顏料桶】工具和【墨水瓶】工具。【顏料桶】工具 可以對某一區(qū)域進(jìn)行單色、漸變色或位圖填充的工具，用于更改已涂色的區(qū)域或者為一個封閉的區(qū)域或未完全封閉區(qū)域填充顏色，它不能作用于線條。如果要取消剛填充的顏色，按快捷鍵Ctrl+Z。具體的填充方法，鼠標(biāo)單擊【顏料桶】工具，在工具箱的下面出現(xiàn)兩個按鈕 選項(xiàng)，單擊顏料桶 按鈕，打開調(diào)色板，鼠標(biāo)變?yōu)槲苄螤睿藭r用吸管可以拾取想要的顏色，如圖

20、 15-19；在打開的調(diào)色板的右上角，有三個按鈕，透明填充設(shè)置按鈕 ；如果不想進(jìn)行顏色填充，可以選擇 按鈕，禁止顏色的填充；還可以進(jìn)行顏色自定義按鈕 ，可以自定義顏色，用戶可以自定義相要的顏色，如圖15-20；然后移動鼠標(biāo)到要填充顏色的圖形上單擊鼠標(biāo)為區(qū)域填充顏色或者拖動用于填充漸變色，除了在工具箱中可以打開【顏料桶】工具，在【顏料桶】工具【屬性】面板中也可以打開調(diào)色板和顏色自定義對話框，如圖15-21。第15.2章 Flash cs4繪制工具網(wǎng)頁設(shè)計(jì)與制作網(wǎng)頁設(shè)計(jì)與制作圖15-19 “調(diào)色板” 圖15-20 “顏色”對話框 圖15-21 “顏料桶”屬性面板 注：在進(jìn)行漸變填充，選中調(diào)色板下面

21、的漸變色，在填充區(qū)域拖動鼠標(biāo)時，可以從不同的角度拖動鼠標(biāo)，及拖動的長度等都對填充效果有不同的影響，如圖15-22，同時對于漸變填充的效果還可通過【漸變變形工具】 進(jìn)行調(diào)整，這個工具在后面講 圖 15-22 拖動“顏料桶”工具從不同角度及拖動不同長度填充效果 第15.2章 Flash cs4繪制工具網(wǎng)頁設(shè)計(jì)與制作網(wǎng)頁設(shè)計(jì)與制作注：當(dāng)把位圖“文件導(dǎo)入導(dǎo)入到庫”，會發(fā)現(xiàn)該位圖在調(diào)色板的下方出現(xiàn)，就可以用【顏料桶】工具中選中該位圖來填充圖形，如圖15-23。圖15-23 用“顏料桶”中的位圖來填充圖形 在工具箱中單擊【顏料桶】工具，可以在工具箱的下方看到一個空隙大小選項(xiàng)按鈕，如圖15-24所示。不封閉

22、空隙：要求所選區(qū)域的邊線要完全封閉，如果邊線有空隙，沒有完全接合，就不填色。 封閉小空隙：可忽略邊線之間的一些小空隙，當(dāng)做是完全封閉的來進(jìn)行填色。 第15.2章 Flash cs4繪制工具網(wǎng)頁設(shè)計(jì)與制作網(wǎng)頁設(shè)計(jì)與制作封閉中等空隙：可忽略邊線之間的一些中等空隙，當(dāng)做是完全封閉的來進(jìn)行填色。 封閉大空隙：可忽略邊線之間的一些較大空隙，當(dāng)做是完全封閉的來進(jìn)行填色。注：對圖形填充時，如果選擇了 “封閉大空隙”沒有任何作用的話，可以使用“放大鏡工具”縮小視圖后，再用“顏料桶工具”進(jìn)行填充，就有可能能被填充上了。但在Flash中，即使對于大缺口，值也是很小的，所在要對大的不封閉區(qū)域填充顏色，一般用筆刷。如

23、圖15-25。鎖定填充常與刷子工具一起使用，用于對填充色進(jìn)行鎖定 圖 15-24 空隙大小 圖15-25 “顏料桶”填充效果 第15.2章 Flash cs4繪制工具網(wǎng)頁設(shè)計(jì)與制作網(wǎng)頁設(shè)計(jì)與制作【墨水瓶】工具更改已有線條和輪廓線的顏色和樣式，還可以給矢量圖形加上輪廓線。具體的使用方法同【顏料桶】工具一樣，鼠標(biāo)單擊【墨水瓶】工具，在下面的按鈕上選擇筆觸按鈕 ，單擊調(diào)色板，拾取顏色，移動鼠標(biāo)到矢量圖形的邊緣，然后單擊就可以為該矢量圖形填充上所選定的邊框線顏色。同【顏料桶】工具一樣，在【墨水瓶】工具【屬性】面板中可以設(shè)置筆觸和填充邊緣顏色、樣式及粗細(xì)等，如圖15-26，將【墨水瓶】工具【屬性】面板調(diào)

24、整為圖和效果如圖15-27所示。圖15-26 “墨水瓶”工具填充 圖15-27 “墨水瓶”工具填充 第15.2章 Flash cs4繪制工具網(wǎng)頁設(shè)計(jì)與制作網(wǎng)頁設(shè)計(jì)與制作(2).(2).滴管工具滴管工具【滴管】工具 的作用吸取某一對象的色彩或線條特征，以便應(yīng)用到其他對象上?！镜喂堋抗ぞ邲]有【屬性】和工具箱中的其它選項(xiàng)。當(dāng)把在工具箱中單擊【滴管】，移動鼠標(biāo)到對象上時，鼠標(biāo)變 形狀時，表示從對象或是位圖吸取其色彩特征，并調(diào)出【顏料桶】工具用剛才吸取到的色彩特征進(jìn)行填充，如圖15-28，用吸管工具吸取照片中人物的面部顏色填充旁邊的橢圓；當(dāng)鼠標(biāo)變 ，表示從對象的線條或輪廓線上吸取色彩和樣式特征，并調(diào)出【

25、墨水瓶】工具用吸取到的色彩和樣式特征進(jìn)行線條和對象輪廓的填充，如圖15-29，利用吸管工具將橢圓的點(diǎn)狀輪廓樣式及顏色應(yīng)用到另一個橢圓上。圖15-28 吸取位圖的色彩特征 圖15-29 吸取輪廓或線線的色彩及樣式特征第15.2章 Flash cs4繪制工具網(wǎng)頁設(shè)計(jì)與制作網(wǎng)頁設(shè)計(jì)與制作(3).(3).漸變變形工具和任意變形工具漸變變形工具和任意變形工具在工具箱里的單擊任意變形工具 右下角的小三角形，會出現(xiàn) ，選擇其中的【漸變變形】工具，就可以對對象的漸變填充顏色進(jìn)行旋轉(zhuǎn)、拉伸、移動等調(diào)整，使?jié)u變填充有不同的填充效果。具體的使用方法，在工具箱中單擊該工具，選中并將鼠標(biāo)移動到舞臺上要調(diào)整效果的對象上單

26、擊，則該圖形上出現(xiàn)調(diào)填充變形調(diào)整手柄，根據(jù)填充的效果不同，分為線性漸變和放射狀漸變。線性漸變調(diào)整手柄：中心的空心圓點(diǎn)是移動填充的中心位置；帶小三角的圓圈是方向旋轉(zhuǎn)手柄；帶箭頭的方框則是調(diào)整漸變范圍的手柄；放射狀漸變調(diào)整手柄：中心的空心圓點(diǎn)是移動填充中心位置的；倒立的三角形是移動漸變的中心位置的手柄；帶小三角的圓圈是方向旋轉(zhuǎn)手柄；帶箭頭的方框是調(diào)整漸變寬度的；帶箭頭的圓圈則是調(diào)整漸變范圍，如圖15-30。注：除了【顏料桶】上定義好的漸變色以外，還可以利用“窗口顏色”命令，打開“顏色”對話框，設(shè)置符合動畫要求的各種漸變色，可以通過類型，益出進(jìn)行設(shè)置，如圖15-31所示。第15.2章 Flash c

27、s4繪制工具網(wǎng)頁設(shè)計(jì)與制作網(wǎng)頁設(shè)計(jì)與制作圖15-30 “漸變”工具 圖15-31 “顏色”面板自定義漸變色 其中“類型”包括5種：無：無填充色純色：提供單一的填充顏色線性：產(chǎn)生一種沿線性軌跡混合的多色漸變放射狀：產(chǎn)生從一個中心點(diǎn)發(fā)出沿環(huán)形軌跡向外混合的多色漸變位圖：用可選的位圖圖像平鋪所選的填充區(qū)域 第15.2章 Flash cs4繪制工具網(wǎng)頁設(shè)計(jì)與制作網(wǎng)頁設(shè)計(jì)與制作“溢出”包括三種：擴(kuò)展：將指定的顏色用于漸變末端之處鏡像：從漸變的開始到結(jié)束，再以相反的順序從漸變的結(jié)束到開始，再從漸變的開始到結(jié)束，直到所選形狀填充完成重復(fù)：從漸變的開始到結(jié)束重復(fù)漸變，直到所形狀填充完畢【任意變形】工具 可以對

28、對象進(jìn)行縮放、旋轉(zhuǎn)等操作。具體操作是：在工具箱里單擊【任意變形】 工具，然后在工具箱的下面會出現(xiàn)任意變形工具五個選項(xiàng)，分別是 ： ：對齊對象按鈕 ； ：旋轉(zhuǎn)與傾斜鈕； ：縮放按鈕； ：扭曲按鈕； ：封套按鈕。如圖15-32所示。圖 15-32 “任意變形”工具使用效果第15.2章 Flash cs4繪制工具網(wǎng)頁設(shè)計(jì)與制作網(wǎng)頁設(shè)計(jì)與制作注：位圖只有打散后才能使用后兩個按鈕的效果。按Alt：以對稱點(diǎn)為中心點(diǎn)進(jìn)行旋轉(zhuǎn)按Shift：以等比例進(jìn)行旋轉(zhuǎn)按Shift同時拖曳圖片邊上的4個控制點(diǎn)：扭曲(4).(4).刷子和噴涂刷子工具刷子和噴涂刷子工具【刷子】工具 模擬軟筆的繪畫方式，用于繪制任意的線條或圖形

29、，也可用于為圖形填充顏色。在使用時，刷子不會隨舞臺的縮放而變化。當(dāng)在工具箱中單擊刷子工具 時，移動鼠標(biāo)到舞臺，鼠標(biāo)會改為刷子形狀，同時在工具箱的下面會出現(xiàn)【刷子】工具的選項(xiàng)， 分別是鎖定填充、刷子模式、刷子的大小和刷子的形狀：鎖定填充：用于設(shè)置填充的漸變顏色是獨(dú)立應(yīng)用還是連續(xù)應(yīng)用。例如某種刷子漸變填充的樣式要應(yīng)用到另一個對象上，此時就可以選中鎖定填充，然后再用刷子進(jìn)行一樣的漸變填充。刷子模式：指刷子在填充圖形時的不同方式。第15.2章 Flash cs4繪制工具網(wǎng)頁設(shè)計(jì)與制作網(wǎng)頁設(shè)計(jì)與制作刷子模式 標(biāo)準(zhǔn)繪畫 顏料填充 后面繪畫 顏料選擇 內(nèi)部繪畫 標(biāo)準(zhǔn)繪畫：不管是線條還是填色范圍，只要是畫筆經(jīng)

30、過的地方，都變成了畫筆的顏色。顏料填充：只影響了填色的內(nèi)容，不會遮蓋住線條后面繪畫：無論怎么畫，它都在圖像的后方，不會影響前景圖像。顏料選擇：畫筆只在選擇區(qū)域中起作用。內(nèi)部繪畫：畫筆的起點(diǎn)必須是在輪廓線以內(nèi)，而且畫筆的范圍也只作用在輪廓線以內(nèi)。第15.2章 Flash cs4繪制工具網(wǎng)頁設(shè)計(jì)與制作網(wǎng)頁設(shè)計(jì)與制作刷子大?。河糜谠O(shè)置刷子工具的筆刷大小。刷子形狀：用于設(shè)置刷子工具的形狀。注：【刷子】工具的【屬性】中有個“平滑”選項(xiàng)，用來設(shè)置繪制圖形的平滑模式，此項(xiàng)參數(shù)越大，繪制的圖形越平滑?！緡娡克⒆印抗ぞ?是Flash CS4 中新增加的一個工具，該工具為Flash繪圖增加了特別的色彩。其具體的用

31、法是單擊工具箱中的刷子工具的右下角的小三角，選擇【噴涂刷子】工具，在舞臺上單擊鼠標(biāo)，會發(fā)現(xiàn)會出現(xiàn)很多小點(diǎn)，同時查看【噴涂刷子】工具【屬性】面板，如圖15-33，會發(fā)現(xiàn)該工具是基于元件和畫筆組成的。那些小點(diǎn)是該工具的默認(rèn)效果。可以通過設(shè)置“顏色”、“畫筆”和“隨機(jī)縮放”效果來設(shè)置噴涂的效果，其中通過“縮放”設(shè)置可以調(diào)整“噴涂刷工具”的噴涂大小，縮放可以設(shè)置“0-40000”之間的數(shù)值，當(dāng)選擇了“隨機(jī)縮放”后，所噴涂的圖形就為“隨機(jī)”大小，這樣更符合噴涂這類工具的實(shí)際使用效果。畫筆是設(shè)置“噴涂刷工具”的噴涂范圍。其如圖15-34，將顏色設(shè)置為紅色，畫筆的高和寬設(shè)為9，角度為順時針23第15.2章

32、Flash cs4繪制工具網(wǎng)頁設(shè)計(jì)與制作網(wǎng)頁設(shè)計(jì)與制作圖15-33 “噴涂刷子”屬性面板 圖15-34 “噴涂刷子”效果 15.2.4 擦除工具及套索工具擦除工具及套索工具 (1).(1).橡皮擦工具橡皮擦工具像許多圖形設(shè)計(jì)軟件一樣，在Flash CS4中提供了【像皮擦】工具?！鞠衿げ痢抗ぞ呖梢苑奖愕牟脸枧_中的任何矢量圖形，包括筆觸和填充區(qū)域。該工具時提供了多種擦除方式及擦除形狀，在擦除對象時，用戶可以在工具箱中自定義擦除的方式，這樣可以只擦除特定的對象，如只擦除筆觸、多個填充區(qū)域或單個填充區(qū)域；使用方法：在工具箱中選擇【像皮擦】，然后在工具箱的下面會看到該工具的選項(xiàng)，包括：橡皮擦模式、水龍

33、頭和橡皮擦形狀。橡皮擦模式：控制橡皮擦工具進(jìn)行擦除時的行為方式，包括以下5種模式。第15.2章 Flash cs4繪制工具網(wǎng)頁設(shè)計(jì)與制作網(wǎng)頁設(shè)計(jì)與制作橡皮擦模式 標(biāo)準(zhǔn)擦除 擦除填色 擦除線條 擦除所選填充 內(nèi)部擦除 標(biāo)準(zhǔn)擦除：像普通的橡皮工具一樣，將擦除同一層上橡皮經(jīng)過所有的筆觸和填充。擦除填色：只擦除填充色，不影響筆觸。擦除線條：只擦除筆觸，不影響填充色，與擦除填色正好相反。擦除所選填充：只擦除當(dāng)前選定的填充色，不影未被選中的填充色和所有筆觸內(nèi)部擦除：只擦除橡皮擦筆觸開始處的填充，不影響筆觸。水龍頭：顏料桶和墨水瓶的反作用，擦除所在區(qū)域的筆觸或填充區(qū)域。橡皮擦形狀：用于設(shè)置橡皮工具的形狀及大

34、小。第15.2章 Flash cs4繪制工具網(wǎng)頁設(shè)計(jì)與制作網(wǎng)頁設(shè)計(jì)與制作(2).(2).套索工具套索工具【套索】工具 是一種選取工具，使用的時候不是很多，主要用在處理位圖時。選擇【套索工具】后，會在工具箱下面出現(xiàn)多個選項(xiàng) ，其中包括魔術(shù)棒、魔術(shù)棒設(shè)置和多邊形模式三個按鈕。魔術(shù)棒：【魔術(shù)棒】 用于對位圖的處理。如果我們要選取位圖中同一色彩，可以先設(shè)置魔術(shù)棒屬性。單擊【魔術(shù)棒】 設(shè)置按鈕，彈出【魔術(shù)棒設(shè)置】對話框，對于【閾值】，輸入一個介于1到200之間的值，用于定義所選區(qū)域內(nèi)，相鄰像素達(dá)到的顏色接近程度。數(shù)值越高，包含的顏色范圍越廣。如果輸入0，則只選擇與所單擊像素的顏色完全相同的像素。在【平滑

35、】菜單中有四個選項(xiàng)，用于定義所選區(qū)域邊緣的平滑程度，如圖15-35所示。圖15-35“魔術(shù)棒”設(shè)置對話框 圖15-36選擇圖像背景 圖15-37 利用“魔術(shù)棒”刪除背景 第15.2章 Flash cs4繪制工具網(wǎng)頁設(shè)計(jì)與制作網(wǎng)頁設(shè)計(jì)與制作執(zhí)行【文件】|【導(dǎo)入】|【導(dǎo)入到舞臺】命令，在Flash中導(dǎo)入一幅位圖圖像，保證圖像處于選中狀態(tài)，執(zhí)行【修改】|【分離】命令（快捷鍵Ctrl+B），將位圖分離，選擇【魔術(shù)棒】，單擊需要選擇的部分，如圖15-36所示。注：利用上面敘述的方法可以將位圖圖像的背景去掉。具體方法是，將位圖圖像打散，選擇【魔術(shù)棒】，不斷調(diào)整【魔術(shù)棒設(shè)置】對話框中的值，選取位圖背景，然后

36、按下Delete鍵將所選背景刪除，如圖15-37所示。在場景中隨意繪制一個圖形，選擇【套索工具】，在工具箱下面的選項(xiàng)里單擊【多邊形模式】 按鈕，根據(jù)需要單擊鼠標(biāo)，當(dāng)?shù)玫侥阈枰倪x擇區(qū)域時，雙擊鼠標(biāo)自動封閉所選區(qū)域。第15.3章 文本工具網(wǎng)頁設(shè)計(jì)與制作網(wǎng)頁設(shè)計(jì)與制作Flash【文本】工具 是用來在舞臺上輸入文字的，在CS4中，文本的類型分為靜態(tài)文本、動態(tài)文本和輸入文本共3種： ：默認(rèn)情況下創(chuàng)建的文本對象為靜態(tài)文本，它在影片播放過程中不會進(jìn)行動態(tài)改變，一般用于文本說明。 ：該文本對象中的內(nèi)容可以動態(tài)改變，甚至可以隨著影片的播放自動更新，一般用于比分或者計(jì)時器等方面的文字。 ：該文本對象在影片的播放

37、過程中可能輸入表單或調(diào)查表的文本信息，一 般在程序設(shè)計(jì)的交互動畫中使用。單擊工具箱里的文本工具，可以在舞臺上創(chuàng)建文本的內(nèi)容，創(chuàng)建好文本后，通過對文本工具的【屬性】面板的設(shè)置，如圖15-38，對于不同類型的文本，其【屬性】面板有一點(diǎn)不同，多了一個“行為”選項(xiàng)。編輯操作這些文本，可以對文本的字體、大小 、樣式 、顏色、間距、字距調(diào)整、基線調(diào)整、對齊、頁邊距、縮進(jìn)和行距等進(jìn)行設(shè)置。 圖15-38 “文本”屬性面板第15.3章 文本工具網(wǎng)頁設(shè)計(jì)與制作網(wǎng)頁設(shè)計(jì)與制作圖15-38 （1 1）靜態(tài)文本）靜態(tài)文本 如創(chuàng)建固定和不固定寬度的靜態(tài)文本，在舞臺上創(chuàng)建文本時用鼠標(biāo)拉出一個文本區(qū)域，此時該文本區(qū)域就是固

38、定的，此時文本區(qū)域的右上角有一個矩形控制塊，可以用鼠標(biāo)拖動它來再次設(shè)置文本區(qū)域的寬度；如果只是選定文本工具后在舞臺上單擊鼠標(biāo)，此時文本區(qū)域的右上角是一個圓形，則文本區(qū)域會自動根據(jù)文本的多少來加寬文本區(qū)域。如圖15-39所示。圖15-39 固定和不固定寬度文本 圖15-40 輸入腳本 第15.3章 文本工具網(wǎng)頁設(shè)計(jì)與制作網(wǎng)頁設(shè)計(jì)與制作（2 2）輸入文本）輸入文本使用“輸入文” 本類型，可以使用戶與Flash應(yīng)用程序進(jìn)行交互，如方便的制作表單。例如制作一個查詢課程名稱的表單，在文本【屬性】面板中選擇文本類型為“輸入文本”，為了看的更明顯，在【屬性】面板中選中“在文本框的周圍顯示邊框”，然后選擇“控

39、制測試影片”，就可以向在網(wǎng)頁中輸入表單的內(nèi)容一樣在輸入文本框中輸入任何文字，如圖15-40所示。（3 3）動態(tài)文本）動態(tài)文本使用“動態(tài)文本”類型，可以用來顯示外部來源的文本。下面將創(chuàng)建一個鏈接到外部文本文件的動態(tài)文本字段。假設(shè)外部要鏈接的文件名稱是“C:動態(tài)腳本與網(wǎng)站設(shè)計(jì)”。除了基本的設(shè)置與輸入文本相同，在這里還要在在【屬性】面板中選中設(shè)置“選項(xiàng)”項(xiàng)，其中要設(shè)置“鏈接”和“目標(biāo)”，如圖15-41所示。圖 15-41 動態(tài)文本設(shè)置第15.3章 文本工具網(wǎng)頁設(shè)計(jì)與制作網(wǎng)頁設(shè)計(jì)與制作（4 4）文本基本操作）文本基本操作在對文本進(jìn)行【屬性】設(shè)置外，還可以對文本進(jìn)行編輯操作并創(chuàng)建不同的文本效果。比如對文

40、本進(jìn)行分離、變形、濾鏡、剪切、復(fù)制等操作創(chuàng)建分離文本，然后利用任變形工具、漸變變形工具等對文本進(jìn)行操作。選中文本工具，在舞臺上輸入如圖15-42所示的靜態(tài)文本，可以設(shè)置自己喜歡的顏色和大小，然后選擇“修改分離”（或者按Ctrl+B），分離文本，再次分離文本，選擇任意變形工具、漸變變形工具，顏料桶工具等對文本進(jìn)行變形和填充。如圖 15-45 文本的基本操作 第15.3章 文本工具網(wǎng)頁設(shè)計(jì)與制作網(wǎng)頁設(shè)計(jì)與制作（5 5）文本濾鏡）文本濾鏡Flash CS4為文本提供了濾鏡效果，選中文本后，打開【屬性】面板，單擊【濾鏡】選項(xiàng)卡，打開該選項(xiàng)卡面板，如圖所示。單擊【添加濾鏡】按鈕，在彈出的下拉列表中可以選

41、擇要添加的濾鏡選項(xiàng)，也可以執(zhí)行刪除、啟用和禁止濾鏡效果 ，如圖15-46所示。圖 15-46 “濾鏡”效果 第15.4章 圖形修飾網(wǎng)頁設(shè)計(jì)與制作網(wǎng)頁設(shè)計(jì)與制作15.4 圖形修飾圖形修飾Flash CS4還提供了若干種對圖形修飾的方法，包括優(yōu)化曲線、將筆線條換為填充、擴(kuò)展填充及柔化填充邊緣。(1)(1)優(yōu)化曲線優(yōu)化曲線優(yōu)化曲線目的是減少繪制的素材的曲線數(shù)目且精簡彎曲的線條和填充的筆觸，這有助于減小最終導(dǎo)出的影片文件的大小。具體的方法：使用“選擇”工具選中舞臺中要優(yōu)化的對象，然后選擇“修改形狀優(yōu)化”，彈出“優(yōu)化曲線”對話框，輸入或者拖動“滑標(biāo)”來確定平滑的程度，如圖15-47所示。其中，“顯示總計(jì)

42、消息”顯示提示窗口指示平滑完成優(yōu)化的程度。圖 15-47 “曲線優(yōu)化”對話框 圖15-48 “擴(kuò)展”對話枉及效果 第15.4章 圖形修飾網(wǎng)頁設(shè)計(jì)與制作網(wǎng)頁設(shè)計(jì)與制作(2)(2)擴(kuò)展填充擴(kuò)展填充選擇要擴(kuò)展的舞臺對象，然后選擇“修改形狀擴(kuò)展填充”，彈出“擴(kuò)展填充”對話框，其中“距離”用于指定要擴(kuò)展、插入的尺寸。如果要擴(kuò)展一個形狀選“擴(kuò)展”，縮小則選擇“插入”，如圖15-48所示，分別擴(kuò)展和插入的距離為4像素。（3 3）將線條轉(zhuǎn)換為填充）將線條轉(zhuǎn)換為填充在舞臺上選中一個線段，使用“修改形狀將線條轉(zhuǎn)換為填充”，就可以把一個線條轉(zhuǎn)換為一個可填充的閉合區(qū)域。就可以用“顏料桶”工具對其進(jìn)行各種填充，如圖15

43、-49。注意：將線條轉(zhuǎn)換為填充 會使文件變大，但可以提高計(jì)算機(jī)繪圖的速度。圖15-49 “將線條轉(zhuǎn)換為填充” 圖15-49 “柔化填充邊緣”第15.4章 圖形修飾網(wǎng)頁設(shè)計(jì)與制作網(wǎng)頁設(shè)計(jì)與制作圖15-49 “將線條轉(zhuǎn)換為填充” 圖15-49 “柔化填充邊緣”（4 4）柔化填充邊緣）柔化填充邊緣在繪圖時，有時會遇到邊緣與填充色對比太多強(qiáng)烈，邊界太過明顯，影響影片的效果。利用柔化填充邊緣，可以使改變這種效果。選擇“修改形狀柔化填充邊緣”，彈出“柔化填充邊緣”對話框，進(jìn)行柔化設(shè)置，如圖15-50。注意：步驟數(shù)越大，柔化效果越好，但文件也越大且繪圖速度越慢。第15.5章 綜合案例網(wǎng)頁設(shè)計(jì)與制作網(wǎng)頁設(shè)計(jì)與

44、制作15.5 綜合案例綜合案例繪制簡單的場景繪制簡單的場景15.5.1 案例案例1繪制藍(lán)天白云草地繪制藍(lán)天白云草地本案例是通過繪制一些線條工具，組成一個生活場景，要求繪制的場景如下圖15-51所示。圖15-51 案例1效果 圖15-52 “調(diào)色板”禁止填充第15.5章 綜合案例網(wǎng)頁設(shè)計(jì)與制作網(wǎng)頁設(shè)計(jì)與制作（1）首先設(shè)置舞臺用【矩形工具】畫一個大小為的矩形：550*400，筆觸默認(rèn)或隨意就行，單擊【填充色】 按鈕，在調(diào)色板中單擊 按鈕選擇禁止填充，如圖15-52所示。（2）用【線條工具】在矩形邊框內(nèi)畫出草地與天空的分界線，利用“選擇工具”和“部分選取工具”并根據(jù)場景來調(diào)整真線的位置及形狀，再用鉛

45、筆工具或者鋼筆工具繪制小樹，再利用工具進(jìn)行調(diào)整，如圖15-53所示。圖15-53 用線條工具和選擇工具繪制并調(diào)整圖形 第15.5章 綜合案例網(wǎng)頁設(shè)計(jì)與制作網(wǎng)頁設(shè)計(jì)與制作（3）在這三個區(qū)域中任選三種喜歡的綠色分別填充草地和樹木，然后選中【線條工具】，將筆觸樣式設(shè)置為如圖15-54所示（也可以選其它合適的樣式），然后有【墨水瓶工具】對草地的邊緣進(jìn)行填充。本例中設(shè)置的草地的填充色為：#33FF00，#33CC00；樹的填充：#00CC00；邊緣筆觸顏色設(shè)置為相應(yīng)的草地的顏色，最終的填充效果如圖15-55所示。圖15-54 “筆觸樣式”設(shè)置對話框 圖15-55 效果圖 第15.5章 綜合案例網(wǎng)頁設(shè)計(jì)與制作網(wǎng)頁設(shè)計(jì)與制作（4）下來對藍(lán)天進(jìn)行填充，用線性漸變進(jìn)行填充。選擇“窗口顏色”面板，選擇“類型”為線性，在本例中用三色進(jìn)行填充，從左至右依次是：#4D9BFF,#7CDDEF,#FFFFFF，用“顏料桶工具”進(jìn)行填充同時用漸變變形工具進(jìn)行漸變調(diào)整為上深下淺，“顏色”面板和漸變調(diào)整如圖15-56所示。圖15-56 “