วิธีการทำ animation basic

14
1. เเเเเเเเ เเเเ moviecliptrystudent 1.fla เเเเเเเเเ เเเเเเเเเเเเเเเ 2. เเเเเเเเเเเเเ เเเเเเเเเเเเเเเเเ เเเเเเเเเเ เเเเ เเเเเเเเเเเเเเเเ

Upload: saft-chayanee-sompoch

Post on 01-Nov-2014

216 views

Category:

Technology


0 download

DESCRIPTION

 

TRANSCRIPT

Page 1: วิธีการทำ Animation basic

1. เปิ�ดไฟล์� ชื่��อ moviecliptrystudent1.fla ที่��ที่��ก�รด�วน์�โหล์ดขึ้��น์ม�

 

  

2. ที่��ก�รเปิล์��ยน์พระอ�ที่�ตย�ให"เปิ#น์ม$ฟว��คล์�ปิ แล์"วที่��ก�ร

เคล์��อน์ไหว ด'งภ�พ

 

Page 2: วิธีการทำ Animation basic

 

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

เล์�อกค��สั่'�ง cut

เพ��อเปิล์��ยน์ให"เปิ#น์ม$ฟว��คล์�ปิ

 

2.2 เล์�อกค��สั่'�ง Insert

New Symbol...

เล์�อกชื่น์�ดเปิ#น์ Movie

clip ต'�งชื่��อให"ก'บม$ฟว��

คล์�ปิ    

Page 3: วิธีการทำ Animation basic

  

2.3 เขึ้"�ม�ที่��หน์"�ม$ฟว��คล์�ปิ คล์�กขึ้ว� patse ร$ปิพระอ�ที่�ตย�ที่�

ที่��ก�ร cut ม�จ�กหน์"�

 

2.5 คล์�กไปิที่��เคร��องม�อ Free

Transform

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

�งม�ไว"ตรงกล์�ง

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

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

Page 4: วิธีการทำ Animation basic

ขึ้ว�� Convert to

Symbol ที่��ร$ปิ

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

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

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

  

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

"พระอ�ที่�ตย�" แล์"วด�งม$ฟว��คล์�ปิ "พระอ�ที่�ตย�หม-น์" ที่��ไล์บร�ร� ม�ไว"ใน์สั่เตจ ใน์

ต��แหน์0งให"เหม�ะสั่ม

 

Page 5: วิธีการทำ Animation basic

 4. ที่��ก�รเปิล์��ยน์ "ปิ�ก" ให"

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

ขึ้อง

"พระอ�ที่�ตย�" โดยที่��ก�รเคล์��อน์ไหวให"ปิ�กขึ้ย'บตล์อด

เวล์�

เม��อกล์'บม�ที่��ม$ฟว��หล์'กแล์"วให"คล์�กที่��เล์เยอร� "ปิ�ก" แล์"วด�ง

ม$ฟว��คล์�ปิ "ปิ�กขึ้ย'บ" ที่��ไล์บร�ร� ม�ไว"ใน์สั่เตจ ใน์

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

Page 6: วิธีการทำ Animation basic

 

  

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

Symbol...ที่��แขึ้น์ขึ้ว��ขึ้องต'วก�ร�ต$น์ เล์�อกชื่น์�ดเปิ#น์

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

แล์"วล์�กจ-ดศู$น์ย�กล์�งม�ว�งไว"ที่��ห'วไหล์0ขึ้องต'วก�ร�ต$น์ ต0อจ�กน์'�น์คล์�กขึ้ว� Convert to

Symbol...

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

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

 

Page 7: วิธีการทำ Animation basic

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

ค�ย� F6)

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

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

แล์ะ ศู�รษะใน์ต��แหน์0งค�ย�เฟรมที่�� 25 ด'งภ�พ

แล์"วคล์�กขึ้ว�ตรงกล์�งระหว0�งค�ย�เฟรมที่�� 15 แล์ะ 25

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

Motion Tween

 

Page 8: วิธีการทำ Animation basic

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

Import ไฟล์�เสั่�ยงปิระกอบชื่��อ "soundwait"

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

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

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

สั่เตจ

Page 9: วิธีการทำ Animation basic

เล์�อกปิระเภที่ขึ้องเสั่�ยงเปิ#น์แบบ Stream Sound กดค�ย� F5 ที่��เฟรมต��แหน์0งที่�� 130

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

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

ที่-กๆเล์เยอร� 

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

"action script" ก'บ "ปิ-5ม" แล์"ว

Page 10: วิธีการทำ Animation basic

Insert Keyframe เปิล์0� (กดค�ย� F7)  

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

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

ขึ้องม$ฟว��

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

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

rounded

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

green play" แล์ะปิ-5ม "rounded green stop " แล์"ว

ด�งล์งไปิใน์ stage

 9. คล์�กไปิที่��เล์เยอร� "action

script" ใน์ต��แหน์0งเฟรมที่�� 1 แล์"วกดค�ย� F9 แล์"วใสั่0

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

Page 11: วิธีการทำ Animation basic

ด"วยก�รคล์�กฟ6งชื่'น์ก� Global Funtions > Timeline

Control > stop หร�อจะพ�มพ�โค7ด stop(); ล์งไปิก/ได"ไปิที่��

เล์เยอร�

ต0อจ�กน์'�น์ คล์�กไปิที่��ค�ย�เฟรมที่�� 130 หร�อเฟรม สั่-ดที่"�ยที่��เร�

Insert ค�ย�เฟรมเปิล์0�เขึ้"�ม�แล์"วกดค�ย� F9

แล์"วใสั่0 action script ให"ก'บค�ย�เฟรม ด"วยก�รคล์�กที่��ฟ6งชื่'น์

ก�Global Funtions > Timeline Control >

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

ล์งใน์วงเล์/บหล์'ง gotoAndPlay หร�อ จะพ�มพ�โค7ด gotoAndPlay(2); ล์งไปิ

ก/ได"

 10. คล์�กที่��ปิ-5ม play กด F9

แล์"วใสั่0 action script ให"ก'บปิ-5ม ด"วยก�รคล์�กที่��ฟ6งชื่'น์ก�

Global Funtions > Movie Control > on>เล์�อกฟ6งก�ชื่'น์

release

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

Page 12: วิธีการทำ Animation basic

ขึ้"�งหน์"� } แล์"วเล์�อก Global Funtions > Timeline

Control > play หร�อจะพ�มพ�โค7ด on (release) {play();}

ล์งไปิก/ได"

ต0อจ�กน์'�น์ คล์�กที่��ปิ-5ม stop กด F9 แล์"วใสั่0 action script ให"ก'บ

ปิ-5ม ด"วยก�รคล์�กที่��ฟ6งชื่'น์ก� Global Funtions > Movie

Control > on>

เล์�อกฟ6งก�ชื่'น์ release คล์�กที่�� แถวที่�� 2 ให"เคเซึ่อร�อย$0ขึ้"�งหน์"� } แล์"วเล์�อก Global Funtions > Timeline Control > stop

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

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