Adobe Creative Cloud 介紹

1.1 Adobe Creative Cloud（Adobe CC）特點 ....................2

1.2 Adobe Creative Cloud 安裝 .................................................3

?

Chapter 02 Edge Tools

2.1 Edge Tools 系列 ...................................................................2-2

2.2 為何選擇Edge Animate CC .............................................2-3

?

Chapter 03 Edge Animate CC 開發環境

3.1 建立、發佈與專案管理......................................................3-2

3.2 工作區環境介紹 ...................................................................3-4

3.3 儲存自訂工作區 ...................................................................3-7

3.3.1 新增工作區 ...............................................................3-7

3.3.2 刪除工作區 ............................................................ 3-10

?

Chapter 04 舞台與時間軸的使用

4.1 舞台介紹 .................................................................................4-2

4.2 時間軸介紹 .............................................................................4-5

4.2.1 時間點的認識 ..........................................................4-6

4.2.2 播放器 ........................................................................4-7

4.2.3 格線與貼齊功能......................................................4-7

4.2.4 在時間軸上新增標籤 ............................................4-9

4.3 元件的時間軸控制項 ....................................................... 4-10

4.4 轉場效果的功能說明 ....................................................... 4-11

4.4.1 瞬間轉場特效 ....................................................... 4-11

4.4.2 流暢的轉場特效................................................... 4-13

4.4.3 利用插針製作動畫 .............................................. 4-14

4.4.4 手動新增或刪除關鍵影格 ................................ 4-16

4.4.5 編輯轉場特效 ....................................................... 4-17

4.4.6 加、減速轉場特效 .............................................. 4-17

4.5 時間軸快速鍵的使用 ....................................................... 4-19

?

Chapter 05 圖片功能

5.1 元件的繪製與設定 ...............................................................5-2

5.2 元件的選取與複製 ...............................................................5-6

5.3 對齊功能的使用 ...................................................................5-6

5.4 尺標與參考線 ........................................................................5-8

5.5 改變形狀（Transform） ......................................................5-9

5.6 陰影功能的使用（Shadow） ......................................... 5-10

5.7 裁切功能的使用（Clip） .................................................. 5-11

5.8 匯入圖片 .............................................................................. 5-12

5.9 開啟�隱藏的方式 ............................................................ 5-13

5.10 練習－小鳥繪製 ................................................................ 5-14

5.10.1 身體繪製 ............................................................ 5-14

5.10.2 眼睛繪製 ............................................................ 5-15

5.10.3 嘴巴繪製 ............................................................ 5-16

5.10.4 前側翅膀繪製................................................... 5-17

5.10.5 後側翅膀繪製................................................... 5-18

?

Chapter 06 文字功能

6.1 文字的新增 .............................................................................6-2

6.2 文字的屬性 .............................................................................6-3

6.3 網路字體的使用 ...................................................................6-4

6.4 練習－文字探照燈 ...............................................................6-6

?

Chapter 07 範例練習－邀請函

7.1 畫面佈置 .................................................................................7-2

7.2 動畫設定 .................................................................................7-5

?

Chapter 08 互動效果

8.1 使用的原則 .............................................................................8-2

8.2 觸發效果的說明 ...................................................................8-4

8.3 作業舞台與時間軸的觸發器和動作 ..............................8-6

8.4 刪除觸發器與動作 ...............................................................8-7

8.5 練習－商品放大展示 ..........................................................8-8

?

Chapter 09 元件的運用

9.1 關於元件 .................................................................................9-2

9.2 利用元件建構動畫 ...............................................................9-3

9.2.1 建立翅膀1 ................................................................9-3

9.2.2 建立翅膀2 ................................................................9-7

9.2.3 建立身體 ...................................................................9-9

9.2.4 建立頭部 ................................................................ 9-10

9.2.5 建立觸角 ................................................................ 9-11

9.3 將元件巢套（nesting）至元件中 .............................. 9-14

9.4 元件時間軸的運用 ............................................................ 9-14

9.5 將作業舞台上的符號轉為動畫 ..................................... 9-19

9.5.1 元件的相關修改................................................... 9-19

9.5.2 Import 匯入與Export 匯出 ............................. 9-20

9.6 練習－按鈕滑入效果 ....................................................... 9-20

9.7 練習－下拉式選單 ............................................................ 9-24

9.7.1 最新消息按鈕製作 .............................................. 9-24

9.7.2 關於我們按鈕製作 .............................................. 9-26

?

Chapter 10 HTML 與Animate 的關係

10.1 看懂HTML 文件 ................................................................ 10-2

10.1.1 概述html ........................................................... 10-2

10.1.2 html 的架構 ...................................................... 10-2

10.2 以Animate 開啟HTML 文件 ........................................ 10-3

10.3 將Edge Animate 置於HTML 文件中 ........................ 10-4

?

Chapter 11 發佈Animate 構圖

11.1 預設版面Layout Preset .................................................. 11-2

11.1.1 練習：Center Background Image的使用 ................................................................ 11-3

11.2 設定元件的最小與最大寬度 ......................................... 11-6

11.3 為專案建立預載畫面（preloader） ............................. 11-8

11.3.1 預載畫面（preloader）的設定 ................. 11-8

11.4 依比例變更元件相對位置 ............................................11-11

11.4.1 Global 設定練習 ...........................................11-11

11.4.2 Applied 設定練習 .........................................11-12

11.5 舊版瀏覽器的相容性處理 ............................................11-13

11.6 以網頁形式發佈 ..............................................................11-15

?

Chapter 12 網頁片頭動畫－非洲草原

12.1 開啟檔案 .............................................................................. 12-2

12.2 Sky 設定 ............................................................................... 12-2

12.3 Rabbit 設定 ......................................................................... 12-3

12.4 Prairie 設定.......................................................................... 12-4

12.5 Elephants 設定 ................................................................... 12-4

12.6 Giraffe 設定 ......................................................................... 12-5

12.7 Horse 設定 .......................................................................... 12-5

12.8 Zebra 設定 ........................................................................... 12-6

?

Chapter 13 廣告輪播與控制

13.1 設定舞台 .............................................................................. 13-2

13.2 圖片佈置與修改 ................................................................ 13-2

13.3 調整圖片時間 ..................................................................... 13-4

13.4 設定連續播放指令 ............................................................ 13-6

13.5 按鈕控制圖片切換 ............................................................ 13-6

13.6 設定標籤 .............................................................................. 13-8

13.7 設定動作指令 ..................................................................... 13-9

?

Chapter 14 網頁設計

14.1 環境設置 .............................................................................. 14-2

14.2 按鈕設置 .............................................................................. 14-6

14.3 圖片輪播廣告 ...................................................................14-11

14.4 最新消息內容設置 ..........................................................14-20

14.5 關於聖堂內容設置 ..........................................................14-24

14.6 服務項目內容設置 ..........................................................14-27

14.7 作品範例內容設置 ..........................................................14-32

14.8 聯絡我們內容設置 ..........................................................14-39