Animate CC二維動畫設計與實戰（全彩慕課版）

姜巧玲，天津电子信息职业技术学院教授，从教几十年来致力于数字媒体艺术方面教学的研究，主编教材3本，其中国规教材1本。深受师生一致好评。

緒言

基礎篇

工作任務一：晝夜交替的田園風景動畫設計

一、案例引入

（一）案例展示截圖與影片二維碼

（二）案例分析與說明

二、知識探究

（一）Animate　2020的工作界面及功能簡介

1.新建文檔

2.工作界面

3.場景與舞臺

4.圖層與時間軸

5.工具箱

6.浮動面板

（二）圖形繪制與編輯

1.圖形的繪制與屬性設置

2.圖形“軟”、“散”、“粘”的特點

3.圖形的編組與分離

4.對象的排列與對齊

5.圖形元件的轉換與創建

（三）傳統補間動畫的製作

1.傳統補間動畫的製作方法

2.影片測試

3.文件的保存與導出

三、案例製作

（一）新建文檔

（一）圖層設計與創建

1.白天風景所需圖層的創建

2.夜晚風景所需圖層的創建

（二）白天所用元件的繪制

（三）夜晚新增元件的繪制

（四）動畫效果的製作

1．白天淡入效果的製作

2．太陽移動效果的製作

3．雲朵移動效果的製作

4．方形風車葉旋轉效果的製作

5．三角形風車葉旋轉效果的製作

6．日落變暗效果的製作

7．白天淡出效果的製作

8．夜晚淡入效果的製作

9．月亮及雲朵移動效果的製作

10．星星閃爍效果的製作

11．夜晚多星閃爍效果的製作

12．所有風車葉旋轉效果的製作

13．夜晚淡出效果的製作

四、拓展訓練

（一）白天城市街道的動畫設計

1.案例截圖與動畫影片二維碼

2.動畫設計要求

3.要點提示

（二）夜晚海岸風景的動畫設計

1.案例截圖與動畫影片二維碼

2.動畫設計要求

3.要點提示

工作任務二：“春節快樂”網站慶典動畫設計

一、案例引入

（一）案例展示截圖與影片二維碼

（二）案例分析與說明

二、知識探究

（一）筆刷工具

（二）文本工具及字形編輯

（三）對象繪制按鈕

（四）發光濾鏡

（五）影片剪輯元件

（五）補間形狀動畫的製作

1.補間形狀動畫的製作方法

2.添加形狀提示

三、案例製作

（一）新建文檔

（二）元件的繪制

1.室內靜態景物元件的繪制

2.室外靜態景物元件的繪制

3.台歷翻動元件的製作

4.鞭炮燃放元件的製作

5.禮花燃放元件的製作

6.文字變換元件的製作

（三）創建圖層並添加對象

1.創建靜態背景圖層並添加對象

2.創建動畫圖層並添加對象

（四）動畫效果的製作

1.時間軸的初始化

2.動畫切換效果的製作

3.鞭炮入場動畫的製作

四、拓展訓練

（一）海底生物動畫設計

1.案例截圖與動畫影片二維碼

2.動畫設計要求

3.要點提示

（二）茶品網站動畫設計

1.案例截圖與動畫影片二維碼

2.動畫設計要求

3.要點提示

工作任務三：“曲苑雜談”曲藝欄目片頭及角標動畫設計

一、案例引入

（一）案例展示截圖與影片二維碼

（二）案例分析與說明

二、知識探究

（一）自由變形工具

（二）變形面板

（三）橡皮擦工具

（四）翻轉幀

（五）斜角鏡濾

（六）逐幀動畫的製作

1.逐幀動畫的特點

2.繪圖紙外觀

3.編輯多個幀

三、案例製作

（一）新建文檔

（二）元件的製作

1.手寫字動畫元件的製作

2.扇子展開與折疊動畫元件的製作

（三）創建圖層並添加對象

（四）片頭動畫的製作

1.時間軸的初始化

2.濾鏡的運用

3.保存文件並導出片頭影片

（五）轉換為角標動畫

1.將影片轉換成影片剪輯元件

2.欄目舞臺設計

3.添加角標

4.保存並導出帶角標的影片文件

四、拓展訓練

（一）卡通人物手繪效果動畫設計

1.案例截圖與動畫影片二維碼

2.動畫設計要求

3.要點提示

（二）火柴人走路動畫設計

1.案例截圖與動畫影片二維碼

2.動畫設計要求

3.要點提示

工作任務四：“中國夢”網站展示廣告設計

一、案例引入

（一）案例展示截圖與影片二維碼

（二）案例分析與說明

二、知識探究

（一）外部素材的導入

（二）投影濾鏡

（三）墨水瓶工具

（三）引導層技術

1.添加引導層的方法

2.引導層路徑的要點

三、案例製作

（一）新建文檔

（二）元件的製作

1.“中國”和“夢”文字圖形元件的製作

2.星星轉動影片剪元件的製作

3.星繞“夢”影片剪元件的製作

4.兩群白鴿飛翔影片剪元件的製作

（三）創建圖層並添加對象

1.背景的製作

2.創建圖層並添加對象

3.添加濾鏡

四、拓展訓練

（一）摹天輪轉動的動畫設計

1.案例截圖與動畫影片二維碼

2.動畫設計要求

3.要點提示

（二）蝴蝶飛舞的動畫設計

1.案例截圖與動畫影片二維碼

2.動畫設計要求

3.要點提示

工作任務五：動態海報設計

一、案例引入

（一）案例展示截圖與影片二維碼

（二）案例分析與說明

二、知識探究

（一）模糊濾鏡

（二）漸變變形工具

（三）攝像頭工具

（四）遮罩層技術

1.遮罩層的概念

2.遮罩層與被遮罩層關系的創建方法

3.遮罩層動畫的分類

4.修飾層的作用

三、案例製作

（一）新建文檔

（二）元件的製作

1.放大鏡元件的製作

2.背景元件的製作

（三）創建圖層並添加對象

（四）動畫的製作

1.添加模糊濾鏡

2.遮罩層與被遮罩層關系的創建

3.放大鏡動作的製作

四、拓展訓練

（一）展開畫軸的動畫設計

1.案例截圖與動畫影片二維碼

2.動畫設計要求

3.要點提示

（二）光照文字的動畫設計

1.案例截圖與動畫影片二維碼

2.動畫設計要求

3.要點提示

高級篇

工作任務一：舞臺打鬥表演的交互控制設計

一、案例引入

（一）案例展示截圖與影片二維碼

（二）案例分析與說明

二、知識探究

（一）交互的概念

（二）按鈕元件

（三）ActionScript基本概念與語法

1.ActionScript概述

2.ActionScript語句與函數

（四）動作面板與腳本窗口

三、案例製作

（一）新建文檔

（二）元件的製作

1.按鈕元件的製作

2.人物元件的製作

（三）創建圖層並添加對象

（四）舞臺打鬥動畫的製作

（五）控制代碼的編輯

四、拓展訓練

（一）行走的表情包動畫設計

1.案例截圖與動畫影片二維碼

2.動畫設計要求

3.要點提示

（二）旅游景點動態查詢動畫設計

1.案例截圖與動畫影片二維碼

2.動畫設計要求

3.要點提示

工作任務二：動態漫畫音效與演播設計

一、案例引入

（一）案例展示截圖與影片二維碼

（二）案例分析與說明

二、知識探究

（一）插入場景與場景面板

（二）音頻文件及導入

（三）背景音樂的設置

（四）說話或動作伴音的設置

（五）音效按鈕的設置

（六）庫面板的分類管理

三、案例製作

（一）新建文檔

（二）元件的製作

1.按鈕元件的製作

2.漫畫元件的製作

（三）場景添加與命名

（四）動畫製作與音效設置

1.各場景動畫製作

2.各場景音效設置

（五）演播控制設計

1.在各場景佈置按鈕

2.添加演播控制代碼

四、拓展訓練

（一）音樂間選歌系統製作

1.案例截圖與動畫影片二維碼

2.動畫設計要求

3.要點提示

（二）架子鼓模擬演奏器製作

1.案例截圖與動畫影片二維碼

2.動畫設計要求

3.要點提示

綜合篇

工作任務一：游樂場動態展示設計

一、案例引入

（一）案例展示截圖與影片二維碼

（二）案例分析與說明

二、知識探究

（一）鏡頭的概念及種類

（二）運動鏡頭的實現

（三）輔助線的使用

三、案例製作

（一）新建文檔

（二）元件的製作

1.摹天輪元件的導入

2.翹翹板元件的製作

3.小火車元件的製作

4.靜態景物元件的製作

（三）創建圖層並添加對象

（四）鏡頭與動畫製作

1.時間軸的初始化

2.鏡頭的製作

3.舞臺遮罩的製作

工作任務二：“生日快樂”歌曲MV動畫設計

一、案例引入

（一）案例展示截圖與影片二維碼

（二）案例分析與說明

二、知識探究

（一）歌曲分析與分段

（二）分鏡的概念

（三）預設動畫

（四）片頭片尾要素與設計

（五）元件替換

三、案例製作

（一）歌曲分析

（二）分鏡設計

（三）場景設計

（四）元件製作

1.禮包元件的製作

2.蛋糕元件的製作

3.蠟燭元件的製作

4.火柴元件的製作

5.心形元件的製作

6.氣球元件的製作

7.其他元件的製作

（五）圖層設計與動畫設計

（六）字幕設計

（七）音效合成

（八）舞臺遮罩的製作

（九）片頭片尾設計

工作任務三：“小明奇遇記”情景短片動畫設計

一、案例引入

（一）案例展示截圖與影片二維碼

（二）案例分析與說明

二、知識探究

（一）腳本設計

（二）角色設計

（三）場景設計

（四）動作設計

1.人物表情動作設計

2.人物走跑動作設計

3.骨骼與綁定工具

4.自然現象（風、雪、火、海）動作設計

三、案例製作

（一）故事情節腳本設計

（二）角色設計與製作

（三）分鏡設計與場景製作

（四）動作元件的製作

（五）動畫與鏡頭的製作

（六）音效設計

（七）舞臺遮罩的製作

（八）片頭片尾設計