熱門Flash動畫你也做得到-Symbol元件功能及Instance範例

在Flash尚未問世時，網站設計者要製作單一圖像的動畫圖片，往往都要將很多張圖片重覆的利用動畫軟體一張一張叫出，然後指定動作第一張出現，再第二張出現這樣依序製作同一種畫面的動態效果。這樣的製作方式往往費時，檔案大小往往因為加入了太多同性質圖片而龐大。

在Flash程式問世後，除了改變了網站設計者的創造模式外，超強的動畫能力也讓使用者感到驚嘆，獨特的能力讓網頁動畫的檔案容量相對的變小，此次的專題就是為大家介紹，以Flash將圖形當作一個物件儲存在圖形圖庫Library，然後分別叫出該圖形圖庫的物件作動畫的編輯，這樣每次呼叫都是同一個圖形元件，完全不會增加動畫的檔案大小。

這次會應用到的三個功能分別為Symbol(元件)、Library(圖形圖庫)及Instance(範例)，有效的應用此次教學，對於製作Flash，相信會更加順手。

‧ 安裝前的番外話，Flash 5中文化。

如果您的英文不是相當好，又想要學習flash 5，那麼drj先介紹您將flash 5中文化，首先連結至 http://www.class2u.com/news/main042.htm 。
小正正的家擁有試用版Flash主程式、試用版中文化、正式版中文化等程式供網友下載，以正式版中文化為例，下載完後，只要執行cflash5.exe，程式就會自動地執行中文化的動作。

1、啟動Flash 5主程式。

2、中文化後，整個Flash 5就是中文的環境了，以下的專題會以中英文對照的方式作介紹如何以物件方式將圖形儲存在圖庫中，降低檔案容量，以利大家參考。

3、Flash啟動後，會開啟一個新文件，在此文件中，點選功能表的「插入」(Insert)，點選「新增元件」(New Symbol)，以上的動作也可以直接按「Ctrl」+「F8」快速完成。

4、在元件的「名稱」(name)中，可以決定元件的名稱，此例輸入「drj」，而將「性質」(Behavior)選擇到「圖像」。

5、此時可以在「場景1」(Scene1)處，看到「drj」元件在運作。

6、因為要以圖形作為範例，所以便以drj主網頁的那隻鸚鵡圖案作此次專題的例子，當然大家也可以更換自己想要的圖案，或是直接在Flash繪製一個圖案。點選「檔案」(files)，選擇「讀入」。以上的動作可以利用Ctrl」+「R」快速完成。選擇要製作的圖檔讀入即可。

7、接著drj的鸚鵡圖案就會被放置在場景(drj)的中間。

8、接著請按一下「場景1」。而整個場景就會成為空白的編輯區。

9、鸚鵡圖案因為已經在上面的步驟中，以Symbol(元件)模式儲存在圖庫中，接著請點選「視窗」(Windows)裡的「圖庫」(Library)。以上的動作可以利用Ctrl」+「L」快速完成。

10、接著Flash主視窗會出現一個圖庫的小視窗，而其中「名稱」Name裡的「drj」「h2.gif」就是剛剛我們建立的drj元件，裡面包含的h2.gif鸚鵡圖案囉。請點選「名稱」裡的「drj」。

11、此時就可以對著鸚鵡圖案按滑鼠左鍵，然後托到編輯區中，就完成了一個「將圖形從資料庫呼叫」的動作，當你托出多個圖形，檔案還是和一個一樣，不會像以前製作動畫的情形，迫使檔案大小變大。

12、每個托拉出來的圖形範例元件，都可以變換它的大小、移動方向，只要點選某個欲更改的圖形，然後再選擇左下方的「旋轉」「縮放」圖案即可。

13、而調整元件的透明度、顏色，可以點選「修改」(Modify)，再選擇「元件實體」(Instance)。以上的動作可以利用Ctrl」+「I」快速完成。

14、進入元件的「特效」(Color Effect)標籤中，可以針對「亮度」「色調」「Alpha」「進階」等四項功能作修改。

15、亮度的調整相當簡單，只要在右方的%輸入正負的數值，它會針對選擇的整個圖庫元件作全面性的亮度修改。

16、「Alpha」的更改可以針對圖庫元件作透明度的修改，達到漸層的效果喔。到目前為止，就已經利用同一張圖片作了原始圖及稍為透明的效果，但是還是一個元件在作兩種方式的顯示，並非用兩張圖製作的喔。

17、「進階」的選項是讓整個圖像以指定的RGB值作色彩的修改，當然，進階中也直接包含了Alpha的調整數值。現在這兩張元件圖又更加明顯的不同囉。

18、調整完單一個元件後，可以再從圖庫中一直新增到編輯區，然後對每個圖形作不同的效果處理，以drj的畫面為例，現在有一個正常的鸚鵡圖案、紫色的鸚鵡圖案、還有一個黃色的鸚鵡圖案。然後這三個圖案就可以依照其它的Flash影片製作，產生各種效果，接著就由大家自行發揮囉。