《HTML5動畫製作神器 Adobe Edge Animate CC 2015一本通（全彩）（含DVD光碟1張）》是2017年電子工業出版社出版的圖書，作者是張曉景。
基本介紹
- 中文名： HTML5動畫製作神器 Adobe Edge Animate CC 2015一本通（全彩）（含DVD光碟1張）
- 作者：張曉景
- 出版時間：2017年
- 出版社： 電子工業出版社
- 頁數：364 頁
- ISBN： 9787121311376
- 定價：89 元
- 開本：16 開
內容簡介,圖書目錄,
內容簡介
本書詳細地介紹了Edge Animate CC 2015 中的所有知識點，以通俗易懂的文字、精美的案例和新穎的版式講解各種類型互動動畫的製作方法和技巧，將Edge Animate CC 2015 的知識點與實際套用案例相結合，使讀者易學易用，快速掌握使用Edge Animate CC 2015 製作互動動畫的相關知識。全書共分為12 章，在內容安排上，從基礎出發，到專業動畫的製作，深入淺出，使讀者能夠在最短的時間裡輕鬆地掌握各種類型互動式動畫的製作流程和方法。本書配套光碟中提供了書中所有實例的源檔案和相關素材，以及書中實例的視頻教程，方便讀者學習和參考。
圖書目錄
第1 章 初識Edge Animate CC
1.1 Edge Animate 簡介.......................... 002
1.1.1 Edge Animate 的誕生.....................................003
1.1.2 Edge Animate 概述.........................................003
1.1.3 Edge Animate 功能簡介.................................003
1.2 Edge Animate CC 2015 的安裝 ?
和卸載............................................. 006
1.2.1 Edge Animate CC 的系統要求.......................006
1.2.2 安裝Edge Animate CC..................................006
1.2.3 卸載Edge Animate CC..................................007
1.2.4 啟動Edge Animate CC..................................008
1.3 Edge Animate CC 的工作界面............ 009
1.3.1 Edge Animate CC 的歡迎界面.......................009
1.3.2 認識Edge Animate CC 的操作界面..............011
1.4 Edge Animate CC 的選單欄............... 013
1.4.1 “檔案”選單................................................013
1.4.2 “編輯”選單................................................014
1.4.3 “顯示”選單................................................015
1.4.4 “修改”選單................................................016
1.4.5 “時間軸”選單.............................................017
1.4.6 “視窗”選單................................................019
1.4.7 “幫助”選單................................................020
1.5 Edge Animate CC 中的面板............... 020
1.5.1 工具列............................................................020
1.5.2 舞台................................................................022
1.5.3 “時間軸”面板.............................................024
1.5.4 “屬性”面板................................................025
1.5.5 “元素”面板................................................025
1.5.6 “庫”面板....................................................025
1.5.7 “教程”面板................................................026
1.6 自定義Edge Animate CC 的工作界面.. 027
1.6.1 手動調整默認工作界面.................................027
1.6.2 自定義工作界面.............................................028
1.6.3 刪除工作界面................................................029
1.6.4 重置工作界面................................................029
1.7 本章小結......................................... 030
第2 章 Edge Animate CC 的基本操作
2.1 新建Edge Animate 項目檔案............. 032
2.1.1 新建空白的Edge Animate 項目檔案.............033
2.1.2 設定舞台屬性................................................033
2.1.3 捕獲圖像與低版本舞台.................................037
2.1.4 設定項目檔案的預載效果.............................040
2.1.5 從模板新建Edge Animate 項目檔案.............041
2.2 Edge Animate CC 檔案的基本操作...... 042
2.2.1 打開Edge Animate 檔案................................042
2.2.2 關閉Edge Animate 檔案................................042
2.2.3 直接保存Edge Animate 檔案.........................042
2.2.4 另外儲存為Edge Animate CC 檔案......................043
2.2.5 保存為Edge Animate 模板檔案.....................043
2.3 套用標尺和導軌................................ 044
2.3.1 顯示/ 隱藏舞台標尺.....................................044
2.3.2 創建導軌........................................................044
2.3.3 貼緊至導軌....................................................044
2.3.4 顯示/ 隱藏導軌.............................................045
2.4 使用模板製作Edge Animate 動畫....... 045
2.4.1 下載Edge Animate 模板................................046
2.4.2 使用文章展示模板.........................................046
2.5 本章小結......................................... 050
第3 章 繪製圖形與導入外部素材
3.1 使用Edge Animate CC 中的基本 ????????????
繪圖工具......................................... 052
3.1.1 認識Edge Animate CC 中的繪圖工具..........053
3.1.2 繪製矩形........................................................053
3.1.3 繪製圓角矩形................................................054
3.1.4 繪製橢圓形....................................................054
3.2 導入外部素材................................... 055
3.2.1 支持的圖像素材格式.....................................055
3.2.2 導入點陣圖素材................................................055
3.2.3 導入矢量素材................................................057
3.3 圖形對象屬性設定............................. 058
3.3.1 顯示與隱藏屬性.............................................058
3.3.2 位置和尺寸屬性.............................................061
3.3.3 背景顏色和框線屬性.....................................065
3.3.4 設定純色........................................................066
3.3.5 設定漸變顏色................................................071
3.3.6 變形屬性........................................................072
3.3.7 游標效果屬性................................................077
3.3.8 角效果屬性....................................................078
3.3.9 陰影效果屬性................................................080
3.3.10 濾鏡效果屬性...............................................083
3.3.11 剪裁屬性......................................................085
3.3.12 輔助屬性......................................................088
3.4 素材圖像的屬性設定.......................... 088
3.4.1 圖像布局的偏好設定.....................................088
3.4.2 圖像屬性........................................................093
3.5 多對象的操作................................... 097
3.5.1 對齊操作........................................................097
3.5.2 分布操作........................................................097
3.5.3 排列操作........................................................098
3.6 本章小結......................................... 099
第4 章 添加和格式化文本
4.1 在動畫中添加文字............................. 102
4.1.1 在動畫中添加文字的幾種方法.....................102
4.1.2 在動畫中添加文字.........................................103
4.2 設定文字屬性................................... 105
4.3 添加字型......................................... 108
4.3.1 添加Edge Web 字型......................................108
4.3.2 添加和使用中文字型.....................................109
4.4 剪裁文本邊緣................................... 112
4.5 使用文字特效................................... 114
4.5.1 文字陰影效果................................................115
4.5.2 文字彈跳效果................................................118
4.5.3 文字連結........................................................120
4.6 Edge Animate 中的HTML 標籤......... 126
4.7 本章小結......................................... 127
第5 章 使用時間軸製作動畫
5.1 關於元素層...................................... 130
5.1.1 元素層的類型................................................130
5.1.2 選擇元素層....................................................131
5.2 編輯元素層...................................... 132
5.2.1 為元素層重命名.............................................132
5.2.2 複製元素層....................................................133
5.2.3 調整元素層順序.............................................133
5.2.4 展開/ 摺疊元素層屬性.................................134
5.2.5 設定元素層顏色.............................................135
5.3 元素層的狀態................................... 135
5.3.1 顯示和隱藏元素層.........................................135
5.3.2 鎖定和解鎖元素層.........................................136
5.4 “時間軸”面板................................ 136
5.4.1 認識“時間軸”面板.....................................137
5.4.2 使用快捷鍵控制時間軸.................................139
5.5 “時間軸”面板的基本操作................. 140
5.5.1 設定“時間軸”面板格線.............................140
5.5.2 在“時間軸”面板中添加標籤.....................141
5.5.3 編輯標籤........................................................141
5.5.4 製作開場動畫................................................142
5.6 使用“緩和”動畫效果....................... 145
5.6.1 “緩和”效果詳解.........................................145
5.6.2 製作網站廣告條.............................................146
5.6.3 製作紙飛機飛行動畫.....................................149
5.6.4 製作模糊入場動畫.........................................153
5.7 本章小結......................................... 156
第6 章 使用觸發動作腳本
6.1 了解觸發動作................................... 158
6.1.1 什麼是觸發....................................................158
6.1.2 “動作”視窗................................................159
6.1.2 “觸發”視窗................................................161
6.2 在動畫中使用動作............................. 162
6.2.1 為元素添加動作.............................................162
6.2.2 觸發事件詳解................................................165
6.2.3 動作詳解........................................................166
6.2.4 為文字元素添加動作.....................................173
6.2.5 編輯動作........................................................177
6.2.6 刪除動作........................................................177
6.3 舞台動作的使用方法.......................... 178
6.3.1 舞台觸發事件詳解.........................................178
6.3.2 為舞台添加動作.............................................178
6.4 時間軸動作的使用方法....................... 182
6.4.1 時間軸觸發事件詳解.....................................182
6.4.2 添加時間軸動作使動畫循環播放.................182
6.4.3 添加觸發動作到某個時間點.........................185
6.5 非線性思考與設計............................. 189
6.6 適用於iOS 和Android 系統的動作....... 194
6.7 本章小結......................................... 198
第7 章 符號元素在動畫中的套用
7.1 符號元素概述................................... 200
7.2 創建符號......................................... 201
7.2.1 轉換為符號元素.............................................201
7.2.2 導出符號........................................................202
7.2.3 導入符號........................................................202
7.3 使用符號元素................................... 203
7.3.1 將符號套用到舞台.........................................203
7.3.2 在動畫中創建和使用符號元素.....................203
7.3.3 編輯符號........................................................207
7.3.4 複製符號........................................................208
7.3.5 重命名符號....................................................208
7.3.6 刪除符號........................................................209
7.4 符號元素時間軸的運用....................... 209
7.5 使用滑過變換動畫創建按鈕符號........... 213
7.5.1 製作基礎網頁按鈕動畫.................................213
7.5.2 製作複雜網頁按鈕動畫.................................216
7.6 創建導航選單動畫............................. 220
7.6.1 製作垂直導航選單.........................................220
7.6.2 製作下拉導航選單.........................................225
7.7 使用滑過變換動作創建文字標註........... 233
7.8 本章小結......................................... 235
第8 章 多媒體元素在動畫中的套用
8.1 在Edge Animate 動畫中使用音頻....... 238
8.1.1 Edge Animate 所支持的音頻格式..................239
8.1.2 設定音頻屬性................................................239
8.1.3 對動畫中的音頻進行控制.............................246
8.2 在Edge Animate 動畫中嵌入視頻....... 250
8.2.1 Edge Animate 所支持的視頻格式..................250
8.2.2 設定視頻屬性................................................250
8.2.3 自定義視頻播放控制組件.............................253
8.3 在Edge Animate 動畫中使用子畫面表. 259
8.4 本章小結......................................... 264
第9 章 HTML 和CSS 樣式在Edge
Animate 中的套用
9.1 認識HTML 文檔.............................. 266
9.1.1 關於HTML 文檔...........................................267
9.1.2 HTML 文檔標籤............................................267
9.1.3 關於HTML5..................................................268
9.2 認識CSS 樣式.................................. 268
9.2.1 關於CSS 樣式................................................268
9.2.2 CSS 樣式語法.................................................269
9.2.3 CSS 樣式規則.................................................269
9.2.4 為元素套用ID CSS 樣式...............................269
9.2.5 為元素套用類CSS 樣式................................270
9.2.6 4 種套用CSS 樣式的方式.............................270
9.3 Edge Animate 與HTML 的關係......... 271
9.3.1 讀懂Edge Animate 創建的HTML 文檔........271
9.3.2 製作網站歡迎頁面動畫.................................272
9.4 在網頁中套用動畫............................. 277
9.5 在同一個網頁中套用兩個不同的動畫..... 281
9.6 本章小結......................................... 281
第10 章 使用JavaScript 和jQuery
控制動畫
10.1 了解JavaScript 和jQuery 的歷史發展... 284
10.1.1 什麼是JavaScript..........................................285
10.1.2 JavaScript 基礎..............................................285
10.1.3 什麼是jQuery..............................................285
10.2 Edge Animate 創建的JavaScript..... 285
10.2.1 認識自動創建的JavaScript...........................285
10.2.2 Edge Animate 動畫項目相關的JavaScript ?
檔案...............................................................287
10.3 JavaScript 和jQuery 基礎................ 288
10.3.1 JavaScript 語法中的基本要求.......................288
10.3.2 JavaScript 的數據類型...................................290
10.3.3 定義變數......................................................291
10.3.4 JavaScript 運算符..........................................291
10.3.5 JavaScript 條件和循環語句...........................292
10.3.6 了解文檔對象模型.......................................293
10.4 了解jQuery 的選擇方式................... 293
10.5 在動畫中實現獲取滑鼠位置及跟隨 ?
滑鼠功能....................................... 293
10.6 使用jQuery 製作拼圖動畫效果.......... 298
10.7 本章小結....................................... 303
第11 章 Edge Animate 動畫製作 ?
技巧
11.1 更多顯示與隱藏技巧........................ 306
11.1.1 切換對象的顯示與隱藏...............................307
11.1.2 延遲的顯示、隱藏與切換...........................309
11.1.3 淡入淡出......................................................311
11.1.4 上下滑動......................................................313
11.1.5 Edge Animate 中更多的視覺特效................316
11.1.6 實現滑塊向左或向右滑動...........................321
11.2 在Edge Animate 中交換素材圖像..... 323
11.3 識別並更改元件和符號..................... 326
11.3.1 變數賦值......................................................326
11.3.2 通過為變數賦值改變元素屬性...................327
11.3.3 為文字元素賦予HTML 代碼......................330
11.4 識別符號內的元素........................... 333
11.5 播放符號元素的時間軸..................... 337
11.6 本章小結....................................... 342
第12 章 Edge Animate 動畫的發布
與輸出
12.1 關於動畫尺寸................................. 344
12.1.1 使動畫尺寸自適應瀏覽器視窗...................344
12.1.2 設定動畫最大和最小寬度...........................348
12.2 發布Edge Animate 動畫................. 350
12.2.1 “發布設定”對話框...................................350
12.2.2 發布為Web 格式.........................................351
12.2.3 發布為Animate 部署包格式........................353
12.2.4 發布為iBooks/OS X 格式...........................354
12.3 本章小結....................................... 354
