Adobe Animate CC 製作 HTML5 動畫與互動效果
內容描述
隨著網路上Flash動畫掀起的熱潮,各種絢麗的廣告、精彩的Flash MTV、動畫影片及互動小遊戲等層出不窮、花樣百出;Flash動畫專題網站更是人丁興旺,成為Flash創作展示才能的廣闊空間。面對如此精彩的Flash世界,你是否已經按捺不住激動的心情,想動手創作出自己的精彩作品。其實,這並不是很困難的事情,在Animate CC的幫助下,我們可以很快實現自己的夢想。
本書內容包括對Animate CC入門與動畫概念、聖誕快樂、大自然風光、海底世界、遊樂園路線圖展示、蜜蜂飛舞、海底世界遊覽、英語單字練習、知識百科測驗、電子相冊、電子音樂創作、海底生物多媒體展示、行動裝置接球遊戲設計、平板數位雜誌製作、機器人骨塊動畫、輸出HTML5 Canvas文件等實務應用與操作技巧的詳細講解。透過範例引導式教學,將概念性的東西變得輕鬆易學。課程安排由淺入深,語言平實易懂,範例美觀與實務結合,逐步進入創意設計殿堂。
目錄大綱
CHAPTER 00 Animate CC入門與動畫概念
0-1 Animate CC初次相識
0-2 軟體功能特色
0-3 詳解Flash動畫製作流程
0-4 第一個簡單的Animate動畫製作
CHAPTER 01 聖誕快樂
1-1 新建檔案
1-2 素材匯入與命名
1-3 繪製雪人圖像
1-4 新增元件與舞台佈置
1-5 巧妙運用濾鏡效果
1-6 製作相片效果
1-7 標題文字特效製作
1-8 加入背景音樂
CHAPTER 02 大自然風光
2-1 素材匯入與畫面佈置
2-2 繪製漸層動畫背景
2-3 形狀補間動畫—製作白雲動畫
2-4 傳統補間動畫—風車動畫製作
2-5 移動導引線動畫—天鵝動畫製作
2-6 蝴蝶動畫製作
2-7 氣球繪製與動畫製作
CHAPTER 03 海底世界
3-1 開啟練習檔案與素材匯入
3-2 繪製氣泡圖像
3-3 製作氣泡動畫
3-4 利用移動編輯器製作潛水夫動作
3-5 製作海底生物動畫
3-6 製作海藻的逐格動畫
CHAPTER 04 遊樂園路線圖展示
4-1 素材匯入與畫面佈置
4-2 將照片轉換成圖像元件
4-3 照片的淡入效果製作
4-4 不同時間的照片展示設定
4-5 移動引導線動畫製作
4-6 文字標題效果創作
4-7 不同時間的照片標誌
4-8 stop程式碼的運用
CHAPTER 05 蜜蜂飛舞
5-1 素材匯入與畫面佈置
5-2 濾鏡的運用
5-3 製作蜜蜂移動導引線動畫
5-4 利用按鈕來控制播放與停止
5-5 突發奇想—活躍畫面製作0
CHAPTER 06 海底世界遊覽
6-1 畫面佈置與素材匯入
6-2 製作遮色片色塊
6-3 匯入視訊素材
6-4 遮色片的運用
6-5 控制影片的切換
CHAPTER 07 英語單字練習
7-1 畫面佈置與素材匯入
7-2 繪製跳躍的星星
7-3 按鈕製作
7-4 設置按鈕提示符號
7-5 設置按鈕顯示資訊
7-6 按鈕連接網頁設定
7-7 製作光暈標題文字
CHAPTER 08 知識百科測驗
8-1 準備知識百科測驗界面
8-2 建立選單場景
8-3 製作按鈕元件
8-4 繪製子選單場景背景
8-5 製作子選單按鈕元件
8-6 為子場景添加考題內容
8-7 編寫互動式選單程式碼
8-8 豐富主場景文字效果
8-9 加入聲音效果
CHAPTER 09 電子相冊
9-1 準備電子相冊介面素材
9-2 播放按鈕製作
9-3 佈置展示舞台
9-4 由外部載入圖片顯示
9-5 為顯示的照片加上轉場特效
9-6 添加背景音樂
CHAPTER 10 電子音樂創作
10-1 建立演奏畫面
10-2 繪製擺放鋼琴按鍵
10-3 設定鋼琴鍵元件實體名稱
10-4 設定鋼琴鍵音效
10-5 為鋼琴鍵添加聲音播放程式碼
10-6 Demo按鈕撥放展示音樂
CHAPTER 11 海底生物多媒體展示
11-1 建立多媒體展示背景
11-2 將影片轉成H.264編碼格式
11-3 使用播放組件載入外部視訊
11-4 製作小魚動畫
11-5 設定文字組件參數
11-6 透過程式碼讀取外部文字資料
CHAPTER 12 行動裝置接球遊戲設計
12-1 新增Android檔案
12-2 製作player玩家元件
12-3 製作落球元件
12-4 製作得分元件
12-5 設定實體名稱
12-6 製作player移動動畫
12-7 製作球落下的動畫
12-8 編寫得分程式
12-9 測試游戲
12-10 發佈游戲
CHAPTER 13 平板數位雜誌製作
13-1 使用範本新增檔案
13-2 匯入雜誌圖頁
13-3 排列圖頁
13-4 修改結束按鈕
13-5 修改程式碼
13-6 測試雜誌
CHAPTER 14 機器人骨塊動畫
14-1 零件組合
14-2 調整變形中心點
14-3 建立骨塊和骨架
14-4 限制接合點旋轉角度
14-5 角色姿勢設計
14-6 動態背景製作
CHAPTER 15 輸出HTML5 Canvas文件
15-1 新增檔案與元件匯入
15-2 製作潛水夫移動動畫
15-3 製作按鈕動畫
15-4 製作與滑鼠互動動畫
15-5 轉換成HTML5 Canvas檔案
各章節精彩範例檔