第六章制作補(bǔ)間動(dòng)畫(huà)掌握AnimateCC二零一七繪圖工具地使用方法。掌握使用AnimateCC二零一七繪圖工具繪圖地技巧。掌握素材地導(dǎo)入方法。掌握使用導(dǎo)入素材行動(dòng)畫(huà)開(kāi)發(fā)地方法。六.一 制作補(bǔ)間形狀動(dòng)畫(huà)六.一.一 知識(shí)解析一,補(bǔ)間動(dòng)畫(huà)地種類三種創(chuàng)建補(bǔ)間地形式:創(chuàng)建補(bǔ)間動(dòng)畫(huà):可以完成傳統(tǒng)補(bǔ)間動(dòng)畫(huà)地效果,還能實(shí)現(xiàn)三D補(bǔ)間動(dòng)畫(huà)。創(chuàng)建補(bǔ)間形狀:用于變形動(dòng)畫(huà)。創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫(huà):能實(shí)現(xiàn)位置,旋轉(zhuǎn),放大縮小,透明度變化等效果。操作要點(diǎn)（一）制作補(bǔ)間形狀動(dòng)畫(huà)。新建一個(gè)動(dòng)畫(huà)文件。在時(shí)間軸第一幀繪制一個(gè)圓形。在時(shí)間軸第一五幀按F七鍵插入一個(gè)空白關(guān)鍵幀,然后在這一幀繪制一個(gè)正方形。在第一幀上單擊鼠標(biāo)右鍵,在彈出地快捷菜單選擇創(chuàng)建補(bǔ)間形狀命令,則可以實(shí)現(xiàn)一個(gè)圓變成方形地動(dòng)畫(huà),如圖所示。（二）制作傳統(tǒng)補(bǔ)間動(dòng)畫(huà)。新建一個(gè)Animate（ActionScript三.零）文檔。在時(shí)間軸第一幀繪制一個(gè)圓形,框選整個(gè)圖形,按F八鍵將其轉(zhuǎn)化為圖形元件鼠標(biāo)單擊第一五幀,按下F六鍵插入一個(gè)關(guān)鍵幀。將第一五幀處地圖形行縮小,然后將其移動(dòng)位置。在第一幀上單擊鼠標(biāo)右鍵,在彈出地快捷菜單里選擇創(chuàng)建傳統(tǒng)補(bǔ)間,則可以實(shí)現(xiàn)一個(gè)大圓變小并移動(dòng)地動(dòng)畫(huà)。打開(kāi)繪圖紙外觀效果,可以看到動(dòng)畫(huà)從第一幀到第一五幀地變化過(guò)程,如圖所示。（三）制作補(bǔ)間動(dòng)畫(huà)。新建一個(gè)動(dòng)畫(huà)文件。在時(shí)間軸第一幀繪制一個(gè)正方形,框選整個(gè)對(duì)象后按F八鍵將其轉(zhuǎn)為影片剪輯元件。在第一五幀處按F五鍵插入幀在第一幀處單擊鼠標(biāo)右鍵,在彈出地快捷菜單里選擇創(chuàng)建補(bǔ)間動(dòng)畫(huà)。在第一五幀上單擊鼠標(biāo)右鍵,在右鍵菜單里選擇插入關(guān)鍵幀/旋轉(zhuǎn)。選擇工具欄上地（三D旋轉(zhuǎn)工具）,此時(shí),對(duì)象上顯示旋轉(zhuǎn)工具,拖動(dòng)鼠標(biāo)為第一五幀地對(duì)象做一定角度地旋轉(zhuǎn)操作,此時(shí)動(dòng)畫(huà)完成。二,創(chuàng)建補(bǔ)間形狀動(dòng)畫(huà)補(bǔ)間形狀動(dòng)畫(huà)是指在兩個(gè)或兩個(gè)以上地關(guān)鍵幀之間對(duì)形狀行補(bǔ)間,從而創(chuàng)建出一個(gè)形狀隨著時(shí)間地改變而變成另一個(gè)形狀地動(dòng)畫(huà)效果。補(bǔ)間形狀動(dòng)畫(huà)可以實(shí)現(xiàn)兩個(gè)矢量圖形之間顏色,形狀,位置地變化,其原理如圖所示。三,補(bǔ)間形狀動(dòng)畫(huà)地屬面板（一）緩動(dòng)參數(shù)。在緩動(dòng)參數(shù)輸入相應(yīng)地?cái)?shù)值,形狀補(bǔ)間動(dòng)畫(huà)則會(huì)隨之發(fā)生相應(yīng)地變化。其值在-一零零～零之間時(shí),動(dòng)畫(huà)變化地速度從慢到快。其值在零～一零零之間時(shí),動(dòng)畫(huà)變化地速度從快到慢。緩動(dòng)為零時(shí),補(bǔ)間幀之間地變化速率是不變地。（二）混合下拉列表框。在混合下拉列表框包含"角形"與"分布式"兩個(gè)參數(shù)。角形:指創(chuàng)建地動(dòng)畫(huà)間形狀會(huì)保留有明顯地角與直線,這種模式適合于具有銳化轉(zhuǎn)角與直線地混合形狀。分布式:指創(chuàng)建地動(dòng)畫(huà)間形狀比較滑與不規(guī)則。四,使用形狀提示（一）添加形狀提示。單擊補(bǔ)間形狀動(dòng)畫(huà)地開(kāi)始幀,選擇菜單命令修改/形狀/添加形狀提示或按Ctrl+Shift+H組合鍵,可在形狀上增加一個(gè)帶字母地紅色圓圈,相應(yīng)地在結(jié)束幀地形狀上也會(huì)增加形狀提示符,如左圖所示。（二）調(diào)節(jié)形狀提示。分別將這兩個(gè)形狀提示符安放到適當(dāng)?shù)匚恢脮r(shí),起始關(guān)鍵幀上地形狀提示點(diǎn)為黃色,結(jié)束關(guān)鍵幀地形狀提示點(diǎn)為綠色,如右圖。繼續(xù)添加形狀提示點(diǎn),并調(diào)節(jié)提示點(diǎn)位置,此時(shí)圖形地變化過(guò)程如下圖所示。六.一.二 基礎(chǔ)訓(xùn)練——制作"動(dòng)物變身"操作要點(diǎn)一.布置場(chǎng)景元素（一）預(yù)設(shè)場(chǎng)景。（二）布置"獅子"元件,效果如圖所示。（三）布置"豹子"元件,效果如右圖所示。（四）布置"袋鼠"元件,效果如上圖所示。（五）插入幀,效果如下圖所示。二.制作補(bǔ)間形狀動(dòng)畫(huà)（一）在第一幀～第一五幀之間創(chuàng)建補(bǔ)間形狀動(dòng)畫(huà)。（二）使用同樣地方法在第三零幀～第四五幀之間創(chuàng)建形狀補(bǔ)間動(dòng)畫(huà),時(shí)間軸如圖所示。三.添加形狀提示點(diǎn)（一）在第一幀～第一五幀之間添加形狀提示點(diǎn),效果如圖所示。（二）使用同樣地方法在第三零幀～第四五幀之間添加形狀提示點(diǎn),效果如圖所示。（三）按Ctrl+S組合鍵保存影片文件,案例制作完成。六.二 制作傳統(tǒng)補(bǔ)間動(dòng)畫(huà)在存儲(chǔ)著同一元件兩種不同屬地兩關(guān)鍵幀之間任選一幀,在該幀上單擊鼠標(biāo)右鍵,在彈出地快捷菜單選擇創(chuàng)建傳統(tǒng)補(bǔ)間命令即可創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫(huà),如左圖所示。如果兩關(guān)鍵幀之地任何一個(gè)關(guān)鍵幀地內(nèi)容不符合要求,傳統(tǒng)補(bǔ)間動(dòng)畫(huà)就會(huì)創(chuàng)建失敗,如圖所示。當(dāng)選傳統(tǒng)補(bǔ)間動(dòng)畫(huà)地任意一幀時(shí),其屬面板地狀態(tài)如右圖所示。六.二.一 知識(shí)解析六.二.二 基礎(chǔ)訓(xùn)練——制作"汽車廣告"步驟要點(diǎn)（一）布置場(chǎng)景。（二）幀設(shè)置。（三）布置汽車元件。第三零幀,第七零幀效果第九零幀效果第一幀效果（四）創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫(huà)。六.三 創(chuàng)建補(bǔ)間動(dòng)畫(huà)在包含一個(gè)元件地圖層上任意一幀處單擊鼠標(biāo)右鍵,在彈出地快捷菜單選擇創(chuàng)建補(bǔ)間動(dòng)畫(huà)命令,即可創(chuàng)建補(bǔ)間動(dòng)畫(huà)。一,常用幀操作在補(bǔ)間動(dòng)畫(huà),可以執(zhí)行以下常用幀操作。（一）在時(shí)間軸拖動(dòng)補(bǔ)間范圍地任意一端,可以按所需長(zhǎng)度縮短或延長(zhǎng)范圍。（二）通過(guò)鼠標(biāo)還可以將補(bǔ)間區(qū)域全部選,行整體拖放。（三）將播放頭放在補(bǔ)間范圍內(nèi)地某個(gè)幀上,然后將舞臺(tái)上地對(duì)象拖到新位置,即可將動(dòng)畫(huà)添加到補(bǔ)間。（四）使用（選擇工具）可對(duì)軌跡線行調(diào)整,這樣就極大地方便了用戶對(duì)動(dòng)畫(huà)行細(xì)部控制。（五）要選補(bǔ)間范圍內(nèi)地某一幀,可使用鼠標(biāo)單擊來(lái)選擇。六.三.一 知識(shí)解析二,補(bǔ)間動(dòng)畫(huà)原理可補(bǔ)間地對(duì)象類型包括影片剪輯,圖形與按鈕元件以及文本字段?？裳a(bǔ)間地對(duì)象地屬包括以下幾個(gè)方面。二DX與Y位置。三DZ位置（僅限影片剪輯）。二D旋轉(zhuǎn)（繞z軸）。三DX,Y與Z旋轉(zhuǎn)（僅限影片剪輯）。三D動(dòng)畫(huà)要求FLA文件在發(fā)布設(shè)置面向ActionScript三.零與FlashPlayer一零及以上版本。傾斜X與Y。縮放X與Y。顏色效果。顏色效果包括Alpha（透明度）,亮度,色調(diào)與高級(jí)顏色設(shè)置。只能在元件上補(bǔ)間顏色效果。若要在文本上補(bǔ)間顏色效果,請(qǐng)將文本轉(zhuǎn)換為元件。濾鏡屬（不包括應(yīng)用于圖形元件地濾鏡）。三,三維操作工具工具面板有三D移工具與三D旋轉(zhuǎn)工具兩種工具。（一）選擇工具面板地三D移工具,單擊（三D旋轉(zhuǎn)工具）右下角下拉按鈕,從彈出地工具組選取,可對(duì)舞臺(tái)上地影片剪輯元件行三維移。（二）選擇工具面板地三D旋轉(zhuǎn)工具,即可對(duì)舞臺(tái)上地影片剪輯元件行三維旋轉(zhuǎn)。（三）選擇舞臺(tái)上使用三D工具行了操作地元件,可在屬面地三D定位與視圖項(xiàng)設(shè)置三D位置坐標(biāo),透視角度以及消失點(diǎn)等參數(shù)。四,動(dòng)畫(huà)編輯器創(chuàng)建補(bǔ)間動(dòng)畫(huà)后,雙擊時(shí)間軸即可在其下方打開(kāi)動(dòng)畫(huà)編輯器面板,如圖所示。動(dòng)畫(huà)編輯器面板可以查看所有補(bǔ)間屬及其屬關(guān)鍵幀,還提供了向補(bǔ)間添加精度與詳細(xì)信息地工具。六.三.二 基礎(chǔ)訓(xùn)練——制作"圖片展示"操作要點(diǎn)一.制作"圖片一"元件地入場(chǎng)（一）導(dǎo)入素材。（二）在"背景"圖層之上新建并重命名圖層,得到如圖所示地圖層效果。（三）創(chuàng)建元件地實(shí)例。（四）創(chuàng)建補(bǔ)間動(dòng)畫(huà)。（五）移動(dòng)圖形。（六）旋轉(zhuǎn)圖形。（七）翻轉(zhuǎn)幀。（八）調(diào)整圖形。二.制作"圖片一"元件地出場(chǎng)（一）調(diào)整圖形。（二）旋轉(zhuǎn)圖形。（三）使用同樣地方法為元件"圖片二","圖片三","圖片四","圖片五"制作圖片地展示效果,最后地時(shí)間軸狀態(tài)如圖所示。（四）保存測(cè)試影片,一個(gè)絢麗地圖片展示效果制作完成。六.四 綜合應(yīng)用——制作"旋轉(zhuǎn)棱錐"操作要點(diǎn)新建圖層,導(dǎo)入背景圖片。繪制輔助圖層。（一）隱藏"背景"圖層,鎖定除"輔助"以外地圖層。（二）設(shè)置工具屬。（三）繪制三角形。（四）繪制其它線條。（五）復(fù)制線條。（六）復(fù)制粘貼幀三.制作"第一面"圖層上地動(dòng)畫(huà)（一）填充顏色（二）插入關(guān)鍵幀（三）調(diào)整第四零幀,第八零幀處圖形地形狀（四）創(chuàng)建形狀補(bǔ)間動(dòng)畫(huà)。四.添加形狀提示點(diǎn)（一）添加第八零幀處地形狀提示點(diǎn),效果如左圖所示。