Adobe Animate動(dòng)畫制作案例教學(xué)經(jīng)典教程（微課版）

目錄

第1章Animate動(dòng)畫制作快速入門

1.1預(yù)覽完成的案例

1.2使用Animate CC新建文檔

1.3初識Animate CC工作區(qū)

1.4“庫”面板

1.5“舞臺(tái)”面板

1.6“時(shí)間軸”面板

1.6.1重命名、顯示或隱藏、鎖定和以輪廓顯示圖層

1.6.2創(chuàng)建新圖層

1.6.3移動(dòng)、管理和刪除圖層

1.6.4插入幀

1.6.5插入關(guān)鍵幀

1.6.6插入空白關(guān)鍵幀

1.7“屬性”面板

1.8“工具”面板

1.8.1初識“工具”面板

1.8.2使用“工具”面板

1.9“動(dòng)作”面板

1.10“歷史記錄”面板

1.11預(yù)覽、保存和發(fā)布動(dòng)畫

1.11.1預(yù)覽動(dòng)畫

1.11.2保存動(dòng)畫

1.11.3發(fā)布動(dòng)畫

作業(yè)

第2章Animate中圖形的繪制編輯

2.1預(yù)覽完成的案例

2.2新建文件

2.3繪圖工具的使用

2.3.1矩形工具

2.3.2橢圓工具

2.3.3鋼筆工具

2.3.4鉛筆工具

2.3.5畫筆工具

2.3.6線條工具

2.4元件的創(chuàng)建編輯

2.4.1轉(zhuǎn)換元件并增加濾鏡

2.4.2創(chuàng)建元件以使用Deco工具

2.4.3創(chuàng)建元件多次重復(fù)使用

2.5顏色填充

2.5.1純色填充

2.5.2漸變填充

2.6文字的創(chuàng)建編輯

作業(yè)

第3章元件的創(chuàng)建與編輯

3.1預(yù)覽完成的案例

3.2新建動(dòng)畫文件

3.3導(dǎo)入Photoshop位圖文件

3.4導(dǎo)入Illustrator矢量圖文件

3.5元件

3.5.1元件的概述

3.5.2元件的類型

3.5.3創(chuàng)建元件

3.6編輯元件

3.7在3D空間中定位

作業(yè)

第4章Animate動(dòng)畫制作

4.1預(yù)覽完成的案例

4.2新建文件

4.3素材導(dǎo)入

4.4創(chuàng)建圖層和補(bǔ)間動(dòng)畫

4.4.1補(bǔ)間動(dòng)畫的基本概念

4.4.2淡入/淡出效果

4.5動(dòng)畫特效制作

4.5.1添加濾鏡

4.5.2拆分動(dòng)畫

4.63D旋轉(zhuǎn)運(yùn)動(dòng)

4.6.13D旋轉(zhuǎn)

4.6.2更改路徑

4.7動(dòng)畫預(yù)覽

作業(yè)

第5章制作形狀補(bǔ)間動(dòng)畫和遮罩動(dòng)畫

5.1預(yù)覽完成的案例

5.2初識形狀補(bǔ)間動(dòng)畫

5.3制作形狀補(bǔ)間動(dòng)畫

5.3.1新建Animate文檔

5.3.2新建圖層并插入關(guān)鍵幀

5.3.3在關(guān)鍵幀處繪制形狀

5.3.4創(chuàng)建補(bǔ)間形狀

5.3.5設(shè)置“緩動(dòng)”和“混合”屬性

5.4添加更多的形狀補(bǔ)間動(dòng)畫

5.4.1繪制更多的補(bǔ)間形狀

5.4.2為添加的補(bǔ)間形狀創(chuàng)建形狀補(bǔ)間動(dòng)畫

5.4.3使用“循環(huán)播放”按鈕預(yù)覽動(dòng)畫

5.5美化補(bǔ)間形狀

5.5.1使用形狀提示

5.5.2使用“顏色”面板

5.6初識遮罩層動(dòng)畫

5.7制作遮罩層動(dòng)畫

5.7.1創(chuàng)建遮罩層

5.7.2創(chuàng)建被遮罩層

5.8為動(dòng)畫添加創(chuàng)意

作業(yè)

第6章“代碼片斷”面板的運(yùn)用

6.1預(yù)覽完成的案例

6.2ActionScript 3.0概述

6.3初識“代碼片斷”面板

6.4使用“代碼片斷”面板添加交互效果

6.4.1事件處理函數(shù)

6.4.2場景跳轉(zhuǎn)效果

6.4.3動(dòng)畫移動(dòng)效果

6.4.4淡入影片剪輯效果

6.5加載外部文本

6.6定時(shí)器

6.7為動(dòng)畫添加音頻和視頻

6.7.1添加背景音樂

6.7.2添加視頻

6.7.3添加控制視頻播放和暫停的按鈕

作業(yè)

第7章創(chuàng)建交互式導(dǎo)航

7.1預(yù)覽完成的案例

7.2關(guān)于交互式影片

7.3創(chuàng)建按鈕

7.3.1創(chuàng)建按鈕元件

7.3.2直接復(fù)制按鈕元件

7.3.3交換位圖

7.3.4放置按鈕元件

7.3.5給按鈕實(shí)例命名

7.4簡單了解ActionScript 3.0的術(shù)語和語法

7.4.1理解腳本術(shù)語

7.4.2使用適當(dāng)?shù)哪_本語法

7.5擴(kuò)充案例的“時(shí)間軸”

7.6添加停止動(dòng)作代碼(stop)

7.7為案例的按鈕創(chuàng)建事件處理程序

7.7.1為案例添加事件偵聽器和函數(shù)

7.7.2檢查語法和格式化代碼

7.8創(chuàng)建目標(biāo)關(guān)鍵幀

7.8.1插入具有不同內(nèi)容的關(guān)鍵幀

7.8.2使用關(guān)鍵幀上的標(biāo)簽

7.9創(chuàng)建返回事件

7.10在目標(biāo)位置播放動(dòng)畫

7.10.1使用關(guān)鍵幀上的標(biāo)簽

7.10.2使用gotoAndPlay命令

7.10.3停止動(dòng)畫

7.11動(dòng)畫式按鈕

作業(yè)

第8章Animate中制作視頻課件

8.1預(yù)覽完成的案例

8.2打開start文件

8.3導(dǎo)入聲音文件

8.3.1導(dǎo)入按鈕聲音文件

8.3.2為按鈕添加聲音

8.3.3添加背景音樂

8.3.4調(diào)整聲音屬性

8.4添加視頻

8.4.1使用FLVPlayback組件播放視頻

8.4.2添加視頻特效

8.5使用Adobe Media Encoder

8.5.1面板介紹

8.5.2基本功能

作業(yè)

第9章加載和控制外部內(nèi)容

9.1預(yù)覽完成的案例

9.2創(chuàng)建遮罩

9.3加載外部內(nèi)容

9.4刪除加載的外部內(nèi)容

作業(yè)

第10章Animate文本制作

10.1預(yù)覽完成的案例

10.2了解各類文本

10.3在CC中添加文本

10.3.1添加標(biāo)題文本

10.3.2添加靜態(tài)內(nèi)容文本

10.3.3添加垂直文本

10.3.4添加動(dòng)態(tài)文本

10.3.5字體嵌入

10.3.6添加輸入文本

10.4在CS6中添加TLF文本

10.4.1添加標(biāo)題文本

10.4.2添加TLF文本

10.4.3添加垂直文本

10.4.4添加動(dòng)態(tài)文本

10.4.5字體嵌入

10.4.6添加輸入文本

10.5添加圖片

10.5.1創(chuàng)建百葉窗風(fēng)格的圖片

10.5.2創(chuàng)建補(bǔ)間遮罩圖片

10.6添加超鏈接

10.7運(yùn)用代碼片斷添加代碼進(jìn)行交互

10.7.1添加“制作方法”按鈕和“具體制作方法”元件的交互

10.7.2加載外部文件

作業(yè)

第11章Animate課件發(fā)布到HTML5

11.1預(yù)覽完成的案例

11.2打開start文件

11.3使用傳統(tǒng)補(bǔ)間

11.3.1制作蝴蝶翅膀扇動(dòng)的效果

11.3.2應(yīng)用傳統(tǒng)補(bǔ)間

11.3.3修改蝴蝶翅膀?qū)嵗?br />
11.3.4修補(bǔ)主場景動(dòng)畫

11.4導(dǎo)出到HTML5

11.4.1理解輸出文件

11.4.2發(fā)布設(shè)置

11.5使用HTML代碼片斷插入JavaScript代碼

作業(yè)

第12章Flash IK動(dòng)畫

12.1預(yù)覽完成的動(dòng)畫并開始制作

12.2IK動(dòng)畫的基本概念

12.3利用反向運(yùn)動(dòng)學(xué)制作關(guān)節(jié)運(yùn)動(dòng)

12.3.1定義骨骼

12.3.2插入姿勢

12.4約束連接點(diǎn)

12.4.1約束連接點(diǎn)的旋轉(zhuǎn)

12.4.2約束連接點(diǎn)的平移

12.5形狀的反向運(yùn)動(dòng)學(xué)

12.5.1在形狀內(nèi)定義骨骼

12.5.2在元件間定義骨骼

12.5.3元件的命名和復(fù)制

12.5.4創(chuàng)建簡單的補(bǔ)間動(dòng)畫

12.6主骨架和副骨架的連接

12.6.1全身骨架的創(chuàng)建

12.6.2無縫動(dòng)畫的完成

12.7在動(dòng)畫中替換元件

12.7.1將簡單動(dòng)畫制作成元件

12.7.2影片剪輯元件的使用

12.7.3元件的替換

作業(yè)

第13章Animate動(dòng)畫的發(fā)布

13.1預(yù)覽完成的案例

13.1.1預(yù)覽Web發(fā)布

13.1.2預(yù)覽桌面發(fā)布

13.1.3預(yù)覽移動(dòng)發(fā)布

13.2Web發(fā)布

13.3桌面發(fā)布

13.3.1發(fā)布桌面AIR應(yīng)用

13.3.2安裝Adobe AIR軟件

13.4移動(dòng)發(fā)布

13.5其他發(fā)布選項(xiàng)

13.5.1創(chuàng)建放映文件

13.5.2其他發(fā)布格式

13.5.3清除發(fā)布緩存

作業(yè)

參考文獻(xiàn)