การใช้�งาน Symbol และ Instance

ซิ�มโบล (Symbol)

ซิ�มโบล (Symbol) คือ กราฟิ�ก ปุ่��ม หรอ ม�ฟิวี่��คืล�ปุ่ที่��เราสร�างขึ้��นมาเปุ่!นต้�นแบบในคืร%�งแรก จากน%�นก'จะสามารถน*าไปุ่ใช้�ได้�อย่/างไม/จ*าก%ด้ต้ลอด้ในม�ฟิวี่��เด้�ย่วี่ก%น และม�ฟิวี่��อ�นๆ ซิ�มโบลหน��งๆ อาจรวี่มถ�งอาร1ต้เวี่�ร1คื

ที่��น*า เขึ้�ามาจากโปุ่รแกรมอ�น ที่�กซิ�มโบลที่��สร�างขึ้��นจะเปุ่!นส/วี่นหน��งในไลบราร�ขึ้องไฟิล1ปุ่2จจ�บ%น ซิ��งซิ�มโบล แบ/งเปุ่!น 3 ปุ่ระเภที่ คือ          1. Graphic         2. Button         3. Movie Clip

Library เปุ่!นที่��เก'บซิ�มโบล การเปุ่�ด้ใช้�งาน Library  ที่*าได้�โด้ย่ กด้ปุ่��ม Ctrl+L

การสร�างซิ�มโบล (Symbol สามารถที่*าได้� 2 แบบคือ การสร�างจากซิ�มโบลเปุ่ล/า และ สร�างจากวี่%ต้ถ�ที่��ม�อย่�/แล�วี่

แบบที่�� 1 สร�างซิ�มโบลจากซิ�มโบลเปุ่ล/า

ขึ้%�นต้อนที่�� 1 คืล�กเมน� Insert > New Symbol หรอ กด้ Ctrl+F8

 

ขึ้%�นต้อนที่�� 2 ต้%�งช้�อซิ�มโบล และเลอกช้น�ด้ซิ�มโบลต้ามต้�องการ แล�วี่คืล�ก OK

ขึ้%�นต้อนที่�� 3 เขึ้�ย่นภาพวี่%ต้ถ�ต้ามต้�องการ  

อ�นสแต้นซิ1 (Instance)

อ�นสแต้นซิ1 คือ ส*าเนาขึ้องซิ�มโบลที่��ม�อย่�/บนสเต้จ หรอซิ�อนอย่�/ภาย่ในซิ�มโบลอ�น อ�นสแต้นซิ1อาจม�ส� ขึ้นาด้และหน�าที่�� แต้กต้/างจากซิ�มโบลที่��เปุ่!นต้�นฉบ%บ หากที่*าการแก�ไขึ้ ซิ�มโบลจะม�ผลให�เก�ด้คืวี่ามเปุ่ล��ย่นแปุ่ลงก%บอ�นสแต้นซิ1ที่%�งหมด้ที่��ส*าเนาไปุ่จากซิ�มโบล      

การสร�างอ�นสแต้นซิ11. เปุ่�ด้พาเนลไลบราร� โด้ย่คืล�กเมน� Window > Library หรอ กด้ Ctrl+L หรอ กด้ F11 จะได้�หน�าต้/าง ไลบราร� ด้%งภาพ  

2. คืล�กช้�อซิ�มโบลในหน�าต้/างไลบราร� ที่��ต้�องการใช้�3. ลากซิ�มโบลไปุ่วี่างบนสเต้จ

2. การแปุ่ลงวี่%ต้ถ� (object) ให�เปุ่!นซิ�มโบล (symbol)

การแปุ่ลงจากส/วี่นปุ่ระกอบที่��เลอกไวี่� หรอ วี่%ต้ถ�ที่��ม�อย่�/ ให�เปุ่!นซิ�มโบล

ขึ้%�นต้อนที่�� 1 เขึ้�ย่นภาพต้ามต้�องการที่�� stage

  

ขึ้%�นต้อนที่�� 2 คืล�กเลอกภาพ (หรอถ�าภาพอย่�/ห/างก%น ให�ลากคืล�มที่%�งหมด้) แล�วี่คืล�กขึ้วี่าและคืล�กที่��เมน� Convert to Symbol 

ขึ้%�นต้อนที่�� 3 ต้%�งช้�อซิ�มโบล แล�วี่เลอกช้น�ด้ขึ้องซิ�มโบลที่��ต้�องการ  

  

หมาย่เหต้�.... ด้�ซิ�มโบลที่��สร�างได้�จากหน�าต้/าง Library ซิ��งเปุ่�ด้หน�าต้/างได้�จาก เมน� Window > Library หรอ กด้ F11 

ซิ��งจะพบหน�าต้/างด้%งต้%วี่อย่/าง

ในที่*านองเด้�ย่วี่ก%น สามารถสร�างซิ�มโบลแบบ Button และ Graphic ได้�ด้%งขึ้%�นต้อนที่�� 1-3 เพ�ย่งแต้/เลอกช้น�ด้ที่��ขึ้% �นต้อนที่�� 3 

หากที่*าที่%�ง 3 ซิ�มโบล จะได้�ด้%งภาพ

  

ต้%วี่อย่/าง การน*าซิ�มโบล (Symbol) และ อ�นสแต้นซิ1 (Instance) มาใช้�1. สร�างซิ�มโบลแบบ Movie Clip ต้%�งช้�อ arrow

 

2.วี่าด้ร�ปุ่ล�กศร

3. ก*าหนด้ให�ล�กศรเคืล�อนไหวี่ แบบ Motion Tween ด้%งภาพ

  4. กล%บมาที่*างานที่��หน�า stage โด้ย่คืล�กที่�� scene1

5. ที่��หน�า stage เปุ่�ด้หน�าต้/าง Library โด้ย่ คืล� เมน� Window >

Library หรอ กด้ F11 แล�วี่จ%บอ�นสแต้นซิ1 ที่��ช้�อ arrow มาวี่างที่��หน�า stage

6. น*าอ�นสแต้นซิ1มาวี่างหลาย่ๆ ร�ปุ่ โด้ย่ปุ่ร%บขึ้นาด้และที่�ศที่างต้ามต้�องการ

7. เม�อที่ด้สอบ Movie โด้ย่การกด้ Ctrl+Enter จะได้�ภาพการเคืล�อนไหวี่ด้%งต้%วี่อย่/าง

ต้%วี่อย่/างการใช้�งานซิ�มโบลซิ�อนซิ�มโบล

ขึ้%�นที่�� 1 คืล�กที่��เฟิรมที่�� 1 แล�วี่วี่าด้ร�ปุ่ ล�อรถลงไปุ่ด้%งร�ปุ่ 

ขึ้%�นที่�� 2 ใช้� Selection Tool (ล�กศรส�ด้*า) ลากคืรอบเพ�อเลอกที่%�งหมด้ แล�วี่กด้ปุ่��ม F8 หรอ คืล�กเลอกเมน� Modify > Convert

to Symbol ต้%�งช้�อให�เร�ย่บร�อย่ ล�อรถ เลอกช้น�ด้ซิ�มโบล“ ”

แบบ Movie Clip เพ�อให�วี่%ต้ถ�สามารถเคืล�อนไหวี่ได้�ในต้%วี่ขึ้องม%นเอง

ในหน�าต้/าง Library จะม�ซิ�มโบลร�ปุ่ล�อเก�ด้ขึ้��น   

ขึ้% �นที่�� 3 ลบร�ปุ่ล�อออกจากสเต้จแล�วี่วี่าด้ร�ปุ่ต้%วี่รถขึ้��นมา จากน%�นที่*าให�เปุ่!นซิ�มโบลด้�วี่ย่วี่�ธี�การเด้�มแต้/คืราวี่น��ต้% �งช้�อซิ�มโบลเปุ่!น “ต้%วี่รถ”

ขึ้%�นที่�� 4 วี่าด้ซิ�มโบล ล�อรถในไลบราร��มาวี่างด้%งร�ปุ่ ต้อนน��จะได้�วี่%ต้ถ�ร�ปุ่ร/างเหมอนรถแต้/ย่%งไม/ได้�เปุ่!นซิ�มโบลช้��นเด้�ย่วี่ก%นจะต้�องรวี่มซิ�มโบล ต้%วี่รถก%บล�อรถให�เปุ่!นซิ�มโบลเด้�ย่วี่ก/อน

       

ขึ้%�นที่�� 5 รวี่มซิ�มโบลต้%วี่รถก%บล�อรถให�เปุ่!นซิ�มโบลเด้�ย่วี่โด้ย่การใช้�ล�กศรส�ด้*า ลากคืรอบวี่%ต้ถ�ที่%�งหมด้

แล�วี่กด้ F8 อ�กคืร%�งเพ�อสร�างซิ�มโบลใหม/จากน%�นก'ต้%�งช้�อ รถย่นต้1 “ ”

เปุ่!นอ%นเสร'จพร�อมในไปุ่ใช้�งาน

เม�อที่*าซิ�มโบลเสร'จจะได้�ซิ�มโบลร�ปุ่รถขึ้��นมาในไลบราร��ด้%งร�ปุ่

ขึ้%�นที่�� 6 ที่*าให�ล�อหม�นได้� โด้ย่ด้%บเบ��ลคืล�กเขึ้�าไปุ่ที่��ซิ�มโบลล�อรถ ส%งเกต้ที่��แถบ Timeline

  

ขึ้%�นที่�� 7 คืล�กขึ้วี่าที่��เฟิรมที่�� 1 แล�วี่เลอก Create Motion Tween

(ต้อนน��เราที่*างานอย่�/ในซิ�มโบลล�อรถ)

คืล�กขึ้วี่าเฟิรมที่�� 10 เลอกคื*าส%�ง Insert Keyframe

คืล�กที่��เฟิรมที่�� 1 จะม� Properties ขึ้��นมา ช้/อง Rotate เลอก CCW (หม�นที่วี่นเขึ้'มนาฬิ�กา)

ขึ้%�นที่�� 8 คืล�กที่��คื*าวี่/า Scene 1 บนแถบ TimeLine แล�วี่กด้ Ctrl+Enter เพ�อที่ด้สอบ

จะปุ่รากฏร�ปุ่รถที่��ม�ล�อก*าล%งหม�นหย่�ด้อย่�/ก%บที่��เฉย่ๆ 

ขึ้%�นที่�� 9 กล%บมาส�/หน�าต้/างแก�ไขึ้ ให�คืล�กขึ้วี่าที่��เฟิรมที่�� 1 แล�วี่เลอกคื*าส%�ง Create Motion Tween

จากน%�น คืล�กขึ้วี่าที่��เฟิรมที่�� 40 แล�วี่เลอกคื*าส%�ง Insert Keyframe

ขึ้%�นที่�� 10 คืล�กที่��เฟิรมที่�� 1 แล�วี่ย่�าย่รถไปุ่วี่างไวี่�ด้�านขึ้วี่าขึ้องจอ แล�วี่คืล�กที่��เฟิรมที่�� 40 แล�วี่ย่�าย่รถไปุ่ไวี่�ที่��ด้�านซิ�าย่ขึ้อจอ

เฟิรมที่�� 1 

เฟิรมที่�� 40

เสร'จแล�วี่ กด้ปุ่��ม Ctrl+Enter หรอเลอกเมน� Control > Test

Movie เพ�อด้�ต้%วี่อย่/างภาพเคืล�อนไหวี่ที่��เก�ด้ขึ้��น