3.2 對象的修飾

在制作動畫的過程中，可以應(yīng)用Flash CS6自帶的一些命令對曲線進(jìn)行優(yōu)化，將線條轉(zhuǎn)換為填充，對填充色進(jìn)行修改或?qū)μ畛溥吘夁M(jìn)行柔化處理。

命令介紹

柔化填充邊緣：可以將圖形的邊緣制作成柔化效果。

3.2.1 課堂案例——繪制沙灘風(fēng)景

【案例學(xué)習(xí)目標(biāo)】使用不同的繪圖工具繪制圖像，使用形狀命令編輯圖形。

【案例知識要點(diǎn)】使用“柔化填充邊緣”命令，制作太陽發(fā)光效果；使用“鋼筆”工具，繪制白云形狀；使用“變形”面板，改變圖形的大小，最終效果如圖3-57所示。

【效果所在位置】Ch03/效果/繪制沙灘風(fēng)景.fla。

掃描觀看本案例視頻

（1）選擇“文件>新建”命令，彈出“新建文檔”對話框，在“常規(guī)”選項卡中選擇“Action Script 3.0”選項，將“寬”選項設(shè)置為600，“高”選項設(shè)置為450，單擊“確定”按鈕，完成文檔的創(chuàng)建。

（2）將“圖層1”重新命名為“背景”，如圖3-58所示。選擇“矩形”工具，在工具箱中將“筆觸顏色”設(shè)置為無，“填充顏色”設(shè)置為青色（#0099FF），單擊工具箱下方的“對象繪制”按鈕，在舞臺窗口中繪制一個矩形，如圖3-59所示。

（3）選擇“窗口 > 顏色”命令，彈出“顏色”面板，單擊“填充顏色”按鈕，在“顏色類型”選項的下拉列表中選擇“線性漸變”，在色帶上將左邊的顏色控制點(diǎn)設(shè)置為青色（# 81C8EB），將右邊的顏色控制點(diǎn)設(shè)置為藍(lán)色（#3198CC），生成漸變色，如圖3-60所示。

（4）選擇“顏料桶”工具，在矩形的內(nèi)部從下向上拖曳鼠標(biāo)填充漸變色，效果如圖3-61所示。

（5）選擇“文件>導(dǎo)入>導(dǎo)入到舞臺”命令，在彈出的“導(dǎo)入”對話框中選擇“Ch03 >素材>繪制沙灘風(fēng)景> 01”文件，單擊“打開”按鈕，文件被導(dǎo)入舞臺窗口中，如圖3-62所示。將“圖層1”重命名為“風(fēng)景”。

（6）單擊“時間軸”面板下方的“新建圖層”按鈕，創(chuàng)建新圖層并將其命名為“太陽”。選擇“橢圓”工具，在工具箱中將“筆觸顏色”設(shè)置為無，“填充顏色”設(shè)置為黃色（#FFDC00），在舞臺窗口中繪制一個圓形，如圖3-63所示。選擇“選擇”工具，選中圓形，如圖3-64所示。

（7）選擇“修改>形狀>柔化填充邊緣”命令，彈出“柔化填充邊緣”對話框，在對話框中進(jìn)行設(shè)置，如圖3-65所示，單擊“確定”按鈕，效果如圖3-66所示。

（8）單擊“時間軸”面板下方的“新建圖層”按鈕，創(chuàng)建新圖層并將其命名為“云彩”。選擇“鋼筆”工具，在鋼筆工具的“屬性”面板中，將“筆觸顏色”設(shè)置為黑色，“筆觸”選項設(shè)置為1，在舞臺窗口中繪制一個閉合邊線，如圖3-67所示。

（9）調(diào)出“顏色”面板，單擊“填充顏色”按鈕，在“顏色類型”選項的下拉列表中選擇“線性漸變”，在色帶上將左邊的顏色控制點(diǎn)設(shè)置為白色，將右邊的顏色控制點(diǎn)設(shè)置為淡綠色（#DBEBC8），生成漸變色，如圖3-68所示。

（10）選擇“顏料桶”工具，在閉合邊線內(nèi)部從左向右拖曳鼠標(biāo)填充漸變色，效果如圖3-69所示。選擇“選擇”工具，選中云彩圖形，如圖 3-70 所示，在工具箱中將“筆觸顏色”設(shè)置為無，效果如圖3-71所示。

（11）選中“云彩”圖形，按住Alt鍵的同時拖曳鼠標(biāo)到適當(dāng)?shù)奈恢脧?fù)制圖形，效果如圖3-72所示。選擇“窗口 >變形”命令，彈出“變形”面板，在“變形”面板中將“縮放寬度”選項設(shè)置為60%，“縮放高度”選項也隨之變?yōu)?0%，如圖3-73所示，按Enter鍵確定操作，效果如圖3-74所示。

（12）用相同的方法再復(fù)制幾朵白云圖形，然后拖曳到適當(dāng)?shù)奈恢貌⒄{(diào)整其大小，效果如圖3-75所示。沙灘風(fēng)景繪制完成，效果如圖3-76所示，按Ctrl+Enter組合鍵即可查看。

3.2.2 優(yōu)化曲線

應(yīng)用優(yōu)化曲線命令可以將線條優(yōu)化得較為平滑。選中要優(yōu)化的線條，如圖3-77所示。選擇“修改 > 形狀 > 優(yōu)化”命令，彈出“優(yōu)化曲線”對話框，進(jìn)行設(shè)置后，如圖3-78所示；單擊“確定”按鈕，彈出提示對話框，如圖3-79所示，單擊“確定”按鈕，線條被優(yōu)化，如圖3-80所示。

3.2.3 將線條轉(zhuǎn)換為填充

應(yīng)用將線條轉(zhuǎn)換為填充命令可以將矢量線條轉(zhuǎn)換為填充色塊。導(dǎo)入花朵圖片，如圖3-81所示。選擇“墨水瓶”工具，為圖形繪制外邊線，如圖3-82所示。

選擇“選擇”工具，雙擊圖形的外邊線將其選中，選擇“修改 > 形狀 > 將線條轉(zhuǎn)換為填充”命令，將外邊線轉(zhuǎn)換為填充色塊，如圖 3-83 所示。這時，可以選擇“顏料桶”工具，為填充色塊設(shè)置其他顏色，如圖3-84所示。

3.2.4 擴(kuò)展填充

應(yīng)用擴(kuò)展填充命令可以將填充顏色向外擴(kuò)展或向內(nèi)收縮，擴(kuò)展或收縮的數(shù)值可以自定義。

1．?dāng)U展填充色

選中圖形的填充顏色，如圖3-85所示。選擇“修改>形狀>擴(kuò)展填充”命令，彈出“擴(kuò)展填充”對話框，在“距離”選項的數(shù)值框中輸入6（取值范圍為0.05～144），單擊“擴(kuò)展”單選項，如圖3-86所示。單擊“確定”按鈕，填充色向外擴(kuò)展，效果如圖3-87所示。

2．收縮填充色

選中圖形的填充顏色，選擇“修改>形狀>擴(kuò)展填充”命令，彈出“擴(kuò)展填充”對話框，在“距離”選項的數(shù)值框中輸入12（取值范圍為0.05～144），單擊“插入”單選項，如圖3-88所示；單擊“確定”按鈕，填充色向內(nèi)收縮，效果如圖3-89所示。

3.2.5 柔化填充邊緣

1．向外柔化填充邊緣

選中圖形，如圖3-90所示，選擇“修改>形狀>柔化填充邊緣”命令，彈出“柔化填充邊緣”對話框，在“距離”選項的數(shù)值框中輸入50，在“步長數(shù)”選項的數(shù)值框中輸入5，單擊“擴(kuò)展”單選項，如圖3-91所示，單擊“確定”按鈕，效果如圖3-92所示。

在“柔化填充邊緣”對話框中設(shè)置不同的數(shù)值，所產(chǎn)生的效果也各不相同。

選中圖形，選擇“修改>形狀>柔化填充邊緣”命令，彈出“柔化填充邊緣”對話框，在“距離”選項的數(shù)值框中輸入30，在“步長數(shù)”選項的數(shù)值框中輸入20，單擊“擴(kuò)展”單選項，如圖3-93所示，單擊“確定”按鈕，效果如圖3-94所示。

2．向內(nèi)柔化填充邊緣

選中圖形，如圖3-95所示，選擇“修改>形狀>柔化填充邊緣”命令，彈出“柔化填充邊緣”對話框，在“距離”選項的數(shù)值框中輸入50，在“步長數(shù)”選項的數(shù)值框中輸入5，單擊“插入”單選項，如圖3-96所示，單擊“確定”按鈕，效果如圖3-97所示。

選中圖形，選擇“修改>形狀>柔化填充邊緣”命令，彈出“柔化填充邊緣”對話框，在“距離”選項的數(shù)值框中輸入30，在“步長數(shù)”選項的數(shù)值框中輸入20，單擊“插入”單選項，如圖3-98所示，單擊“確定”按鈕，效果如圖3-99所示。