第 1 章 動畫制作基礎(chǔ)知識001

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

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

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

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

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

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

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

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

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

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

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

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

1.3　動畫的構(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　動畫的應(yīng)用領(lǐng)域 ........................　021

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

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

1.4.3　網(wǎng)頁動效 .............................022

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

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

第　2 章 Animate 基礎(chǔ)知識　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　調(diào)整圖層中對象的

堆疊順序　............................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　插入和轉(zhuǎn)換幀 ......................047

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

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

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

2.6.2　創(chuàng)建與轉(zhuǎn)換元件 ..................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)建補(bǔ)間動畫 ......................051

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

2.7.4　創(chuàng)建引導(dǎo)動畫 ......................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　課后練習(xí) .................................057

第　3 章

059　廣告動畫制作

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

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

3.1.2　廣告動畫的設(shè)計要點............064

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

通義萬相　獲取廣告動畫角色設(shè)計

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

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

第　4 章 演示動畫制作　089

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

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

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

4.1.3　演示動畫的設(shè)計原則 ...........095

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

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

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

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

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

4.2.5　制作書寫重點標(biāo)注動畫 ........103

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

實訓(xùn)　1 制作古詩交互演示動畫 ......120

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

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

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

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

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

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

第　5 章

130　網(wǎng)頁動效制作

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

5.1.1　網(wǎng)頁動效的類型 ..................132

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

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

5.1.4　網(wǎng)頁動效的設(shè)計流程 ...........138

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

實訓(xùn)　2 制作動物園網(wǎng)頁連接錯誤

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

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

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

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

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

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

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

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

6.1.2　影視包裝動畫的設(shè)計原則 .....170

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

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

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

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

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

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

6.2.6　制作畫面結(jié)束動畫和添加音頻....................................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　拓展訓(xùn)練 .................................　188

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

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

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

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

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

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

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

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

第　7 章 綜合案例　198

7.1　電動汽車品牌項目設(shè)計 ...............200

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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