20
1. เเเเเเเเ เเเเ moviecliptry student1.fla เเเเเเเเเ เเเเเเเเเ เเเเเเ

การสร้าง Animetion

Embed Size (px)

Citation preview

Page 1: การสร้าง Animetion

1. เปิ�ดไฟล์� ชื่��อ moviecliptryst

udent1.fla ที่��ที่��ก�รด�วน์�โหล์ด

ขึ้��น์ม�

 

  

Page 2: การสร้าง Animetion

2. ที่��ก�รเปิล์��ยน์พระอ�ที่�ตย�ให"เปิ#น์

ม$ฟว��คล์�ปิ แล์"วที่��ก�รเคล์��อน์ไหว

ด'งภ�พ

 

 

2.1 คล์�กขึ้ว�ที่��ร$ปิพระอ�ที่�ตย� เล์�อก

ค��สั่'�ง cut เพ��อเปิล์��ยน์ให"เปิ#น์ม$ฟว��

คล์�ปิ

 

2.2 เล์�อกค��

สั่'�ง Insert New

Symbol... เล์�อกชื่น์�ดเปิ#น์ Movie clip ต'�งชื่��อให"ก'บม$ฟว��คล์�ปิ

    

Page 3: การสร้าง Animetion

 2.4 เล์�อกชื่น์�ดขึ้อง

 

2.3 เขึ้"�ม�ที่��หน์"�ม$ฟว��คล์�ปิ คล์�กขึ้ว� patse

ร$ปิพระอ�ที่�

ตย�ที่�ที่��ก�ร

 2.5 คล์�กไปิที่��

เคร��องม�อ Free

Transform แล์"ว

ล์�กจุ-ดศู$น์ย�กล์�งม�ไว"

Page 4: การสร้าง Animetion

cut ม�จุ�กหน์"�

ตรงกล์�งแล์"ว

ม$ฟว��หล์'ก แล์"วคล์�ก

ขึ้ว�� Conver

t to Symbol ที่��ร$ปิ

พระอ�ที่�ตย�

 

ที่��ก�รหม-น์ เม��อ

ที่��ก�รเคล์��อน์ไห

วเสั่ร/จุแล์"วให"คล์�กที่��

Scene1 เพ��อกล์'บม�ย'งม$ฟ

ว��หล์'ก 

 

3. เม��อกล์'บม�ที่��ม$ฟว��หล์'กแล์"วให"คล์�กที่��

เล์เยอร� "พระอ�ที่�ตย�" แล์"ว

ด�งม$ฟว��คล์�ปิ "พระอ�ที่�ตย�หม-น์"

ที่��ไล์บร�ร� ม�ไว"ใน์สั่เตจุ ใน์ต��แหน์0งให"

เหม�ะสั่ม

 

Page 5: การสร้าง Animetion

 4. ที่��ก�รเปิล์��ยน์ "ปิ�ก" ให"เปิ#น์ม$ฟว��

คล์�ปิ ซึ่��งจุะม�ขึ้' �น์ตอน์คล์"�ยก'น์ก'บก�รสั่ร"�งม$ฟว��ขึ้อง

"พระอ�ที่�ตย�" โดยที่��ก�รเคล์��อน์ไหวให"

ปิ�กขึ้ย'บตล์อด

Page 6: การสร้าง Animetion

เวล์�

เม��อกล์'บม�ที่��ม$ฟว��หล์'กแล์"วให"คล์�กที่��

เล์เยอร� "ปิ�ก"

แล์"วด�งม$ฟว��คล์�ปิ "ปิ�กขึ้ย'บ" ที่��

ไล์บร�ร� ม�ไว"ใน์สั่เตจุ ใน์ต��แหน์0งบน์

ใบหน์"�ด'งเด�ม 

  

5. คล์�กขึ้ว� Convert to

Symbol...ที่��แขึ้

Page 7: การสร้าง Animetion

น์ขึ้ว��ขึ้องต'วก�ร�ต$น์ เล์�อกชื่น์�ด

เปิ#น์ Graphic

แล์"วคล์�กเคร��องม�อ Free

Transform

แล์"วล์�กจุ-ดศู$น์ย�กล์�งม�

ว�งไว"ที่��ห'วไหล์0ขึ้องต'วก�ร�ต$น์ ต0อจุ�ก

น์'�น์คล์�กขึ้ว� Convert to Symbol...

ที่��ศู�รษะขึ้องต'วก�ร�ต$น์ เล์�อกชื่น์�ดเปิ#น์ Graphic ไม0

ต"องเล์��อน์จุ-ดศู$น์ย�กล์�ง

  

Page 8: การสร้าง Animetion

6. กดค�ย� F5 เพ��อเพ��มคว�มย�วขึ้องเฟรม ใน์ที่-กเล์เยอร�

แล์"ว Insert

KeyFrame (กดค�ย� F6)

ที่��ต��แหน์0งเฟรมที่�� 15 แล์ะ 25 ที่��

เล์เยอร�แขึ้น์ขึ้ว�ก'บศู�รษะต0อจุ�กน์'�น์ที่��ก�รขึ้ย'บ แขึ้น์ขึ้ว� แล์ะ ศู�รษะใน์

ต��แหน์0งค�ย�เฟรมที่�� 25 ด'งภ�พ

แล์"วคล์�กขึ้ว�ตรงกล์�งระหว0�งค�ย�

Page 9: การสร้าง Animetion

เฟรมที่�� 15 แล์ะ 25 ตรงเล์เยอร�

แขึ้น์ขึ้ว� ก'บศู�รษะ แล์"วเล์�อกค��สั่'�ง

Create Motion Tween

 

 7. ที่��ก�รเพ��ม

Page 10: การสร้าง Animetion

เล์เยอร� ขึ้��น์ใหม0อ�ก 1 เล์เยอร� แล์"วต'�งชื่��อว0� "เสั่�ยงพ�ก

ษ�" ต0อจุ�กน์'�น์ Import ไฟล์�เสั่�ยง

ปิระกอบชื่��อ "soundwait"

แล์"วเล์�อกค��สั่'�ง Flie>Import >Import to

Library... คล์�กที่��เล์เยอร� "เสั่�ยงพ�กษ�4�" แล์"วที่��ก�รล์�ก

ไฟล์�เสั่�ยง "soundwait" ที่��ไล์บร�ร�ม�ไว"ที่��สั่เตจุ

เล์�อกปิระเภที่ขึ้องเสั่�ยงเปิ#น์แบบ

Stream Sound กดค�ย� F5 ที่��เฟรมต��แหน์0งที่�� 130

เพ��อขึ้ย�ยชื่0วงเวล์�ใน์ก�รเล์0น์เสั่�ยง

แล์ะใน์เล์เยอร�อ��น์ๆก/ให"กดค�ย� F5 ใน์ต��แหน์0งเฟรมที่�� 130 ใน์ที่-กๆ

เล์เยอร�

Page 11: การสร้าง Animetion

 

 8. ที่��ก�รเพ��ม

เล์เยอร� ขึ้��น์ใหม0อ�ก 2 เล์เยอร� แล์"วต'�งชื่��อว0� "action

script" ก'บ "ปิ-6ม"

แล์"ว Insert

Keyframe เปิล์0�

Page 12: การสร้าง Animetion

(กดค�ย� F7)  

ที่��เล์เยอร� "action

script" ต��แหน์0งเฟรมที่�� 130 หร�อ ให"ตรงก'บต��แหน์0งเฟรมสั่-ดที่"�ยขึ้อง

ม$ฟว��

คล์�กที่��เล์เยอร�ขึ้องปิ-6มเล์�อกค��สั่'�ง Window > Common

Libraries>Buttons เล์�อกปิ-6มใน์หมวดโฟล์เดอร�

playback rounded

แล์"วเล์�อกปิ-6มชื่��อ "rounded

green play" แล์ะปิ-6ม

"rounded green stop " แล์"วด�งล์งไปิใน์

stage

Page 13: การสร้าง Animetion

 9. คล์�กไปิที่��เล์เยอร� "action script" ใน์ต��แหน์0งเฟรมที่�� 1 แล์"วกดค�ย� F9

แล์"วใสั่0 action

script ให"ก'บค�ย�เฟรม

ด"วยก�รคล์�กฟ7งชื่'น์ก� Global

Funtions > Timeline

Control > stop หร�อจุะพ�มพ�โค8ด

stop(); ล์งไปิก/ได"

Page 14: การสร้าง Animetion

ไปิที่��เล์เยอร�

ต0อจุ�กน์'�น์ คล์�กไปิที่��ค�ย�เฟรมที่�� 130

หร�อเฟรม สั่-ดที่"�ยที่��เร� Insert ค�ย�เฟรมเปิล์0�เขึ้"�ม�แล์"วกดค�ย� F9

แล์"วใสั่0 action

script ให"ก'บค�ย�เฟรม ด"วยก�รคล์�กที่��ฟ7งชื่'น์ก�Global

Funtions > Timeline Control >

gotoAndPlay แล์"วพ�มพ� 2

ล์งใน์วงเล์/บหล์'ง gotoAndPlay หร�อ จุะพ�มพ�โค8ด

gotoAndPlay(2); ล์งไปิก/ได"

Page 15: การสร้าง Animetion

 10. คล์�กที่��ปิ-6ม

play กด F9 แล์"วใสั่0 action script

ให"ก'บปิ-6ม ด"วยก�รคล์�กที่��ฟ7งชื่'น์ก�

Global Funtions >

Movie Control > on>เล์�อก

ฟ7งก�ชื่'น์ release

คล์�กที่�� แถวที่�� 2 ให"เคเซึ่อร�อย$0ขึ้"�งหน์"�

} แล์"วเล์�อก Global

Funtions > Timeline

Control > play หร�อจุะพ�มพ�โค8ด on (release)

Page 16: การสร้าง Animetion

{play();} ล์งไปิก/ได"

ต0อจุ�กน์'�น์ คล์�กที่��ปิ-6ม stop กด F9

แล์"วใสั่0 action

script ให"ก'บปิ-6ม ด"วยก�รคล์�กที่��ฟ7ง

ชื่'น์ก� Global Funtions >

Movie Control > on>

เล์�อกฟ7งก�ชื่'น์ release คล์�กที่��

แถวที่�� 2 ให"เคเซึ่อร�อย$0ขึ้"�งหน์"� } แล์"ว

เล์�อก Global Funtions > Timeline

Control > stop

หร�อจุะพ�มพ�โค8ด on (release)

{ stop();} ล์งไปิก/ได"

 

Page 17: การสร้าง Animetion