基礎‧動畫‧影音‧互動‧遊戲‧網頁‧電子書與行動裝置應用設計全面來襲!
智慧手機/平板電腦熱潮當道!
新世代Flash動畫需要這樣玩,才精采!
超強效!許多人都還不知道的Flash & ActionScript 3.0快速學習法
超熱門!許多人都還沒發覺的Android、iPhone & iPad行動裝置應用技
‧先學Flash動畫設計入門,打下基礎,完成動感作品。
‧再讓ActionScript為設計增加互動性,體驗數位影音動畫設計新境界。
‧藉由工具輔助,快速將程式碼加入Flash,直覺實現腦中創意。
‧融入視覺設計效果,提昇作品設計質感,具備商業作品的進階技能。
‧繪製及設計動畫,再轉成HTML5內容,立即完成iPhone與iPad行動裝置廣告。
‧運用AIR技術,讓Flash遊戲輕鬆部署到手機或平板電腦的行動裝置上。
‧製作電子書,利用手勢事件來控制行動裝置。
附贈超值DVD:
Flash CS6基礎功能與介面教學影片
Flash CS6試用版、範例作品、範例素材
快速將程式碼加入Flash動畫的教學影片
作者簡介:
羅智軒
大專院校推廣部多媒體講師 業界系統設計師、分析師與電腦講師 業界遊戲設計師,曾開發如巧連智、BabyHome的遊戲作品 專長領域: 電腦繪圖(Photoshop、CorelDRAW、MAYA、Painter) 網頁設計與網站架設(Flash、Dreamweaver、ASP.NET、IIS、Visual Studio) 程式語言(Delphi、VB、SQL、C#、JAVA、VBA) 資料庫管理(Access、SYBASE、SQL)
目錄
單元1 Flash基礎暖身
Flash是一套多媒體的製作軟體,可以製作精彩的影音內容,具備跨平台、高品質、檔案體積小等優點,並可搭配內建的ActionScript程式語言做出精彩的互動效果,例如根據使用者的選擇呈現不同的動畫內容,甚至是即時、動態資料的呈現。
單元2 動畫製作
Flash最初的功能就是為了製作動畫,在Flash中製作動畫的方式主要可分為逐格動畫與補間動畫。逐格動畫就是一格格地繪製畫面,當連續播放時就會產成動態的效果,這種動畫很花人力與時間,也需要良好的繪圖技巧;補間動畫就是繪製關鍵影格後,由Flash 幫我們產生中間的動畫,關鍵影格的製作技巧是動畫流暢的重要因素。
單元3 遮色片動畫
在製作動畫的時候,如果只想顯示物件中某部分,可以利用遮色片來達到這個效果。遮色片的原理就好像現實生活中拿兩張色紙,把上面一張色紙剪出一個形狀,就可以透過這個形狀看到下一張色紙的顏色。利用遮色片效果可以做出掃光等特效的動畫。
單元4 聲光效果
製作動畫或遊戲等多媒體內容時,如果能配上聲音及音樂將帶來更豐富的使用者體驗。Flash能夠將聲音檔匯入元件庫中,視不同的需求將這些聲音檔加在場景或元件內,在不同的事件中播放。
單元5 ActionScript 3.0
設計好的Flash動畫,如果想要有互動的功能,就必須使用程式來控制。例如:滑鼠移到某個按鈕上,Flash動畫就開始播放,或者是按了某個按鈕,就開啟了某個網頁等等,這些用來產生互動效果的程式就是ActionScript。
單元6 個人簡歷製作
利用滑鼠與影片片段元件及按鈕元件的事件可以製作許多互動效果。例如:滑鼠移到影片片段元件上面,造成外觀的改變等,本單元就以最實用的簡歷製作為例。
單元7 圖片展示
將圖片放在不同的影格,搭配補間動畫就可以做出動態的圖片展示效果。加上按鈕的事件偵聽程式,可以做出與使用者互動的功能。將滑鼠隱藏起來,並讓影片片段隨著滑鼠游標移動,就可以做出自訂的滑鼠游標。搭配不同的內容選擇不同的滑鼠游標,會讓作品更有趣。
單元8 動態繽紛特效
在需要大量的影片片段像花瓣或樹葉的Flash動畫時,如果都在設計的時候去製作這麼多的元件,將會相當費時費力,做出的效果又太過制式而沒有變化。一般這些效果我們會用程式動態產生影片片段,並改變元件的大小,讓元件的出現更為活潑自然。
單元9 測驗遊戲
利用陣列的特性,可以做出亂數排列,應用在問答測驗的遊戲中,可以做到亂數出題,答案也可以做亂數排列,讓題目及答案的順序不會每次都一樣,讓遊戲更有可玩性。亂數排列的功能可以放在函數裡面,在需要的時候就可以呼叫這個函數,不用重複太多程式碼,方便維護及修改。
單元10 互動選單
在選單的設計上面可以加上更多的互動效果,本單元將選單設計成頁標籤,當滑鼠點選的時候,選單會展開顯示裡面的內容,再一次點選則選單會收合起來。選單內容會放在外部的資料夾內,在需要的時候才讀取進來。這種做法一方面Flash的檔案不會太大,可以減少讀取的時間,另一方面這些內容可以動態更換,不需要更動到Flash主程式。
單元11 網路電影院
Flash不只可以在內容中加入圖片及聲音,還可以加入視訊。Flash 使用FLV 及F4V(H.264)的視訊格式,這些格式擁有畫質良好與容量較小的優勢,可以與圖片、聲音及互動效果完美的結合。無論是在手機、平板電腦及個人電腦等裝置,透過Flash Player,使用者不需要安裝其他的影音播放軟體就可以看到影片。
單元12 酷炫MP3播放器
用ActionScript程式播放的聲音檔可以放在元件庫裡面,也可以放在外部的資料夾內,程式的寫法也會不同。瞭解聲音的處理方法,讓我們可以在需要的時候替Flash加上音效或者配上背景音樂,也可以製作音樂的播放軟體。
單元13 Flash製作iPhone、iPad 行動裝置廣告(將Flash動畫轉成HTML5)
HTML5很熱門,但HTML5語法目前對動畫設計師來說並不友善,無法利用過去熟悉的製作流程來設計HTML5動畫,而Flash CS6的Toolkit for CreateJS能夠讓設計師用最熟悉的Flash來繪製及製作動畫,並產生HTML5的內容。
單元14 手機與平板電腦遊戲設計入門
利用Adobe的Flash平台所開發的遊戲,到處都可以看到。各種遊戲類型都有,包括動作、冒險、博奕、解謎或角色扮演等等。這些遊戲具有互動、跨瀏覽器、跨平台的優點,使用者不僅可以在個人電腦上,也可以在行動裝置遊玩。大部分的人到現在還不知道利用AIR的技術,可以讓Flash 遊戲透過Google Play Store或AppleApp Store部署到手機或平板電腦等行動裝置上。
單元15 電子書設計應用
手機與平板電腦等行動裝置的使用者越來越多,許多人會利用等車或搭捷運的時候利用這些裝置閱讀電子書。本單元將以Flash製作電子書為例,讓使用者瞭解如何利用手勢事件來控制行動裝置。
單元1 Flash基礎暖身
Flash是一套多媒體的製作軟體,可以製作精彩的影音內容,具備跨平台、高品質、檔案體積小等優點,並可搭配內建的ActionScript程式語言做出精彩的互動效果,例如根據使用者的選擇呈現不同的動畫內容,甚至是即時、動態資料的呈現。
單元2 動畫製作
Flash最初的功能就是為了製作動畫,在Flash中製作動畫的方式主要可分為逐格動畫與補間動畫。逐格動畫就是一格格地繪製畫面,當連續播放時就會產成動態的效果,這種動畫很花人力與時間,也需要良好的繪圖技巧;補間動畫就是繪製關鍵影格後,由Flash 幫我們產生中間的...