01.03.02 UI

　這是個 Flash：
　‧為了教學上的趣味，故援用了 神鬼傳奇 相關的一些圖檔，特此聲明
　‧以前 Flash 要搞這種純點陣圖的界面也不是太難，只是若不是得靠 Plug-Ins，就是得慢慢抓位置
　　自從 Flash CS3 起，Flash 可以直接載入 PSD 檔，一切就變得簡單多了

　


　順序是：省鬼傳奇 → 雲效 → 補間動畫 → 視訊動畫

　


　雲效的兩個按鍵都是動態的
　這只是小教學，隨便搞一搞而已，您當然可以搞得更精緻些

　


　移動補間動畫的四個按鍵
　不同的補間動畫，就有不同的樣貌：就好像神鬼傳奇的女主角，化點妝，就差很大 !!

　


　視訊動畫的五個按鍵
　視訊動畫本身很無聊 ( 有 YouTube 就夠了，何必上傳到自己的虛擬主機 ?! 何必自己搞播放界面 ?! )，但視訊動畫相關的轉檔問題，就得搞懂

　


　


　時值 Action Script 3.0, Flex, Silverlight, Ajax, ... 的時代，理論上來說，很多東東東應該以 Script 來編製才對
　但對設計師來說，這是有困難的：Script 不是說上手就能馬上上手、設計師的工作主軸也不是 Script
　　　　　　　　　　　　　　　　雖說設計師遲早得懂一點 Script ( 時勢所趨 )，但大半的情況都可以美編技巧來規避之
　本例就是多用美編技巧、少用 Script 語法來編製的


　





　




　


　PSD 2 Fla

　

　


　首先請先下載 00_00.psd 與 按鍵的音效：

　★ Rapidshare 使用說明 ★

　


　在 Photoshop to Flash ( psd 2 fla ) 這一篇中，已經討論過把 Photoshop 的圖層夯不啷噹全部轉為 Flash 的圖層
　本例則大同小異：

　０. 總共分 6 次匯入
　１. 第一次只匯入底圖
　２. 第二次只匯入底圖 Mask ( 遮罩 )
　３. 匯入所有 OOXX01 的圖層
　４. 匯入所有 OOXX02 的圖層 ← 本例只匯入到本步驟
　５. 匯入大圖示
　６. 匯入雲朵



　


　Button