พิมพ์หน้านี้ - ทดลองฝึก flashด้วยตนเอง/การเคลื่อนไหวแบบเปลี่ยนแปลงสถานที่

LSVคลังสมองออนไลน์ "ปีที่14"

ห้องคอมพิวเตอร์ => Flash => ข้อความที่เริ่มโดย: nongtop ที่ ตุลาคม 06, 2012, 04:05:26 pm



หัวข้อ: ทดลองฝึก flashด้วยตนเอง/การเคลื่อนไหวแบบเปลี่ยนแปลงสถานที่
เริ่มหัวข้อโดย: nongtop ที่ ตุลาคม 06, 2012, 04:05:26 pm
การเคลื่อนไหวแบบเปลี่ยนแปลงสถานที่
    เป็นการเคลื่อนไหวโดยมีการเปลี่ยนแปลงสถานที่แต่ไม่มีการเปลี่ยนรูปร่างของวัตถุ ซึ่งการเคลื่อนไหวในลักษณะนี้้สามารถเปลี่ยน ขนาด,การหมุน ได้เป็นต้น
วันนี้เราจะมาสร้างภาพให้สามารถเคลื่อนไหวจากสถานที่หนึ่งไปยังอีกสถานที่หนึ่งดังภาพกันนะครับ


หัวข้อ: Re: ทดลองฝึก flashด้วยตนเอง/การเคลื่อนไหวแบบเปลี่ยนแปลงสถานที่
เริ่มหัวข้อโดย: nongtop ที่ ตุลาคม 06, 2012, 05:59:08 pm
ขึ้นตอนที่ 1
   สร้างภาพขึ้นมาหนึ่งภาพเพื่อจะใช้เป็นภาพเคลื่อนไหวก่อน


หัวข้อ: Re: ทดลองฝึก flashด้วยตนเอง/การเคลื่อนไหวแบบเปลี่ยนแปลงสถานที่
เริ่มหัวข้อโดย: nongtop ที่ ตุลาคม 06, 2012, 06:16:34 pm
ขั้นตอนที่ 2
   ทำการแปลงวัตถุที่สร้างให้เป็น Movie Clip โดยเลื่อกที่ Modify>Convert to Symbol... ดังภาพ


หัวข้อ: Re: ทดลองฝึก flashด้วยตนเอง/การเคลื่อนไหวแบบเปลี่ยนแปลงสถานที่
เริ่มหัวข้อโดย: nongtop ที่ ตุลาคม 06, 2012, 06:25:57 pm
ขั้นตอนที่ 3
   ทำตามขึ้นตอนดังภาพนะครับ
   1.แปลงวัตถุให้เป็น Movie Clip
   2.ตั้งชื่อวัตถุ (ควรตั้งชื่อเป็นภาษา อังกฤษ)
   3.กด OK


หัวข้อ: Re: ทดลองฝึก flashด้วยตนเอง/การเคลื่อนไหวแบบเปลี่ยนแปลงสถานที่
เริ่มหัวข้อโดย: nongtop ที่ ตุลาคม 06, 2012, 06:29:19 pm
เราจะเห็นได้ว่าวัถถุที่สร้างขึ้นจะมีรูป + อยู่ตรงกลาง ดังภาพ


หัวข้อ: Re: ทดลองฝึก flashด้วยตนเอง/การเคลื่อนไหวแบบเปลี่ยนแปลงสถานที่
เริ่มหัวข้อโดย: nongtop ที่ ตุลาคม 06, 2012, 06:38:26 pm
ขั้นตอนที่ 4
   คลิ๊กขวาที่ Frame แล้วเลือก Insert Keyframe


หัวข้อ: Re: ทดลองฝึก flashด้วยตนเอง/การเคลื่อนไหวแบบเปลี่ยนแปลงสถานที่
เริ่มหัวข้อโดย: nongtop ที่ ตุลาคม 06, 2012, 06:44:59 pm
ขั้นตอนที่ 5
   คลิ๊กขวาที่ Frame เลือก Create Motion Tween ดังภาพ


หัวข้อ: Re: ทดลองฝึก flashด้วยตนเอง/การเคลื่อนไหวแบบเปลี่ยนแปลงสถานที่
เริ่มหัวข้อโดย: nongtop ที่ ตุลาคม 06, 2012, 07:02:25 pm
ขั้นตอนที่ 6
   เราจะเห็นว่ามีลูกศรที่ Frame แสดว่า Flash ได้สร้างภาพเคลื่อนไหวตั้งแต่ Frame ที่1 ถึง Frameที่เรากำหนดเรียบร้อยแล้ว
ให้เรา Click mouse เลือกที่ Frameที่เรากำหนดขึ้น ย้ายตำแหน่งของวัตถุที่เราสร้างขึ้น ให้ย้ายไปอีกตำแหน่งไหนก็ได้ (แล้วแต่จะเลือก)

   จากนั้นทำการทดสอบโดยกดที่ Ctrl+Enter           แค่นี้ก็เสร็จแล้วครับ...


หัวข้อ: Re: ทดลองฝึก flashด้วยตนเอง/การเคลื่อนไหวแบบเปลี่ยนแปลงสถานที่
เริ่มหัวข้อโดย: nongtop ที่ ตุลาคม 06, 2012, 07:11:59 pm
ภาพแสดงผลงานที่เสร็จแล้ว  THANK!!
 ผมเพิ่งเริ่มฝึก อาจมีข้อบกพร่องบางประการ หากพี่ๆมีข้อแนะนำ จะขอบคุณมากครับ

http://www.leksound.net/lsv%20pic/forum%20picture/topFLASH/final.swf