既然手機上能夠使用Flash動畫主題,很多喜歡Flash的朋友一定會問,我們該怎么制作呢?Flash MX Pro 2004提供了一些現(xiàn)成的工具用來制作手機上的Flash動畫主題,今天我們就一起用Flash MX Pro 2004制作一個簡單的手機動畫主題,從而了解基本流程和方法。
背景知識:Flash Lite 的應用條件
Flash Lite是類似于Flash 4.0的手機用程序,為什么是Flash4這么早的版本呢?畢竟智能手機系統(tǒng)的CPU不能和電腦相比,要在手機上暢快的運行Flash動畫必須對SWF文件有所限制,限制的內容主要在于:文件體積不超過20k,不能使用手機不支持的字體,不支持復雜的ActionScript,動畫循環(huán),過多的層、元素,不要使用圖形元素以及透明效果等等。由于上述的種種條件,用Flash MX Pro 2004創(chuàng)作的Flash動畫*使用Tween組合、關鍵幀動畫、使用手機內置的字體、優(yōu)化路徑等等。
手機Flash主題動畫制作
一、準備手機主題素材
根據(jù)要求設計的手機動作非常簡單,因此我們可使用畫面豐富的圖片組合創(chuàng)作簡單的動畫效果。素材圖片的大小要根據(jù)設計的手機主題的機型來決定,打開Flash MX Pro 2004,選擇從模板新建一個文件,可看到移動設備模板選項(圖1)。
圖1
移動設備模板提供了多種品牌手機的模板,這些都是直接能夠在手機上運行的(Macromedia與其達成的合作),我們選擇市面上比較普遍的諾基亞7650手機模板,確定后返回Flash編輯的主場景可以看到手機的外觀,在層面板上還可看到動畫都要基于模板定義的尺寸(圖2),諾基亞7650的顯示屏尺寸為176*208像素。
圖2
這樣我們需要準備的是一張作為主題背景的176*208像素的圖片,從網上搜索到一張漂亮的圖后可以使用Fireworks工具編輯或直接進行剪裁(圖3)。
圖3
下面是要準備手機主題動畫上的圖標,如電話、聊天、游戲等等手機各個功能的圖標(圖4),把這幾個圖標單獨制作成小圖,然后再用Fireworks在原圖的基礎上進行細微的修改,制作鼠標劃過的效果。
圖4
二、手機主題動畫制作
把素材導入到Flash MX Pro 2004的庫中,首先把背景圖片放到主場景中,將圖片的位置調整為0*0(圖5)。
圖5
下面分別建立幾個按鈕元素,把每個圖標制作成按鈕用事先準備好的兩種效果組合起來成為鼠標劃過的動畫效果(圖6)。
圖6
把這幾個按鈕拖到主場景中排列好,然后使用文字工具分別給這幾個工具添加中文的文字描述,注意字體使用手機字體宋體(圖7)。
圖7
*給每個功能添加絕對路徑地址,讓用戶點擊主題上的這些功能按鈕即可進入手機上相應功能的界面,如電話簿在智能手機的E盤上,則在Flash中給按鈕添加一個鼠標釋放后跳轉到“Z:/System/Apps/Phonebook/Phonebook.app”的ActionScript腳本(圖8)。
圖8
現(xiàn)在一個簡單的諾基亞7650手機的Flash主題模式就完成了,下面選擇“文件”菜單下的“導出”功能導出SWF文件,在導出對話框中注意導出的版本是“Flash Lite1.0”(使用移動設備模板設計的動畫默認導出該版本)(圖9)。
圖9
我們在電腦上觀看這個主題動畫是看不到編輯時諾基亞7650的手機外殼的,只是一個尺寸為176*208像素的動畫,注意*生成的SWF不能大于20kb,本例的動畫體積為14k比較合適。
Flash主題動畫演示
本文只是簡單的介紹了用Flash MX Pro 2004開發(fā)手機Flash動畫的制作過程和設計原理,要開發(fā)一個完整的手機Flash主題需要掌握很多Flash設計與Flash Lite程序的應用技術,現(xiàn)在要獲得手機版本的Flash Lite Player播放器需要每個用戶發(fā)郵件到申請,申請時需要輸入自己的手機型號和手機代碼才能獲得可以播放動畫的正式版本。小珍借花獻佛給大家一個發(fā)燒友開發(fā)的全功能的手機Flash主題動畫(下載),供有興趣的閃客們研究新的Flash技術。
三、在手機上應用制作好的Flash動畫主題
得到Flash Lite Player正式版可以暢通無阻的在手機上播放Flash動畫,不過很遺憾現(xiàn)在Macromedia已經停止申請。但我們可以從網上的手機論壇上找到Flash Lite Player試用版,雖然功能并不完整,但也能體驗手機播放Flash的效果。
先在手機上安裝Flash Lite 1.1 ,這樣在手機的程序菜單界面就能看到熟悉的Flash圖標(圖10)。
圖10
把自己制作好的Flash文件添加到手機的存儲卡上,然后可以用手機的資源管理器軟件找到Flash動畫文件(圖11)。
圖11
選擇打開這個Flash文件,即可看到我們的動畫在手機上演示了(圖12)。
圖12