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