87E276330766390DA5DD6DE61E7910E5.gif

目前流行的圖示設計軟體組合是 Illustrator/ Corel Draw + Photoshop (本文不討論圖元圖示),做出來的圖示是靜態的,如果要應用於Flash, 必須通過點陣圖導入,且不說透明GIF的鋸齒、PNG的大體積,光一個馬賽克現象就使得可用性大打折扣了,更不用說做一個動態的圖示。
用Flash設計圖示的優點是顯而易見的: 支援動態圖示,無失真放大,移植方便,可以和聲音結合等等。缺點是不適合表現複雜的光影,一看就是卡通的。

先看看我的實驗作品: 左圖:放大鏡和影子可以隨滑鼠移動  中圖:透明小球  右圖:顯示系統時間的時鐘
調節每個圖示下麵的滾動尺規,圖示大小會作相應變化和顯示


  我們先從中間的透明小球開始。通過下麵的繪製方法和過程介紹,相信你一定能掌握畫立體形體的基本方法,那就是:依次畫基本形狀、漸變、高光、陰影
1.在Flash中新建一個mc,名字就叫作icon_ball吧

2.畫一個正圓形,設置輪廓和填充的樣式,效果如下:
C1AEBC1FA3E667B33A66EC0CDAD6FBC7.gif  
3.用漸變調整工具調整一下:
A531F6DC054B9DC6431DBE87C6B3BF4D.gif  
4.新建一个图层,取名hilight,顺便把原来的帧改名ball 。

  5. 再画一个圆,移动到如图位置。

48ED3923E6461F402DDC9B8F89E1A8D7.gif  

6.在Color Mixer面板中修改一下 結果如圖:

A3F9702FC898DF808EA97D9F0B3974AD.gif  

圖中黑色表示透明,取消選擇看看。
E8AFFACFFA9CB06248D7F1CA84393B38.gif  
 
7.調整一下漸變方向
4628164A2D7500600D2EA26CD841DDA6.gif  
8.創建一個陰影層。

  9.畫一個黑色的圓,選中後,使用柔化邊緣功能設置參數。

  10.選中陰影,按F8, 轉成元件,取名ball_shadow。

  11. 調節ball_shadow的透明度和大小。

  12. 新建一層,畫上標誌。
E184A620E6E57E7A1C45D8255C491AF4.gif  
arrow
arrow
    全站熱搜

    戮克 發表在 痞客邦 留言(0) 人氣()