ทำภาพเคลื่อนไหวใน flash(howto)

posted on 08 May 2008 10:39 by berserk-rabbit  in howto

หลังจากที่ผมได้ปลุกปล้ำอยู่กับ น้องflash มาได้ซักพักแล้ว

ได้อัพเกรดวิทยายุทธตัวเองมาได้อีกขั่น หุหุ

เพราะงั้น......วันนี้เรามาทำภาพเคลื่อนไหวใน flash กัน!!

 

 

เริ่มกันเลย!!

1 เตรียมภาพที่จะนำมาใช้ทำภาพเคลื่อนไหว โดยผมตั้งใจจะทำเป็นภาพน้องหมา

   กระโดดดึ้งๆ โดยเตรียมภาพมาทั้งหมด 7 ช็อต

  

2 กำหนดพื้นที่การทำงาน โดยเข้าไปที่ modify>document กำหนดขนาดให้พอดีกับขนาดรูป

   ที่เราเตรียมมานะครับ และ กำหนดความเร็วต่อเฟลมไว้ที่ 30(ลองตั้งดูนะครับ ภาพเคลื่อนไหว

   จะเร็วจะช้าอยู่ตรงนี้)

3 import ภาพที่จะใช้งานเข้ามาเตรียมไว้ โดยใช้คำสั่ง file>import>import to library

4 ตอนนี้ เรามาเริ่มสร้างภาพเคลื่อนไหวได้เลย โดยการเข้าไปที่ tab ด้านบน เลือก  

   insert>new symbol ตั้งชื่อกันลืม แล้วเลือกเป็น movie clip

5 นำภาพที่เราเตรียมไว้นะแหละครับ ลากลงมาได้เลยโดยภาพแรก ก็ใส่ใน flame แรก พอเราใส่ภาพ

   แรกแล้ว ให้เราคลิกที่ timeline ถัดไป ผมใช้อันที่5 แล้วกด F6(สร้างkey flame)

   จากนั่น คลิกที่ภาพที่เราเห็นอยู่แล้วลบมันทิ้งไปซะ ละค่อยใส่ภาพช็อตต่อไป (จากขั้นตอนนี้ เราจะ

   เห็นว่า เฟลมที่ 1-5 จะเป็นภาพช็อตแรก ส่วนเฟลมที่ 6 จะเป็นภาพช็อตใหม่)

   ทำแบบนี้จนครบทุกช็อตนะครับ เราจะได้ภาพดังนี้

  

   โดยช็อต1จะอยู่ที่เฟลม 1-5

   ช็อต2 จะอยู่ที่เฟลม 6-10

   ช็อต3 จะอยู่ที่เฟลม 11-15 ไล่ๆ ไปจนถึงช็อต7 อยู่ที่เฟลม 31-35

   วางช็อตเสร็จหมดแล้ว ให้เรากด enter เพื่อพรีวิวดูว่ามันลื่นไหลไหม ถ้ายังไม่พอใจ

   ก็แก้ไขเอาครับ

6 ย้อนกลับไปที่ scene1 แล้วลาก movie clip ที่เราสร้างไว้เมื่อกี้ มาวางใน layer1 เลยครับ

7 แค่นี้เราก็จะได้ภาพเคลื่อนไหวแบบง่ายๆ มาใช้กันแล้วครับ อย่าลืมกด ctrl+enter เพื่อ

   ฟรีวิว และ save ไฟล์วีดีโอ ไว้ด้วยนะครับ

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

howto

>>วิธีทำปุ่มลิ้งค์จาก flash

>>gif animation

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

โฆษณาแฝง

แวะไปอุดหนุนสินค้า berserkrabbit กันด้วยนะจ้ะ จ้าขอ......

>> คลิ๊กๆ 

 

edit @ 8 May 2008 11:37:34 by berserkrabbit

edit @ 25 Jun 2008 00:10:31 by berserkrabbit

Comment

smilebig smileopen-mounthed smileconfused smilesad smileangry smiletonguequestionembarrassedsurprised smilewinkdouble winkcry ???????????????   ??????????????????
smilebig smileopen-mounthed smileconfused smilesad smileangry smiletonguequestionembarrassedsurprised smilewinkdouble winkcry ???????????????

Tweet

พักนี้ก็ฟัดเหวี่ยงกับ flash อยู่เหมือนกันครับ
แต่รู้สึกสู้มันไม่ค่อยได้เลยแฮะ..........(ฮา)

#1 By robocon on 2008-05-08 11:56

มี flash แบบมี sereal มั๊ยอะ

ที่บ้าน sereal หาย =[]=

#2 By Choudate on 2008-05-08 11:56

ลงติดเครื่องไว้นานแล้วครับ แผ่นหายไปเรียบร้อย sad smile

#3 By berserkrabbit on 2008-05-08 12:09

Hot! ต้องลองมั่งแล้ววว
ปอลอ.สอนทำแบบที่กดลิงค์ได้ด้วยนะคร๊าconfused smile

#4 By (^_^)/nana on 2008-05-08 16:58

น่ารักมากเลยค่าcry
เดี๋ยวลองมั่วๆทำดู ฮ่า

ใจดีแบบนี้ขอให้กิจการรุ่งเรืองๆ
สาธุๆcry
Hot! Hot!

#5 By \(^(oo)^)/ on 2008-05-08 17:09

แฟลชนี่ ไม้เบื่อไม้เมากันเลย ทำไม่รอดสักที T T
มีโฆษณาแอบแฝงด้วย อิอิ แล้วก็ไม่มีสินค้ามาให้จับจองซะที ยังไงเนี๊ยะ question
อิอิ พี่กระต่ายน้อยน่ารักอีกแล้ว
แบ่งปันความรู้ให้คนอื่น ขอให้การค้าเจริฐรุ่งเรื่องนะคะ
ว่าแต่ไม่สนใจไปเป็นอาจารย์สอน graphic กะเค้าบ้างเหรอคะ พี่กระต่ายน้อยเก่งออก double wink

#8 By r a p p e l e r * on 2008-05-08 20:37

แหะๆ ฝีมืออ่อนด้วย จะไปสอนใครได้อะจ้ะ sad smile

#9 By berserkrabbit on 2008-05-08 21:07

ลองๆๆ

หุหุ sad smile

#10 By aaronnez☆ on 2008-05-08 21:50

ออมล่ะงงสุดๆตอนกด F5 F6 เนี่ย...sad smile
ต้องดูวิทำเป้นตัวอย่างจริงๆ พอนอกกรอบหน่อยก็เอ๋อรับประทาน หรือไม่งั้นงานก็เจ๊งไป... Hot!

แล้วก็
...เพิ่งกลับมา ยังไม่ไปไหนหรอกค่ะ~ double wink

#11 By * a o M * on 2008-05-09 13:23

สอนทำเกมแต่งตัวให้ด้วยได้มั๊ยคะกำลังลองหัดทำอยู่

แต่ยังไม่ได้ซักทีนะ นะ ขอร้องล่ะ

แนะนำวิธีการทำก็ยังดีนะ

ได้ยังไงแล้วบอกมาทาง email ได้ปะ

ขอบคุณนะคะsad smile

#12 By มือใหม่ (203.144.200.22) on 2009-05-07 11:25

เท่เกิน
อิอิ
อิอิ
อิอิ
อิอิ
อิอิ
อิอิ
อิอิ
อิอิ
อิอิ
อิอิ
อิอิ
อิอิ
อิอิ
อิอิ
อิอิ
อิอิ

#13 By 1 (117.47.94.164) on 2009-05-22 19:55

อยากได้จะต้องโหลดอย่างไรครับbig smile

#14 By palmup (222.123.218.227) on 2009-06-18 08:33

ขอมาหาความรู้ด้วยคนนะ
อยากลองทำดูอ่ะ

#15 By haying (58.8.202.190) on 2009-06-25 10:15

ตอนนี้งอยากทำเคลื่อนไหวคนวิ่งแต่ก็ไม่ได้ซักทีtongue embarrassed

#16 By fon (118.175.88.47) on 2011-07-01 13:46

ผมมีปัญหานิดนึงครับคือผมจะไปทำให้มั้นอยู่ในwallpaperครับจะต้องทำไงครับbig smile

#17 By Woon (183.88.16.21) on 2011-10-03 19:55