• user warning: Table 'cache_filter' is marked as crashed and should be repaired query: SELECT data, created, headers, expire, serialized FROM cache_filter WHERE cid = '3:8f60197a4f5afe3f7eb01e5d9dc6f5df' in /home/tgv/htdocs/includes/cache.inc on line 27.
  • user warning: Table 'cache_filter' is marked as crashed and should be repaired query: UPDATE cache_filter SET data = '<!--paging_filter--><p><span style=\"color: #800000\"><strong> การเคลื่อนไหวแบบกำหนดเส้นทางเคลื่อนที่ (Motion Giuide)<br />\n </strong>  </span><span style=\"color: #000000\">         เป็นการสร้างภาพเคลื่อนไหวอีกแบบหนึ่ง ที่เราสามารถกำหนดเส้นทางในการเคลื่อนที่ของวัตถุได้ ไม่ว่าจะเป็นการเคลื่อนแบบโค้ง วนไปวนมา ขึ้น ๆ ลง ก็สามารถทำได้ โดยใช้เทคนิคไกด์เลเยอร์ (Guide Layer) ศึกษาแผนภาพต่อไปนี้เพื่อให้มีความเข้าใจมากขึ้น</span></p>\n<p> <span style=\"color: #000000\"></span></p>\n<div style=\"text-align: center\">\n <img height=\"269\" width=\"500\" src=\"/files/u21018/ex27_1.gif\" border=\"0\" />\n </div>\n<p></p>\n<p align=\"center\">\n <strong>เมื่อกด Ctrl+Enter สังให้เล่นหัวอ่าน(Playhead) จะได้ผลลัพธ์ ดังนี้</strong>\n </p>\n<div style=\"text-align: center\">\n <img height=\"150\" width=\"500\" src=\"/files/u21018/ex25_0.gif\" border=\"0\" />\n </div>\n<p> \n\n<ol type=\"1\" style=\"margin-top: 0in\">\n <span style=\"color: #000000\"><span style=\"color: #000000\"><span style=\"font-family: \'Microsoft Sans Serif\'\"><span lang=\"TH\"></span></span></span></span>\n</ol>\n<ol type=\"1\" style=\"margin-top: 0in\">\n <span style=\"color: #000000\"><span style=\"color: #000000\"><span style=\"font-family: \'Microsoft Sans Serif\'\"><span lang=\"TH\"></span></span></span></span>\n</ol>\n<ol type=\"1\" style=\"margin-top: 0in\">\n <span style=\"color: #000000\"><span style=\"color: #000000\"><span style=\"font-family: \'Microsoft Sans Serif\'\"><span lang=\"TH\"></span></span></span></span>\n</ol>\n<ol type=\"1\" style=\"margin-top: 0in\">\n <span style=\"color: #000000\"><span style=\"color: #000000\"><span style=\"font-family: \'Microsoft Sans Serif\'\"><span lang=\"TH\"></span></span></span></span>\n</ol>\n<ol type=\"1\" style=\"margin-top: 0in\">\n<p align=\"center\">\n <span style=\"color: #000000\"><span style=\"color: #000000\"><span style=\"font-family: \'Microsoft Sans Serif\'\"><span lang=\"TH\"></span></span></span></span><span style=\"color: #000000\"><span style=\"font-family: \'Microsoft Sans Serif\'\"><span lang=\"TH\"><strong><span style=\"color: #0000ff\"><a href=\"http://school.phutti.net/flash/chap5/topic4/index.html\">ศึกษาวิธีการใช้งานคำสั่ง Motion Guide เพิ่มเติม</a></span></strong></span></span></span></p>\n<p> \n </p>\n<p> <span style=\"color: #000000\"><span style=\"font-family: \'Microsoft Sans Serif\'\"><span lang=\"TH\"></span><o:p></o:p></span></span>\n</p></ol>\n</p><p>\n<span style=\"color: #800000\"></span>\n</p>\n<p>\n<span style=\"color: #800000\"><strong><span style=\"color: #008000\"></span></strong></span>\n</p>\n<p>\n<span style=\"color: #800000\"><strong><span style=\"color: #008000\"></span></strong></span>\n</p>\n<p>\n<span style=\"color: #800000\"></span>\n</p>\n<p>\n<span style=\"color: #800000\"></span>\n</p>\n<p>\n<span style=\"color: #800000\"></span>\n</p>\n<p>\n<span style=\"color: #800000\"></span>\n</p>\n<p>\n<span style=\"color: #800000\"></span>\n</p>\n<p>\n<span style=\"color: #800000\"></span>\n</p>\n<p><span style=\"color: #008000\"><span style=\"color: #800000\"><strong>การเคลื่อนไหวแบบ<span style=\"font-family: Microsoft Sans Serif\">(Motion Giuide)</span></strong></span><span style=\"font-size: x-small\"> ต้องใช้เทคนิคการทำงานที่ละเอียด และมีความซับซ้อนมาก ทั้งนี้เราต้องทำงานกับ Layer การวาดเส้นทางให้วัตถุโดยใช้เครื่องมือดินสอ (Pencil) ที่ต้องใช้เทคนิคการประยุคต์ใช้งาน เพื่อให้เห็นวิธีการขั้นตอนการทำงานเป็นลำดับ ศึกษาและทดลองทำตามขั้นตอนด้านล่างครับ.....<br />\n<span style=\"font-family: MS Sans Serif, Tahoma, sans-serif; color: #ff6600; font-size: x-small\"><span style=\"color: #000000\"><span style=\"color: #333333\"><br />\n<strong>      <span style=\"color: #800000\">การสร้างงาน Animation แบบ </span></strong></span><span style=\"font-family: MS Sans Serif, Tahoma, sans-serif; color: #333333; font-size: x-small\"><span style=\"color: #ff6600\"><span style=\"color: #800000\"><strong>Guideline<br />\n</strong></span></span></span></span></span></span></span><span style=\"color: #008000\"><span style=\"font-size: x-small\"><span style=\"font-family: MS Sans Serif, Tahoma, sans-serif; color: #ff6600; font-size: x-small\"><span style=\"color: #000000\"><span style=\"font-family: MS Sans Serif, Tahoma, sans-serif; color: #333333; font-size: x-small\"><span style=\"color: #ff6600\"><span style=\"color: #800000\"></span></span></span></span></span></span></span></p>\n<p>\n<span style=\"color: #000000\"><strong>     </strong>1. นำรูปภาพที่เตรียมไว้มาวางไว้ที่ layer ที่ 1 เฟรมที่ 1 <br />\n      2. หลังจากนั้นคลิกเฟรมที่ 20 กด F6 เพื่อ Insert Blank key frame<br />\n      3. คลิกขวาที่เฟรมที่ 19 เลือกคำสั่ง Create Motion Tween </span>\n</p>\n<p>\n<span style=\"color: #333333; font-size: x-small\">           <img height=\"121\" width=\"346\" src=\"http://www.fhappy.com/image/guideline3.gif\" style=\"width: 317px; height: 101px\" /></span><br />\n<span style=\"color: #333333; font-size: x-small\"><atomicelement id=\"ms__id1866\"></atomicelement><strong><highlighttext id=\"ms__id1867\"></highlighttext>      </strong><span style=\"color: #000000\">4. จากนั้นคลิกที่ เฟรมที่ 1 เลเยอร์ที่ 1 คลิกที่ <img height=\"20\" width=\"22\" src=\"http://www.fhappy.com/image/guideline.jpg\" /> เพื่อสร้าง guied layer ที่เป็น Guideline ขึ้นมา</span></span><span style=\"color: #000000\"> </span></p>\n<p>          <img height=\"122\" width=\"358\" src=\"http://www.fhappy.com/image/guideline4.gif\" style=\"width: 311px; height: 109px\" /><br />\n<span style=\"font-family: MS Sans Serif, Tahoma, sans-serif; font-size: x-small\"><br />\n       5. ที่เฟรมที่ 1Guide layer คลิกเครื่องมือ </span><span style=\"color: #000000\"><span style=\"font-family: MS Sans Serif, Tahoma, sans-serif; font-size: x-small\">       <img height=\"30\" width=\"29\" src=\"http://www.fhappy.com/image/guideline2.jpg\" /></span></span>     pencil tool ลากเส้นที่ต้องการให้วัตถุเคลื่อนที่ตาม Guide line<br />\n           ที่กำหนดไว้ เพื่อให้ภาพ วงกลมวิ่งตามเส้นที่เรากำหนด  สังเกตว่าภาพวงกลมที่เราสร้างจะเคลื่อนที่มาอยู่ที่จุดเริ่ม  <br />\n           <span style=\"color: #000000\">ต้นของ guideline อัตโนมัต <br />\n</span> <br />\n           <img height=\"200\" width=\"301\" src=\"http://www.fhappy.com/image/guideline5.gif\" style=\"width: 209px; height: 132px\" /></p>\n<p><span style=\"color: #333333; font-size: x-small\">       6. ที่เฟรม Guideline คลิกที่เฟรมที่ 20 กด F6 จากนั้นนำภาพวงกลมที่จุดเริ่มต้นไปวางไว้ที่ปลายอีกด้านหนึ่ง เพื่อให้ movie วิ่ง<br />\n           จากจุดเริ่มต้นจนถึงจุดสุดท้าย</span></p>\n<p>           <img height=\"102\" width=\"354\" src=\"http://www.fhappy.com/image/guideline6.gif\" style=\"width: 318px; height: 82px\" /></p>\n<p>          <img height=\"201\" width=\"301\" src=\"http://www.fhappy.com/image/guideline7.gif\" style=\"width: 270px; height: 172px\" /></p>\n<p><span style=\"color: #333333; font-size: x-small\"><strong>        </strong>7. จากนั้นทดสอบ movie โดยกด Ctrl+Enter</span></p>\n<p>\n                                                                                                                                        <a href=\"/node/45996?page=0%2C0\"><strong>&lt;&lt; กลับหน้าหลัก</strong><br />\n</a> \n</p>\n', created = 1715707862, expire = 1715794262, headers = '', serialized = 0 WHERE cid = '3:8f60197a4f5afe3f7eb01e5d9dc6f5df' in /home/tgv/htdocs/includes/cache.inc on line 112.

การสร้างภาพเคลื่อนไหวโดยโปรแกรม flash

 การเคลื่อนไหวแบบกำหนดเส้นทางเคลื่อนที่ (Motion Giuide)
  
         เป็นการสร้างภาพเคลื่อนไหวอีกแบบหนึ่ง ที่เราสามารถกำหนดเส้นทางในการเคลื่อนที่ของวัตถุได้ ไม่ว่าจะเป็นการเคลื่อนแบบโค้ง วนไปวนมา ขึ้น ๆ ลง ก็สามารถทำได้ โดยใช้เทคนิคไกด์เลเยอร์ (Guide Layer) ศึกษาแผนภาพต่อไปนี้เพื่อให้มีความเข้าใจมากขึ้น

เมื่อกด Ctrl+Enter สังให้เล่นหัวอ่าน(Playhead) จะได้ผลลัพธ์ ดังนี้

    ศึกษาวิธีการใช้งานคำสั่ง Motion Guide เพิ่มเติม

การเคลื่อนไหวแบบ(Motion Giuide) ต้องใช้เทคนิคการทำงานที่ละเอียด และมีความซับซ้อนมาก ทั้งนี้เราต้องทำงานกับ Layer การวาดเส้นทางให้วัตถุโดยใช้เครื่องมือดินสอ (Pencil) ที่ต้องใช้เทคนิคการประยุคต์ใช้งาน เพื่อให้เห็นวิธีการขั้นตอนการทำงานเป็นลำดับ ศึกษาและทดลองทำตามขั้นตอนด้านล่างครับ.....

      การสร้างงาน Animation แบบ
Guideline

     1. นำรูปภาพที่เตรียมไว้มาวางไว้ที่ layer ที่ 1 เฟรมที่ 1 
      2. หลังจากนั้นคลิกเฟรมที่ 20 กด F6 เพื่อ Insert Blank key frame
      3. คลิกขวาที่เฟรมที่ 19 เลือกคำสั่ง Create Motion Tween

          
      4. จากนั้นคลิกที่ เฟรมที่ 1 เลเยอร์ที่ 1 คลิกที่ เพื่อสร้าง guied layer ที่เป็น Guideline ขึ้นมา 

         

       5. ที่เฟรมที่ 1Guide layer คลิกเครื่องมือ
            pencil tool ลากเส้นที่ต้องการให้วัตถุเคลื่อนที่ตาม Guide line
           ที่กำหนดไว้ เพื่อให้ภาพ วงกลมวิ่งตามเส้นที่เรากำหนด  สังเกตว่าภาพวงกลมที่เราสร้างจะเคลื่อนที่มาอยู่ที่จุดเริ่ม 
           ต้นของ guideline อัตโนมัต 
 
          

       6. ที่เฟรม Guideline คลิกที่เฟรมที่ 20 กด F6 จากนั้นนำภาพวงกลมที่จุดเริ่มต้นไปวางไว้ที่ปลายอีกด้านหนึ่ง เพื่อให้ movie วิ่ง
           จากจุดเริ่มต้นจนถึงจุดสุดท้าย

          

         

        7. จากนั้นทดสอบ movie โดยกด Ctrl+Enter

                                                                                                                                        << กลับหน้าหลัก
 

สร้างโดย: 
สถาพร เป็งปัน

มหาวิทยาลัยศรีปทุม ผู้ใหญ่ใจดี
 

 ช่วยด้วยครับ
นักเรียนที่สร้างบล็อก กรุณาอย่า
คัดลอกข้อมูลจากเว็บอื่นทั้งหมด
ควรนำมาจากหลายๆ เว็บ แล้ววิเคราะห์ สังเคราะห์ และเขียนขึ้นใหม่
หากคัดลอกทั้งหมด จะถูกดำเนินคดี
ตามกฎหมายจากเจ้าของลิขสิทธิ์
มีโทษทั้งจำคุกและปรับในอัตราสูง

ช่วยกันนะครับ 
ไทยกู๊ดวิวจะได้อยู่นานๆ 
ไม่ถูกปิดเสียก่อน

ขอขอบคุณในความร่วมมือครับ

อ่านรายละเอียด

ด่วน...... ขณะนี้
พระราชบัญญัติลิขสิทธิ์ (ฉบับที่ 2) พ.ศ. 2558 
มีผลบังคับใช้แล้ว 
ขอให้นักเรียนและคุณครูที่ใช้งาน
เว็บ thaigoodview ในการส่งการบ้าน
ระมัดระวังการละเมิดลิขสิทธิ์ด้วย
อ่านรายละเอียดที่นี่ครับ

 

สมาชิกที่ออนไลน์

ขณะนี้มี สมาชิก 0 คน และ ผู้เยี่ยมชม 427 คน กำลังออนไลน์