第5章動畫的編輯與制作本章介紹：在新媒體時代，新媒體動畫的制作方式、信息載體、表現形式、傳播渠道較傳統媒體動畫都發生了巨大的變化。本章將對動畫的基礎知識、Animate的基礎知識、基本動畫的制作、高級動畫的制作及交互式動畫的制作進行系統講解。通過本章的學習，讀者可以了解新媒體動畫技術的基礎知識，掌握制作新媒體常用動畫的方法。5.5.2課堂案例——家居裝修行業產品推廣H5頁面運用谷歌瀏覽器登錄凡科官網，使用凡科互動為傳單制作家居裝修行業產品推廣H5頁面。使用凡科微傳單趣味中的全景功能制作最終效果。效果圖了解動畫的基礎知識。熟練掌握Animate的基礎操作。掌握基本動畫的制作。掌握高級動畫的制作。掌握交互式動畫的制作。學習目標5.1動畫的基礎知識新媒體動畫的基本概念新媒體動畫的基本特點新媒體動畫的常見類型新媒體動畫的制作流程5.1.1新媒體動畫的基本概念新媒體動畫（NewMediaAnimation）是建立在以數字技術為制作核心，將新媒體作為信息載體，通過數字動畫的表現形式以互聯網、數字電視等渠道進行傳播的動畫。新媒體動畫概念5.1.2新媒體動畫的基本特點新媒體動畫的基本特點可以分為多樣化、先進化、互動化、碎片化、成人化5個方面。新媒體動畫特點5.1.3新媒體動畫的常見類型劇情動畫劇情動畫即具備故事情節的動畫，這類動畫通常表現形式豐富、內容緊湊，受多年齡層觀眾喜愛。劇情動畫展示動畫展示動畫不具備故事情節，而是運用動畫對需要進行傳播的內容和信息進行展示。這類動畫通常時長較短，主題鮮明，動畫與內容巧妙結合。展示動畫的應用非常廣，常見于App產品、H5廣告、微信公眾號等頁面。展示動畫5.1.3新媒體動畫的常見類型表情動畫表情動畫即用于表示感情的動態表情，一系列的表情動畫即形成表情包。這類動畫更具趣味性，構圖夸張，廣泛用于QQ、微信、微博等社交環境。5.1.3新媒體動畫的常見類型表情動畫游戲動畫游戲動畫即新媒體游戲中的交互動畫，這類動畫通常鏡頭豐富、畫面細膩。游戲動畫5.1.3新媒體動畫的常見類型5.1.4新媒體動畫的制作流程新媒體動畫的制作流程可以分成3個階段，即前期策劃、中期制作以及后期合成。其中前期策劃包括編寫文案腳本、美術設定以及原畫分鏡，中期制作主要體現在動畫制作，后期合成主要體現在配音剪輯，部分動畫還會再最后進行試映宣傳。新媒體動畫制作流程5.2Animate的基礎知識Animate的操作界面Animate的文件操作5.2.1Animate的操作界面菜單欄菜單欄Animate的菜單欄中依次為“文件”菜單、“編輯”菜單、“視圖”菜單、“插入”菜單、“修改”菜單、“文本”菜單、“命令”菜單、“控制”菜單、“調試”菜單、“窗口”菜單及“幫助”菜單。5.2.1Animate的操作界面工具箱工具箱工具箱提供了圖形繪制和編輯的各種工具，分為工具區、查看區、顏色區、屬性區4個功能區。選擇“窗口>工具”命令，或按Ctrl+F2組合鍵，可以調出工具箱。時間軸時間軸時間軸用于組織和控制文件內容在一定時間內的播放。按照功能的不同，時間軸窗口分為左右兩部分，分別為圖層控制區和時間軸控制區。時間軸的主要組件是層、幀和播放頭。5.2.1Animate的操作界面場景場景場景是所有動畫元素的最大活動空間。可以選擇“視圖>轉到”命令，再從其子菜單中選擇場景的名稱。5.2.1Animate的操作界面“屬性”面板“屬性”面板當選定某個工具時，在“屬性”面板“工具”選項卡中會顯示該工具的屬性設置。選定文本、組件、形狀、位圖、視頻、組等時，“屬性”面板自動切換到“對象”選項卡，在選項組中會顯示相應的信息和設置。5.2.1Animate的操作界面“屬性”面板“浮動”面板使用“浮動”面板可以查看、組合和更改資源。但屏幕的大小有限，為了盡量使工作區最大，Animate提供了許多種自定義工作區的方式，如可以通過“窗口”菜單顯示、隱藏面板，還可以通過拖曳鼠標指針來調整面板的大小及重新組合面板。5.2.1Animate的操作界面5.2.2Animate的文件操作新建文件新建文件選擇“文件>新建”命令，或按Ctrl+N組合鍵，彈出“新建文檔”對話框。保存文件保存文件通過“文件>保存”或“另存為”等命令可以將文件保存在磁盤上。5.2.2Animate的文件操作打開文件打開文件選擇“文件>打開”命令，彈出“打開”對話框，單擊“打開”按鈕，或直接雙擊文件，即可打開所指定的動畫文件。5.2.2Animate的文件操作5.3基本動畫的制作課堂案例——制作微信GIF表情包課堂案例——制作社交媒體類公眾號動態引導關注5.3.1課堂案例——制作微信GIF表情包使用“導入到庫”命令導入素材文件，使用“創建元件”命令制作文字元件，使用“復制幀”與“粘貼幀”命令復制與粘貼幀，使用“變形”面板縮放實例的大小。效果圖5.3.2課堂案例——制作社交媒體類公眾號動態引導關注使用“打開”命令打開素材文件，使用“復制”與“粘貼”命令將波形復制、粘貼到新的音頻文件中。效果圖5.4高級動畫的制作課堂案例——制作化妝品類公眾號文章配圖課堂案例——制作服裝飾品類公眾號封面首圖動畫5.4.1課堂案例——制作化妝品類公眾號文章配圖使用“橢圓”工具和“矩形”工具制作形狀動畫，使用“創建補間形狀”命令和“創建傳統補間”命令制作動畫效果，使用“遮罩層”命令制作遮罩動畫效果。效果圖5.4.2課堂案例——制作服裝飾品類公眾號封面首圖動畫使用“添加傳統運動引導層”命令添加引導層，使用“鉛筆”工具繪制曲線，使用“創建傳統補間”命令制作花瓣飄落動畫效果。效果圖5.5交互式動畫的制作課堂案例——食品餐飲行業產品營銷H5頁面課堂案例——家居裝修行業產品推廣H5頁面5.5.1課堂案例——食品餐飲行業產品營銷H5頁面運用谷歌瀏覽器登錄凡科官網，使用凡科微傳單制作食品餐飲行業產品營銷H5頁面，使用凡科微傳單趣味功能中的畫中畫功能制作H5頁面。效果圖5.6習題課堂練習——制作食品餐飲類公眾號封面首圖動畫課后習題——制作教育咨詢類公眾號橫版海報5.6.1課堂練習——制作食品餐飲類公眾號封面首圖動畫使用“導入”命令導入素材制作圖形元件，使用“變形”面板改變實例