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

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

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

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

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

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

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

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