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

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

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

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

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