《Flash CS5二維動畫制作案例教程》模塊三　圖形編輯

Flashcs5二維動畫制作案例教程模塊三圖形編輯模塊三圖形編輯案例6繪制向日葵——對象編輯3.1變形面板3.2對齊面板3.3組合與合并對象3.4信息面板3.5顏色面板案例7繪制海上風(fēng)景畫-——對象修飾模塊三圖形編輯案例9輝光效果——對象修改3.8將線條轉(zhuǎn)換為填充3.9擴展填充及柔化填充邊緣思考與實訓(xùn)3.7分離命令案例8美麗夜景——圖像處理技術(shù)案例6繪制向日葵——對象編輯案例描述使用變形面板和對齊面板，繪制如圖3-1所示的“盛開的向日葵”。圖3-1

“盛開的向日葵”效果圖案例6繪制向日葵——對象編輯案例分析操作步驟1.新建Flash文檔，按“Ctrl+S”打開“另存為”對話框，選擇保存路徑，輸入文件名“盛開的向日葵”，單擊“確定”。2.打開“屬性”面板，設(shè)置背景色為#0000FF。雙擊“圖層1”，輸入新圖層名稱為“花”，按回車鍵確認(rèn)。3.選擇“橢圓工具”，設(shè)置屬性如圖3－2所示。設(shè)置筆觸的參數(shù)為顏色：“#003300”；樣式：“虛線”，填充顏色參數(shù)為“#BA9B21”。按著“shift”鍵在舞臺上拖出一個正圓作向日葵的花盤。圖3-2設(shè)置橢圓屬性運用變形面板的縮放、傾斜、旋轉(zhuǎn)及“復(fù)制并應(yīng)用變形”功能，繪制向日葵的花瓣和花蕊。運用對齊面板調(diào)整籬笆的位置和分布。案例6繪制向日葵——對象編輯4.繪制向日葵的一個花瓣。選擇“橢圓工具”，設(shè)置筆觸的顏色為“無”；填充顏色參數(shù)為“#FFFF00”，拖動鼠標(biāo)在花盤上方繪制出一個橢圓，用“選擇工具”調(diào)整橢圓至花瓣的形狀。選擇“任意變形工具”，拖動“花瓣”的“中心點”到花盤的中心位置，如圖3-3所示。

圖3-3移動花瓣的中心點圖3-4變形面板案例6繪制向日葵——對象編輯

5.選擇花瓣，打開“變形”面板，設(shè)置“旋轉(zhuǎn)”值為30度，如圖3-4所示。連按11次“復(fù)制并應(yīng)用變形”按鈕，繪制出所有花瓣，效果如圖3-5所示。6.選擇花盤，單擊右鍵在快捷菜單中選擇“排列→移至頂層”命令，如圖3-6所示

圖3-5繪制出所有花瓣圖3-6將花盤移至頂層案例6繪制向日葵——對象編輯

（1）（2）（3）（4）7．選擇“線條工具”，設(shè)置筆觸的參數(shù)為顏色：“#660000”；高度：“1”；樣式：“實線”。在正圓內(nèi)畫出若干線段如圖3-7(1)所示。8.選擇一個花瓣，打開“變形”面板，勾選“約束”復(fù)選框，在縮放文本框內(nèi)輸入20%，按“復(fù)制并應(yīng)用變形”按鈕，變形后的花瓣如圖3-7(2)所示,它將作為花蕊做進(jìn)一步調(diào)整。9．設(shè)置花蕊的填充色參數(shù)為“#E7CC14”，移動變形點到花盤中心，如圖3-7(3)所示。10.打開“變形”面板，設(shè)置“旋轉(zhuǎn)”值為10度，連續(xù)按“復(fù)制并應(yīng)用變形”按鈕，繪制出所有花蕊，效果如圖3-7(4)所示。案例6繪制向日葵——對象編輯

11.選定向日葵的所有部分，按Ctrl+G組合。打開“變形”面板，設(shè)置“傾斜”值為30度，以底邊為準(zhǔn)傾斜向日葵。12．選擇“矩形工具”，設(shè)置筆觸的參數(shù)為“顏色：#336600；高度：2；樣式：點線”；填充顏色參數(shù)為“#339900”。繪制一個細(xì)長的矩形作為向日葵的莖，用“選擇工具”調(diào)整其形狀，效果如圖3-8所示。13．復(fù)制兩個向日葵，使用“任意變形工具”，分別調(diào)整它們的位置和大小。調(diào)整后的效果如圖3-9所示。

圖3-8花莖圖3-9復(fù)制并調(diào)整后的向日葵 案例6繪制向日葵——對象編輯

14.單擊“花”圖層上與鎖定按鈕對應(yīng)的圓點，將圖層鎖定。在“花”圖層上新建一個圖層，重新命名為“籬笆”，如圖3-10所示圖3-10新建圖層“籬笆”案例6繪制向日葵——對象編輯15.單擊“添加錨點”工具，在矩形上邊添加錨點，用“部分選取工具”調(diào)整其形狀，效果如圖3-11所示16.選中調(diào)整好的木板，連續(xù)按9次Ctrl+D，復(fù)制出9個一樣的木板?？蜻x所有木板，打開“對齊”面板，按下“相對于舞臺”按鈕，單擊水平對齊按鈕，將所有木板在水平方向上按底部對齊。再單擊間隔按鈕，將木板的間隔距離在水平方向自動調(diào)整，調(diào)整效果如圖3－12所示。

圖3-11繪制籬笆 圖3-12調(diào)整效果案例6繪制向日葵——對象編輯

17．選擇“矩形工具”，設(shè)置筆觸的顏色為“#333333”，樣式為“極細(xì)”；填充顏色參數(shù)為“#CCFFFF”，繪制兩個長條矩形作為籬笆的橫欄。選擇所有籬笆，按Ctrl+G成組，打開“對齊”面板，按下“相對于舞臺”按鈕，單擊匹配大小按鈕，成組后的籬笆調(diào)至與舞臺同寬，如圖3－13所示。圖3-13調(diào)整后的籬笆18．執(zhí)行菜單“文件→保存”命令或Ctrl+S組合鍵，保存文件。3.1變形面板

3.1變形面板除了“任意變形工具”，還可以使用“變形”面板來變形對象。使用該面板可以對選定對象進(jìn)行更加精確的縮放、旋轉(zhuǎn)、傾斜和創(chuàng)建副本的操作。執(zhí)行菜單“窗口→變形”命令或按Ctrl+T組合鍵，打開“變形”面板。1.使用變形面板縮放對象變形面板中的第一行記錄了被編輯對象與對象原始狀態(tài)的大小比例關(guān)系，設(shè)置相應(yīng)參數(shù)即可對選定對象進(jìn)行縮放操作。各選項的作用如下：水平文本框：輸入縮放百分比數(shù)值，按Enter鍵確認(rèn)，改變選中對象的水平寬度。垂直文本框：輸入縮放百分比數(shù)值，按Enter鍵確認(rèn)，改變選中對象的垂直高度。“約束”復(fù)選框：勾選該復(fù)選框，可使水平文本框和垂直文本框內(nèi)的數(shù)據(jù)比例一致?！皬?fù)制并應(yīng)用變形”按鈕：單擊該按鈕，可以復(fù)制選中的對象并進(jìn)行變形?！爸刂谩卑粹o：單擊該按鈕，可以使選中的對象恢復(fù)到變形前的狀態(tài)。打開素材文件“縮放原圖.fla”,選擇小鹿，設(shè)置“變形”面板參數(shù)如圖3-14所示。對“小鹿”執(zhí)行縮放操作的前后對比效果如圖3-15所示。3.1變形面板

圖3-14設(shè)置“變形”面板參數(shù)3-15對選定對象進(jìn)行縮放操作的前后對比效果3.1變形面板

2.使用變形面板旋轉(zhuǎn)對象變形面板中的“旋轉(zhuǎn)”選框用于對對象進(jìn)行旋轉(zhuǎn)設(shè)定，此工具經(jīng)常配合“編輯中心點”操作，方法如下：（1）選定對象，將位于對象中心的“中心點”移到底端中間位置，如圖3-16(1)所示。（2）在“變形”面板中選中“旋轉(zhuǎn)”單選按鈕，在輸入框內(nèi)填寫“45.0度”，按“Enter”鍵確認(rèn)，變形效果如圖3-16(2)所示。若單擊“復(fù)制并應(yīng)用變形”按鈕，效果如圖3-16(3)所示。

(1)編輯對象的中心點(2)旋轉(zhuǎn)45度效果(3)“復(fù)制并應(yīng)用變形”效果圖3-16對選定對象進(jìn)行旋轉(zhuǎn)操作的前后對比效果3.1變形面板

3.使用變形面板傾斜對象變形面板中的“傾斜”選框提供了兩種傾斜對象的方式，表示以底邊為準(zhǔn)來傾斜對象，表示以左邊為準(zhǔn)來傾斜對象。分別運用兩種方式使對象傾斜45度的效果如圖3-17所示。

原圖以底邊為準(zhǔn)傾斜45度效果圖以左邊為準(zhǔn)傾斜45度效果圖圖3-17對選定對象進(jìn)行傾斜操作的前后對比效果3.2對齊面板

若要將舞臺上的多個對象有規(guī)律地對齊、分布或匹配大小，可以使用“對齊”面板來實現(xiàn)。執(zhí)行菜單“窗口→對齊”命令或按Ctrl+K組合鍵，即可打開“對齊”面板，如圖3-18所示。該面板分為相對于舞臺、對齊、分布、匹配大小和間隔5個區(qū)域，各組按鈕的作用如下：圖3-18“對齊”面板3.2對齊面板

相對于舞臺：可以調(diào)整選定對象相對于舞臺尺寸的對齊方式和分布；如果沒有按下此按鈕則是兩個以上對象之間的相互對齊和分布。垂直對齊按鈕：將對象在垂直方向上分別向左、居中、向右對齊。水平對齊按鈕：將對象在水平方向上分別向上、居中、底部對齊，圖3－19所示為在垂直方向上左對齊的前后對比效果。

原圖左對齊相對于舞臺左對齊圖3-19垂直左對齊的前后對比效果3.2對齊面板

垂直等距分布：將對象按頂部、居中、底部進(jìn)行垂直等距分布。水平等距分布：將對象按左側(cè)、居中、右側(cè)進(jìn)行水平等距分布，圖3－20所示為水平居中分布的前后對比效果。

原圖水平居中分布相對于舞臺水平居中分布圖3-20水平居中分布的前后對比效果3.2對齊面板

匹配大?。阂宰畲蟮膶ο鬄槠ヅ錁?biāo)準(zhǔn)，對其他對象進(jìn)行寬度和高度的調(diào)整，即對其他對象進(jìn)行水平縮放、垂直縮放或等比例縮放，圖3－21所示為匹配寬度和高度的效果。

水平平均間隔垂直平均間隔相對于舞臺垂直平均間隔圖3-22設(shè)置水平和垂直平均間隔的效果3.3組合與合并對象

1.組合對象要將多個元素作為一個對象來處理，可將它們進(jìn)行組合。選擇要組合的對象(可以是形狀、其它組、元件、文本等等)，通過以下兩種方法進(jìn)行組合：命令：執(zhí)行菜單“修改→組合”命令。快捷鍵：按“Ctrl+G”組合鍵組合對象的前后對比效果如圖3-23所示。將多個對象合成一組，不僅方便選擇和移動，還可以對組進(jìn)行復(fù)制、縮放和旋轉(zhuǎn)等操作，而且可以在組中選擇單個對象進(jìn)行編輯，而不必取消對象組合。

圖3-23“組合”對象的前后對比效果3.3組合與合并對象

2.編輯組或組中的對象（1）選擇要編輯的組，執(zhí)行菜單“編輯→編輯所選項目”命令，或用“選擇工具”雙擊該組。頁面上不屬于該組的部分都將變暗，表明不屬于該組的元素是不可訪問的。（2）編輯該組中的任意元素。（3）執(zhí)行菜單“編輯→全部編輯”命令，或用“選擇工具”雙擊舞臺上的空白處，復(fù)原組的狀態(tài)后，即可處理舞臺中的其它元素。3.取消組合對象“取消組合對象”的方法有兩種?！叭∠M合”命令可以將組合的對象分開，并將組合的元素返回到組合之前的狀態(tài)，如圖3-24(1)所示。命令：執(zhí)行菜單“修改→取消組合”命令?？旖萱I：按“Ctrl+Shift+G”組合鍵。4.分離組合對象“分離”命令可以將組、實例和位圖分離為單獨的可編輯元素。選擇對象，使用以下兩種方法執(zhí)行“分離”：3.3組合與合并對象

命令：執(zhí)行菜單“修改→分離”命令?？旖萱I：按“Ctrl+B”組合鍵。分離后的效果如圖3-24(2)所示，雖然“分離”會極大地減小導(dǎo)入圖形的文件大小，但分離操作不是完全可逆的，它會對對象產(chǎn)生如下影響：切斷元件實例到其主元件的鏈接。放棄動畫元件中除當(dāng)前幀之外的所有幀。將位圖轉(zhuǎn)換成填充。在應(yīng)用于文本塊時，會將每個字符放入單獨的文本塊中。應(yīng)用于單個文本字符時，會將字符轉(zhuǎn)換成輪廓。

(1)取消組合對象(2)分離對象圖3－24取消組合對象和分離對象的對比效果 3.3組合與合并對象

5.合并對象若要通過合并或改變現(xiàn)有對象來創(chuàng)建新形狀，可以執(zhí)行菜單“修改→合并對象”中相應(yīng)的命令，合并效果如圖3－25所示。聯(lián)合：將兩個或多個形狀合成單個形狀。將生成一個“對象繪制”模型形狀，它由聯(lián)合前形狀上所有可見的部分組成，形狀上不可見的重疊部分被刪除。提示：與使用“組合”命令不同的是，使用“聯(lián)合”命令合成的形狀將無法分離。交集：交集創(chuàng)建兩個或多個對象的交集，生成的“對象繪制”形狀由合并的形狀的重疊部分組成。形狀上任何不重疊的部分被刪除，生成的形狀使用堆疊中最上面的形狀的填充和筆觸。打孔：刪除被最上面的對象覆蓋在下面的所選對象的交疊部分，并完全刪除最上面的形狀。裁切：使用一個對象的形狀裁切另一個對象。最上面的對象定義裁切區(qū)域的形狀，保留與最上面的形狀重疊的任何下層形狀部分，而刪除下層形狀的非重疊部分，并完全刪除最上面的形狀。圖3－25合并對象效果案例7繪制海上風(fēng)景畫-——對象修飾

案例7繪制海上風(fēng)景畫-——對象修飾案例描述使用顏色面板和信息面板，繪制如圖3-26所示的“海上風(fēng)景”。案例分析使用顏色面板設(shè)置海水、山峰、云朵的顏色漸變效果。使用顏色面板的位圖填充功能及信息面板相關(guān)功能制作畫框。案例7繪制海上風(fēng)景畫-——對象修飾

操作步驟1.新建Flash文檔，按“Ctrl+S”打開“另存為”對話框，選擇保存路徑，輸入文件名“海上風(fēng)景”，然后單擊“確定”，回到工作區(qū)。2．畫海水（1）打開“顏色”面板，設(shè)置筆觸顏色為“無”，填充顏色類型為“放射狀”漸變，漸變顏色設(shè)置為從深藍(lán)到淺藍(lán)、淺綠的變化，如圖3-27所示。從左到右四個色標(biāo)的顏色值分別為：“#162FD8、#83BDF5、#47EFF8、#E1FDFC”。

圖3-27海水顏色設(shè)置案例7繪制海上風(fēng)景畫-——對象修飾

（2）在主場景中，雙擊“圖層1”，輸入新圖層名稱為“海水”，按回車鍵確認(rèn)，用“矩形工具”畫一無邊框的長方形，大小和位置如圖3-28所示。使用“填充變形工具”，將長方形的填充色調(diào)整為如圖3-29所示的效果。

圖3-28畫海水圖3-29調(diào)整海水漸變色案例7繪制海上風(fēng)景畫-——對象修飾

3．畫山峰（1）在“海水”圖層上新建一個圖層，重新命名為“山峰”。（2）在“山峰”圖層上，選擇“鉛筆工具”，在“選項”中選擇“平滑”模式，在舞臺海水圖形上方畫出山的形狀。（3）打開“顏色”面板，設(shè)置筆觸顏色為“無”，填充顏色類型為“線性”漸變。漸變顏色設(shè)置為深綠色至淺綠色的變化。給山輪廓圖形填充顏色，如圖3-30所示。深綠色顏色值為：“#0A4B22”、淺綠色顏色值為：“#0AD62D”。4．畫天空（1）新建一個圖層，并命名為“天空”。（2）在“顏色”面板中重新設(shè)置填充顏色，填充類型設(shè)置為“線性”漸變，漸變顏色設(shè)置為從深藍(lán)色到淺藍(lán)色的變化。深藍(lán)色顏色值為：“#162FD8”、淺藍(lán)色顏色值為：“#81E0F3”。（3）在“天空”圖層上，選擇“矩形工具”，在舞臺上部畫一個長方形，然后使用“填充變形工具”進(jìn)行調(diào)整，如圖3-31所示。（4）將“天空”圖層拖動到“山峰”圖層下方。案例7繪制海上風(fēng)景畫-——對象修飾

圖3-30填充“山峰”漸變色圖3-31調(diào)整“天空”的漸變效果案例7繪制海上風(fēng)景畫-——對象修飾

5．畫白云(1)新建一個圖層，并將其命名為“白云”。(2)用橢圓工具畫一橢圓，執(zhí)行菜單“窗口→信息”命令，打開“信息”面板，分別輸入寬：180，高：35，按Enter鍵確認(rèn)，如圖3-32所示。

圖3-32信息面板圖3-33調(diào)整白云形狀(3)用添加錨點工具為橢圓添加錨點，用部分選取工具調(diào)整出白云形狀，如圖3-33所示。用線性漸變填充白云，左色碼：“#FFFFFF”，右色碼：“#24A9CA”，用漸變變形工具進(jìn)行調(diào)整。案例7繪制海上風(fēng)景畫-——對象修飾

(3)用添加錨點工具為橢圓添加錨點，用部分選取工具調(diào)整出白云形狀，如圖3-33所示。用線性漸變填充白云，左色碼：“#FFFFFF”，右色碼：“#24A9CA”，用漸變變形工具進(jìn)行調(diào)整。(4)按著Alt鍵拖動白云兩次，復(fù)制出另外兩朵，在屬性面板中把寬高鎖打開，對每朵白云的形狀、大小進(jìn)行調(diào)整，并擺放好位置，如圖3－34所示。

圖3-34調(diào)整白云位置圖3-35設(shè)置信息面板參數(shù)案例7繪制海上風(fēng)景畫-——對象修飾

6．制作畫框(1)新建一個圖層，將其命名為“畫框”。(2)用“矩形工具”畫出兩個矩形。打開信息面板，選擇位于下層的矩形，設(shè)置參數(shù)如圖3－35所示。選擇上層的矩形設(shè)置參數(shù)為寬：550，高：400，X：0，Y：0。(3)選擇兩個矩形，執(zhí)行菜單“修改→合并對象→打孔”命令，生成畫框。(4)選擇畫框，打開顏色面板如圖3－36所示，選擇填充顏色類型：“位圖”，單擊導(dǎo)入按鈕，選擇素材“木紋.jpg”，填充效果如圖3-37所示。

圖3-36選擇填充位圖圖3-37填充畫框效果3.4信息面板

3.4信息面板使用“信息面板”可以查看選定對象的大小、位置、顏色和鼠標(biāo)指針的信息，也可在信息面板中輸入相應(yīng)參數(shù)，精確設(shè)置選定對象的大小和位置，如圖3－38所示。執(zhí)行菜單“窗口→信息”命令或使用快捷鍵“Ctrl+I”可打開“信息面板”。圖3-38用信息面板改變對象的大小和位置3.5顏色面板

3.5顏色面板除了在工具箱的顏色區(qū)和屬性面板中設(shè)置和修改線條及填充圖形的顏色，還可以使用“顏色面板”編輯純色和漸變色，設(shè)置圖形的筆觸、填充及透明度等。執(zhí)行菜單“窗口→顏色”命令，或使用快捷鍵“Shift+F9”打開或關(guān)閉“顏色面板”。顏色面板的組成如圖3-39所示，各選項的功能如下。圖3-39顏色面板組成3.5顏色面板

筆觸顏色：設(shè)置和更改圖形對象的筆觸或邊框的顏色。填充顏色：設(shè)置和更改填充顏色，填充是填充形狀的顏色區(qū)域。類型菜單：設(shè)置和更改填充樣式：無：刪除填充。純色：提供一種單一的填充顏色。線性：產(chǎn)生一種沿線性軌道混合的漸變。放射狀：產(chǎn)生從一個中心焦點出發(fā)沿環(huán)形軌道向外混合的漸變。位圖：用可選的位圖圖像平鋪所選的填充區(qū)域。選擇“位圖”時，系統(tǒng)會顯示一個對話框，通過該對話框選擇本地計算機上的位圖圖像，并將其添加到庫中，也可以將此位圖用作填充。圖3－40所示為背景填充分別為線性漸變、放射狀漸變及位圖填充時的對比效果。

線性漸變放射狀漸變位圖圖3－40

3.5顏色面板

RGB：為默認(rèn)模式，可以顯示或更改填充的紅、綠和藍(lán)的色密度。Alpha：Alpha可設(shè)置實心填充的透明度，或者設(shè)置漸變填充的當(dāng)前所選滑塊的透明度。Alpha值為0%時創(chuàng)建的填充不可見（即透明）；Alpha值為100%時創(chuàng)建的填充不透明。顏色范例：顯示當(dāng)前所選顏色。如果從填充“類型”菜單中選擇某個漸變填充樣式（線性或放射狀），則“顏色范例”將顯示所創(chuàng)建的漸變內(nèi)的顏色過渡。如圖3－41所示，在漸變條下方的合適位置單擊鼠標(biāo)，可以添加一個色塊，將色塊拖到下面則刪除色塊。圖3－41添加色塊3.5顏色面板

顏色空間：單擊“顏色空間”，然后拖動十字準(zhǔn)線指針，可以直觀地選擇顏色。十六進(jìn)制值：“十六進(jìn)制編輯文本框”顯示以“#”開頭的6位字母數(shù)字組合，是十六進(jìn)制模式的顏色代碼，代表一種顏色。若要使用十六進(jìn)制值更改顏色，可直接鍵入一個新的值。溢出類型：能夠控制超出漸變限制的顏色。擴展：為默認(rèn)類型，將指定的顏色應(yīng)用于漸變末端之外。鏡像：利用反射鏡像效果使?jié)u變顏色填充形狀。指定的漸變色以下面的模式重復(fù)：從漸變的開始到結(jié)束，再以相反的順序從漸變的結(jié)束到開始，再從漸變的開始到結(jié)束，直到所選形狀填充完畢。重復(fù)：從漸變的開始到結(jié)束重復(fù)漸變，直到所選形狀填充完畢。圖3－42所示為背景填充為線性漸變時三種溢出類型的對比效果。

擴展鏡像重復(fù)圖3－42

3.5顏色面板

知識拓展“樣本”面板“樣本”面板提供了系統(tǒng)預(yù)定的顏色樣本，如圖3－43所示，可以直接在該面板中選擇筆觸顏色和填充顏色。執(zhí)行菜單“窗口→樣本”命令，或使用快捷鍵“Ctrl+F9”可以打開或關(guān)閉“樣本”面板。

圖3-43“樣本”面板圖3-44“樣本”面板菜單3.5顏色面板

1.復(fù)制、刪除和清除顏色打開“樣本”面板，單擊右上角的按鈕，彈出菜單如圖3－44所示，從面板菜單中選擇“直接復(fù)制樣本”選項，所選顏色的副本即被添加到面板中的顏色樣本的后面，如圖3－45所示。“刪除樣本”選項，將選定的樣本從當(dāng)前面板中刪除。“清除顏色”選項，從面板中刪除黑白兩色以外的所有顏色，如圖3－46所示。

圖3-45直接復(fù)制樣本圖3-46清除顏色3.5顏色面板

2.加載和保存默認(rèn)調(diào)色板修改樣本后，可以將當(dāng)前調(diào)色板保存為默認(rèn)調(diào)色板，或用默認(rèn)調(diào)色板替換當(dāng)前調(diào)色板，還可以加載Web安全調(diào)色板以替換當(dāng)前調(diào)色板。打開“樣本”面板右上角的菜單，執(zhí)行相應(yīng)命令。加載默認(rèn)顏色：用默認(rèn)調(diào)色板替換當(dāng)前調(diào)色板。保存為默認(rèn)值：將當(dāng)前調(diào)色板保存為默認(rèn)調(diào)色板。創(chuàng)建新文件時將使用新的默認(rèn)調(diào)色板。Web216色：加載Web安全216色調(diào)色板。按顏色排序：按照色相對調(diào)色板中的顏色進(jìn)行排序，以便更容易地定位顏色。3.導(dǎo)入和導(dǎo)出調(diào)色板使用Flash顏色設(shè)置文件（CLR文件）可以在Flash文件之間導(dǎo)入導(dǎo)出RGB顏色和漸變色。使用顏色表文件（ACT文件）可以導(dǎo)入導(dǎo)出RGB調(diào)色板，但不能從ACT文件導(dǎo)入或?qū)С鰸u變?？梢詮腉IF文件導(dǎo)入調(diào)色板，但不能導(dǎo)入漸變。3.5顏色面板

（1）導(dǎo)入調(diào)色板在“樣本”面板中，從右上角的菜單中選擇“添加顏色”選項，打開“導(dǎo)入色樣“對話框，如圖3－47所示。選擇素材文件“木紋.gif”單擊“打開”按鈕，導(dǎo)入的顏色附加到當(dāng)前的調(diào)色板中，如圖3－48所示。圖3-47導(dǎo)入色樣對話框3.5顏色面板

若要用導(dǎo)入的顏色替換當(dāng)前的調(diào)色板，則從菜單中選擇“替換顏色”選項，打開“導(dǎo)入色樣”對話框，定位到所需文件，單擊“打開”。導(dǎo)入的顏色替換當(dāng)前調(diào)色板中的顏色，如圖3－49所示。

圖3-48添加顏色圖3-49替換顏色（2）導(dǎo)出調(diào)色板在“樣本”面板中，從右上角的菜單中選擇“保存顏色”，打開“導(dǎo)出色樣”對話框，輸入文件名，“另存為類型”選擇“Flash顏色設(shè)置”或“顏色表”，單擊“保存”。案例8美麗夜景——圖像處理技術(shù)

案例描述將圖3-50中的人物合成到素材背景中，制作如圖3-51所示的效果。

圖3-50人物素材圖3-51“美麗夜景”效果圖

使用“分離”命令將素材位圖分離，實現(xiàn)對位圖的局部修改。使用“套索工具”選擇分離位圖的局部區(qū)域，完成去底色、局部填充等效果。綜合運用“顏色面板”、“變形面板”工具實現(xiàn)“女孩”及“影子”的調(diào)整。案例8美麗夜景——圖像處理技術(shù)

操作步驟1.新建Flash文檔，按“Ctrl+S”打開“另存為”對話框，選擇保存路徑，輸入文件名“美麗夜景”，單擊“確定”。設(shè)置文檔屬性為默認(rèn)值如圖3-52所示。2.雙擊“圖層1”，輸入新圖層名稱為“背景”，按回車鍵確認(rèn)。3.執(zhí)行菜單“導(dǎo)入→導(dǎo)入到舞臺”命令，選擇素材圖片“案例8－背景.jpg”，單擊“打開”，將位圖導(dǎo)入舞臺,如圖3-53所示。

圖3-52設(shè)置文檔屬性 圖3-53導(dǎo)入背景位圖案例8美麗夜景——圖像處理技術(shù)

4．選擇導(dǎo)入的位圖，在“屬性”面板中輸入寬、高及X、Y數(shù)值如圖3-54所示。5.打開“庫”面板，選擇導(dǎo)入的位圖，單擊“庫”面板底部的“屬性”按鈕，在彈出的“位圖屬性”對話框中勾選“允許平滑”復(fù)選框，在壓縮下拉列表中選擇“無損（PNG/GIF）”選項，單擊“確定”返回舞臺。案例8美麗夜景——圖像處理技術(shù)

6.單擊“背景”圖層與按鈕對應(yīng)的圓點，鎖定“背景”圖層，并在該圖層上新建一個圖層，重新命名為“女孩”。執(zhí)行菜單“導(dǎo)入→導(dǎo)入到舞臺”命令，選擇素材圖片“女孩.jpg”，單擊“打開”，將圖像導(dǎo)入舞臺，調(diào)整圖像大小和位置如圖3-55所示。圖3-55調(diào)整導(dǎo)入的位圖案例8美麗夜景——圖像處理技術(shù)

7．選擇調(diào)整好的圖像，執(zhí)行菜單“修改→分離”命令或按“Ctrl+B”組合鍵，將位圖分離。選擇套索工具，單擊“魔術(shù)棒設(shè)置”工具，打開“魔術(shù)棒設(shè)置”對話框，設(shè)置參數(shù)如圖3-56所示。8.單擊“魔術(shù)棒”選擇兩個女孩中間的空白區(qū)域，按“Delete”鍵刪除底色，效果如圖3-57所示。

圖3-56“魔術(shù)棒設(shè)置”對話框圖3-57刪除位圖底色案例8美麗夜景——圖像處理技術(shù)

9．放大女孩的右肘部分，選擇“滴管工具”在白色襯衣上采樣，活動工具更改為“顏料桶”工具，在工具欄上設(shè)置“空隙大小”為“封閉大空隙”，填充肘部前后的對比效果如圖3-58所示。

圖3-58

填充肘部前后的對比效果案例8美麗夜景——圖像處理技術(shù)

10.選定女孩，打開“變形”面板，設(shè)置“傾斜”值為6度，并適當(dāng)調(diào)整其位置如圖3-59所示。11.選定女孩輪廓圖填充黑白漸變色，使用“漸變變形工具”調(diào)整效果如圖3-60所示。

圖3-59調(diào)整人物位置圖3-60填充漸變色案例8美麗夜景——圖像處理技術(shù)

12．將調(diào)整好的輪廓圖傾斜60度，形成女孩的“影子”。選定“影子”，執(zhí)行“修改→合并對象→聯(lián)合”命令，將其轉(zhuǎn)換為對象繪制模型的形狀，如圖3-61所示。圖3-61制作人物影子13．按以上操作方法，選擇女孩并將其轉(zhuǎn)換為對象繪制模型的形狀，將影子拖放到女孩身后，完成效果如圖3－51所示。3.6位圖與矢量圖的轉(zhuǎn)換

3.6位圖與矢量圖的轉(zhuǎn)換 計算機以矢量或位圖格式顯示圖形。使用Flash可以創(chuàng)建壓縮矢量圖形并將它們制作為動畫，可以導(dǎo)入和處理在其它應(yīng)用程序中創(chuàng)建的矢量圖形和位圖圖形，還可以將導(dǎo)入的位圖分離為像素或?qū)⑽粓D轉(zhuǎn)換為矢量圖。1．關(guān)于矢量圖和位圖矢量圖使用直線和曲線（稱為矢量）描述圖像，這些矢量還包括顏色和位置屬性。例如，樹葉圖像可以由創(chuàng)建樹葉輪廓的線條所經(jīng)過的點來描述。樹葉的顏色由輪廓的顏色和輪廓所包圍區(qū)域的顏色決定。矢量圖文件的大小與圖形的復(fù)雜程度有關(guān)，與圖形的尺寸和大小無關(guān)，所以矢量圖的大小不會影響圖形的顯示效果。圖3-62是矢量圖局部放大的效果。位圖使用在網(wǎng)格內(nèi)排列的稱作像素的彩色點來描述圖像。例如，樹葉的圖像由網(wǎng)格中每個像素的特定位置和顏色值來描述。位圖文件的大小由圖形尺寸和色彩深度決定，所以位圖的大小會嚴(yán)重影響圖形的顯示效果。圖3-63是位圖局部放大的效果。3.6位圖與矢量圖的轉(zhuǎn)換

圖3-62矢量圖局部放大后的效果圖3-63位圖局部放大后的效果3.6位圖與矢量圖的轉(zhuǎn)換

在Flash中，判斷圖片是位圖還是矢量圖的方法為：選取工具箱中的選擇工具選中圖形，如圖3-64所示，以點的形式顯示的為矢量圖形，周圍出現(xiàn)一個邊框的為位圖。

矢量圖位圖圖3-64判斷圖片是位圖還是矢量圖3.6位圖與矢量圖的轉(zhuǎn)換

2．導(dǎo)入并設(shè)置位圖屬性執(zhí)行菜單“導(dǎo)入→導(dǎo)入到舞臺”或“導(dǎo)入→導(dǎo)入到庫”命令，選擇相應(yīng)的素材圖片，即將位圖導(dǎo)入到Flash中。選擇導(dǎo)入的位圖，通過“屬性”面板可以顯示并改變該位圖的像素尺寸以及在舞臺上的位置，還可以交換位圖實例，即用當(dāng)前文檔中的其它位圖的實例替換該實例，如圖3-65所示。圖3-65屬性面板3.6位圖與矢量圖的轉(zhuǎn)換

通過“庫”面板可以查看已導(dǎo)入的位圖并進(jìn)一步設(shè)置位圖屬性，如圖3-66所示。在“庫”面板中選擇一個位圖，單擊“庫”面板底部的“屬性”按鈕，彈出“位圖屬性”對話框，如圖3-67所示。勾選“允許平滑”復(fù)選框，可以對導(dǎo)入的位圖應(yīng)用消除鋸齒功能，平滑圖像的邊緣。在壓縮下拉列表中選擇“無損（PNG/GIF）”選項，單擊“測試”按鈕，在該對話框的底部可查看壓縮后的結(jié)果。

圖3-66庫面板圖3-67設(shè)置位圖屬性3.6位圖與矢量圖的轉(zhuǎn)換

3．將位圖應(yīng)用為填充 若要將位圖作為填充應(yīng)用到圖形對象，可使用“顏色”面板中的位圖填充。將位圖應(yīng)用為填充時，會平鋪該位圖以填充對象。（1）在舞臺上繪制一個矩形。（2）打開顏色面板，如圖3-68所示。在填充“類型”下拉列表中選擇“位圖”，打開“導(dǎo)入到庫”對話框。（3）選擇文件“位圖＿小魚.jpg”，單擊“打開”按鈕，矩形被位圖填充。（4）使用“漸變變形”工具縮放、旋轉(zhuǎn)并傾斜圖像及其位圖填充，調(diào)整效果如圖3-69所示。

圖3-68顏色面板圖3-69位圖填充效果3.6位圖與矢量圖的轉(zhuǎn)換

4．將位圖轉(zhuǎn)換為矢量圖形由于Flash是一個基于矢量圖形的軟件，有些操作針對位圖圖像是無法實現(xiàn)的，這時，可以通過“轉(zhuǎn)換位圖為矢量圖”命令將位圖轉(zhuǎn)換為具有可編輯的離散顏色區(qū)域的矢量圖形。轉(zhuǎn)換為矢量圖后，圖形會以像素化顯示，移動圖形時圖內(nèi)離散區(qū)域的輪廓會隨著鼠標(biāo)移動，移動矢量圖與移動位圖時的對比效果如圖3－70和圖3－71所示。

圖3-70移動矢量圖圖3-71移動位圖說明：將圖像作為矢量圖形處理，通?？梢詼p小文件大小。但如果導(dǎo)入的位圖包含復(fù)雜的形狀和許多顏色，則轉(zhuǎn)換后的矢量圖形的文件比原始的位圖文件大。若要找到文件大小和圖像品質(zhì)之間的平衡點，需要設(shè)置“轉(zhuǎn)換位圖為矢量圖”對話框中的各種參數(shù)。3.6位圖與矢量圖的轉(zhuǎn)換

1）選擇當(dāng)前場景中的位圖，執(zhí)行菜單“修改→位圖→轉(zhuǎn)換位圖為矢量圖”命令，打開“轉(zhuǎn)換位圖為矢量圖”對話框如圖3-72所示。圖3-72“轉(zhuǎn)換位圖為矢量圖”對話框3.6位圖與矢量圖的轉(zhuǎn)換

（2）在“顏色閾值”輸入一個介于1和500之間的值。當(dāng)兩個像素進(jìn)行比較后，如果它們在RGB

顏色值上的差異低于該顏色閾值，則兩個像素被認(rèn)為是顏色相同。如果增大了該閾值，則意味著降低了顏色的數(shù)量。（3）在“最小區(qū)域”輸入一個介于1和1000之間的值，用于設(shè)置在指定像素顏色時要考慮的周圍像素的數(shù)量。（4）在“曲線擬合”下拉列表框中選擇一個選項，來確定繪制輪廓所用的平滑程度。（5）在“轉(zhuǎn)角閾值”下拉列表框中選擇一個選項來確定保留銳邊還是進(jìn)行平滑處理。要創(chuàng)建接近原始位圖的矢量圖形，可設(shè)置為顏色閾值：10，最小區(qū)域：1像素，曲線擬合：像素，轉(zhuǎn)角閾值：較多轉(zhuǎn)角。圖3-73所示為應(yīng)用以上設(shè)置和應(yīng)用3-72設(shè)置的對比效果。3.6位圖與矢量圖的轉(zhuǎn)換

圖3-73圖像對比效果3.7分離命令位圖導(dǎo)入Flash后是作為一個對象存在的，可使用“任意變形”工具對其變形，但是無法對其中的局部進(jìn)行修改。當(dāng)需要修改位圖時，可使用“分離”命令將位圖分離，位圖“分離”后會將圖像中的像素分散到離散的區(qū)域中，分別選中這些區(qū)域即可進(jìn)行編輯?？梢允褂谩疤姿鞴ぞ摺敝械摹澳g(shù)棒”功能選擇已經(jīng)分離的位圖區(qū)域。若要使用分離的位圖進(jìn)行涂色，可用滴管工具選擇該位圖，然后用“顏料桶工具”或其它繪畫工具將該位圖應(yīng)用為填充。1．分離位圖（1）選擇需要分離的位圖。 （2）執(zhí)行菜單“修改→分離”命令或按“Ctrl+B”組合鍵。3.7分離命令2．更改分離位圖的填充區(qū)域（1）選擇套索工具，單擊“魔術(shù)棒設(shè)置”工具，打開“魔術(shù)棒設(shè)置”對話框如圖3-74所示，根據(jù)需要設(shè)置以下參數(shù)。閾值：輸入一個介1和200之間的值，用于定義將相鄰像素包含在所選區(qū)域內(nèi)必須達(dá)到的顏色接近程度，數(shù)值越高，包含的顏色范圍越廣。如果輸入0，則只選擇與單擊的第一個像素顏色完全相同的像素。平滑：選擇一個選項來定義選區(qū)邊緣的平滑程度。

圖3-74“魔術(shù)棒設(shè)置”對話框圖3-75填充效果（2）單擊“魔術(shù)棒”選擇一個區(qū)域，填充新的顏色，如圖3-75所示。（3）使用Flash繪畫和涂色工具修改位圖其它部分。 3.7分離命令

3．使用滴管工具應(yīng)用填充（1）選擇“滴管”工具，單擊舞臺上的分離位圖?！暗喂堋惫ぞ邥⒃撐粓D設(shè)置為當(dāng)前的填充，并將活動工具更改為“顏料桶”工具。（2）執(zhí)行下列操作之一應(yīng)用填充。使用顏料桶工具單擊現(xiàn)有圖形對象，將位圖應(yīng)用為填充。選擇橢圓、矩形或鋼筆工具畫出一個新對象，該對象會將分離的位圖作為填充。圖3-76所示為應(yīng)用素材“蛋寶寶.jpg”分離位圖后，填充在“風(fēng)箏”圖形上的效果。

圖3-76將分離的位圖作為填充案例9輝光效果——對象修改

案例描述運用線條填充、柔化填充邊緣等功能制作如圖3-77所示的效果。

案例分析使用“將線條轉(zhuǎn)換為填充”功能制作光束，使用顏色面板設(shè)置光束及光源的漸變效果。使用“柔化填充邊緣”功能為漢字添加輪廓。案例9輝光效果——對象修改

操作步驟1.新建Flash文檔，按“Ctrl+S”打開“另存為”對話框，選擇保存路徑，輸入文件名“輝光效果”，單擊“確定”。在“屬性”面板中設(shè)置背景色為黑色。2.單擊工具欄中的“線條工具”，在“屬性”面板中設(shè)置筆觸的參數(shù)為“高度：2，樣式：實線”。按著“shift”鍵在舞臺上畫出一條直線。3.執(zhí)行菜單“修改→形狀→將線條轉(zhuǎn)換為填充”命令。打開“顏色”面板，設(shè)置填充顏色類型為“線性”漸變，漸變顏色設(shè)置如圖3-27所示。從左到右五個色標(biāo)的顏色值分別為：“#000000、#FA6400、#FAFAC8、#FA6400、#000000”，完成的填充效果如圖3-79所示。

圖3-78漸變顏色設(shè)置圖3-79填充效果案例9輝光效果——對象修改

4．選擇直線，打開“變形”面板，設(shè)置“旋轉(zhuǎn)”值為45度，連按3次“復(fù)制并應(yīng)用變形”按鈕，繪制出光線效果如圖3-80所示。5．單擊工具欄中的“橢圓工具”，打開“顏色”面板，設(shè)置筆觸的顏色為“無”，填充顏色類型為“放射狀”漸變，從左到右兩個色標(biāo)的顏色值分別為：“#FAFAA0、#000000”，黑色的Alpha值為“5%”。按著“Shift”鍵畫出一個正圓，完成的填充效果如圖3-81所示。

圖3-80光線效果圖3-81填充效果案例9輝光效果——對象修改

6．單擊工具欄中的“文本工具”，在“屬性”面板中設(shè)置字體大小為“80”，文本顏色為“紅色”，顏色值為：“#FF0000”，在舞臺上輸入“輝光效果”四個字。7．選中文字，連按兩下“Ctrl+B”組合鍵將其分離。執(zhí)行“修改→形狀→柔化填充邊緣”命令，彈出“柔化填充邊緣”對話框，設(shè)置相關(guān)參數(shù)如圖3-82所示，單擊“確定”。放大文字局部會發(fā)現(xiàn)文字邊緣產(chǎn)生了多個逐漸透明的圖形層，如圖3-83所示。

圖3-82“柔化填充邊緣”對話框圖3-83局部放大效果 案例9輝光效果——對象修改

8．單擊“選擇工具”，按著“shift”鍵選擇文字?jǐn)U展前的所有部分，如圖3-84所示。打開“顏色”面板，填充黑白漸變色，效果如圖3-85所示。

圖3-84選擇文字?jǐn)U展前的部分圖3-85填充效果 案例9輝光效果——對象修改

9．在漢字下面輸入一串英文“Effectdrawingsoftheglow”,連按兩下“Ctrl+B”組合鍵將其分離，設(shè)置“線性”漸變填充，從左到右三個色標(biāo)的顏色值分別為：“＃FF1111、#FFFFFF、#000000”，調(diào)整填充效果如圖3-86所示。圖3-86填充效果3.8將線條轉(zhuǎn)換為填充

1．線條的端點和接合 選擇鉛筆、鋼筆、墨水瓶等工具后，屬性面板會提供多種線條和接合處的端點形狀，如圖3-87所示。圖3-87屬性面板3.8將線條轉(zhuǎn)換為填充

使用鋼筆工具，分別改變端點為“無”、“圓角”和“方型”繪制線條如圖3-88所示。也可以選擇已繪制的線條，對其端點進(jìn)行改變，其中“無”和“方型”近似，只是“無”短了一截兒。圖3-88三種端點的形狀3.8將線條轉(zhuǎn)換為填充

接合是指兩條線段相接處，也就是拐角的端點形狀。如圖3-89所示，有三種接合點的形狀：尖角、圓角和斜角，其中斜角是指被“削平”的方形端點，如圖3-89所示。圖3-89三種結(jié)合點的形狀3.8將線條轉(zhuǎn)換為填充

2．將線條轉(zhuǎn)換為填充在制作動畫的過程中，常常需要將線條轉(zhuǎn)換為填充?！皩⒕€條轉(zhuǎn)換為填充”命令，可以實現(xiàn)對線條的填充。（1）選擇圖形中需要轉(zhuǎn)換為填充的線條，如圖3-91所示。（2）執(zhí)行菜單“修改→形狀→將線條轉(zhuǎn)換為填充”命令，選定的線條將轉(zhuǎn)換為填充形狀，在“屬性”面板中設(shè)置填充顏色，選定的線條即改變?yōu)樘畛渖?。?）選取工具箱中的墨水甁工具，對填充