Flash 圖標設計實例

目前流行的圖標設計軟件組合是 Illustrator/ Corel Draw + Photoshop (本文不討論象素圖標)，做出來的圖標是靜態的，如果要應用於Flash, 必須通過位圖導入，且不說透明GIF的鋸齒、PNG的大體積，光一個馬賽克現象就使得可用性大打折扣了，更不用說做一個動態的圖標。
    用Flash設計圖標的優點是顯而易見的: 支持動態圖標，無失真放大，移植方便，可以和聲音結合等等。缺點是不適合表現複雜的光影，一看就是卡通的。
   先看看我的實驗作品：
點擊
[url=http://www.blueidea.com/articleimg/2003/10/897/iconMX.fla]這裏下載源文件[/url]
，點擊
[url=http://www.blueidea.com/bbs/NewsDetail.asp?GroupName=Flash+%D7%A8%C0%B8&DaysPrune=5&lp=1&id=1202983]這裏參與討論[/url]
如果你對過程感興趣，那麼請繼續,  我們先從中間的小球開始
[img]http://www.blueidea.com/articleimg/2003/10/897/snap048.gif[/img]
1．
[url=http://www.blueidea.com/articleimg/2003/10/897/snap002.gif]新建一個mc[/url]
，名字就去做icon_ball吧
2．畫一個正圓形，設置
[url=http://www.blueidea.com/articleimg/2003/10/897/snap003.gif]輪廓[/url]
和
[url=http://www.blueidea.com/articleimg/2003/10/897/snap004.gif]填充[/url]
的樣式，效果如下：
[img]/uploads/allimg/080331/1129571.gif[/img]
3．用漸變調整工具調整一下：
[img]/uploads/allimg/080331/1129572.gif[/img]
4．
[url=http://www.blueidea.com/articleimg/2003/10/897/snap008.gif]新建一個圖層[/url]
，取名hilight，順便把原來的幀改名ball
5. 再畫一個圓，移動到如圖位置
[img]/uploads/allimg/080331/1129573.gif[/img]
6．在
[url=http://www.blueidea.com/articleimg/2003/10/897/snap012.gif]Color Mixer面板[/url]
中修改一下 結果如圖：
[img]/uploads/allimg/080331/1129574.gif[/img]
圖中黑色表示透明，取消選擇看看
[img]/uploads/allimg/080331/1129575.gif[/img]
7．調整一下漸變方向
[img]/uploads/allimg/080331/1129576.gif[/img]
8．
[url=http://www.blueidea.com/articleimg/2003/10/897/snap017.gif]創建[/url]
一個陰影層
9．畫一個黑色的圓，選中後，使用
[url=http://www.blueidea.com/articleimg/2003/10/897/snap021.gif]柔化邊緣[/url]
功能，
[url=http://www.blueidea.com/articleimg/2003/10/897/snap023.gif]設置參數[/url]

10．選中陰影，按F8,
[url=http://www.blueidea.com/articleimg/2003/10/897/snap024.gif]轉成元件[/url]
，取名ball_shadow
11. 調節ball_shadow的透明度和大小
12. 新建一層，畫上標誌  
[img]/uploads/allimg/080331/1129577.gif[/img]
[img]/uploads/allimg/080331/1129578.gif[/img]
鼠標移到第一個圖標的地方，可以看到放大鏡會運動，同時陰影也隨着運動，而且只在一定的區域中顯示，正是Flash讓圖標充滿動感
這是完成後的時間線:
[img]/uploads/allimg/080331/1129579.gif[/img]
 說明：如果你對Flash一竅不通，建議你先找本入門的書看看，限於篇幅，本文可能無法滿足你的需要
  元件分解圖：
 1．文件夾
[img]/uploads/allimg/080331/11295710.gif[/img]
純粹的漸變+輪廓，注意輪廓的顏色淡一些
2．陰影
[img]/uploads/allimg/080331/11295711.gif[/img]
先畫出一個圓和一條線，然後轉化成填充，最後柔化邊緣並轉成元件
3．遮罩
[img]/uploads/allimg/080331/11295712.gif[/img]
本文轉自：http://www.5uflash.com/flashjiaocheng/Flashdonghuajiaocheng/1587.html