Flash二維動畫教材第七章

第7章FlashCS4的圖形圖像

【學習導入】

某校舉辦了一次以“提倡綠色環(huán)保、倡導低碳生活”為主題的裝飾畫設計比賽。計算機學院趙毅同學的作品獲得了好評。趙毅PhotoShop用得并不熟練，秘訣在哪里呢？原來他僅僅使用FlashCS4就完成了作品。FlashCS4提供了簡單實用的繪制圖形和編輯圖形的功能，能夠讓使用者在較短時間內(nèi)完成創(chuàng)意圖形的設計，同時還能將位圖轉(zhuǎn)換為矢量圖，并對矢量圖進行優(yōu)化，做到創(chuàng)意突出、畫面簡約、特色鮮明。

【內(nèi)容結構】

【學習目標】能力目標：具備熟練使用FlashCS4根本繪圖工具繪制圖形和對圖形對象進行編輯、變形和其他高級操作的能力，掌握對外部圖像進行處理的能力。素質(zhì)目標：培養(yǎng)學生繪制二維圖形的興趣以及對事物的認知和理解能力，建立合理的二維空間感。知識目標：理解位圖和矢量圖的概念及其各自特點。7.1FlashCS4的圖形圖像模式

7.1.1矢量圖

矢量圖，也稱為面向?qū)ο蟮膱D像或繪圖圖像，在數(shù)學上定義為一系列由線連接的點。矢量圖可以在維持它原有清晰度和彎曲度的同時，屢次移動和改變屬性，而不會影響圖例中的其他對象。基于矢量的繪圖同分辨率無關。

7.1.1矢量圖

矢量圖與位圖最大的區(qū)別是，它不受分辨率的影響。因此在印刷時，可以任意放大或縮小圖形而不會影響圖的清晰度，可以按最高分辨率顯示到輸出設備上。

7.1.1矢量圖

矢量圖的優(yōu)點包括：〔1〕文件?。弧?〕圖像元素對象可編輯；〔3〕圖像放大或縮小不影響圖像的分辨率；〔4〕圖像的分辨率不依賴于輸出設備。

7.1.2位圖

位圖亦稱為點陣圖像或像素圖像，它是由假設干像素點組成的。這些點可以進行不同的排列和染色以構成圖樣，每個像素的大小是固定的，像素的多少決定著圖像的大小，像素的數(shù)量越多，它所產(chǎn)生的文件也就越大。處理位圖時要著重考慮分辨率，輸出圖像的質(zhì)量決定于處理過程開始時設置的分辨率上下。操作位圖時，分辨率既會影響最后輸出的質(zhì)量也會影響文件的大小。

7.1.2位圖

位圖適合表現(xiàn)色彩豐富的畫面，在分辨率夠用的情況下，可以最好地展示各種圖像的本來面目。一幅位圖是由無數(shù)的像素點組成的，放大圖像實際上就是放大像素點，如果分辨率不高，圖像就會模糊，產(chǎn)生馬賽克現(xiàn)象。

7.1.2位圖

Flash并不是專業(yè)的位圖圖像處理工具，它僅提供根本的位圖處理功能，處理位圖應盡可能的選擇Photoshop或Fireworks等工具。當然讀者可以借助Flash提供的“位圖轉(zhuǎn)換為矢量圖”功能進行一些特殊的操作。7.2圖形對象的繪制和編輯

圖形對象的繪制

1.根本繪圖工具在Flash中，使用繪圖工具繪制圖形的方法和步驟是：首先單擊選擇相關繪圖工具，然后在工作區(qū)中繪制圖形，最后在屬性面板中設置圖形的各種屬性。此外，也可以在選擇繪圖工具后，先設置要繪制圖形的各種屬性。大局部繪圖工具都具有相同的圖形屬性，包括筆觸顏色、筆觸樣式、筆觸高度與填充顏色等。

圖形對象的繪制

首先，選擇矩形工具，這時屬性面板如圖7-3所示。圖7-3矩形工具屬性面板當前工具：顯示當前正在使用的工具名稱。筆觸顏色：顯示當前筆觸顏色。填充顏色：顯示當前圖形填充色筆觸高度：設置當前筆觸的粗細，可以通過滑動條調(diào)節(jié)，也可在文本框中直接輸入一個在0.1~200間的數(shù)字。筆觸樣式：設置當前筆觸樣式。

圖形對象的繪制

自定義筆觸樣式：自行設置筆觸樣式，單擊按鈕，彈出“筆觸樣式”對話框，在這里可以自行設置線條的樣式、粗細及間隔等屬性。

圖形對象的繪制

1〕線條工具線條工具用于繪制各種直線或者斜線。繪制方法如下：選擇線條工具后，在屬性面板中進行各種屬性設置，然后進行繪制。按住Shift鍵繪制直線時，可以繪制出垂直、水平或傾斜45°的直線。按住Alt鍵繪制直線時，直線由中間向兩邊不斷延長。在屬性面板中設置各種不同的線型，可以得到各種不同的線條效果。

圖形對象的繪制

2〕橢圓工具橢圓工具用于繪制橢圓和圓，繪制圓時需要同時按住Shift鍵。設置不同的筆觸顏色、筆觸樣式和填充顏色，可以繪制不同效果的圓形。A所示的圖形為設置筆觸顏色為無，填充顏色為紫色。B所示的圖形為設置筆觸顏色為紅色，筆觸樣式為點狀線，填充顏色為無。C所示的圖形為設置筆觸顏色為綠色，筆觸樣式為點描，填充顏色為黃色。D所示的圖形為設置筆觸顏色為紫色，筆觸樣式為鋸齒狀，填充顏色為無。E所示的圖形為設置筆觸顏色為綠色，筆觸樣式為虛線，填充顏色放射狀漸變。F所示的圖形為設置筆觸顏色為黑色，筆觸樣式為實線，填充顏色為無。

圖形對象的繪制

3〕矩形工具矩形工具用于繪制各種矩形和正方形。該工具使用方法和屬性設置與橢圓工具根本相同。繪制矩形時按住Shift鍵可以得到正方形。在屬性面板中設置筆觸顏色、筆觸高度、筆觸樣式、填充顏色等屬性，可以得到各種效果的矩形。

圖形對象的繪制

矩形的4條邊框線是互相獨立的，因此可以單獨對四條線進行設置，從而得到各種不同的效果。

圖形對象的繪制

通過對圖7-9所示“矩形選項”修改矩形邊角半徑的尺寸，可以繪制圓角矩形等特殊的效果，如圖7-10所示。矩形邊角半徑的數(shù)值范圍是-100~100。圖7-9矩形選項設置圖7-10矩形邊角半徑設置不同的效果

圖形對象的繪制

4〕多角星形工具多角星形工具用于繪制多邊形或星形。該工具的使用方法和根本屬性與矩形工具相同，默認為繪制五邊形。繪制圖形時，可以通過拖拽鼠標控制圖形的尺寸和旋轉(zhuǎn)方向，從而繪制各種圖形。

圖形對象的繪制

選擇多角星形工具后，在屬性面板中會出現(xiàn)一個“選項”按鈕，單擊該按鈕，彈出“工具設置”對話框，可以選擇多邊形或星形，可以設置邊數(shù)以及星形頂點大小。

圖形對象的繪制

利用多角星形工具，可以繪制出不同的效果，A所示的圖形為設置樣式為多邊形，邊數(shù)為3。B所示的圖形為設置樣式為多邊形，邊數(shù)為5。C所示的圖形為設置樣式為多邊形，邊數(shù)為32。D所示的圖形為設置樣式為星形，邊數(shù)為5，星形頂點大小為0.50。E所示的圖形為設置樣式為星形，邊數(shù)為8，星形頂點大小為0.50。F所示的圖形為設置樣式為星形，邊數(shù)為5，星形頂點大小為0.20。G所示的圖形為設置樣式為星形，邊數(shù)為5，星形頂點大小為1.0。

圖形對象的繪制

5〕鉛筆工具鉛筆工具用于繪制任意曲線。選取鉛筆工具后，直接在工作區(qū)中通過單擊并拖拽的方式即可進行繪制。鉛筆工具所繪制的對象是筆觸。

圖形對象的繪制

6〕刷子工具刷子工具用于給圖形上色或直接繪制各種圖形。利用刷子工具所繪制的圖形屬性均為填充色。刷子工具的選項面板主要包括刷子大小、刷子形狀、筆刷模式和鎖定填充的設置。

圖形對象的繪制

〔1〕刷子大?。河糜谠O置刷子大小，單擊刷子大小圖標，在彈出的列表中進行選擇，如圖7-15所示?！?〕刷子形狀：用于設置刷子形狀，單擊“刷子形狀”圖標，在彈出的列表中進行選擇，如圖7-16所示?！?〕筆刷模式：設置填充顏色時的方式，單擊“筆刷模式”圖標，彈出筆刷模式列表，F(xiàn)lash提供5種模式，如圖7-17所示?！?〕鎖定填充：該選項用于設置漸變填充顏色的模式。包括鎖定狀態(tài)和為鎖定狀態(tài)兩種模式，默認為“為鎖定狀態(tài)”。

圖7-15刷子大小圖7-16刷子形狀圖7-17筆刷模式

圖形對象的繪制

圖形對象的繪制

7〕橡皮擦工具橡皮擦工具用于擦除線條和填充色。包括橡皮擦模式、水龍頭和橡皮擦形狀的設置?！?〕橡皮擦模式橡皮擦模式用于指定擦除區(qū)域的大小。單擊“橡皮擦模式”圖標，彈出橡皮擦模式列表。Flash提供5種橡皮擦模式：標準擦除：隨意擦除圖形中的線條和填充色。擦除填色：僅擦除圖形中的填充色局部。擦除線條：僅擦除圖形中的線條局部。擦除所選填充：擦除選取的填充色局部。內(nèi)部擦除：擦除圖形內(nèi)部填充色，一次只擦除一個封閉局部的一種填充色。圖7-19橡皮擦模式

圖形對象的繪制

〔2〕水龍頭水龍頭用于一次性擦除填充顏色或線條，單擊“水龍頭”圖標，再單擊所要擦除的圖形即可。〔3〕橡皮擦形狀橡皮擦形狀用于設置橡皮的形狀和大小。單擊“橡皮擦形狀”圖標，在彈出的下拉列表選擇所需的形狀即可進行操作，如圖7-20所示。圖7-20橡皮擦形狀

圖形對象的繪制

2.顏色工具Flash中用于編輯顏色的工具有：顏料桶工具、墨水瓶工具、漸變變形工具和滴管工具。

圖形對象的繪制

1〕顏料桶工具顏料桶工具用于給圖形填充顏色，其選項面板包括空隙大小和鎖定填充的設置。顏料桶工具有3種空隙大小模式，如圖7-21所示。不封閉空隙：無任何空隙時，才能進行填充。封閉小空隙：有很細小的空隙時，可以進行填充。封閉中等空隙：有中等空隙時，可以進行填充。封閉大空隙：有較大空隙時，可以進行填充。

圖7-21空隙大小模式

圖形對象的繪制

2〕墨水瓶工具墨水瓶工具可用于為填充色描邊。〔1〕利用墨水瓶工具為填充色描邊選擇墨水瓶工具后，設置筆觸的顏色為黑色，筆觸高度為4，筆觸樣式為實線，在需要描邊的填充色上面單擊，即可為填充色描邊。

圖形對象的繪制

〔2〕利用墨水瓶工具為文字描邊選擇墨水瓶工具后，設置筆觸的顏色為黑色，筆觸高度為1，筆觸樣式為虛線，在打散的文字上面單擊，即可為文字描邊。使用文本工具輸入文字后，選中文字，再輸入兩次Ctrl+B即可打散文字，文字對象將轉(zhuǎn)換為形狀對象。圖7-23利用墨水瓶工具為文字描邊

圖形對象的繪制

3〕漸變變形工具(主要用于調(diào)整漸變填充色。)〔1〕顏色面板的使用在使用漸變變形工具之前，首先應會使用“顏色”面板進行漸變顏色設置。

圖形對象的繪制

Flash提供了兩種漸變填充，分別為線性漸變和放射狀漸變。①設置線性漸變填充。單擊填充樣式，選擇線性漸變樣式，默認情況下為由白色到黑色的漸變。

圖7-25填充樣式

圖形對象的繪制

設置漸變范圍。單擊色標，在漸變色滑桿中拖動，可以改變漸變的范圍。如采用圖7-26所示的設置，繪制一個矩形，那么得到如圖7-27所示的漸變填充矩形。圖7-26顏色設置圖7-27漸變填充的矩形

圖形對象的繪制

設置色標數(shù)量。添加色標的方法是：在漸變色滑桿上直接單擊即可增加一個色標，如圖7-28所示。刪除色標的方法是：在按住Ctrl鍵的同時，將光標靠近色標，出現(xiàn)剪刀形狀時，單擊即可刪除色標，如圖7-29所示。②設置放射狀漸變填充。單擊填充樣式，選擇放射狀漸變樣式。顏色面板設置方法與線性漸變相同。圖7-28添加一個色標圖7-29刪除一個色標

圖形對象的繪制

〔2〕漸變變形工具的應用漸變變形工具用于調(diào)節(jié)漸變顏色的中心點、范圍、樣式和角度。選擇漸變變形工具后，直接單擊漸變填充色局部，即可出現(xiàn)相應的編輯點。

圖形對象的繪制

中心點：用于調(diào)節(jié)漸變色的中心位置。樣式：用于調(diào)節(jié)漸變顏色區(qū)域的形狀。范圍：用于調(diào)節(jié)放射狀漸變顏色的漸變范圍。角度：可以改變漸變顏色的旋轉(zhuǎn)角度。

圖形對象的編輯

使用根本繪圖工具和顏色工具繪制出圖形后，還可以通過選擇工具和菜單命令進行編輯操作。1.選擇工具的使用:“選擇工具”可以單獨或全部選中圖形中的線條與填充色，除了具備最根本的選擇功能以外，還可用于復制對象和修改形狀?！?〕選擇對象①選擇單個線條。選取選擇工具，單擊圖形中的某個線條。

圖形對象的編輯

②選擇鄰近的全部線條。選取選擇工具，雙擊圖形中的某個線條，就會將相鄰的線條全部選中，如圖7-32所示。圖7-32雙擊線條圖7-33單擊填充色③選擇填充色。選取選擇工具，單擊圖形中的某塊填充色，如圖7-33所示。

圖形對象的編輯

④選擇整個圖形。選取選擇工具，在工作區(qū)中單擊并拖拽鼠標，劃出一個選區(qū)，如圖7-34所示。釋放鼠標后，選區(qū)內(nèi)圖形均被選中，如圖7-35所示。將鼠標懸停于選中的圖形上時，光標變成圖7-36所示的樣子。

圖7-34繪制選區(qū)圖7-35選中圖形圖7-36光標狀態(tài)⑤選擇局部圖形。與選擇整個圖形的操作相同，僅將選區(qū)設置在圖形的局部即可。

圖形對象的編輯

〔2〕編輯對象用選擇工具選中的對象，可在屬性面板中設置新的屬性進行編輯。此外，還可以進行移動和復制等常規(guī)操作。說明：選中圖形對象后，直接進行拖拽即可進行移動；按住Alt鍵的同時進行拖拽，那么可進行復制。

圖形對象的編輯

2.修改對象形狀〔1〕使用選擇工具修改形狀利用選擇工具可以調(diào)節(jié)線條和填充色的形狀，從而實現(xiàn)一些特殊的效果。①改變線條的曲度將鼠標停放在線條上時，鼠標變成如圖7-37所示的樣子，此時可進行拖拽，改變線條的曲度，如圖7-38所示，修改后的形狀如圖7-39所示。圖7-37鼠標樣式圖7-38拖拽操作圖7-39修改后的效果

圖形對象的編輯

②改變線條交點的位置

將鼠標停放在線條交點時，可進行拖拽，改變線條交點的位置。③改變填充色邊緣的曲度。

④改變填充色交接的位置。

圖形對象的編輯

〔2〕將線條轉(zhuǎn)換為填充選取圖形中的線條，執(zhí)行“修改”|“形狀”|“將線條轉(zhuǎn)換為填充”命令，可以將線條轉(zhuǎn)換為填充色。將線條轉(zhuǎn)換為填充后，線條的屬性變成填充色屬性，可以對其進行填充色的設置?！?〕擴展填充擴展填充可以使填充色的范圍擴大或縮小，選中填充色，執(zhí)行“修改”|“形狀”|“擴展填充”命令，可以翻開“擴展填充”對話框。

圖形對象的編輯

選中圖7-44所示的五角星形狀，翻開“擴展填充”對話框，在“距離”文本框中輸入40，方向選擇擴展，單擊“確定”按鈕，得到如圖7-45所示效果。假設在“距離”文本框中輸入25，方向選擇插入，單擊“確定”按鈕，得到如圖7-46所示效果。圖7-44五角星形狀圖7-45擴展效果圖7-46插入效果

圖形對象的編輯

〔4〕柔化填充邊緣柔化填充邊緣可以使填充色的邊緣產(chǎn)生模糊效果，選中填充色，執(zhí)行“修改”|“形狀”|“柔化填充邊緣”命令，可以翻開“柔化填充邊緣”對話框。距離：可以設定柔化邊緣的范圍，單位為像素，數(shù)值范圍為1~144。步驟數(shù)：可以設定柔化漸變的層次，數(shù)值范圍為1~50。

圖形對象的編輯

選中圖7-48所示的五角星形狀，翻開“柔化填充邊緣”對話框，在“距離”文本框中輸入40，“步驟數(shù)”文本框中輸入5，方向選擇擴展，單擊“確定”按鈕，得到如圖7-49所示效果。假設在“距離”文本框中輸入40，“步驟數(shù)”文本框中輸入8，方向選擇插入，單擊“確定”按鈕，得到如圖7-50所示效果。圖7-48五角星形狀圖7-49擴展效果圖7-50插入效果7.3圖形對象的處理

7.3.1圖形對象的變形

圖形對象的變形操作主要是通過任意變形工具來實現(xiàn)的。任意變形工具可用于對圖形進行放大、縮小、旋轉(zhuǎn)、傾斜、扭曲和封套的操作。任意變形工具的選項面板如圖7-51所示。圖7-51任意變形工具選項面板

7.3.1圖形對象的變形

默認情況下，選中圖形，單擊任意變形工具，那么圖形周圍出現(xiàn)1個中心點和8個錨點。此時可以通過調(diào)整控制點和控制線進行如下操作：〔1〕旋轉(zhuǎn)將鼠標放置在邊角的錨點附近時，可以進行旋轉(zhuǎn)操作，如圖7-52所示。圖7-52旋轉(zhuǎn)圖形

7.3.1圖形對象的變形

〔2〕傾斜將鼠標放置在錨點之間的直線上時，可以進行傾斜操作，如圖7-53所示?！?〕縮放將鼠標放置在錨點上時，可以進行縮放操作，如圖7-54所示。圖7-53傾斜圖形圖7-54縮放圖形

7.3.1圖形對象的變形

〔4〕扭曲選擇選項面板中的“扭曲”圖標，將鼠標放置在錨點上時，可以進行扭曲操作，如圖7-55所示。圖7-55扭曲圖形

7.3.1圖形對象的變形

〔5〕封套選擇選項面板中的“封套”圖標，將鼠標放置在錨點上時，可以進行封套操作，如圖7-56所示。圖7-56封套圖形

7.3.2圖形對象的操作

1.對象的組合Flash中的圖形可以被組合，這樣可以防止誤操作而破壞圖形。選中要組合的對象，如圖7-57所示，執(zhí)行“修改”|“組合”命令或使用快捷鍵Ctrl+G即可將圖形組合，如圖7-58所示。圖7-57選中圖形圖7-58組合后的圖形組合后的圖形還可以進行再次組合，如圖7-59所示。圖7-59組合的圖形再次組合的效果

7.3.2圖形對象的操作

2.對象的別離“別離”命令可以將對象轉(zhuǎn)變?yōu)樽罡椎脑?，即“形狀”。?zhí)行“修改”|“別離”命令或使用快捷鍵Ctrl+B即可將圖形打散，別離命令一次只能打散一層關系。如果圖形是逐級構成的，那么別離也是逐級打散，也就是說有時為了到達完全別離的效果，可能需要執(zhí)行屢次“別離”命令。

7.3.2圖形對象的操作

〔1〕組合圖形的別離最終的組合圖形是由兩個組合共同構成的，因此執(zhí)行兩次“別離”命令才能將其完全打散。圖7-60別離命令的使用

7.3.2圖形對象的操作

2〕文字的別離為了改變文字的一些特質(zhì)，就必須將文字打散成形狀。文字的別離操作和組合圖形的別離一樣，都是通過“別離”命令來實現(xiàn)的。對于多個字母組成的文字對象，也要通過兩次“別離”操作才能完全打散。圖7-61文字的打散操作

7.3.2圖形對象的操作

3.對象的排列

圖7-62所示的圖形中，三個組合對象是具有層次關系的?？梢越柚靶薷摹眧“排列”菜單中的相關命令進行排列操作，相關命令如圖7-63所示。圖7-62組合的層次圖7-63排列命令

7.3.2圖形對象的操作

4.對象的對齊

通過對齊對象命令，可以方便地將兩個或兩個以