โยก โยก โยก โยกเข้าไปให้มันหลุดโลก

วันนี้จะมาแบ่งปันวิธีการทำ แฟลตกระต่ายน้อยเต้นๆ แบบนี้กันครับ


 

ก่อนเริ่ม ต้องขอบคุณพี่ลิงใจดี ที่ช่วยบอกวิธีที่ง่ายแสนง่ายนี้ให้นะครับ 

ตอนแรกมัวแต่ไปใส่สคริปอะไรให้ยุ่งยาก งุ่นง่านทำไม่ได้ไปเป็นวัน

แค่พี่ลิงบอกวิธีนี้ให้ ก็ฉลุย!! ซ้ายว่างผ่านตลอดเลยพี่!!

 

อธิบายโจทย์กันก่อน

โจทย์ที่ต้องการคือ จะให้กระต่ายน้อยเต้นอยู่ตัวเดียว โดยเมื่อลากเม้าส์

ไปที่ชื่อของคู่เต้น ก็จะมีคู่ออกมาเต้นด้วย

 

เริ่มกันเลย

-เข้าโปรแกรมมา ก็ปรับขนาดพื้นที่ทำงานให้เหมาะสมกับงานก่อนนะครับ

โดยไปรับที่ modify>>document 

 

-เมื่อได้พื้นที่การทำงานแล้ว เราก็มาจัดการเตรียมไฟล์ภาพที่จะใช้ นำมาลง

ใน library (file>>import>>import to library)เพื่อเตรียมดึงมาใช้งานในการ

สร้างภาพเคลื่อนไหว  ส่วนวิธีการสร้างภาพเคลื่อนไหวดูได้ที่ลิงค์นี้เลยครับ

http://berserk-rabbit.exteen.com/20080508/flash-howto

 

-เมื่อเราสร้างภาพเคลื่อนไหวของกระต่ายน้อยทั้งสามตัวเสร็จ มาต่อขั้นตอน

ต่อไปกันเลย 

 

-ที่เลเยอร์1 ให้เราลากภาพเคลื่อนไหวน้องกระต่ายตัวหลัก ลงมาในพื้นที่ทำ

งานได้เลย จัดวางตามใจชอบว่าจะให้มันโยกแถวไหน

 

-หลังจากได้ภาพตามรูปแล้ว ก็จัดการสร้างเลเยอร์เพิ่ม โดยสร้างตรงที่เป็นรูปกระดาษ

ละมีเลข+  เพื่อจะให้เป็นพื้นที่ทำงานสำหรับตัวกระต่ายตัวอื่น

   

 

-สร้างปุ่มกดสำหรับเรียกกระต่าย โดยการเลือกที่ insert>>new symbol ตั้งชื่อกันงง

แล้วเลือกเป็น botton

 

-เราจะเข้ามาพื้นที่ทำงาน ของปุ่มที่เราจะสร้างโดยอัตโนมัติ โดย time line จะเปลี่ยนเป็น

แบบนี้

 

- ใน layer1 ช่อง up คลิ๊กขวา เลือก insert keyframe แล้วพิมพ์ชื่อกระต่ายคู่เต้นลงไป

หลังจากได้ชื่อมาแล้ว ให้เลือกช่อง hit ละคลิ๊กขวา เลือก insert keyframe เราจะได้ชื่อ

กระต่ายน้อยที่เป็นคู่เต้นละ

 

- ทีนี้เรามาทำแถบสีเวลาเรานำเม้าส์ไปชี้ที่ชื่อกัน โดยสร้าง layer ใหม่ขึ้นมา แล้วลาก

layer ใหม่นั้นไปอยู่ใต้ layer ล่าง

 

-ไปที่ช่อง over แล้วคลิ๊กขวา เลือก insert keyframe ละสร้างแถบสีลงไปที่ตัวอักษร

ได้เลย ภาพ time line เสร็จแล้วจะหน้าตาแบบนี้

 

-ทีนี้เราก็ได้ปุ่มเรียกกระต่ายมาละ ให้กลับไปที่ พื้นที่ทำงานหลัก โดยเลือกที่ scece1

แล้วให้เราลากปุ่มเรียกที่เราลากลงไปใส่ในพื้นที่ทำงานได้เลย 

 

-ได้ปุ่มมาแล้ว แต่ยังไม่ได้กระต่ายน้อยแสนสวยคู่เต้นเลย เราก็ดับเบิ้ลคลิ๊ก

ที่ปุ่มที่เราสร้างมา มันจะเข้าไปพื้นที่ทำงานของปุ่ม ทีนี้ เราก็มาสร้าง layer 

ใหม่ขึ้นมา เพื่อที่จะดึงคู่เต้นลงเวที

 

-เลือก layer ใหม่ที่พึ่งสร้าง แล้วไปที่ช่อง over คลิ๊กขวา insert keyframe เหมือน

เดิม แล้วจัดการลากภาพเคลื่อนไหวเจ้ากระต่ายคู่เต้น ลงมาวางข้างๆ ได้เลย

ภาพ time line เมื่อทำเสร็จจะเป็นแบบนี้นะครับ

layer บนสุด ช่อง over ใส่ภาพเคลื่อนไหวที่เตรียมไว้ จะทำให้กระต่ายน้อย

ของเราออกมาเต้นๆ แค่ตอนเอาเม้าส์มาวางที่ชื่อเท่านั้น

layer ตรงกลาง เป็นเลเยอร์หลัก ที่เป็นปุ่มชื่อเจ้ากระต่ายคู่เต้น

layer ล่างสุด เป็นแถบสี จะขึ้นเวลาเอาเม้ามาวาง

 

-จบ!!

 

นำไปดัดแปลงกันได้เลยนะครับ อย่างของผมก็ใช้วิธ๊นี้ทำหัวบล็อก ถ้าอยากให้

เปรี้ยวกว่านี้ ก็ใส่เพลงลงไปด้วย โดยสร้างเลเยอร์ใหม่ที่พื้นที่ทำงานหลัก ละที่

time lineยัดเพลงลงไปที่เฟลมแรก ได้เลยครับ

 

-------------------------------------------------------------------------------------

ปิดจองเสื้อสงกรานต์อิดิชั่น และลายอื่นๆ

11-22 มีค 2552 อุดหนุนกันด้วยเน้อ

 

Comment

Comment:

Tweet

น่ารักกอ่าาาาาาาค่ะ

#23 By кαтαi p on 2010-06-23 19:24

โฮ้วว ว่างๆจะลองทำม่างง ไว้มาปรึกษานะเคอะ Hot!

#22 By (^_^)/nana on 2009-03-19 15:53

ไม่ถนัดแฟลชหยั่งแร๊งง
รู้ไว้ใช่ว่าใส่บ่าแบกหามbig smile

#21 By S.Sasi on 2009-03-19 11:43

เจ๋งHot!
ขยันจัง big smile

#19 By clock on 2009-03-19 05:49

อ่า...
น่าทำเล่นเป็นอย่างยิ่ง!

cry cry cry Hot!

#18 By h|b|b on 2009-03-19 03:51

สุด ๆ ไปเลยโหลดเร็วมากก

เก่งจังเลยครับ

#17 By b-padung Studio on 2009-03-19 03:15

Hot!

#16 By Eddy on 2009-03-18 23:52

Hot! big smile น่ารักง่ะ อยากทำมั่ง

#15 By ๛Girl In Game๛ on 2009-03-18 23:46

อ๊ะ ง่ายแสนง่าย
เอาใหม่อีกทีดิ๊

#14 By zylostudio on 2009-03-18 23:43

น่ารัก น่าชังHot!

#13 By น้ามชา on 2009-03-18 22:15

ยะฮิ้ว

เจ๋งๆ

(แต่ขี้เกียจทำ )

#12 By KaTTo-+tOdA on 2009-03-18 22:02

ละเอียดไป!!!
ไว้ขอถามตัวต่อตัว และคามัวร์ ...อยากเล่นๆๆๆ
ดิ้น ดิ้น ดิ้น กันมั้ยลุงconfused smile

#10 By ArchmaniaC on 2009-03-18 21:02

แจ่มเลย

#9 By wesong on 2009-03-18 20:52

เคยเรียนล่ะค่ะ...
ที่โรงเรียนสอน
แต่ก็ลืมหมดแล้วววว~
สอบเสร็จก็ทิ้งไว้ในห้องคอมเลย
555+

#8 By ❥TARN on 2009-03-18 20:36

โอวววว


ได้แต่ชื่นชมค่ะ ,
ทำไม่เป็น

แหะ ๆbig smile

#6 By caffeineaddict on 2009-03-18 19:48

ดิ้น ดิ้น ดิ้น กันมั้ยลุง เอิ๊กๆๆ
แก้หัวบล้อกตัวเองยังขี้เกียจเลยค่ะ
ไอ้เรื่องทำเฟลชดิ้นๆนี่คงต้องขอบาย
เว้นเสียแต่จะมีผู้ใจบุญมทำให้ 5555 confused smile

#5 By ファ-ン on 2009-03-18 19:41

#2
ตรงเฮดจริงๆ ผมเป็นรูปโลโก้แค่นั้นเอง
แต่ที่เห็นเป็นภาพกระต่ายดิ้นๆ ผมใส่โค้ดใส่ widget ครับ

#4 By berserkrabbit on 2009-03-18 19:33

น่ารักดี

#3 By นายอุ๊ย!! on 2009-03-18 19:31

เอ่อ ขอถามหน่อยครับ
code ใส่ flash ที่ head blog ยังไงครับ . . .

ขอบพระคุณเป็นอย่างสูง orz

#2 By G.man on 2009-03-18 19:28

เยี่ยมbig smile

#1 By นายโยจิ^_^ on 2009-03-18 19:24