Flash精致動畫圖標(biāo):跟隨鼠標(biāo)移動的放大鏡_Flash教程
推薦:逼真打火機(jī)制作 by 月下狂想曲本例實(shí)現(xiàn)的是一次性打火機(jī)的仿真效果。在該效果地制作中用到了很多實(shí)用的技巧與方法,如幀的跳轉(zhuǎn)技巧,火焰、火花的制作方法;效果中還用到了一些常用的控制語句

目前流行的圖標(biāo)設(shè)計(jì)軟件組合是 Illustrator/ Corel Draw Photoshop (本文不討論像素圖標(biāo)),做出來的圖標(biāo)是靜態(tài)的,假如要應(yīng)用于Flash, 必須通過位圖導(dǎo)入,且不說透明GIF的鋸齒、PNG的大體積,光一個馬賽克現(xiàn)象就使得可用性大打折扣了,更不用說做一個動態(tài)的圖標(biāo)。
用Flash設(shè)計(jì)圖標(biāo)的優(yōu)點(diǎn)是顯而易見的: 支持動態(tài)圖標(biāo),無失真放大,移植方便,可以和聲音結(jié)合等等。缺點(diǎn)是不適合表現(xiàn)復(fù)雜的光影,一看就是卡通的。
先看看我的實(shí)驗(yàn)作品:
左圖:放大鏡和影子可以隨鼠標(biāo)移動 中圖:透明小球 右圖:顯示系統(tǒng)時間的時鐘
調(diào)節(jié)每個圖標(biāo)下面的滾動標(biāo)尺,圖標(biāo)大小會作相應(yīng)變化和顯示
點(diǎn)擊這里下載源文件
前面我們介紹了中間的透明小球繪制、右邊的精致時鐘顯示,通過具體的繪制方法和過程介紹,相信你一定能把握畫立體形體的基本方法,那就是:依次畫基本外形、漸變、高光、陰影。本節(jié)我們來聊聊左邊這個放大鏡和影子可以隨鼠標(biāo)移動的文件夾圖標(biāo)。
我們把鼠標(biāo)移到第一個圖標(biāo)的地方,可以看到放大鏡會運(yùn)動,同時陰影也隨著運(yùn)動,而且只在一定的區(qū)域中顯示,正是Flash讓圖標(biāo)布滿動感。
這是完成后的時間線:

說明:假如你對Flash一竅不通,建議你先找本入門的書看看,限于篇幅,本文可能無法滿足你的需要
元件分解圖:
1.文件夾

純粹的漸變 輪廓,注重輪廓的顏色淡一些。
2.陰影

先畫出一個圓和一條線,然后轉(zhuǎn)化成填充,最后柔化邊緣并轉(zhuǎn)成元件。
3.遮罩

實(shí)際上只是半透明部分,見源文件。
4.放大鏡
放大鏡主體部分,白色的粗線條已經(jīng)轉(zhuǎn)化成填充,中間再用墨水瓶工具填上淡淡的輪廓。

放大鏡手柄,塑料部分用漸變,金屬部分直接用線條畫出外形,然后上色并刪除線條。

注重:放大鏡主體和手柄一起轉(zhuǎn)到元件中,這樣可以一起運(yùn)動。
下面我們要做的,只是創(chuàng)建最基本的動畫了,限于篇幅,本文不再具體介紹,假如感愛好,可以到經(jīng)典論壇Flash專欄提問,歡迎光臨:)
具體的ActionScript代碼請下載文章開頭的源文件參考。
分享:網(wǎng)頁中廣告條的關(guān)閉方法在FLASH廣告條中加入關(guān)閉的按鈕只要在按鈕上加入quit退出的命令即可。on(release){fscommand(quit);}現(xiàn)在在FLASHPLAYER中點(diǎn)擊退出即可關(guān)閉FLASHPLAYER
- 相關(guān)鏈接:
- 教程說明:
Flash教程-Flash精致動畫圖標(biāo):跟隨鼠標(biāo)移動的放大鏡
。