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:e0e9a217dea1f3ba7bd36543fde47fc4' 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 = '<p><span lang=\"TH\" style=\"font-family: \'Microsoft Sans Serif\'\"><strong><span style=\"color: #000000\">เทคนิคการทำ </span></strong></span><span style=\"font-family: \'Microsoft Sans Serif\'; font-size: 10pt\"><strong><span style=\"color: #000000\">Animation <span lang=\"TH\">แบบการบิดพลิกวัตถุ</span></span></strong><br />\n<span style=\"color: #000000\"><b><span style=\"font-family: \'Microsoft Sans Serif\'\"> </span></b><span lang=\"TH\" style=\"font-family: \'Microsoft Sans Serif\'; font-size: 10pt\">เป็นการทำ </span><span style=\"font-family: \'Microsoft Sans Serif\'; font-size: 10pt\">Animation <span lang=\"TH\">โดยการใช้คำสั่ง </span>Flip Vertical <span lang=\"TH\">หรือ </span>Flip Horizontal <span lang=\"TH\">ช่วย ซึ่งการทำ </span>Animation <span lang=\"TH\">ลักษณะนี้จะทำให้วัตถุค่อย ๆ หมุนพลิกและบิดรูปร่าง โดยในตัวอย่างเราจะสร้าง </span>Animation <span lang=\"TH\">ซึ่งเป็นการสั่งให้ภาพ </span>Animation <span lang=\"TH\">ถูกแสดงจาก </span>Frame <span lang=\"TH\">ที่ </span>1 <span lang=\"TH\">และเพิ่ม </span>Keyframe <span lang=\"TH\">ถึง </span>Frame <span lang=\"TH\">ที่ </span>20 <span lang=\"TH\">จากนั้นก็เป็นการใช้</span> Motion Tween<span lang=\"TH\">ทำให้เกิดการเคลื่อนไหว<br />\n</span></span></span><span style=\"color: #000000\"><b><span style=\"font-family: \'Microsoft Sans Serif\'\"> </span></b><span lang=\"TH\" style=\"font-family: \'Microsoft Sans Serif\'; font-size: 10pt\">เป็นการทำ </span><span style=\"font-family: \'Microsoft Sans Serif\'; font-size: 10pt\">Animation <span lang=\"TH\">โดยการใช้คำสั่ง </span>Flip Vertical <span lang=\"TH\">หรือ </span>Flip Horizontal <span lang=\"TH\">ช่วย ซึ่งการทำ </span>Animation <span lang=\"TH\">ลักษณะนี้จะทำให้วัตถุค่อย ๆ หมุนพลิกและบิดรูปร่าง โดยในตัวอย่างเราจะสร้าง </span>Animation <span lang=\"TH\">ซึ่งเป็นการสั่งให้ภาพ </span>Animation <span lang=\"TH\">ถูกแสดงจาก </span>Frame <span lang=\"TH\">ที่ </span>1 <span lang=\"TH\">และเพิ่ม </span>Keyframe <span lang=\"TH\">ถึง </span>Frame <span lang=\"TH\">ที่ </span>20 <span lang=\"TH\">จากนั้นก็เป็นการใช้</span> Motion Tween<span lang=\"TH\">ทำให้เกิดการเคลื่อนไหว</span><o:p></o:p></span></span></span><span style=\"font-family: \'Microsoft Sans Serif\'; font-size: 10pt\"><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"> </span></o:p></span> </span></p>\n<h1 style=\"margin: 12pt 0cm 0pt\"><v:shapetype coordsize=\"21600,21600\" o:spt=\"75\" o:preferrelative=\"t\" filled=\"f\" stroked=\"f\" path=\"m@4@5l@4@11@9@11@9@5xe\" id=\"_x0000_t75\"><v:stroke joinstyle=\"miter\"></v:stroke><v:formulas><v:f eqn=\"if lineDrawn pixelLineWidth 0\"></v:f><v:f eqn=\"sum @0 1 0\"></v:f><v:f eqn=\"sum 0 0 @1\"></v:f><v:f eqn=\"prod @2 1 2\"></v:f><v:f eqn=\"prod @3 21600 pixelWidth\"></v:f><v:f eqn=\"prod @3 21600 pixelHeight\"></v:f><v:f eqn=\"sum @0 0 1\"></v:f><v:f eqn=\"prod @6 1 2\"></v:f><v:f eqn=\"prod @7 21600 pixelWidth\"></v:f><v:f eqn=\"sum @8 21600 0\"></v:f><v:f eqn=\"prod @7 21600 pixelHeight\"></v:f><v:f eqn=\"sum @10 21600 0\"></v:f></v:formulas><v:path o:extrusionok=\"f\" gradientshapeok=\"t\" o:connecttype=\"rect\"></v:path><o:lock v:ext=\"edit\" aspectratio=\"t\"></o:lock></v:shapetype><span style=\"font-family: \'Microsoft Sans Serif\'\"><span style=\"color: #000000\"><strong><u><span lang=\"TH\">วิธีการมีดังนี้</span><br />\n</u></strong></span></span><span style=\"font-family: \'Microsoft Sans Serif\'\"><span style=\"color: #000000\"> 1. <span lang=\"TH\">ให้เราใช้ </span>Text Tool <span lang=\"TH\">พิมพ์ข้อความขึ้นมา โดยกำหนดขนาดและสีตามที่เราต้องการ</span><br />\n</span></span><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"> \n<div style=\"text-align: center\">\n<img height=\"223\" width=\"300\" src=\"/files/u21018/picture12.gif\" border=\"0\" />\n</div>\n<p></p></span></o:p></span></h1>\n<p><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"> </span></o:p></span><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"><br />\n</span></o:p></span><span style=\"color: #000000\"><span style=\"font-family: \'Microsoft Sans Serif\'\">2. </span><span lang=\"TH\" style=\"font-family: \'Microsoft Sans Serif\'; font-size: 10pt\">ทำการ </span><span style=\"font-family: \'Microsoft Sans Serif\'; font-size: 10pt\">Selection <span lang=\"TH\">ที่ข้อความ เลือก </span>Modify </span><span style=\"font-family: Wingdings\">à</span><span style=\"font-family: \'Microsoft Sans Serif\'; font-size: 10pt\"> Break Apart <span lang=\"TH\">เพื่อทำการแยกองค์ประกอบของข้อความ</span><o:p></o:p></span></span><v:shape o:allowincell=\"f\" type=\"#_x0000_t75\" id=\"_x0000_s1027\" style=\"z-index: 2; position: absolute; text-align: left; margin-top: 1.55pt; width: 318pt; height: 242.25pt; margin-left: 54pt; left: 0px\"><v:imagedata src=\"file:///C:\\DOCUME~1\\user_jib\\LOCALS~1\\Temp\\msohtml1\\07\\clip_image003.gif\" o:title=\"11-36\"><span style=\"color: #000000\"></span></v:imagedata></v:shape><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"> </span></o:p></span><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"> </span></o:p></span><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"> </span></o:p></span><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"> </span></o:p></span><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"> </span></o:p></span><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"> </span></o:p></span><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"> </span></o:p></span><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"> </span></o:p></span><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"> </span></o:p></span><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"> </span></o:p></span><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"> </span></o:p></span> </p>\n<div style=\"text-align: center\">\n<img height=\"191\" width=\"250\" src=\"/files/u21018/picture13.gif\" border=\"0\" />\n</div>\n<p><br clear=\"all\" /><br />\n 3<span style=\"font-family: \'Microsoft Sans Serif\'\"><span style=\"color: #000000\">.<span style=\"font-family: \'Times New Roman\'\"> </span></span></span><span style=\"color: #000000\"><span style=\"font-family: \'Microsoft Sans Serif\'; font-size: 10pt\"><span lang=\"TH\">ทำการกระจาย </span>Layer <span lang=\"TH\">ออก เพื่อแยกตัวหนังสือออกเป็น </span>Layer <span lang=\"TH\">ละ </span>1 <span lang=\"TH\">ตัว โดยให้เราเลือก </span>Modify </span><span style=\"font-family: Wingdings\">à</span></span><span style=\"font-family: \'Microsoft Sans Serif\'\"><span style=\"color: #000000\"> Distribute to <br />\n Layers</span></span></p>\n<div style=\"text-align: center\">\n<img height=\"165\" width=\"250\" src=\"/files/u21018/picture14.gif\" border=\"0\" />\n</div>\n<p>\n<o:p></o:p><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"> </span></o:p></span><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"> </span></o:p></span><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"> </span></o:p></span><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"> </span></o:p></span><span style=\"font-family: \'Microsoft Sans Serif\'\"><span style=\"color: #000000\"> 4. <span lang=\"TH\">สังเกตว่าข้อความของเราถูกแยกออกเป็นตัวอักษรละ </span>Layer <span lang=\"TH\">จากนั้น ให้เราคลิกเมาส์ปุ่มขวาที่ </span>Frame <span lang=\"TH\">ที่ </span>20 <span lang=\"TH\">ใน </span><br />\n Layer <span lang=\"TH\">ของตัวอักษรตัวแรก </span>(<span lang=\"TH\">ตัว </span>F)</span></span></p>\n<div style=\"text-align: center\">\n<img height=\"203\" width=\"300\" src=\"/files/u21018/picture15.gif\" border=\"0\" />\n</div>\n<p><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"><br />\n</span></o:p></span><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"> </span></o:p></span><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"> </span></o:p></span><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"> </span></o:p></span><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"> </span></o:p></span><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"> </span></o:p></span><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"> </span></o:p></span><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"> </span></o:p></span><span style=\"font-family: \'Microsoft Sans Serif\'\"><span style=\"color: #000000\">5. <span lang=\"TH\">คลิกเมาส์ปุ่มขวาที่ </span>Frame <span lang=\"TH\">ที่ </span>1<span lang=\"TH\">ใน </span>Layer <span lang=\"TH\">แรกของตัวอักษร เลือก </span>Create Motion Tween <span lang=\"TH\">เพื่อสร้างการเคลื่อนไหว<br />\n ตั้งแต่ </span>Frame <span lang=\"TH\">ที่ </span>1 <span lang=\"TH\">ถึง </span>Frame <span lang=\"TH\">ที่ </span>20<o:p></o:p></span></span><v:shape o:allowincell=\"f\" type=\"#_x0000_t75\" id=\"_x0000_s1030\" style=\"z-index: 5; position: absolute; text-align: left; margin-top: -0.6pt; width: 286.5pt; height: 237.75pt; margin-left: 68.4pt; left: 0px\"><v:imagedata src=\"file:///C:\\DOCUME~1\\user_jib\\LOCALS~1\\Temp\\msohtml1\\07\\clip_image006.gif\" o:title=\"11-39\"><span style=\"color: #000000\"></span></v:imagedata></v:shape><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"> </span></o:p></span><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"> </span></o:p></span><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"> </span></o:p></span><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"> </span></o:p></span><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"> </span></o:p></span><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"> </span></o:p></span><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"> </span></o:p></span><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"> </span></o:p></span><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"> </span></o:p></span><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"> </span></o:p></span><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"> </span></o:p></span><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"> </span></o:p></span><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"> </span></o:p></span><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"> </span></o:p></span> </p>\n<div style=\"text-align: center\">\n<img height=\"208\" width=\"250\" src=\"/files/u21018/picture16.gif\" border=\"0\" />\n</div>\n<p><br clear=\"all\" /><br />\n <span style=\"font-family: \'Microsoft Sans Serif\'\"><span style=\"color: #000000\"> 6. <span lang=\"TH\">ให้เราทำการ </span>Insert Keyframe <span lang=\"TH\">และ </span>Create Motion Tween <span lang=\"TH\">ในทุก ๆ </span>Layer <span lang=\"TH\">ของเแต่ละตัวอักษร</span></span></span></p>\n<div style=\"text-align: center\">\n<img height=\"85\" width=\"250\" src=\"/files/u21018/picture17.gif\" border=\"0\" />\n</div>\n<p><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"> </span></o:p></span><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"> </span></o:p></span><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"> </span></o:p></span><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"> </span></o:p></span><span style=\"color: #000000\"><span style=\"font-family: \'Microsoft Sans Serif\'; font-size: 10pt\"> <br />\n 7. <span lang=\"TH\">กลับไปที่ </span>Layer <span lang=\"TH\">ของตัวอักษรตัวแรก ให้คลิกเมาส์ที่ </span>Frame <span lang=\"TH\">ที่ </span>1 (<span lang=\"TH\">สังเกตว่าจะมีกรอบสีฟ้าล้อมรอบตัวอักษร</span>) <span lang=\"TH\">แล้ว<br />\n เลือก </span>Modify </span><span style=\"font-family: Wingdings\">à</span><span style=\"font-family: \'Microsoft Sans Serif\'; font-size: 10pt\"> Transform </span><span style=\"font-family: Wingdings\">à</span><span style=\"font-family: \'Microsoft Sans Serif\'; font-size: 10pt\"> Flip Horizontal <span lang=\"TH\">เพื่อทำการกลับด้านของตัวอักษร</span><o:p></o:p></span></span><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"> </span></o:p></span><v:shape o:allowincell=\"f\" type=\"#_x0000_t75\" id=\"_x0000_s1032\" style=\"z-index: 7; position: absolute; text-align: left; margin-top: -11.7pt; width: 265.05pt; height: 257.85pt; margin-left: 73.1pt; left: 0px\"><v:imagedata src=\"file:///C:\\DOCUME~1\\user_jib\\LOCALS~1\\Temp\\msohtml1\\07\\clip_image008.png\" o:title=\"11-41\"><span style=\"color: #000000\"></span></v:imagedata></v:shape><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"> </span></o:p></span><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"> </span></o:p></span><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"> </span></o:p></span><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"> </span></o:p></span><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"> </span></o:p></span><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"> </span></o:p></span><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"> </span></o:p></span><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"> </span></o:p></span><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"> </span></o:p></span><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"> </span></o:p></span><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"> </span></o:p></span> </p>\n<div style=\"text-align: center\">\n<img height=\"389\" width=\"400\" src=\"/files/u21018/picture18.gif\" border=\"0\" />\n</div>\n<p><br clear=\"all\" /><br />\n <span style=\"font-family: \'Microsoft Sans Serif\'\"><span style=\"color: #000000\">8. </span></span><span style=\"color: #000000\"><span style=\"font-family: \'Microsoft Sans Serif\'; font-size: 10pt\"><span lang=\"TH\">จากนั้นคลิกเมาส์ที่</span> Frame <span lang=\"TH\">ที่ </span>1 <span lang=\"TH\">ของ </span>Layer <span lang=\"TH\">ในตัวอักษรตัวถัดมา และเลือก </span>Modify </span><span style=\"font-family: Wingdings\">à</span><span style=\"font-family: \'Microsoft Sans Serif\'; font-size: 10pt\"> Transfrom </span><span style=\"font-family: Wingdings\">à</span><span style=\"font-family: \'Microsoft Sans Serif\'; font-size: 10pt\"> Flip Horizontal <span lang=\"TH\">โดยเราจะทำกับ </span>Frame <span lang=\"TH\">ที่ </span>1 <span lang=\"TH\">ของทุก </span>Layer <span lang=\"TH\">ที่มีตัวอักษรเมื่อทำเสร็จ ตัวอักษรทั้งหมดจะกลับด้านกัน</span><o:p></o:p></span></span><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"> </span></o:p></span><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"> </span></o:p></span><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"> </span></o:p></span><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"> </span></o:p></span><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"> </span></o:p></span><span style=\"font-family: \'Microsoft Sans Serif\'\"><o:p><span style=\"color: #000000\"> <br />\n </span></o:p></span></p>\n<div style=\"text-align: center\">\n<img height=\"137\" width=\"282\" src=\"/files/u21018/picture19.gif\" border=\"0\" />\n</div>\n<p>\n<span style=\"color: #000000\"><span style=\"font-family: \'Microsoft Sans Serif\'; font-size: 10pt\"> 9. <span lang=\"TH\">ทำการทดสอบ </span>Animation <span lang=\"TH\">โดยกดคีย์ </span><Ctrl+Enter> <span lang=\"TH\">หรือ </span>Control </span><span style=\"font-family: Wingdings\">à</span><span style=\"font-family: \'Microsoft Sans Serif\'; font-size: 10pt\"> Test Movie <span lang=\"TH\">เราจะเห็นวัตถุของเราเคลื่อนที่ <br />\n เมื่อดูเสร็จแล้วให้คลิกปุ่ม กากบาท เพื่อปิดหน้าต่าง</span></span></span></p>\n<p>\n <a href=\"/node/45996?page=0%2C0\"><strong><< กลับหน้าหลัก</strong><br />\n</a> </p>\n', created = 1715698140, expire = 1715784540, headers = '', serialized = 0 WHERE cid = '3:e0e9a217dea1f3ba7bd36543fde47fc4' in /home/tgv/htdocs/includes/cache.inc on line 112.

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

เมื่อ จันทร์, 23/11/2009 - 15:03 | แก้ไขล่าสุด พุธ, 22/09/2010 - 11:05| โดย

sp2520

เทคนิคการทำ Animation แบบการบิดพลิกวัตถุ
เป็นการทำ Animation โดยการใช้คำสั่ง Flip Vertical หรือ Flip Horizontal ช่วย ซึ่งการทำ Animation ลักษณะนี้จะทำให้วัตถุค่อย ๆ หมุนพลิกและบิดรูปร่าง โดยในตัวอย่างเราจะสร้าง Animation ซึ่งเป็นการสั่งให้ภาพ Animation ถูกแสดงจาก Frame ที่ 1 และเพิ่ม Keyframe ถึง Frame ที่ 20 จากนั้นก็เป็นการใช้ Motion Tweenทำให้เกิดการเคลื่อนไหว
เป็นการทำ Animation โดยการใช้คำสั่ง Flip Vertical หรือ Flip Horizontal ช่วย ซึ่งการทำ Animation ลักษณะนี้จะทำให้วัตถุค่อย ๆ หมุนพลิกและบิดรูปร่าง โดยในตัวอย่างเราจะสร้าง Animation ซึ่งเป็นการสั่งให้ภาพ Animation ถูกแสดงจาก Frame ที่ 1 และเพิ่ม Keyframe ถึง Frame ที่ 20 จากนั้นก็เป็นการใช้ Motion Tweenทำให้เกิดการเคลื่อนไหว

วิธีการมีดังนี้
1. ให้เราใช้ Text Tool พิมพ์ข้อความขึ้นมา โดยกำหนดขนาดและสีตามที่เราต้องการ

2. ทำการ Selection ที่ข้อความ เลือก Modify à Break Apart เพื่อทำการแยกองค์ประกอบของข้อความ

3. ทำการกระจาย Layer ออก เพื่อแยกตัวหนังสือออกเป็น Layer ละ 1 ตัว โดยให้เราเลือก Modify à Distribute to
Layers

4. สังเกตว่าข้อความของเราถูกแยกออกเป็นตัวอักษรละ Layer จากนั้น ให้เราคลิกเมาส์ปุ่มขวาที่ Frame ที่ 20 ใน
Layer ของตัวอักษรตัวแรก (ตัว F)

5. คลิกเมาส์ปุ่มขวาที่ Frame ที่ 1ใน Layer แรกของตัวอักษร เลือก Create Motion Tween เพื่อสร้างการเคลื่อนไหว
ตั้งแต่ Frame ที่ 1 ถึง Frame ที่ 20

6. ให้เราทำการ Insert Keyframe และ Create Motion Tween ในทุก ๆ Layer ของเแต่ละตัวอักษร

       7. กลับไปที่ Layer ของตัวอักษรตัวแรก ให้คลิกเมาส์ที่ Frame ที่ 1 (สังเกตว่าจะมีกรอบสีฟ้าล้อมรอบตัวอักษร) แล้ว
           เลือก Modify à Transform à Flip Horizontal เพื่อทำการกลับด้านของตัวอักษร

8. จากนั้นคลิกเมาส์ที่ Frame ที่ 1 ของ Layer ในตัวอักษรตัวถัดมา และเลือก Modify à Transfrom à Flip Horizontal โดยเราจะทำกับ Frame ที่ 1 ของทุก Layer ที่มีตัวอักษรเมื่อทำเสร็จ ตัวอักษรทั้งหมดจะกลับด้านกัน

9. ทำการทดสอบ Animation โดยกดคีย์ <Ctrl+Enter> หรือ Control à Test Movie เราจะเห็นวัตถุของเราเคลื่อนที่
เมื่อดูเสร็จแล้วให้คลิกปุ่ม กากบาท เพื่อปิดหน้าต่าง

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

สร้างโดย:

สถาพร เป็งปัน

แหล่งอ้างอิง:

http://www.hellomyweb.com,http://school.phutti.net/flash/chap1/topic1/index.html,http://www.fhappy.com/training.asp,http://it.northbkk.ac.th/elearning/FlashMX/courseflashmx.htm,http://www.kruprawit.com/caiFlash/FlashAnt.swf,http://www.webthaidd.com/flash/webthaidd_article_772_1.html

ล็อกอิน เพื่อแสดงความคิดเห็น |

อ่าน 192112 ครั้ง |

Tags: ช่วงชั้น 2 (ป.4-6), ช่วงชั้น 3 (ม.1-3), ช่วงชั้น 4 (ม.4-6), การงานอาชีพ เทคโนโลยี, เนื้อหาแนะนำ

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

Thaigoodview

ของขวัญ ของที่ระลึก Miori Jung Handmade

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

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

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

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

โรงเรียนเครือข่ายจัดกิจกรรม บล็อก(Blog) เครื่องมือสำหรับครูยุคใหม่ เพื่อใช้ในการจัดการเรียนรู้

เปลี่ยนชื่อผู้ใช้งาน/เพิ่มพื้นที่เก็บภาพ

Page Ranking Tool

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

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

Creative Commons License

Copyright © 2000-2024 thaigoodview.com | ออกแบบและพัฒนาระบบโดย ไทยกู๊ดวิวดอทคอม
สงวนสิทธิ์ภายใต้สัญญาอนุญาต Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License.
ท่านสามารถนำเนื้อหาไปใช้ แสดง ดัดแปลง เผยแพร่ โดยต้องอ้างอิงที่มา ห้ามใช้เพื่อการค้า และต้องใช้สัญญาอนุญาตชนิดเดียวกันนี้ไปกับงานดัดแปลงต่อยอดที่เผยเผยแพร่ต่อ