WEB動畫制作與設(shè)計課件：高級動畫（二）

高級動畫制作高級動畫制作高級動畫制作1、了解引導(dǎo)層的特點(diǎn)及引導(dǎo)層動畫的制作原理；2、掌握運(yùn)動引導(dǎo)層的動畫制作方法；3．了解遮罩層的特點(diǎn)及遮罩的動畫制作原理；4、掌握遮罩的動畫制作方法；【課堂學(xué)習(xí)目標(biāo)】【案例學(xué)習(xí)目標(biāo)】使用繪圖工具、浮動面板制作圖形，使用創(chuàng)建補(bǔ)間動畫命令制作動畫效果，使用遮罩層命令制作遮罩動畫?！景咐R要點(diǎn)】1、使用矩形工具和顏色面板繪制漸變矩形；2、使用創(chuàng)建補(bǔ)間動畫命令制作動畫效果；3、使用遮罩層命令制作遮罩動畫效果?！菊n堂案例】—制作“文字遮罩效果”1、遮罩層動畫（1）創(chuàng)建遮罩層一個遮罩效果的實(shí)現(xiàn)至少需要兩個圖層，上面的圖層是遮罩層，下面的圖層是被遮罩層。要創(chuàng)建遮罩層，可以在選定的圖層上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“遮罩層”命令?！纠碚撝R】——制作遮罩層動畫1、遮罩層動畫（2）遮罩原理與普通層不同，在具有遮罩層的圖層中，只能透過遮罩層中所含對象的形狀，才可以看到被遮罩層上的內(nèi)容?！纠碚撝R】——制作遮罩層動畫1．導(dǎo)入圖片并制作圖形元件（1）新建一個Flash文件，將背景顏色設(shè)為淡黃色（#FFFFE6）。（2）選擇“文件>導(dǎo)入>導(dǎo)入到庫”命令，將“素材>文字遮罩效果>底圖、人物”文件，導(dǎo)入到“庫”面板。（3）創(chuàng)建一個新元件，在“名稱”選項的文本框中輸入“文字”，類型為“圖形”選項，單擊“確定”按鈕，新建圖形元件“文字”?！菊n堂案例】—制作“文字遮罩效果”1．導(dǎo)入圖片并制作圖形元件（4）選擇“文本”工具T，在文字“屬性”面板中進(jìn)行設(shè)置，在舞臺窗口中輸入大小為16，字體為隸書的黑色文字，舞臺窗口中的效果如圖所示。【課堂案例】—制作“文字遮罩效果”1．導(dǎo)入圖片（5）單擊“時間軸”面板下方的“場景1”圖標(biāo)，進(jìn)入“場景1”的舞臺窗口。將“圖層1”重新命名為“底圖”。將“庫”面板中的位圖圖像“底圖”拖曳到舞臺窗口中。選中“底圖”圖層的第400幀，按F5鍵，在該幀上插入普通幀?！菊n堂案例】—制作“文字遮罩效果”1．導(dǎo)入圖片（6）在“底圖”圖層上創(chuàng)建新的圖層并將其命名為“人物”。將“庫”面板中的圖形元件“人物”拖曳到舞臺窗口的左側(cè)。【課堂案例】—制作“文字遮罩效果”2．制作遮罩文字效果（1）

創(chuàng)建新的圖層并將其命名為“遮罩”。選擇“窗口>顏色”命令，彈出“顏色”面板，在“類型”選項的下拉列表中選擇“線性”，單擊色帶，添加兩個色塊，選中色帶上左右兩側(cè)的色塊，將其設(shè)為白色，在“Alpha”選項中將其不透明度設(shè)為0％，選中色帶上中間的兩個色塊，將其設(shè)為黑色，如圖所示。【課堂案例】—制作“文字遮罩效果”2．制作遮罩文字效果（2）選擇“矩形”工具，在工具箱中將“筆觸顏色”設(shè)為無，在舞臺窗口中繪制一個長方形作為遮罩圖形。選中長方形，在形狀“屬性”面板中將“寬”和“高”選項分別設(shè)為175像素和157像素，效果如圖所示?！菊n堂案例】—制作“文字遮罩效果”2．制作遮罩文字效果（3）單擊“插入圖層”按鈕，創(chuàng)建新的圖層并將其命名為“文字”。將“庫”面板中的圖形元件“文字”拖曳到舞臺窗口的左下方，效果如圖所示。選中“文字”圖層的第400幀，按F6鍵，在該幀上插入關(guān)鍵幀?！菊n堂案例】—制作“文字遮罩效果”2．制作遮罩文字效果（4）選中“文字”圖層的第400幀，按住Shift鍵的同時，用鼠標(biāo)將“文字”實(shí)例水平移動到“遮罩”圖形的右邊，效果如圖所示。鼠標(biāo)右鍵單擊“文字”圖層的第1幀，在彈出的菜單中選擇“創(chuàng)建補(bǔ)間動畫”命令，生成動作補(bǔ)間動畫?！菊n堂案例】—制作“文字遮罩效果”2．制作遮罩文字效果（5）鼠標(biāo)右鍵單擊“文字”圖層的名稱，在彈出的菜單中選擇“遮罩層”命令，將“文字”圖層轉(zhuǎn)換為遮罩層。文字遮罩效果制作完成，按Ctrl+Enter組合鍵即可查看效果?！菊n堂案例】—制作“文字遮罩效果”六、對齊對象任務(wù):制作“仙境小溪”操作提示：本例通過有一定間隙的陣列矩形遮罩來顯示小溪的部分圖形，通過動靜結(jié)合的方式模擬流水效果，再通過導(dǎo)入配合場景的素材，制作一個夢幻的仙境小溪效果。制作思路及效果如圖所示?！?/p>

舉一反三】六、對齊對象任務(wù)