Adobe Flash CS6(匯出HTML5心得)


這次很榮幸受到Adobe的邀請,可以試用CS6系列產品,當然我優先就試了最愛的Flash。

首先講我對CS6系列的第一個感受,我認為這次的Flash版本比起上一代的CS5來得更輕量化(這是我個人感受)。因為在安裝與開啟上,都比CS5要來的快一點,這是一個相當不錯的改進,畢竟現在工作的步調都很緊湊,即使只是多了幾秒鐘,也會讓人爽快很多。

Flash CS6這次最大的亮點,就是開始支援匯出HTML5的檔案,雖然並不是所有的AS語法都能夠完全轉換,但是在轉換動畫上來說,已經是相當好用,如此一來,我們可以使用最熟悉的工具,而不用煩惱手機與平板裝置對swf 的支援問題。

不過這個匯出成HTML5的功能目前還不是內建的,必須安裝一個由官方開發的CreateJS工具套件,這個套件只支援CS6的版本。

首先我們先連到官方的網站:按此連結

下載CreateJS工具套件。

下載下來的檔案是一個Adobe的外掛套件,我們可以直接點擊執行它(前提是你已經安裝了CS6)

執行之後我們會看到安裝畫面

安裝!!

安裝完成之後就可以關閉這個程式。

開啟Flash CS6之後,我們可以選擇 「Windows→Other Panels→ToolKit fo CreateJS」,開啟專用的面板。

這個面板上有個Publish的按鈕,按下去之後就可以發佈HTML5的動畫。

可以看到我們使用右鍵時,顯示這是一般的網頁,而不是swf。

我特地將HTML5與swf的動畫都放置上來,大家可以看到兩者幾乎沒有什麼差別。

這是swf版的動畫:

這是HTML5的動畫:

從Flash CS6看得出來,未來Flash會成為更全面的製作軟體,除了可以匯出成HTML5之外,還可以匯出成Android與iOS的APP,Adobe的策略也很明顯,就是要拉攏既有的設計師,以最迅速的方式投入目前多平台的戰場,我認為這是很好的做法,畢竟Flash還是目前最強大的動畫製作軟體之一,雖然HTML5也喊了好幾年,但是對設計師而言製作門檻依舊偏高,如今CS6提供了一個我認為是相當不錯的解決方案,或許未來會成為主流的做法也說不定。

發表迴響