天才教育網(wǎng)合作機(jī)構(gòu) > 設(shè)計(jì)軟件培訓(xùn)機(jī)構(gòu) > Flash培訓(xùn)機(jī)構(gòu) >

東莞設(shè)計(jì)培訓(xùn)網(wǎng)

歡迎您!
朋友圈

400-850-8622

全國統(tǒng)一學(xué)習(xí)專線 9:00-21:00

位置:設(shè)計(jì)軟件培訓(xùn)資訊 > Flash培訓(xùn)資訊 > 己動手制作手機(jī)Flash主題動畫

己動手制作手機(jī)Flash主題動畫

日期:2005-12-24 00:00:00     瀏覽:474    來源:東莞設(shè)計(jì)培訓(xùn)網(wǎng)
  現(xiàn)在智能手機(jī)已成為時下數(shù)碼領(lǐng)域里的熱門話題,很多數(shù)碼發(fā)燒友都用上了高端智能手機(jī)并致力于應(yīng)用方面的研究。順應(yīng)熱潮,Macromedia公司也開發(fā)了在手機(jī)上應(yīng)用的Flash動畫播放器:Flash Lite 1.1。最初這個播放器只能應(yīng)用于i-mode手持設(shè)備,后來索愛、諾基亞品牌的一些手機(jī)也能使用這個播放器了。在今年市面上已經(jīng)可以看到捆綁了Flash Lite 1.1的手機(jī),尤其是三星手機(jī)和Macromedia達(dá)成了合作協(xié)議,全面支持Flash Lite 1.1。

  既然手機(jī)上能夠使用Flash動畫主題,很多喜歡Flash的朋友一定會問,我們該怎么制作呢?Flash MX Pro 2004提供了一些現(xiàn)成的工具用來制作手機(jī)上的Flash動畫主題,今天我們就一起用Flash MX Pro 2004制作一個簡單的手機(jī)動畫主題,從而了解基本流程和方法。

  背景知識:Flash Lite 的應(yīng)用條件

  Flash Lite是類似于Flash 4.0的手機(jī)用程序,為什么是Flash4這么早的版本呢?畢竟智能手機(jī)系統(tǒng)的CPU不能和電腦相比,要在手機(jī)上暢快的運(yùn)行Flash動畫必須對SWF文件有所限制,限制的內(nèi)容主要在于:文件體積不超過20k,不能使用手機(jī)不支持的字體,不支持復(fù)雜的ActionScript,動畫循環(huán),過多的層、元素,不要使用圖形元素以及透明效果等等。由于上述的種種條件,用Flash MX Pro 2004創(chuàng)作的Flash動畫*使用Tween組合、關(guān)鍵幀動畫、使用手機(jī)內(nèi)置的字體、優(yōu)化路徑等等。

  手機(jī)Flash主題動畫制作 

  一、準(zhǔn)備手機(jī)主題素材

  根據(jù)要求設(shè)計(jì)的手機(jī)動作非常簡單,因此我們可使用畫面豐富的圖片組合創(chuàng)作簡單的動畫效果。素材圖片的大小要根據(jù)設(shè)計(jì)的手機(jī)主題的機(jī)型來決定,打開Flash MX Pro 2004,選擇從模板新建一個文件,可看到移動設(shè)備模板選項(xiàng)(圖1)。


圖1

  移動設(shè)備模板提供了多種品牌手機(jī)的模板,這些都是直接能夠在手機(jī)上運(yùn)行的(Macromedia與其達(dá)成的合作),我們選擇市面上比較普遍的諾基亞7650手機(jī)模板,確定后返回Flash編輯的主場景可以看到手機(jī)的外觀,在層面板上還可看到動畫都要基于模板定義的尺寸(圖2),諾基亞7650的顯示屏尺寸為176*208像素。


圖2

   這樣我們需要準(zhǔn)備的是一張作為主題背景的176*208像素的圖片,從網(wǎng)上搜索到一張漂亮的圖后可以使用Fireworks工具編輯或直接進(jìn)行剪裁(圖3)。


圖3

  下面是要準(zhǔn)備手機(jī)主題動畫上的圖標(biāo),如電話、聊天、游戲等等手機(jī)各個功能的圖標(biāo)(圖4),把這幾個圖標(biāo)單獨(dú)制作成小圖,然后再用Fireworks在原圖的基礎(chǔ)上進(jìn)行細(xì)微的修改,制作鼠標(biāo)劃過的效果。


圖4

  二、手機(jī)主題動畫制作

  把素材導(dǎo)入到Flash MX Pro 2004的庫中,首先把背景圖片放到主場景中,將圖片的位置調(diào)整為0*0(圖5)。


圖5

  下面分別建立幾個按鈕元素,把每個圖標(biāo)制作成按鈕用事先準(zhǔn)備好的兩種效果組合起來成為鼠標(biāo)劃過的動畫效果(圖6)。


圖6

  把這幾個按鈕拖到主場景中排列好,然后使用文字工具分別給這幾個工具添加中文的文字描述,注意字體使用手機(jī)字體宋體(圖7)。


圖7

  *給每個功能添加絕對路徑地址,讓用戶點(diǎn)擊主題上的這些功能按鈕即可進(jìn)入手機(jī)上相應(yīng)功能的界面,如電話簿在智能手機(jī)的E盤上,則在Flash中給按鈕添加一個鼠標(biāo)釋放后跳轉(zhuǎn)到“Z:/System/Apps/Phonebook/Phonebook.app”的ActionScript腳本(圖8)。


圖8

  現(xiàn)在一個簡單的諾基亞7650手機(jī)的Flash主題模式就完成了,下面選擇“文件”菜單下的“導(dǎo)出”功能導(dǎo)出SWF文件,在導(dǎo)出對話框中注意導(dǎo)出的版本是“Flash Lite1.0”(使用移動設(shè)備模板設(shè)計(jì)的動畫默認(rèn)導(dǎo)出該版本)(圖9)。


圖9

  我們在電腦上觀看這個主題動畫是看不到編輯時諾基亞7650的手機(jī)外殼的,只是一個尺寸為176*208像素的動畫,注意*生成的SWF不能大于20kb,本例的動畫體積為14k比較合適。


Flash主題動畫演示

  本文只是簡單的介紹了用Flash MX Pro 2004開發(fā)手機(jī)Flash動畫的制作過程和設(shè)計(jì)原理,要開發(fā)一個完整的手機(jī)Flash主題需要掌握很多Flash設(shè)計(jì)與Flash Lite程序的應(yīng)用技術(shù),現(xiàn)在要獲得手機(jī)版本的Flash Lite Player播放器需要每個用戶發(fā)郵件到申請,申請時需要輸入自己的手機(jī)型號和手機(jī)代碼才能獲得可以播放動畫的正式版本。小珍借花獻(xiàn)佛給大家一個發(fā)燒友開發(fā)的全功能的手機(jī)Flash主題動畫(下載),供有興趣的閃客們研究新的Flash技術(shù)。

  三、在手機(jī)上應(yīng)用制作好的Flash動畫主題

  得到Flash Lite Player正式版可以暢通無阻的在手機(jī)上播放Flash動畫,不過很遺憾現(xiàn)在Macromedia已經(jīng)停止申請。但我們可以從網(wǎng)上的手機(jī)論壇上找到Flash Lite Player試用版,雖然功能并不完整,但也能體驗(yàn)手機(jī)播放Flash的效果。

  先在手機(jī)上安裝Flash Lite 1.1 ,這樣在手機(jī)的程序菜單界面就能看到熟悉的Flash圖標(biāo)(圖10)。


圖10

  把自己制作好的Flash文件添加到手機(jī)的存儲卡上,然后可以用手機(jī)的資源管理器軟件找到Flash動畫文件(圖11)。


圖11

  選擇打開這個Flash文件,即可看到我們的動畫在手機(jī)上演示了(圖12)。


圖12

如果本頁不是您要找的課程,您也可以百度查找一下: