Adobe Creative Cloud 介紹

11 Adobe Creative Cloud（Adobe CC）特點 2

12 Adobe Creative Cloud 安裝 3



Chapter 02 Edge Tools

21 Edge Tools 系列 2-2

22 為何選擇Edge Animate CC 2-3



Chapter 03 Edge Animate CC 開發環境

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

32 工作區環境介紹 3-4

33 儲存自訂工作區 3-7

331 新增工作區 3-7

332 刪除工作區? 3-10



Chapter 04 舞台與時間軸的使用

41 舞台介紹 4-2

42 時間軸介紹 4-5

421 時間點的認識 4-6

422 播放器 4-7

423 格線與貼齊功能4-7

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

43 元件的時間軸控制項? 4-10

44 轉場效果的功能說明? 4-11

441 瞬間轉場特效? 4-11

442 流暢的轉場特效 4-13

443 利用插針製作動畫? 4-14

444 手動新增或刪除關鍵影格? 4-16

445 編輯轉場特效? 4-17

446 加、減速轉場特效? 4-17

45 時間軸快速鍵的使用? 4-19



Chapter 05 圖片功能

51 元件的繪製與設定 5-2

52 元件的選取與複製 5-6

53 對齊功能的使用 5-6

54 尺標與參考線 5-8

55 改變形狀（Transform） 5-9

56 陰影功能的使用（Shadow）? 5-10

57 裁切功能的使用（Clip）? 5-11

58 匯入圖片? 5-12

59 開啟�隱藏的方式? 5-13

510 練習－小鳥繪製? 5-14

5101 身體繪製? 5-14

5102 眼睛繪製? 5-15

5103 嘴巴繪製? 5-16

5104 前側翅膀繪製 5-17

5105 後側翅膀繪製 5-18



Chapter 06 文字功能

61 文字的新增 6-2

62 文字的屬性 6-3

63 網路字體的使用 6-4

64 練習－文字探照燈 6-6



Chapter 07 範例練習－邀請函

71 畫面佈置 7-2

72 動畫設定 7-5



Chapter 08 互動效果

81 使用的原則 8-2

82 觸發效果的說明 8-4

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

84 刪除觸發器與動作 8-7

85 練習－商品放大展示 8-8



Chapter 09 元件的運用

91 關於元件 9-2

92 利用元件建構動畫 9-3

921 建立翅膀1 9-3

922 建立翅膀2 9-7

923 建立身體 9-9

924 建立頭部? 9-10

925 建立觸角? 9-11

93 將元件巢套（nesting）至元件中? 9-14

94 元件時間軸的運用? 9-14

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

951 元件的相關修改 9-19

952 Import 匯入與Export 匯出? 9-20

96 練習－按鈕滑入效果? 9-20

97 練習－下拉式選單? 9-24

971 最新消息按鈕製作? 9-24

972 關於我們按鈕製作? 9-26



Chapter 10 HTML 與Animate 的關係

101 看懂HTML 文件? 10-2

1011 概述html? 10-2

1012 html 的架構? 10-2

102 以Animate 開啟HTML 文件? 10-3

103 將Edge Animate 置於HTML 文件中? 10-4



Chapter 11 發佈Animate 構圖

111 預設版面Layout Preset? 11-2

1111 練習：Center Background Image的使用? 11-3

112 設定元件的最小與最大寬度? 11-6

113 為專案建立預載畫面（preloader）? 11-8

1131 預載畫面（preloader）的設定? 11-8

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

1141 Global 設定練習 11-11

1142 Applied 設定練習 11-12

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

116 以網頁形式發佈 11-15



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

121 開啟檔案? 12-2

122 Sky 設定? 12-2

123 Rabbit 設定? 12-3

124 Prairie 設定 12-4

125 Elephants 設定? 12-4

126 Giraffe 設定? 12-5

127 Horse 設定? 12-5

128 Zebra 設定? 12-6



Chapter 13 廣告輪播與控制

131 設定舞台? 13-2

132 圖片佈置與修改? 13-2

133 調整圖片時間? 13-4

134 設定連續播放指令? 13-6

135 按鈕控制圖片切換? 13-6

136 設定標籤? 13-8

137 設定動作指令? 13-9



Chapter 14 網頁設計

141 環境設置? 14-2

142 按鈕設置? 14-6

143 圖片輪播廣告 14-11

144 最新消息內容設置 14-20

145 關於聖堂內容設置 14-24

146 服務項目內容設置 14-27

147 作品範例內容設置 14-32

148 聯絡我們內容設置 14-39