WEB動(dòng)畫制作與設(shè)計(jì)課件：對(duì)象的編輯與修飾（一）

對(duì)象的編輯與修飾對(duì)象的編輯與修飾對(duì)象的編輯與修飾1、對(duì)象的變形與操作；2、對(duì)象的修飾；3、對(duì)齊面板與變形面板的使用【課堂學(xué)習(xí)目標(biāo)】【案例學(xué)習(xí)目標(biāo)】使用不同的變形命令編輯圖形?！景咐R(shí)要點(diǎn)】使用鉛筆工具繪制山圖形和草地圖形，使用縮放命令、旋轉(zhuǎn)與傾斜命令、翻轉(zhuǎn)命令編輯圖形，使用任意變形工具改變圖形形狀?！菊n堂案例】—繪制稻草人【課堂案例】—繪制稻草人1、繪制山和草地圖形（1）文檔屬性：將“背景顏色”設(shè)為天藍(lán)色（#00CCFF）。（2）繪制山鉛筆工具：“鉛筆模式”：平滑；

“筆觸顏色”：黑色；“筆觸高度”：1；【課堂案例】—繪制稻草人1、繪制山和草地圖形（2）繪制山“顏料桶”工具

：“填充色”分別設(shè)為青色（#7BBACE），綠色（#8CC78C）和草綠色（#B5CF4A）【課堂案例】—繪制稻草人1、繪制山和草地圖形（3）繪制草地A、選用“鉛筆”工具繪制草地輪廓B、選擇“顏料桶”工具，“顏色”面板，在“類型”選項(xiàng)為“線性”，選中色帶上左側(cè)的色塊，將其設(shè)為黃色（#F7CF39），選中色帶上右側(cè)的色塊，將其設(shè)為暗黃色（#D3AAOA）?！菊n堂案例】—繪制稻草人1、繪制山和草地圖形（3）繪制草地C、“選擇”工具，選中漸變色的草地圖形，按Ctrl+G組合鍵將圖形組合。多次復(fù)制草地，使草地有層次感；【課堂案例】—繪制稻草人

制作復(fù)雜圖形時(shí)，可以將多個(gè)圖形組合成一個(gè)整體，以便選擇和修改。另外，制作位移動(dòng)畫時(shí)，需用“組合”命令將圖形轉(zhuǎn)變成組件。選中多個(gè)圖形，選擇“修改>組合”命令，或按Ctrl+G組合鍵，將選中的圖形進(jìn)行組合，如圖所示。一、組合對(duì)象原圖組合后效果二、分離對(duì)象

要修改多個(gè)圖形的組合、圖像、文字或組件的一部分時(shí)，可以使用“修改>分離”命令。另外，制作變形動(dòng)畫時(shí)，需用“分離”命令將圖形的組合、圖像、文字或組件轉(zhuǎn)變成圖形。

選中圖形組合，選擇“修改>分離”命令，或按ctrl+B組合鍵，將組合的圖形打散。2、繪制云圖形選擇“鉛筆”工具，繪制出云的輪廓；填充為白色，“Alpha”選項(xiàng)中將其不透明度設(shè)為80%；【課堂案例】—繪制稻草人2、繪制云圖形選中云圖形，按Ctrl+G組合鍵，將圖形組合，按Ctrl+T組合鍵，彈出“變形”面板，在對(duì)話框中進(jìn)行設(shè)置，單擊“復(fù)制并應(yīng)用變形”按鈕點(diǎn)

，復(fù)制出一個(gè)新的云圖形?！菊n堂案例】—繪制稻草人【功能】應(yīng)用變形面板可以將圖形、組、文本以及實(shí)例進(jìn)行變形。

選擇“窗口>變形”命令或按Ctrl+T鍵，彈出“變形”面板，如圖所示。

三、變形面板“縮放寬度”

和“縮放高度”

選項(xiàng)

：用于設(shè)置圖形的寬度和高度?！凹s束”按鈕

：用于約束“寬度”和“高度”選項(xiàng)，使圖形能夠成比例地變形?！靶D(zhuǎn)”選項(xiàng)

：用于設(shè)置圖形的角度?！皟A斜”選項(xiàng)

：用于設(shè)置圖形的水平傾斜或垂直傾斜?！爸刂七x區(qū)和變形”按鈕

：用于復(fù)制圖形并將變形設(shè)置應(yīng)用給圖形?！叭∠冃巍卑粹o

：用于將圖形屬性恢復(fù)到初始狀態(tài)。三、變形面板選擇“修改>變形”中的“垂直翻轉(zhuǎn)”、“水平翻轉(zhuǎn)”命令，可以將圖形進(jìn)行翻轉(zhuǎn)，效果分別如圖所示。四、翻轉(zhuǎn)對(duì)象原圖垂直翻轉(zhuǎn)水平翻轉(zhuǎn)3、制作稻草人并繪制路圖形（1）選擇“文件>導(dǎo)入>導(dǎo)入到庫”命令將“稻草人”素材導(dǎo)入到庫中。（2）選擇“修改>變形>旋轉(zhuǎn)與傾斜”命令，將中心控制點(diǎn)拖曳到控制框的下方中間位置。【課堂案例】—繪制稻草人3、制作稻草人并繪制路圖形（3）選擇“鉛筆”工具，在舞臺(tái)窗口中繪制出路的邊線效果?！菊n堂案例】—繪制稻草人3、制作稻草人并繪制路圖形（4）填充路的顏色：選擇“顏料桶”工具，在工具箱中將“填充顏色”設(shè)為乳白色（#FDF3D6）?！菊n堂案例】—繪制稻草人4、導(dǎo)入素材圖形（1）導(dǎo)入蜻蜓圖形，并進(jìn)行相應(yīng)屬性修改?！菊n堂案例】—繪制稻草人4、導(dǎo)入素材圖形（2）導(dǎo)入楓葉素材，轉(zhuǎn)換為元件；在變形面板中進(jìn)行相應(yīng)屬性設(shè)置。（3）設(shè)置楓葉的疊放樣式?！菊n堂案例】—繪制稻草人五、疊放對(duì)象

制作復(fù)雜圖形時(shí)，多個(gè)圖形的疊放次序不同，會(huì)產(chǎn)生不同的效果，可以通過“修改>排列”中的命令實(shí)現(xiàn)不同的疊放效果。

如果要將圖形移動(dòng)到所有圖形的頂層。選中要移動(dòng)的熱氣球圖形，選擇“修改>排列>移至頂層”命令，將選中的熱氣球圖形移動(dòng)到所有圖形的頂層，效果如圖所示。5、繪制草圖形（1）新建“草”元件，類型：圖形。（2）利用繪圖工具繪制草的外形輪廓，“填充顏色”設(shè)為褐色（#DE9639）?！菊n堂案例】—繪制稻草人5、繪制草圖形（3）選擇“選擇”工具，選中“草”實(shí)例，按住Alt健的同時(shí)，復(fù)制草圖形并拖曳到適當(dāng)?shù)奈恢?。在圖形“屬性”面板：“色彩效果-樣式”中選擇“色調(diào)”選項(xiàng)，將顏色設(shè)為綠色（#639A00）?！菊n堂案例】—繪制稻草人六、對(duì)齊對(duì)象

當(dāng)選擇多個(gè)圖形、圖像、圖形的組合、組件時(shí)，可以通過“修改>對(duì)齊”中的命令調(diào)整它們的相對(duì)位置。

如果要將多個(gè)圖形的底部對(duì)齊。選中多個(gè)圖形，選擇“修改>對(duì)齊>底對(duì)齊”命令，將所有圖形的底部對(duì)齊，效果如圖所示。六、對(duì)齊對(duì)象任務(wù):繪制蝴蝶圖形【

舉一反三】六、對(duì)齊對(duì)象【操作提示】

本任務(wù)中，我們將通過移動(dòng)、復(fù)制等圖形編輯操作，制作蝴蝶圖形。（1