動(dòng)畫設(shè)計(jì)軟件應(yīng)用（Animate 2023） 教學(xué)課件 第5章元件和庫

第5章元件和庫演講人2023-09-28學(xué)習(xí)目標(biāo)

在Animate動(dòng)畫制作過程中，將動(dòng)畫制作中需要反復(fù)使用的素材保存為元件，不僅可以減少操作步驟，而且還可以縮小文件的大小。新建的元件保存到庫中，可以反復(fù)使用。本章的主要內(nèi)容是如何新建元件、創(chuàng)建不同類型的元件及對(duì)元件的應(yīng)用與管理。庫面板的管理創(chuàng)建元件

圖形元件的創(chuàng)建與實(shí)例制作按鈕元件的創(chuàng)建與實(shí)例制作影片剪輯元件的創(chuàng)建與實(shí)例制作重點(diǎn)難點(diǎn)元件與實(shí)例的關(guān)系。04按鈕元件4個(gè)關(guān)鍵幀的狀態(tài)。03圖形元件循環(huán)播放設(shè)置。02影片剪輯元件與圖形元件的區(qū)別。015.1影片剪輯元件和

庫面板基本操作學(xué)習(xí)內(nèi)容校車行駛動(dòng)畫效果課堂實(shí)例實(shí)例分析本實(shí)例效果在第二章繪制校車實(shí)例的基礎(chǔ)上，制作校車行駛的動(dòng)畫效果。如圖5-1所示，場(chǎng)景中多次出現(xiàn)樓房，樹木等元素，在制作中可以將重復(fù)出現(xiàn)的圖形轉(zhuǎn)換為元件，保存在庫中，使用時(shí)從庫中拖放到舞臺(tái)上。汽車車輪的動(dòng)畫效果是邊旋轉(zhuǎn)邊位置移動(dòng)，需要將車輪輪轂旋轉(zhuǎn)的動(dòng)畫效果保存在影片剪輯中，重復(fù)播放。然后將車輪與公交車組合的“公交車”元件一起做位置移動(dòng)的補(bǔ)間動(dòng)畫，最后的效果是汽車行駛過程中，輪子轉(zhuǎn)動(dòng)。制作過程添加樓房等素材C街道背景元件B添加樹木前景D制作校車輪子轉(zhuǎn)動(dòng)動(dòng)畫效果E新建文檔和保存文檔A制作跟鏡頭效果F發(fā)布影片G制作過程添加樓房等素材C街道背景元件B添加樹木前景D制作校車輪子轉(zhuǎn)動(dòng)動(dòng)畫效果E新建文檔和保存文檔A制作跟鏡頭效果F發(fā)布影片G舉一反三在上面實(shí)例的基礎(chǔ)上，添加公交車、小汽車素材，制作車輪轉(zhuǎn)動(dòng)的影片剪輯，然后為汽車、公交車制作位置移動(dòng)動(dòng)畫進(jìn)階訓(xùn)練本實(shí)例為角色的表情動(dòng)畫，將角色暈的星星和眼睛轉(zhuǎn)圈的動(dòng)畫，保存在影片剪輯元件中，實(shí)現(xiàn)重復(fù)循環(huán)播放的動(dòng)畫效果影片剪輯元件和庫面板基本操作知識(shí)講解5.1.2元件的類型圖形A可用于靜態(tài)圖像和簡(jiǎn)單動(dòng)畫圖形元件的時(shí)間軸與主時(shí)間軸同步運(yùn)行，無法提供實(shí)例名稱，也不能在動(dòng)作腳本中被引用，同時(shí)交互式控件和聲音在圖形元件的動(dòng)畫序列中不起作用B影片剪輯可以創(chuàng)建可重復(fù)使用的動(dòng)畫片段，影片剪輯擁有獨(dú)立于主時(shí)間軸的“多幀時(shí)間軸”，即使主時(shí)間軸上的幀數(shù)只有1幀，影片剪輯仍可以播放完整的動(dòng)畫效果。影片剪輯元件可以包含交互式控件、聲音甚至其他影片剪輯實(shí)例，也可以將影片剪輯實(shí)例放在按鈕元件的時(shí)間軸內(nèi)，以創(chuàng)建動(dòng)畫按鈕。可以創(chuàng)建用于響應(yīng)鼠標(biāo)單擊、滑過或其他動(dòng)作的交互式按鈕C按鈕5.1.3創(chuàng)建元件菜單創(chuàng)建創(chuàng)建元件的方法主要通過執(zhí)行【插入】—【新建元件】命令，在彈出的“創(chuàng)建新元件”對(duì)話框中可以修改元件名稱及類型快捷鍵按快捷鍵【Ctrl+F8】，可以直接彈出“創(chuàng)建新元件”對(duì)話框創(chuàng)建元件?！皫臁泵姘鍐螕簟皫臁泵姘遄笙陆堑摹拘陆ㄔ堪粹o，可以彈出“創(chuàng)建新元件”對(duì)話框創(chuàng)建元件5.1.4轉(zhuǎn)換元件菜單創(chuàng)建選擇轉(zhuǎn)換對(duì)象，執(zhí)行【修改】—【轉(zhuǎn)換為元件】命令。快捷鍵選擇轉(zhuǎn)換對(duì)象，按快捷鍵【F8】即可彈出“轉(zhuǎn)換為元件”對(duì)話框?？旖莶藛芜x擇轉(zhuǎn)換對(duì)象，右擊鼠標(biāo)右鍵，在彈出的快捷菜單中執(zhí)行【轉(zhuǎn)換為元件】命令。5.1.5編輯元件新建元件后，即進(jìn)入元件的編輯窗口。對(duì)于庫中的元件，可以雙擊進(jìn)入元件編輯窗口，或者在庫面板中選擇某個(gè)元件點(diǎn)擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇【編輯】命令，即進(jìn)入元件的編輯窗口。5.1.6庫面板的操作新建的元件都保存在庫中，通過庫的操作可以實(shí)現(xiàn)對(duì)元件的創(chuàng)建、刪除、編輯等操作5.1.7元件與實(shí)例的關(guān)系元件是制作Animate動(dòng)畫的最基本的元素，可重復(fù)使用。實(shí)例是指位于舞臺(tái)上或嵌套在另一個(gè)元件內(nèi)的元件副本，用戶可以對(duì)實(shí)例進(jìn)行改變大小、顏色、Alpha值等操作，對(duì)實(shí)例的這些操作不會(huì)影響到元件本身，但如果對(duì)元件進(jìn)行了修改，那么Animate就會(huì)更新該元件的所有實(shí)例。如圖所示，將“花”元件的形狀改變后，所有的花都發(fā)生變化。5.1.8改變實(shí)例類型不同的元件類型在【屬性面板】中會(huì)呈現(xiàn)不同的屬性。如果需要改變實(shí)例的元件類型，可以在【屬性面板】中的“實(shí)例行為”下拉列表中進(jìn)行“影片剪輯”、“圖形”和“按鈕”3種元件類型的切換。5.1.9影片剪輯元件影片剪輯元件用來制作可重復(fù)使用的、獨(dú)立于主時(shí)間軸的動(dòng)畫片段。在Animate動(dòng)畫中，例如規(guī)律性比較強(qiáng)的循環(huán)播放的動(dòng)畫片段適合用影片剪輯來制作，如馬跑步、鳥飛行、蝴蝶飛、人走等?！靶＼囆旭偂敝衅囕喿愚D(zhuǎn)動(dòng)是循環(huán)播放的動(dòng)畫效果，所以采用影片剪輯來制作。5.2圖形元件的應(yīng)用學(xué)習(xí)內(nèi)容瑞雪兆豐年課堂實(shí)例實(shí)例分析“瑞雪兆豐年”一個(gè)漢語成語，意思為適時(shí)的冬雪預(yù)示著來年是豐收之年，是莊稼獲得豐收的預(yù)兆。成語出處：曲波《橋隆飆》十九：“俗語道：‘瑞雪兆豐年’，明年的小麥一定收成好?！保斓难┰酱?，春天融化后土壤就越濕潤(rùn)，種子播下去之后，成活率就越高，雪可以起到保暖土壤，積水利田，減少病蟲害的作用。本實(shí)例制作下雪動(dòng)畫效果，是Animate動(dòng)畫特效中使用頻率比較高的動(dòng)畫效果。實(shí)例制作主要通過創(chuàng)建補(bǔ)間動(dòng)畫制作雪花飄落的不規(guī)則曲線運(yùn)動(dòng)，并將其保存為圖形元件。通過圖形元件的“循環(huán)”屬性，設(shè)置開始播放幀來實(shí)現(xiàn)一串雪花的效果。最后再將一串雪花組合為一片雪花下落的效果制作過程創(chuàng)建雪花下落動(dòng)畫C新建元件“雪花”B制作一串雪花下落效果D制作一片雪花下落效果E新建文檔和保存文檔A制作舞臺(tái)場(chǎng)景動(dòng)畫F保存并發(fā)布影片G制作過程創(chuàng)建雪花下落動(dòng)畫C新建元件“雪花”B制作一串雪花下落效果D制作一片雪花下落效果E新建文檔和保存文檔A制作舞臺(tái)場(chǎng)景動(dòng)畫F保存并發(fā)布影片G制作過程創(chuàng)建雪花下落動(dòng)畫C新建元件“雪花”B制作一串雪花下落效果D制作一片雪花下落效果E新建文檔和保存文檔A制作舞臺(tái)場(chǎng)景動(dòng)畫F保存并發(fā)布影片G制作過程創(chuàng)建雪花下落動(dòng)畫C新建元件“雪花”B制作一串雪花下落效果D制作一片雪花下落效果E新建文檔和保存文檔A制作舞臺(tái)場(chǎng)景動(dòng)畫F保存并發(fā)布影片G舉一反三利用此方法也可以制作下雨的動(dòng)畫效果，相對(duì)于下雪，下雨的運(yùn)動(dòng)路徑為直線，只需要制作一串下雨的動(dòng)畫，然后將多個(gè)元件實(shí)例分布畫面即可。春雨綿長(zhǎng)，所以設(shè)置雨滴的元件時(shí)，可以將雨設(shè)置為線條進(jìn)階訓(xùn)練實(shí)例效果為波動(dòng)的音頻波形，主要使用圖形元件設(shè)置循環(huán)的起始幀來實(shí)現(xiàn)的.圖形元件知識(shí)講解3.2.2優(yōu)化曲線工具優(yōu)化曲線能將線條或者填充的輪廓加以改進(jìn)，減少用于定義圖形的曲線數(shù)量，減少Animate文件的容量。具體操作：選擇需要優(yōu)化的形狀，執(zhí)行【修改】—【形狀】—【優(yōu)化】命令，在彈出的“優(yōu)化曲線”對(duì)話框中設(shè)置優(yōu)化的強(qiáng)度，范圍為0～100，值越大，優(yōu)化越好，曲線數(shù)會(huì)越少。3.2.3將線條轉(zhuǎn)換為填充矩形工具在繪制矢量圖形時(shí)，會(huì)發(fā)現(xiàn)繪制的線條在進(jìn)行放大縮小時(shí)，它的粗細(xì)是不變化的。如果需要解決這個(gè)問題，可以執(zhí)行【將線條轉(zhuǎn)換為填充】命令，將繪制的矢量線條轉(zhuǎn)換為填充色塊。具體操作：選擇需要變化的線條，執(zhí)行【修改】—【形狀】—【將線條轉(zhuǎn)換為填充】命令，即可將線條轉(zhuǎn)換為填充。3.2.4擴(kuò)展填充【擴(kuò)展填充】的主要功能是將填充顏色向外擴(kuò)展或向內(nèi)收縮。執(zhí)行【修改】—【形狀】—【擴(kuò)展填充】命令，在彈出的對(duì)話框中，可以設(shè)置擴(kuò)展的距離和方向，如圖所示。當(dāng)花朵的填充區(qū)域向外擴(kuò)展10像素時(shí)，將覆蓋邊緣線條。而當(dāng)向內(nèi)插入20像素時(shí)，會(huì)向內(nèi)收縮20像素，填充色塊與邊線處均勻出現(xiàn)空隙，類似鏤空效果。3.2.5柔化填充邊緣柔化填充邊緣與擴(kuò)展填充類似，不同的是柔化填充邊緣會(huì)在填充方向上產(chǎn)生多個(gè)逐漸透明的顏色填充。執(zhí)行【修改】—【形狀】—【柔化填充邊緣】命令，在彈出的【柔化填充邊緣】對(duì)話框中可以設(shè)置“距離”、“步長(zhǎng)數(shù)”和“方向”屬性。繪制雨后彩虹風(fēng)景課后實(shí)訓(xùn)3課后實(shí)訓(xùn)2本實(shí)例的主要效果繪制一個(gè)陽光沙灘的自然景觀背景，如圖所示