在這次Adobe CS5產品線裡, 除了大家熟悉的軟體,
這次還推出了一個新產品,名為 Adobe Catalyst CS5
如其名字一樣,這套軟體的出現,是要來摧化設計師與程式設計師的工作流程。
要動感的視覺,程式就不好套,而程式好套,就會少了一些動態。
可以先參考 Lee Brimelow 所寫的二篇 Catalyst 教學
http://www.gotoandlearn.com/
在某個專案上, 有個需求是要做一個線上版的問卷。
會有radiobutton和checkbox等元素, 最後再把值送到資料庫,
這時就想到使用catalyst來試玩看看。
在這兒for教學, 所以只簡單做了二題,概念上都一樣,你可以自已再新增
Catalyst 輸出的格式也是.swf, 只是他使用的程式碼是 mxml ,
製作流程如下:
1.設計師的 psd 檔(圖層已分類好)
2.啟動 Catalyst ,匯入 psd 檔。
3.選擇圖層元素,將其轉換成元件(有點像是 flash 把元件轉成 MovieClip, 但 Catalyst 的元件更多)
4.製作state,有點像是flash的場景概念, 在切換state時,可以由 catalyst 來自動新增轉場效果
5.匯出成 fxp 格式, 再由 flashbuilder4 來接手寫其他的程式。
這次還推出了一個新產品,名為 Adobe Catalyst CS5
如其名字一樣,這套軟體的出現,是要來摧化設計師與程式設計師的工作流程。
要動感的視覺,程式就不好套,而程式好套,就會少了一些動態。
可以先參考 Lee Brimelow 所寫的二篇 Catalyst 教學
http://www.gotoandlearn.com/
在某個專案上, 有個需求是要做一個線上版的問卷。
會有radiobutton和checkbox等元素, 最後再把值送到資料庫,
這時就想到使用catalyst來試玩看看。
在這兒for教學, 所以只簡單做了二題,概念上都一樣,你可以自已再新增
Catalyst 輸出的格式也是.swf, 只是他使用的程式碼是 mxml ,
製作流程如下:
1.設計師的 psd 檔(圖層已分類好)
2.啟動 Catalyst ,匯入 psd 檔。
3.選擇圖層元素,將其轉換成元件(有點像是 flash 把元件轉成 MovieClip, 但 Catalyst 的元件更多)
4.製作state,有點像是flash的場景概念, 在切換state時,可以由 catalyst 來自動新增轉場效果
5.匯出成 fxp 格式, 再由 flashbuilder4 來接手寫其他的程式。
設計師的PSD檔
啟動 Adobe Flash Catalyst CS5
選擇 From Adobe Photoshop PSD File
圖層分類和 PSD 檔一模一樣
選擇要製作成RadioButton的三個元素。
在面版上,選擇Convert Artwork to Compoent, 祭到RadioButton
轉換完成後,點擊二下,即可看到RadioButton有四個state。
在RadioButton模式下, 點擊一下剛剛的文字
轉換成RadioButton的Label
線上Demo
之後再來待上FlashBuilder的教學
SourceCode Download
啟動 Adobe Flash Catalyst CS5
選擇 From Adobe Photoshop PSD File
圖層分類和 PSD 檔一模一樣
選擇要製作成RadioButton的三個元素。
在面版上,選擇Convert Artwork to Compoent, 祭到RadioButton
轉換完成後,點擊二下,即可看到RadioButton有四個state。
在RadioButton模式下, 點擊一下剛剛的文字
轉換成RadioButton的Label
線上Demo
之後再來待上FlashBuilder的教學
SourceCode Download
留言