第 1 章 動(dòng)畫制作基礎(chǔ)知識(shí)001

1.1　動(dòng)畫制作基礎(chǔ) ...........................002

1.1.1　動(dòng)畫的概念與原理 ...............002

1.1.2　動(dòng)畫的類型 .........................003

1.1.3　動(dòng)畫的風(fēng)格 .........................007

1.1.4　動(dòng)畫的制作流程 .................008

1.1.5　動(dòng)畫制作的常用工具 ...........009

1.1.6　AI 時(shí)代下動(dòng)畫的發(fā)展趨勢(shì) ....010

1.2　動(dòng)畫的專業(yè)術(shù)語(yǔ) ........................　010

1.2.1　分鏡和關(guān)鍵幀 ......................010

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

1.2.3　角色、靜物和場(chǎng)景 ...............011

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

1.3　動(dòng)畫的構(gòu)成元素 ........................　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　動(dòng)畫的應(yīng)用領(lǐng)域 ........................　021

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

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

1.4.3　網(wǎng)頁(yè)動(dòng)效 .............................022

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

1.5　課后練習(xí) .................................023

第　2 章 Animate 基礎(chǔ)知識(shí)　025

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

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

2.1.2　Animate 的平臺(tái)類型 ...........029

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

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

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

2.2.2　調(diào)整圖層中對(duì)象的

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

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

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

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

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

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

2.3.5　對(duì)齊圖形 .............................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　插入和轉(zhuǎn)換幀 ......................047

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

2.6　使用元件與實(shí)例 .......................048

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

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

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

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

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

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

2.7.2　創(chuàng)建補(bǔ)間動(dòng)畫 ......................051

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

2.7.4　創(chuàng)建引導(dǎo)動(dòng)畫 ......................053

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

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

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

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

2.8　課后練習(xí) .................................057

第　3 章

059　廣告動(dòng)畫制作

3.1　行業(yè)知識(shí)：廣告動(dòng)畫基礎(chǔ) ...........　061

3.1.1　廣告動(dòng)畫的類型 ..................061

3.1.2　廣告動(dòng)畫的設(shè)計(jì)要點(diǎn)............064

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

動(dòng)畫　.......................................065

3.2.1　導(dǎo)入 AI 和 PNG 文件 ..........066

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

3.2.3　制作場(chǎng)景素材的動(dòng)畫效果 .....068

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

3.2.5　制作文字出場(chǎng)動(dòng)畫 ...............070

3.2.6　設(shè)置音頻同步方式和編輯

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

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

動(dòng)畫.......................................072

3.3.1　繪制產(chǎn)品形象 ......................073

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

3.3.3　添加與編輯產(chǎn)品介紹文字 .....075

3.3.4　制作產(chǎn)品賣點(diǎn)轉(zhuǎn)場(chǎng)動(dòng)畫 ........076

3.3.5　繪制室內(nèi)場(chǎng)景和靜物 ...........078

3.3.6　制作按鈕元件交互動(dòng)畫 ........079

3.4　拓展訓(xùn)練 .................................080

實(shí)訓(xùn)　1 制作優(yōu)惠活動(dòng)網(wǎng)頁(yè)橫幅廣告

動(dòng)畫　..................................080

實(shí)訓(xùn)　2 制作交通安全公益廣告

動(dòng)畫　..................................081

3.5　AI 輔助設(shè)計(jì) .............................083

網(wǎng)易天音　生成電動(dòng)牙刷廣告曲 ......083

通義萬(wàn)相　獲取廣告動(dòng)畫角色設(shè)計(jì)

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

3.6　課后練習(xí) .................................086

第　4 章 演示動(dòng)畫制作　089

4.1　行業(yè)知識(shí)：演示動(dòng)畫基礎(chǔ) ...........　091

4.1.1　演示動(dòng)畫的類型 ..................091

4.1.2　演示動(dòng)畫的制作流程 ...........094

4.1.3　演示動(dòng)畫的設(shè)計(jì)原則 ...........095

4.2　實(shí)戰(zhàn)案例：制作文具產(chǎn)品演示動(dòng)畫 .......................................096

4.2.1　制作場(chǎng)景 1 動(dòng)畫 ..................098

4.2.2　新增場(chǎng)景 2 并繪制米字格 ....099

4.2.3　添加文字并修改字號(hào)和位置....................................100

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

4.2.5　制作書寫重點(diǎn)標(biāo)注動(dòng)畫 ........103

4.2.6　制作場(chǎng)景切換的轉(zhuǎn)場(chǎng)動(dòng)畫 .....104

4.3　實(shí)戰(zhàn)案例：制作科學(xué)現(xiàn)象演示動(dòng)畫 .......................................　105

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

4.3.2　制作試管內(nèi)液體的熱脹動(dòng)畫....................................107

4.3.3　制作試管內(nèi)液體的冷縮動(dòng)畫....................................109

4.3.4　導(dǎo)入與編輯 GIF 動(dòng)圖...........110

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

動(dòng)畫　........................................112

4.4.1　制作不同頁(yè)面內(nèi)容 ...............113

4.4.2　制作頁(yè)面跳轉(zhuǎn)效果所需的

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

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

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

4.4.5　添加代碼制作交互動(dòng)作 ........118

4.5　拓展訓(xùn)練 .................................　120

實(shí)訓(xùn)　1 制作古詩(shī)交互演示動(dòng)畫 ......120

實(shí)訓(xùn)　2 制作數(shù)學(xué)概念演示動(dòng)畫 ......121

實(shí)訓(xùn)　3 制作行車安全演示動(dòng)畫 ......123

4.6　AI 輔助設(shè)計(jì) .............................　125

訊飛智作　生成演示動(dòng)畫配音 ..........125

即夢(mèng)　AI 生成視頻素材 .................126

4.7　課后練習(xí) .................................　127

第　5 章

130　網(wǎng)頁(yè)動(dòng)效制作

5.1　行業(yè)知識(shí)：網(wǎng)頁(yè)動(dòng)效基礎(chǔ) ...........　132

5.1.1　網(wǎng)頁(yè)動(dòng)效的類型 ..................132

5.1.2　網(wǎng)頁(yè)動(dòng)效的創(chuàng)意表現(xiàn)方法 .....136

5.1.3　網(wǎng)頁(yè)動(dòng)效的設(shè)計(jì)規(guī)范 ...........138

5.1.4　網(wǎng)頁(yè)動(dòng)效的設(shè)計(jì)流程 ...........138

5.2　實(shí)戰(zhàn)案例：制作美食網(wǎng)頁(yè)加載

動(dòng)效　.......................................　139

5.2.1　繪制加載動(dòng)效的主體形象 .....140

5.2.2　制作進(jìn)度讀取動(dòng)效 ...............141

5.2.3　制作對(duì)象漂浮動(dòng)效 ...............143

5.2.4　制作文字位移和數(shù)值遞增

動(dòng)效....................................144

5.2.5　制作星星閃爍裝飾動(dòng)效 ........145

5.3　實(shí)戰(zhàn)案例：制作社交網(wǎng)頁(yè)視覺反饋

動(dòng)效　.......................................　147

5.3.1　制作首頁(yè)畫面和裝飾動(dòng)效 .....148

5.3.2　制作攝影畫面的骨骼動(dòng)畫 .....150

5.3.3　制作閱讀畫面的骨骼動(dòng)畫 .....152

5.3.4　制作畫面切換動(dòng)效 ...............153

5.4　拓展訓(xùn)練 .................................　154

實(shí)訓(xùn)　1 制作花卉網(wǎng)站開場(chǎng)動(dòng)效 ......154

實(shí)訓(xùn)　2 制作動(dòng)物園網(wǎng)頁(yè)連接錯(cuò)誤

動(dòng)效　..................................156

5.5　AI 輔助設(shè)計(jì) .............................　158

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

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

5.6　課后練習(xí) .................................　160

第　6 章 影視包裝動(dòng)畫制作　163

6.1　行業(yè)知識(shí)：影視包裝動(dòng)畫基礎(chǔ) .....　165

6.1.1　影視包裝動(dòng)畫的應(yīng)用場(chǎng)景.....165

6.1.2　影視包裝動(dòng)畫的設(shè)計(jì)原則 .....170

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

6.2.1　制作畫面切換動(dòng)畫 ...............173

6.2.2　制作星星堆砌縮放動(dòng)畫 ........174

6.2.3　美化文本框并制作出場(chǎng)動(dòng)畫....................................175

6.2.4　使用動(dòng)畫預(yù)設(shè)制作文字出場(chǎng)動(dòng)畫....................................176

6.2.5　繪制放大鏡并制作動(dòng)畫 ........178

6.2.6　制作畫面結(jié)束動(dòng)畫和添加音頻....................................179

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

6.3.1　制作場(chǎng)景圖各元素出場(chǎng)動(dòng)畫....................................182

6.3.2　制作滾動(dòng)字幕動(dòng)畫 ...............184

6.3.3　制作景別切換動(dòng)畫 ...............185

6.3.4　塑造動(dòng)畫立體感 ..................186

6.4　拓展訓(xùn)練 .................................　188

實(shí)訓(xùn)　1 制作手工藝節(jié)目場(chǎng)景過渡

動(dòng)畫　.................................188

實(shí)訓(xùn)　2 制作美食節(jié)目花字動(dòng)畫 ......190

6.5　AI 輔助設(shè)計(jì) .............................　193

文心一言　獲取預(yù)告片動(dòng)畫制作

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

MewX　AI 生成藝術(shù)字 ..................194

6.6　課后練習(xí) .................................　195

第　7 章 綜合案例　198

7.1　電動(dòng)汽車品牌項(xiàng)目設(shè)計(jì) ...............200

7.1.1　制作汽車外部構(gòu)造產(chǎn)品演示動(dòng)畫....................................200

7.1.2　制作汽車宣傳網(wǎng)絡(luò)廣告動(dòng)畫....................................201

7.1.3　制作品牌官網(wǎng)加載動(dòng)效 ........203

7.2　航空企業(yè)項(xiàng)目設(shè)計(jì) ....................204

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

7.2.2　制作乘機(jī)安全演示動(dòng)畫 ........205

7.2.3　制作企業(yè)官網(wǎng)啟動(dòng)動(dòng)效 ........207

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

7.3　環(huán)保項(xiàng)目設(shè)計(jì)...........................209

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

7.3.2　制作海洋污染教育演示動(dòng)畫....................................211

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

7.4　傳統(tǒng)文化宣傳項(xiàng)目設(shè)計(jì) ..............　213

7.4.1　制作春節(jié)主題的網(wǎng)頁(yè)橫幅廣告動(dòng)畫 .............................213

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

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