Animate實例教程（電子活頁全彩微課版）（Animate 2020）

湛邵斌，深圳信息职业技术学院创新创业学院教授，博士（后），主持教科研课题34项，项目总经费272.5万元。其中包括两项广东省自然科学基金项目；一项广东省优秀青年教师培养计划项目；一项广东省高等职业教育教学改革立项项目；一项广东省教学成果奖培育项目。

第 1 章 Animate 2020 基礎知識 1

1.1　Animate 2020 概述　2

1.2　Animate 2020 應用領域　2

1.2.1　動畫影片　2

1.2.2　廣告設計　2

1.2.3　網站設計　2

1.2.4　教學設計　3

1.2.5　游戲設計　3

1.3　Animate 2020 的新增功能　3

1.3.1　圖像矢量化　4

1.3.2　音頻分割　4

1.3.3　圖像處理改進　4

1.3.4　畫筆鏡像　4

1.3.5　幀選擇器增強功能　4

1.3.6　紋理貼圖集增強功能　4

1.3.7　文件保存優化　4

1.3.8　資源變形　4

1.4　Animate 2020 的操作界面　5

1.4.1　菜單欄　5

1.4.2　工具箱　6

1.4.3　“時間軸”面板　7

1.4.4　場景和舞臺　8

1.4.5　“屬性”面板　8

1.4.6　浮動面板　9

1.5　Animate 2020 的文件操作　9

1.5.1　新建文件　9

1.5.2　保存文件　10

1.5.3　打開文件　10

1.6　Animate 2020 的系統配置　11

1.6.1　“首選參數”對話框　11

1.6.2　設置浮動面板　14

1.6.3　“歷史記錄”面板　15

第　2 章 圖形的繪制與編輯　17

2.1　圖形的繪制與選擇　18

2.1.1　課堂案例——繪制引導頁中的插畫　18

2.1.2　“線條”工具　22

2.1.3　“鉛筆”工具　23

2.1.4　“橢圓”工具　24

2.1.5　“基本橢圓”工具　24

2.1.6　“畫筆”工具　25

2.1.7　“矩形”工具　26

2.1.8　“基本矩形”工具　27

2.1.9　“多角星形”工具　27

2.1.10　“鋼筆”工具　28

2.1.11　“選擇”工具　29

2.1.12　“部分選取”工具　30

2.1.13　“套索”工具　31

2.1.14　“多邊形”工具　31

2.1.15　“魔術棒”工具　31

2.2　圖形的編輯　32

2.2.1　課堂案例——繪制卡通太空插畫　32

2.2.2　“墨水瓶”工具　34

2.2.3　“顏料桶”工具　35

2.2.4　“寬度”工具　36

2.2.5　“滴管”工具　36

2.2.6　“橡皮擦”工具　37

2.2.7　“任意變形”工具和“漸變變形”工具　38

2.2.8　“手形”工具和“縮放”工具　40

2.3　圖形的色彩　42

2.3.1　課堂案例——繪制引導頁中的商店　42

2.3.2　純色編輯面板　45

2.3.3　“顏色”面板　45

2.3.4　“樣本”面板　47

2.4　3D 效果的創建　48

2.4.1　“3D 旋轉”工具　48

2.4.2　“3D 平移”工具　49

課堂練習——繪制卡通小汽車　49

課後習題——繪制大嘴鳥插畫　50

第3　章 對象的編輯與修飾　51

3.1　對象的變形與操作　52

3.1.1　課堂案例——繪制閃屏頁中的插畫　52

3.1.2　扭曲對象　56

3.1.3　封套對象　57

3.1.4　縮放對象　57

3.1.5　旋轉與傾斜對象　57

3.1.6　翻轉對象　58

3.1.7　組合對象　58

3.1.8　分離對象　58

3.1.9　疊放對象　59

3.1.10　對齊對象　59

3.2　對象的修飾　59

3.2.1　課堂案例——繪制風景插畫　59

3.2.2　優化曲線　61

3.2.3　將線條轉換為填充　61

3.2.4　擴展填充　61

3.2.5　柔化填充邊緣　62

3.3　“對齊”面板與“變形”面板的使用　63

3.3.1　課堂案例——製作茶葉網站首頁　63

3.3.2　“對齊”面板　66

3.3.3　“變形”面板　67

課堂練習——繪制飛機插畫　69

課後習題——繪制卡通形象插畫　69

第4　章 文本的編輯　70

4.1　文本的類型及使用　71

4.1.1　課堂案例——製作耳機網站首頁　71

4.1.2　創建文本　74

4.1.3　文本屬性　74

4.1.4　靜態文本　78

4.1.5　動態文本　78

4.1.6　輸入文本　78

4.1.7　嵌入字體　79

4.2　文本的轉換　80

4.2.1　課堂案例——製作服飾類App主頁Banner　80

4.2.2　變形文本　83

4.2.3　填充文本　83

課堂練習——製作水果標牌　84

課後習題——製作博物館海報　84

第5　章 外部素材的應用　85

5.1　圖像素材的應用　86

5.1.1　課堂案例——製作運動鞋廣告　86

5.1.2　圖像素材的格式　87

5.1.3　導入圖像素材　87

5.1.4　設置導入位圖的屬性　90

5.1.5　將位圖轉換為圖形　92

5.1.6　將位圖轉換為矢量圖　92

5.2　視頻素材的應用　93

5.2.1　課堂案例——製作手機界面　93

5.2.2　視頻素材的格式　96

5.2.3　導入視頻素材　96

5.2.4　視頻的屬性　97

課堂練習——製作化妝品廣告　97

課後習題——製作旅游海報　98

第6　章 元件和庫　99

6.1　元件與“庫”面板　100

6.1.1　課堂案例——製作新年賀卡　100

6.1.2　元件的類型　103

6.1.3　創建圖形元件　103

6.1.4　創建按鈕元件　104

6.1.5　創建影片剪輯元件　106

6.1.6　轉換元件　107

6.1.7　“庫”面板的組成　109

6.2　實例的創建與應用　110

6.2.1　課堂案例——製作教育插畫　110

6.2.2　創建實例　113

6.2.3　轉換實例的類型　115

6.2.4　替換實例引用的元件　115

6.2.5　改變實例的顏色和透明效果　116

6.2.6　分離實例　118

6.2.7　元件編輯模式　119

課堂練習——製作鄉村風景插畫　119

課後習題——製作加載條動畫　119

第7　章 基本動畫的製作　121

7.1　幀與“時間軸”面板　122

7.1.1　課堂案例——製作打字效果　122

7.1.2　動畫中幀的概念　124

7.1.3　幀的顯示形式　125

7.1.4　“時間軸”面板　126

7.1.5　繪圖紙（洋蔥皮）功能　127

7.1.6　在“時間軸”面板中設置幀　128

7.2　幀動畫的創建　128

7.2.1　課堂案例——製作逐幀動畫效果　129

7.2.2　幀動畫　130

7.2.3　逐幀動畫　131

7.3　形狀補間動畫的創建　132

7.3.1　課堂案例——製作文化動態海報　132

7.3.2　簡單形狀補間動畫　134

7.3.3　應用變形提示　135

7.4　補間動畫的創建　136

7.4.1　課堂案例——製作飾品類公眾號封面首圖　136

7.4.2　創建補間動畫　140

7.4.3　創建傳統補間　141

7.4.4　測試動畫　143

7.5　骨骼動畫的創建　144

7.5.1　課堂案例——製作骨骼動畫　144

7.5.2　添加骨骼　146

7.5.3　編輯骨骼　147

7.6　攝像機動畫的創建　148

7.6.1　課堂案例——製作鏡頭動畫　148

7.6.2　添加攝像頭圖層　150

7.6.3　設置攝像頭圖層的屬性　150

課堂練習——製作城市動畫　151

課後習題——製作房地產廣告　152

第8　章 圖層與高級動畫　153

8.1　圖層、引導層、運動引導層與分散到圖層　154

8.1.1　課堂案例——製作電商廣告　154

8.1.2　圖層的設置　157

8.1.3　圖層文件夾　160

8.1.4　普通引導層　161

8.1.5　運動引導層　162

8.1.6　分散到圖層　164

8.2　遮罩層與遮罩的動畫製作　164

8.2.1　課堂案例——製作化妝品主圖動畫　165

8.2.2　遮罩層　169

8.2.3　靜態遮罩動畫　169

8.2.4　動態遮罩動畫　170

8.3　場景動畫　171

8.3.1　創建場景　171

8.3.2　選擇當前場景　171

8.3.3　調整場景動畫的播放次序　172

8.3.4　刪除場景　172

課堂練習——製作電壓力鍋廣告　172

課後習題——製作飄落的樹葉　173

第9　章 聲音素材的編輯　174

9.1　聲音素材的導入與編輯　175

9.1.1　課堂案例——添加圖片按鈕音效　175

9.1.2　音頻的基本知識　178

9.1.3　聲音素材的格式　178

9.1.4　導入聲音素材並添加聲音　178

9.2　聲音素材的編輯　179

9.2.1　“屬性”面板　179

9.2.2　壓縮聲音素材　180

課堂練習——製作橫版汽車海報　182

課後習題——製作中秋節海報　183

第　10 章 動作腳本的應用　184

10.1　動作腳本的使用　185

10.1.1　課堂案例——製作系統時鐘　185

10.1.2　“動作”面板的使用　187

10.2　數據類型　188

10.3　語法規則　189

10.4　變量　190

10.5　函數　191

10.6　表達式和運算符　191

課堂練習——製作漫天飛雪　192

課後習題——製作鼠標跟隨　193

第　11 章 交互式動畫的製作　194

11.1　播放和停止動畫　195

11.1.1　課堂案例——製作祝福語動態海報　195

11.1.2　播放和停止動畫　198

11.2　按鈕事件　200

11.3　鼠標效果　201

課堂練習——製作端午節慶海報　202

課後習題——製作動態圖標　203

第　12 章 組件和動畫預設　204

12.1　組件　205

12.1.1　關於Animate 組件　205

12.1.2　設置組件　205

12.2　使用動畫預設　206

12.2.1　課堂案例——製作運動鞋橫版海報　206

12.2.2　預覽動畫預設　210

12.2.3　應用動畫預設　210

12.2.4　將補間另存為自定義動畫預設　212

12.2.5　導出和導入動畫預設　213

12.2.6　刪除動畫預設　214

課堂練習——製作汽車廣告　214

課後習題——製作旅行箱廣告　215

第　13 章 作品的測試、優化、輸出和發布　216

13.1　影片的測試與優化　217

13.1.1　影片測試窗口　217

13.1.2　作品優化　217

13.2　影片的輸出與發布　218

13.2.1　輸出影片設置　218

13.2.2　輸出影片圖像格式　218

13.2.3　發布影片設置　220

13.2.4　發布影片圖像格式　221

13.2.5　轉換為HTML5 Canvas　224

13.2.6　針對HTML5 的發布　224

第　14 章 綜合設計實訓　225

14.1　賀卡設計——製作元宵節賀卡　226

14.1.1　項目背景及要求　226

14.1.2　項目創意及製作　226

14.2　電子相冊——製作旅游相冊　226

14.2.1　項目背景及要求　226

14.2.2　項目創意及製作　227

14.3　廣告設計——製作女包廣告　227

14.3.1　項目背景及要求　227

14.3.2　項目創意及製作　228

14.4　海報設計——製作油潑面海報　228

14.4.1　項目背景及要求　228

14.4.2　項目創意及製作　228

14.5　節目片頭——製作早安片頭　229

14.5.1　項目背景及要求　229

14.5.2　項目創意及製作　229

14.6　課堂練習1——設計音樂節目片頭　230

14.6.1　項目背景及要求　230

14.6.2　項目創意及製作　230

14.7　課堂練習2——設計空調扇廣告　231

14.7.1　項目背景及要求　231

14.7.2　項目創意及製作　231

14.8　課後習題1——設計手機廣告　231

14.8.1　項目背景及要求　231

14.8.2　項目創意及製作　232

14.9　課後習題2——設計節日類動態海報　232

14.9.1　項目背景及要求　232

14.9.2　項目創意及製作　232