第 1 章 動畫制作基礎知識001

1.1　動畫制作基礎 ...........................002

1.1.1　動畫的概念與原理 ...............002

1.1.2　動畫的類型 .........................003

1.1.3　動畫的風格 .........................007

1.1.4　動畫的制作流程 .................008

1.1.5　動畫制作的常用工具 ...........009

1.1.6　AI 時代下動畫的發(fā)展趨勢 ....010

1.2　動畫的專業(yè)術語 ........................　010

1.2.1　分鏡和關鍵幀 ......................010

1.2.2　幀速率 ................................011

1.2.3　角色、靜物和場景 ...............011

1.2.4　輸出格式 .............................012

1.3　動畫的構成元素 ........................　013

1.3.1　位圖圖像 .............................013

1.3.2　矢量圖形 .............................014

1.3.3　色彩 ....................................015

1.3.4　文字 ....................................017

1.3.5　音頻 ....................................018

1.3.6　視頻 ....................................020

1.4　動畫的應用領域 ........................　021

1.4.1　廣告宣傳 .............................021

1.4.2　動態(tài)演示 .............................022

1.4.3　網頁動效 .............................022

1.4.4　影視包裝 .............................023

1.5　課后練習 .................................023

第　2 章 Animate 基礎知識　025

2.1　熟悉 Animate .........................026

2.1.1　Animate 的工作界面 ...........026

2.1.2　Animate 的平臺類型 ...........029

2.1.3　Animate 的基本操作 ...........030

2.2　使用圖層 .................................033

2.2.1　圖層的基本操作 ..................033

2.2.2　調整圖層中對象的

堆疊順序　............................034

2.3　繪制和編輯圖形 .......................034

2.3.1　繪制和編輯筆觸 ..................035

2.3.2　繪制和編輯填充 ..................036

2.3.3　選擇、修飾和變形圖形 ........037

2.3.4　合并、組合和分離圖形 ........039

2.3.5　對齊圖形 .............................040

2.3.6　美化圖形 .............................040

2.4　添加文字、音頻和視頻 ..............　041

2.4.1　添加文字 .............................041

2.4.2　添加音頻 .............................042

2.4.3　添加視頻 ............................044

2.5　使用幀 ....................................046

2.5.1　幀的類型 .............................046

2.5.2　插入和轉換幀 ......................047

2.5.3　編輯幀 ...............................047

2.6　使用元件與實例 .......................048

2.6.1　元件的類型 .........................048

2.6.2　創(chuàng)建與轉換元件 ..................048

2.6.3　編輯元件 ............................049

2.6.4　創(chuàng)建與編輯實例 ..................049

2.7　創(chuàng)建動畫 .................................050

2.7.1　創(chuàng)建逐幀動畫 ......................050

2.7.2　創(chuàng)建補間動畫 ......................051

2.7.3　創(chuàng)建遮罩動畫 .....................052

2.7.4　創(chuàng)建引導動畫 ......................053

2.7.5　創(chuàng)建攝像頭動畫 ..................054

2.7.6　創(chuàng)建資源變形動畫 ..............055

2.7.7　創(chuàng)建骨骼動畫 ......................055

2.7.8　創(chuàng)建交互動畫 ......................056

2.8　課后練習 .................................057

第　3 章

059　廣告動畫制作

3.1　行業(yè)知識：廣告動畫基礎 ...........　061

3.1.1　廣告動畫的類型 ..................061

3.1.2　廣告動畫的設計要點............064

3.2　實戰(zhàn)案例：制作露營地宣傳廣告

動畫　.......................................065

3.2.1　導入 AI 和 PNG 文件 ..........066

3.2.2　編輯圖層和幀 ......................067

3.2.3　制作場景素材的動畫效果 .....068

3.2.4　制作動態(tài)裝飾框 ..................069

3.2.5　制作文字出場動畫 ...............070

3.2.6　設置音頻同步方式和編輯

音頻封套　.............................071

3.3　實戰(zhàn)案例：制作飲品交互廣告

動畫.......................................072

3.3.1　繪制產品形象 ......................073

3.3.2　制作漸變色背景 ..................075

3.3.3　添加與編輯產品介紹文字 .....075

3.3.4　制作產品賣點轉場動畫 ........076

3.3.5　繪制室內場景和靜物 ...........078

3.3.6　制作按鈕元件交互動畫 ........079

3.4　拓展訓練 .................................080

實訓　1 制作優(yōu)惠活動網頁橫幅廣告

動畫　..................................080

實訓　2 制作交通安全公益廣告

動畫　..................................081

3.5　AI 輔助設計 .............................083

網易天音　生成電動牙刷廣告曲 ......083

通義萬相　獲取廣告動畫角色設計

靈感　..............................084

3.6　課后練習 .................................086

第　4 章 演示動畫制作　089

4.1　行業(yè)知識：演示動畫基礎 ...........　091

4.1.1　演示動畫的類型 ..................091

4.1.2　演示動畫的制作流程 ...........094

4.1.3　演示動畫的設計原則 ...........095

4.2　實戰(zhàn)案例：制作文具產品演示動畫 .......................................096

4.2.1　制作場景 1 動畫 ..................098

4.2.2　新增場景 2 并繪制米字格 ....099

4.2.3　添加文字并修改字號和位置....................................100

4.2.4　分離與擦除文字 ..................101

4.2.5　制作書寫重點標注動畫 ........103

4.2.6　制作場景切換的轉場動畫 .....104

4.3　實戰(zhàn)案例：制作科學現象演示動畫 .......................................　105

4.3.1　繪制試管 .............................106

4.3.2　制作試管內液體的熱脹動畫....................................107

4.3.3　制作試管內液體的冷縮動畫....................................109

4.3.4　導入與編輯 GIF 動圖...........110

4.4　實戰(zhàn)案例：制作生物講解交互演示

動畫　........................................112

4.4.1　制作不同頁面內容 ...............113

4.4.2　制作頁面跳轉效果所需的

按鈕元件　.............................114

4.4.3　添加和編輯視頻組件 ...........116

4.4.4　制作演示動態(tài)效果 ...............116

4.4.5　添加代碼制作交互動作 ........118

4.5　拓展訓練 .................................　120

實訓　1 制作古詩交互演示動畫 ......120

實訓　2 制作數學概念演示動畫 ......121

實訓　3 制作行車安全演示動畫 ......123

4.6　AI 輔助設計 .............................　125

訊飛智作　生成演示動畫配音 ..........125

即夢　AI 生成視頻素材 .................126

4.7　課后練習 .................................　127

第　5 章

130　網頁動效制作

5.1　行業(yè)知識：網頁動效基礎 ...........　132

5.1.1　網頁動效的類型 ..................132

5.1.2　網頁動效的創(chuàng)意表現方法 .....136

5.1.3　網頁動效的設計規(guī)范 ...........138

5.1.4　網頁動效的設計流程 ...........138

5.2　實戰(zhàn)案例：制作美食網頁加載

動效　.......................................　139

5.2.1　繪制加載動效的主體形象 .....140

5.2.2　制作進度讀取動效 ...............141

5.2.3　制作對象漂浮動效 ...............143

5.2.4　制作文字位移和數值遞增

動效....................................144

5.2.5　制作星星閃爍裝飾動效 ........145

5.3　實戰(zhàn)案例：制作社交網頁視覺反饋

動效　.......................................　147

5.3.1　制作首頁畫面和裝飾動效 .....148

5.3.2　制作攝影畫面的骨骼動畫 .....150

5.3.3　制作閱讀畫面的骨骼動畫 .....152

5.3.4　制作畫面切換動效 ...............153

5.4　拓展訓練 .................................　154

實訓　1 制作花卉網站開場動效 ......154

實訓　2 制作動物園網頁連接錯誤

動效　..................................156

5.5　AI 輔助設計 .............................　158

文心一格　生成圖像素材 .................158

圖可麗　摳取圖像素材 .................159

5.6　課后練習 .................................　160

第　6 章 影視包裝動畫制作　163

6.1　行業(yè)知識：影視包裝動畫基礎 .....　165

6.1.1　影視包裝動畫的應用場景.....165

6.1.2　影視包裝動畫的設計原則 .....170

6.2　實戰(zhàn)案例：制作益智節(jié)目片頭動畫 .......................................　172

6.2.1　制作畫面切換動畫 ...............173

6.2.2　制作星星堆砌縮放動畫 ........174

6.2.3　美化文本框并制作出場動畫....................................175

6.2.4　使用動畫預設制作文字出場動畫....................................176

6.2.5　繪制放大鏡并制作動畫 ........178

6.2.6　制作畫面結束動畫和添加音頻....................................179

6.3　實戰(zhàn)案例：制作人文節(jié)目片尾動畫 ........................................181

6.3.1　制作場景圖各元素出場動畫....................................182

6.3.2　制作滾動字幕動畫 ...............184

6.3.3　制作景別切換動畫 ...............185

6.3.4　塑造動畫立體感 ..................186

6.4　拓展訓練 .................................　188

實訓　1 制作手工藝節(jié)目場景過渡

動畫　.................................188

實訓　2 制作美食節(jié)目花字動畫 ......190

6.5　AI 輔助設計 .............................　193

文心一言　獲取預告片動畫制作

靈感　............................193

MewX　AI 生成藝術字 ..................194

6.6　課后練習 .................................　195

第　7 章 綜合案例　198

7.1　電動汽車品牌項目設計 ...............200

7.1.1　制作汽車外部構造產品演示動畫....................................200

7.1.2　制作汽車宣傳網絡廣告動畫....................................201

7.1.3　制作品牌官網加載動效 ........203

7.2　航空企業(yè)項目設計 ....................204

7.2.1　制作優(yōu)惠活動廣告動畫 ........204

7.2.2　制作乘機安全演示動畫 ........205

7.2.3　制作企業(yè)官網啟動動效 ........207

7.2.4　制作《航空驛站》特別節(jié)目片頭動畫 .............................208

7.3　環(huán)保項目設計...........................209

7.3.1　制作環(huán)保公益廣告動畫 ........209

7.3.2　制作海洋污染教育演示動畫....................................211

7.3.3　制作環(huán)保節(jié)目花字動畫 ........212

7.4　傳統(tǒng)文化宣傳項目設計 ..............　213

7.4.1　制作春節(jié)主題的網頁橫幅廣告動畫 .............................213

7.4.2　制作春節(jié)主題的視覺反饋動效....................................214

7.4.3　制作《華節(jié)傳頌》宣傳片 場景過渡動畫　......................215