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