Flash 表徵圖設計執行個體

目前流行的表徵圖設計軟體組合是 Illustrator/ Corel Draw + Photoshop (本文不討論象素表徵圖)，做出來的表徵圖是靜態，如果要應用於Flash, 必須通過位元影像匯入，且不說透明GIF的鋸齒、PNG的大體積，光一個馬賽克現象就使得可用性大打折扣了，更不用說做一個動態表徵圖。

    用Flash設計表徵圖的優點是顯而易見的: 支援動態表徵圖，無失真放大，移植方便，可以和聲音結合等等。缺點是不適合表現複雜的光影，一看就是卡通的。

   先看看我的實驗作品：

點擊這裡下載源檔案，點擊這裡參與討論
如果你對過程感興趣，那麼請繼續,  我們先從中間的小球開始

1．建立一個mc，名字就去做icon_ball吧

2．畫一個正圓形，設定輪廓和填充的樣式，效果如下：

3．用漸層調整工具調整一下：

4．建立一個圖層，取名hilight，順便把原來的幀改名ball

5. 再畫一個圓，移動到位置

6．在Color Mixer面板中修改一下 結果

圖中黑色表示透明，取消選擇看看

7．調整一下漸層方向

8．建立一個陰影層

9．畫一個黑色的圓，選中後，使用柔邊功能，設定參數

10．選中陰影，按F8, 轉成元件，取名ball_shadow

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

12. 建立一層，畫上標誌  

通過上面的方法，相信你一定掌握了畫立體形體的基本方法，那就是：
依次畫基本形狀、漸層、高光、陰影。

下面的時鐘也是這樣的方法，所以我不再詳細介紹，這裡僅截取幾個關鍵步驟，你可以自己發揮，因為這個不是唯一的方法，相信你會創造出適合自己的方法。

效果預覽:

1．面板的製作

2．刻度的製作
我喜歡小而細的刻度，為了方便起見，放大2倍看
畫好所有刻度並轉成元件(F8)

 複製一次這個元件,按Ctrl+Shift+P粘貼，按Ctrl+↓移到下面，然後降低亮度
效果：

 

3．指標的製作
建立一個mc，畫一個指標，主意註冊點（十字）的位置
因為指標顏色用了白色，所以我們暫時把文檔背景設成黑色

複製3個指標，使他們的註冊點都和面板的中心重合
選中這三個指標，按F8，轉成元件
效果

複製這個mc, 同刻度一樣,降低亮度處理，

 4．稍微修飾一下，加上底座和文字，並將文字打散最後加上代碼，看看你的時間對不對:)

（註：詳細代碼請查看源檔案）

滑鼠移到第一個表徵圖的地方，可以看到放大鏡會運動，同時陰影也隨著運動，而且只在一定的地區中顯示，正是Flash讓表徵圖充滿動感 這是完成後的時間軸:  說明：如果你對Flash一竅不通，建議你先找本入門的書看看，限於篇幅，本文可能無法滿足你的需要   元件分解圖：  1．檔案夾 純粹的漸層+輪廓，注意輪廓的顏色淡一些 2．陰影 先畫出一個圓和一條線，然後轉化成填充，最後柔邊並轉成元件 3．遮罩 實際上只是半透明部分，見源檔案 3．放大鏡 放大鏡主體部分，白色的粗線條已經轉化成填充，中間再用墨水瓶工具填上淡淡的輪廓 放大鏡手柄，塑料部分用漸層，金屬部分直接用線條畫出形狀，然後上色並刪除線條 注意：放大鏡主體和手柄一起轉到元件中，這樣可以一起運動 下面我們要做的，只是建立最基本的動畫了，限於篇幅，本文不再詳細介紹，如果感興趣，可以到經典論壇Flash專欄提問，歡迎光臨:)   具體的ActionScript代碼請看源檔案