- user warning: Duplicate entry '536306482' for key 'PRIMARY' query: INSERT INTO accesslog (title, path, url, hostname, uid, sid, timer, timestamp) values('เรียนรู้ภาษา html ', 'node/21344', '', '3.15.12.112', 0, '99bfed978fdec1eb70c24b96fe7449b7', 130, 1725151821) in /home/tgv/htdocs/modules/statistics/statistics.module on line 63.
- 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:c8b57ee95290177d200a8c9e080d0dfb' 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><script type=\"text/javascript\">\nAC_FL_RunContent( \'codebase\',\'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0\',\'width\',\'600\',\'height\',\'260\',\'src\',\'images/header\',\'quality\',\'high\',\'pluginspage\',\'http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash\',\'movie\',\'images/header\' ); //end AC code</script></p><p><noscript></noscript></p>\n<!-- ImageReady Slices (flash 2.jpg) --><!-- ImageReady Slices (flash 2.jpg) --><!-- End ImageReady Slices --><!-- End ImageReady Slices -->\n<p><span style=\"color: #ff6600\"></span><span style=\"color: #ff6600\"></span><span style=\"color: #008080\"></span><span style=\"color: #999999\"></span></p>\n<p>\n<img height=\"1\" width=\"1\" src=\"/files/u43343/text.gif\" border=\"0\" />\n</p>\n<object classid=\"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\" codebase=\"http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0\" width=\"750\" height=\"275\">\n <param name=\"width\" value=\"750\" />\n <param name=\"height\" value=\"275\" />\n <param name=\"src\" value=\"/files/u43343/header1.swf\" />\n <embed type=\"application/x-shockwave-flash\" width=\"750\" height=\"275\" src=\"/files/u43343/header1.swf\"></embed>\n</object><table align=\"center\" width=\"468\" border=\"0\" style=\"background-color: #fdcedb; width: 468px; height: 507px\">\n<tbody>\n<tr>\n<td><span style=\"color: #188a38\"><span style=\"color: #008000\"><span style=\"color: #008000\"><strong><span style=\"color: #008000\"><img height=\"79\" width=\"81\" src=\"/files/u43343/Icon_list.gif\" align=\"left\" border=\"0\" style=\"width: 69px; height: 65px\" /> </span></strong></span></span></span></td>\n<td>\n<p>\n <span><span style=\"color: #008000\"><strong><span style=\"color: #008000\"><span class=\"style3\"><span style=\"color: #097504\"><span style=\"color: #188a38\"><span style=\"color: #ff6600\"><a href=\"/node/89852?page=0%2C1\"><span style=\"color: #008080\">บทเรียนที่ 1</span><br />\n </a></span></span></span></span></span></strong></span></span><span><span style=\"color: #008000\"><strong><span style=\"color: #008000\"><span class=\"style3\"><span style=\"color: #097504\"><span style=\"color: #188a38\"><br />\n <span style=\"color: #008000\"><a href=\"/node/89852?page=0%2C1\">เรามาทำความรู้จักกับโปรแกรม Flash กันก่อนเลยครับ</a></span></span></span></span><span style=\"color: #008000\"><a href=\"/node/89852?page=0%2C1\"> <br />\n </a></span></span></strong></span><span style=\"color: #097504\"><span style=\"color: #188a38\"><span style=\"color: #008000\"><span style=\"color: #008000\"><strong><span style=\"color: #008000\"><span style=\"color: #008000\"><a href=\"/node/89852?page=0%2C1\">- ที่มาของโปรแกรม<br />\n - ประโยชน์ของโปรแกรม</a></span></span></strong></span></span></span></span></span><span style=\"color: #008000\"><strong><span style=\"color: #008000\"> </span></strong></span>\n </p>\n</td>\n</tr>\n<tr>\n<td><span style=\"color: #008000\"><strong><span style=\"color: #008000\"> <span style=\"color: #188a38\"><span style=\"color: #008000\"> \n<div style=\"text-align: center\">\n <img height=\"79\" width=\"81\" src=\"/files/u43343/Icon_list.gif\" align=\"left\" border=\"0\" style=\"width: 69px; height: 65px\" />\n </div>\n<p> </p></span></span></span></strong></span></td>\n<td>\n<p>\n <span style=\"color: #097504\"><span style=\"color: #188a38\"><span style=\"color: #008000\"><span style=\"color: #008000\"><strong><span style=\"color: #008000\"><a href=\"/node/89852?page=0%2C3\"><span style=\"color: #ff6600\"><span style=\"color: #008080\">บทเรียนที่ 2</span><br />\n </span><br />\n </a><span style=\"color: #008000\"><a href=\"/node/89852?page=0%2C3\">ส่วนประกอบของหน้าจอและวิธีการใช้เครื่องมือต่างๆ ที่น่าสนใจ<br />\n - </a></span></span></strong></span></span></span></span><span style=\"color: #097504\"><span style=\"color: #188a38\"><span style=\"color: #008000\"><span style=\"color: #008000\"><strong><span style=\"color: #008000\"><span style=\"color: #008000\"><a href=\"/node/89852?page=0%2C3\">Menu Bar (แถบคำสั่ง)</a></span></span></strong></span></span></span></span> <br />\n - <span style=\"color: #097504\"><span style=\"color: #188a38\"><span style=\"color: #008000\"><span style=\"color: #008000\"><strong><span style=\"color: #008000\"><span style=\"color: #008000\"><a href=\"/node/89852?page=0%2C4\">Tool panel (กล่องเครื่องมือ)</a></span></span></strong></span></span></span></span> <br />\n - <span style=\"color: #097504\"><span style=\"color: #188a38\"><span style=\"color: #008000\"><span style=\"color: #008000\"><strong><span style=\"color: #008000\"><span style=\"color: #008000\"><a href=\"/node/89852?page=0%2C5\">Timeline (เส้นเวลา)</a></span></span></strong></span></span></span></span> <br />\n - <span style=\"color: #097504\"><span style=\"color: #188a38\"><span style=\"color: #008000\"><span style=\"color: #008000\"><strong><span style=\"color: #008000\"><span style=\"color: #008000\"><a href=\"/node/89852?page=0%2C6\">Stage (หน้าต่างการทำงาน)</a></span></span></strong></span></span></span></span> <br />\n - <span style=\"color: #097504\"><span style=\"color: #188a38\"><span style=\"color: #008000\"><span style=\"color: #008000\"><strong><span style=\"color: #008000\"><span style=\"color: #008000\"><a href=\"/node/89852?page=0%2C7\">Properties (คุณสมบัติ)</a></span></span></strong></span></span></span></span> <br />\n - <span style=\"color: #097504\"><span style=\"color: #188a38\"><span style=\"color: #008000\"><span style=\"color: #008000\"><strong><span style=\"color: #008000\"><span style=\"color: #008000\"><a href=\"/node/89852?page=0%2C8\">Panel (หน้าต่างควบคุมการแสดงผล)</a></span></span></strong></span></span></span></span>\n </p>\n</td>\n</tr>\n<tr>\n<td><span style=\"color: #008000\"><strong><span style=\"color: #008000\"> <span style=\"color: #188a38\"><span style=\"color: #008000\"> \n<div style=\"text-align: center\">\n <img height=\"79\" width=\"81\" src=\"/files/u43343/Icon_list.gif\" align=\"left\" border=\"0\" style=\"width: 69px; height: 65px\" />\n </div>\n<p> </p></span></span></span></strong></span></td>\n<td><span style=\"color: #097504\"><span style=\"color: #188a38\"><span style=\"color: #008000\"><span style=\"color: #008000\"><strong><span style=\"color: #008000\"><a href=\"/node/89852?page=0%2C9\"><span style=\"color: #ff6600\"><span style=\"color: #008080\">บทเรียนที่ 3</span><br />\n </span><br />\n </a><span style=\"color: #008000\"><a href=\"/node/89852?page=0%2C9\">พื้นฐานของโปรแกรมที่ควรรู้<br />\n - หลักการทำงานของโปรแกรม<br />\n - นามสกุลของโปรแกรม</a></span></span></strong></span></span></span></span></td>\n</tr>\n<tr>\n<td><span style=\"color: #008000\"><strong><span style=\"color: #008000\"> <span style=\"color: #188a38\"><span style=\"color: #008000\"> \n<div style=\"text-align: center\">\n <img height=\"79\" width=\"81\" src=\"/files/u43343/Icon_list.gif\" align=\"left\" border=\"0\" style=\"width: 69px; height: 65px\" />\n </div>\n<p> </p></span></span></span></strong></span></td>\n<td><span style=\"color: #097504\"><span style=\"color: #188a38\"><span style=\"color: #008000\"><span style=\"color: #008000\"><strong><span style=\"color: #008000\"><a href=\"/node/89852?page=0%2C10\"><span style=\"color: #ff6600\"><span style=\"color: #008080\">บทเรียนที่ 4<br />\n </span></span><br />\n </a><span style=\"color: #008000\"><a href=\"/node/89852?page=0%2C10\">มาฝึกวาดรูปไปพร้อมกันเลยครับ<br />\n - การวาดภาพลายเส้น</a><br />\n <a href=\"/node/89852?page=0%2C11\">- การลงสีรูปภาพ</a></span></span></strong></span></span></span></span></td>\n</tr>\n<tr>\n<td><span style=\"color: #008000\"><strong><span style=\"color: #008000\"> <span style=\"color: #188a38\"><span style=\"color: #008000\"> \n<div style=\"text-align: center\">\n <img height=\"79\" width=\"81\" src=\"/files/u43343/Icon_list.gif\" align=\"left\" border=\"0\" style=\"width: 69px; height: 65px\" />\n </div>\n<p> </p></span></span></span></strong></span></td>\n<td><span style=\"color: #097504\"><span style=\"color: #188a38\"><span style=\"color: #097504\"><span style=\"color: #188a38\"><span style=\"color: #008000\"><span style=\"color: #008000\"><strong><span style=\"color: #008000\"><a href=\"/node/89852?page=0%2C12\"><span style=\"color: #ff6600\"><span style=\"color: #008080\">บทเรียนที่ 5</span><br />\n </span><br />\n </a><span style=\"color: #008000\"><a href=\"/node/89852?page=0%2C12\">มาสร้างภาพเคลื่อนไหวแบบง่ายๆ กันครับ<br />\n - สร้างภาพเคลื่อนไหวแบบ Motion Tween</a><br />\n <a href=\"/node/89852?page=0%2C15\">- สร้างภาพเคลื่อนไหวแบบ Motion Guid</a><br />\n <a href=\"/node/89852?page=0%2C17\">- สร้างภาพเคลื่อนไหวแบบ Shape Tween</a></span></span></strong></span></span></span></span></span></span></td>\n</tr>\n<tr>\n<td><span style=\"color: #008000\"><strong><span style=\"color: #008000\"> <span style=\"color: #188a38\"><span style=\"color: #008000\"> \n<div style=\"text-align: center\">\n <img height=\"79\" width=\"81\" src=\"/files/u43343/Icon_list.gif\" align=\"left\" border=\"0\" style=\"width: 69px; height: 65px\" />\n </div>\n<p> </p></span></span></span></strong></span></td>\n<td>\n<p>\n <span style=\"color: #097504\"><span style=\"color: #188a38\"><span style=\"color: #097504\"><span style=\"color: #188a38\"><span style=\"color: #008000\"><span style=\"color: #008000\"><strong><span style=\"color: #008000\"><a href=\"/node/89852?page=0%2C19\"><span style=\"color: #ff6600\"><span style=\"color: #008080\">ขอขอบคุณ</span><br />\n </span><br />\n </a></span></strong></span></span></span></span></span></span><span style=\"color: #008000\"><strong><span style=\"color: #008000\"><span style=\"color: #097504\"><span style=\"color: #188a38\"><span style=\"color: #097504\"><span style=\"color: #188a38\"><span style=\"color: #008000\"><span style=\"color: #008000\"><a href=\"/node/89852?page=0%2C19\">- แหล่งที่มาของข้อมูลและรูปภาพ<br />\n - โรงเรียนสารสิทธิ์พิทยาลย<br />\n - คณะผู้จัดทำ</a></span></span></span></span></span></span> </span></strong></span>\n </p>\n</td>\n</tr>\n</tbody>\n</table>\n<p>\n<a href=\"/node/89852\" onmouseout=\"MM_swapImgRestore()\" onmouseover=\"MM_swapImage(\'Image6\',\'\',\'http://www.thaigoodview.com/files/u43343/icon_home_green.gif,1)\"></a></p>\n<div style=\"text-align: center\">\n<img height=\"89\" width=\"76\" src=\"/files/u43343/icon_home_red.gif\" alt=\"http://www.thaigoodview.com/files/u43343/icon_home_green.gif\" border=\"0\" />\n</div>\n<!--pagebreak--><!--pagebreak--><div style=\"text-align: center\">\n \n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\n<hr id=\"null\" />\n</div>\n<p>\n</p>\n<div style=\"text-align: center\">\n<span style=\"color: #008000\"><a href=\"/node/89852\">หน้าแรก</a> <span style=\"color: #333300\">|</span> <a href=\"/node/89852?page=0%2C1\" title=\"มาทำความรู้จักกับโปรแกรม Flash กันก่อนเลยครับ\">บทเรียนที่ 1</a> <span style=\"color: #333300\">|</span> <a href=\"/node/89852?page=0%2C2\">บทเรียนที่ 2</a><span style=\"color: #333300\"> |</span> <a href=\"/node/89852?page=0%2C9\">บทเรียนที่ 3</a> <span style=\"color: #333300\">| </span><a href=\"/node/89852?page=0%2C10\">บทเรียนที่ 4</a><span style=\"color: #333300\"> |</span> <a href=\"/node/89852?page=0%2C12\">บทเรียนที่ 5</a><span style=\"color: #333300\"> |</span> <a href=\"/node/89852?page=0%2C19\">ขอขอบคุณ</a></span> \n</div>\n<div style=\"text-align: center\">\n<br />\n<img height=\"150\" width=\"390\" src=\"/files/u43343/lesson1.gif\" align=\"middle\" border=\"0\" />\n<table align=\"center\" cellPadding=\"20\" cellSpacing=\"10\" border=\"0\" style=\"background-color: #d7f8fd\">\n<tbody>\n<tr>\n<td>\n<p>\n <span style=\"color: #213ef1\"><strong> <br />\n สวัสดีครับ ผมขอนําเสนอความรู้เกี่ยวกับโปรเเกรม Flash CS3 <br />\n ถ้าเริ่มต้นด้วยเรื่องยากๆคงไม่ดีแน่เพราะฉนั้นเรามาเริ่มที่ประวัติกันก่อนแล้วกันครับ</strong> </span>\n </p>\n<p>\n <span style=\"color: #213ef1\"><img height=\"127\" width=\"100\" src=\"/files/u43343/Flash1.gif\" align=\"left\" alt=\"http://www.directivoglobal.com/curso-online/190/flash-cs3.html\" border=\"0\" /><a href=\"/files/u43343/Flash1.gif\"></a></span>\n </p>\n<p>\n <span style=\"color: #213ef1\"><strong><u>ประวัติความเป็นมาของ Adobe Flash CS3<br />\n </u> Adobe Flash ชื่อเดิมคือ Shockwave Flash ถูกพัฒนาโดย อะโดบีซิสเต็มส์ <br />\n เริ่มต้นพัฒนาโดยบริษัท ฟิวเจอร์แวร์ ตอนหลังเปลี่ยนเป็น แมโครมีเดีย มีความสามารถ<br />\n ในการรองรับ ภาพแบบเวกเตอร์* และ ภาพแบบแรสเตอร์** มีภาษาสคริปต์ที่เอาไว้<br />\n ใช้เขียนโดยเฉพาะเรียกว่า ActionScript และยังสามารถเล่นเสียงและวีดิโอแบบ<br />\n สเตริโอได้ โปรแกรมนี้ยังมีความสามารถในการบีบอัดไฟล์ให้มีขนาดเล็กและยังแสดง<br />\n ผลได้อย่างรวดเร็ว สามารถแปลงไฟล์ได้อย่างหลากหลาย เช่น avi, mov, gif, wav,<br />\n emf, eps, ai, dxf, bmp , jpg, gif, png และอื่นๆ<br />\n Flash เริ่มมีชื่อเสียงประมาณปี ค.ศ. 1996 Flash ถูกพัฒนามาตั้งแต่เวอร์ชั่น 3, <br />\n 4, 5, MX, MX2004, 8, CS3,CS4 ซึ่งรุ่นล่าสุดคือ รุ่น CS5</strong> </span>\n </p>\n<p>\n <strong><span style=\"color: #213ef1\"><u>ประโยชน์ของโปรแกรม Flash</u><br />\n - สามารถสร้างภาพเคลื่อนไหวได้ง่าย<br />\n - สามารถสร้างสื่อการสอนที่เป็น Multimedia***<br />\n - สามารถสร้างภาพกราฟิกได้ง่าย<br />\n - สามารถสร้างเกมส์ได้</span></strong>\n </p>\n<hr id=\"null\" />\n <br />\n *ภาพแบบเวกเตอร์ คือ เป็นภาพที่เกิดจากเส้นและลวดลายต่างๆที่สร้างขึ้นจากการคำนวณ<br />\n ทางด้านคณิตศาสาตร์ของลักษณะทางเรขาคณิตเพื่อสร้างรูปทรงต่างๆขึ้นมาซึ่งภาพแบบนี้มี<br />\n ข้อดีคือเมื่อขยายขนาดแล้วภาพจะมีคุณภาพและความละเอียดเท่าเดิม \n<p>\n **ภาพแบบแรสเตอร์หรือภาพแบบมิตแมป คือ ภาพที่เกิดจากการใช้กริดของตารางเล็กๆ <br />\n ที่เรียกว่า Pixel สำหรับแสดงภาพแต่ละ Pixel จะมีค่าของตำแหน่งและค่าสีของตัวเอง <br />\n ทำให้เมื่อขยายภาพแล้วจะเห็นภาพเป็นช่องสี่เหลี่ยมเล็กๆของ Pixel\n </p>\n<p>\n ***Muสtimedia คือ มัลติมีเดีย คือ การใช้คอมพิวเตอร์สื่อความหมายโดยการผสม<br />\n ผสานสื่อหลายชนิด เช่น ข้อความ กราฟ ภาพศิลป์ (Graphic Art) เสียง ภาพเคลื่อนไหว <br />\n (Animation) และวิดีทัศน์ เป็นต้น ถ้าผู้ใช้สามารถควบคุมสื่อเหล่านี้ให้แสดงออกมาตาม<br />\n ต้องการได้ ระบบนี้จะเรียกว่า มัลติมีเดียปฏิสัมพันธ์ (Interactive Multimedia) <br />\n (Vaughan. 1993)\n </p>\n</td>\n</tr>\n</tbody>\n</table>\n</div>\n<div style=\"text-align: center\">\n<a href=\"/node/89852\"><img height=\"89\" width=\"76\" src=\"/files/u43343/icon_home_red.gif\" alt=\"http://www.thaigoodview.com/files/u43343/icon_home_green.gif\" border=\"0\" /></a>\n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\nแหล่งอ้างอิง : <a href=\"http://www.edu-mine.com/photoshop/lesson1_RasterVector.html\">http://www.edu-mine.com/photoshop/lesson1_RasterVector.html</a>\n</div>\n<!--pagebreak--><!--pagebreak--><div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\n<hr id=\"null\" />\n</div>\n<div style=\"text-align: center\">\n \n<div style=\"text-align: center\">\n<span style=\"color: #008000\"><span style=\"color: #008000\"><span style=\"color: #008000\"><a href=\"/node/89852\">หน้าแรก</a> <span style=\"color: #333300\">|</span> <a href=\"/node/89852?page=0%2C1\" title=\"มาทำความรู้จักกับโปรแกรม Flash กันก่อนเลยครับ\">บทเรียนที่ 1</a> <span style=\"color: #333300\">|</span> <a href=\"/node/89852?page=0%2C2\">บทเรียนที่ 2</a><span style=\"color: #333300\"> |</span> <a href=\"/node/89852?page=0%2C9\">บทเรียนที่ 3</a> <span style=\"color: #333300\">| </span><a href=\"/node/89852?page=0%2C10\">บทเรียนที่ 4</a><span style=\"color: #333300\"> |</span> <a href=\"/node/89852?page=0%2C12\">บทเรียนที่ 5</a><span style=\"color: #333300\"> |</span> <a href=\"/node/89852?page=0%2C19\">ขอขอบคุณ</a></span></span></span>\n</div>\n<div style=\"text-align: center\">\n<br />\n<img height=\"150\" width=\"390\" src=\"/files/u43343/lesson2.gif\" align=\"middle\" border=\"0\" />\n<table width=\"600\" cellPadding=\"20\" cellSpacing=\"10\" border=\"0\" style=\"background-color: #dafadb; height: 754px\">\n<tbody>\n<tr>\n<td>\n<p align=\"center\">\n <strong><span style=\"color: #3366ff\"> <u>ส่วนประกอบของหน้าโปรแกรม Flash CS3 ที่น่าสนใจ</u></span></strong>\n </p>\n<p>\n <strong> <span style=\"color: #00ccff\"> หลังจากที่ได้ทราบประวัตความเป็นมาและประโยชน์ของโปรแกรม Flash กันแล้วนะครับ ต่อไปผมขอนำเสนอรูปร่างหน้าตา ส่วนประกอบแลหลักการทำงานคร่าวๆ ของโรปแกรา Flash CS3 กัน <br />\n </span></strong>\n </p>\n<p>\n <img height=\"362\" width=\"600\" src=\"/files/u43343/Flash_page.jpg\" border=\"0\" style=\"width: 596px; height: 382px\" /> \n </p>\n<table align=\"center\" cellPadding=\"2\" cellSpacing=\"2\" border=\"0\">\n<tbody>\n<tr>\n<td> Title Bar : </td>\n<td>เป็นแถบแสดงชื่อของโปรแกรม </td>\n</tr>\n<tr>\n<td> Menu Bar : </td>\n<td>เป็นแถบที่ใช้เก็บรวบรวมคำสั่งทั้งหมดของโปรแกรม Flash โดยใช้หัวข้อและแบ่งหมวดหมู่ต่างๆ </td>\n</tr>\n<tr>\n<td> Tools Panel :</td>\n<td>\n<p>\n เป็นเครื่องมือโดยรวมแทบทั้งหมดของโปรแกรม flash แต่ก็ไม่ได้หมายความว่าจะต้องสร้างรูปภาพจากเครื่องมือ flash ที่นี่ที่เดียวอาจจะสร้างจากPhotoshopหรือาจจะถูกวาดขึ้นจากโปรแกรมวาดภาพอื่นๆก็ได้ดังนั้นอุปกรณ์แทบทั้งหมดที่เกี่ยวกับการวาดนั้นอุปกรณ์ส่วนใหญ่อาจจะไม่ต้องใช้เลยก็เป็นได้ในเวลาทำงานจริง\n </p>\n</td>\n</tr>\n<tr>\n<td> Timeline : </td>\n<td>เป็นเครื่องมือกำหนดเรื่องของเวลาทำ Graphic ให้เคลื่อนไหวได้ เราสามารถกำหนดเวลาเร็วหรือช้าก็ขึ้นอยู่กับ Timeline นี่แหละครับ </td>\n</tr>\n<tr>\n<td> Stage : </td>\n<td>เป็นส่วนของหน้ากระดาษสีขาวตรงกลางซึ่งจะเป็นพื้นที่จริงสิ่งใดก็ตามที่วางไว้บน Stage นั่นคือวัตถุที่จะปรากฏในงานจริงให้ผู้ชมได้เห็นเหมือนเวทีการแสดงแต่ถ้านำวัตถุไว้บริเวณสีเทาที่เรียกว่า Work Area วัตถุนั้นจะไม่ปรากฏให้ผู้ชมเห็น แต่ส่วน Work Area ก็ไม่ใช่ว่าจะไร้ประโยชน์ ในกรณีที่ต้องการให้วัตถุเริ่มต้นจากนอกจอ เช่น เครื่องบินบินจากขอบซ้ายไปขวา ก็จำเป็นต้องให้จุดเริ่มต้นถูกวางไว้ข้างนอก Stage เหมือนกับพื้นที่ให้นักแสดงเตรียมตัวเข้าฉากนั่นเอง </td>\n</tr>\n<tr>\n<td> Properties : </td>\n<td>เป็นอีกหนึ่ง Panel ที่มีบทบาทมากที่สุดในโปรแกรมก็ว่าได้ มีไว้เพื่อตั้งค่าคุณสมบัติของวัตถุทุกอย่างใน Flash เช่น เมื่อต้องการเลือก Font สำหรับพิมพ์ตัวหนังสือ จะต้องไปเลือกที่ Properties Panel หรือถ้าต้องการให้เส้นขอบของวงกลมหนา 10 pixels ก็จะต้องไปปรับที่ Properties Panel เป็นต้น แต่กรณีที่หาไม่เจอสามารถเลือกได้จากเมนู Window ->Properties -> Properties หรือกด Ctrl + F3 คีย์บอร์ด Properties Panel จะเปลี่ยนไปตามวัตถุที่เลือกอยู่ ณ ขณะนั้นหรือเครื่องมือที่ใช้อยู่ ณ ขณะนั้น </td>\n</tr>\n<tr>\n<td> Panel : </td>\n<td>\n<p>\n เป็นหน้าต่างที่อยู่ทางด้านขวา โดยมีไว้เพื่อปรับค่าการทำงานเฉพาะอย่างเช่น Color Panel มีไว้เพื่อผสมสี หรือ Align Panel ก็มีไว้เพื่อจัดเรียงวัตถุให้เสมอกัน เป็นต้น และอีกอย่างหนึ่งคือใน Flash cs3 สามารถจับวาง Panels ไปไว้ตรงไหนก็ได้\n </p>\n</td>\n</tr>\n</tbody>\n</table>\n<p>\n <a href=\"/node/89852?page=0%2C3\"><img height=\"50\" width=\"50\" src=\"/files/u43343/next.gif\" alt=\"Next\" border=\"0\" /></a>\n </p>\n</td>\n</tr>\n</tbody>\n</table>\n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\n<a href=\"/node/89852\"><img height=\"89\" width=\"76\" src=\"/files/u43343/icon_home_red.gif\" alt=\"http://www.thaigoodview.com/files/u43343/icon_home_green.gif\" border=\"0\" /></a>\n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\nแหล่งอ้างอิง :ยุทธชัย รุจิวิมล.Macromedia Fkash MX ฉบับสมบูรณ์.กรุงเทพฯ.บริษัท ซัคเซส มีเดีย จำกัด \n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\n</div>\n<!--pagebreak--><!--pagebreak--><div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\n<div style=\"text-align: center\">\n<hr id=\"null\" />\n</div>\n<div style=\"text-align: center\">\n \n<div style=\"text-align: center\">\n<span style=\"color: #008000\"><span style=\"color: #008000\"><a href=\"/node/89852\">หน้าแรก</a> <span style=\"color: #333300\">|</span> <a href=\"/node/89852?page=0%2C1\" title=\"มาทำความรู้จักกับโปรแกรม Flash กันก่อนเลยครับ\">บทเรียนที่ 1</a> <span style=\"color: #333300\">|</span> <a href=\"/node/89852?page=0%2C2\">บทเรียนที่ 2</a><span style=\"color: #333300\"> |</span> <a href=\"/node/89852?page=0%2C9\">บทเรียนที่ 3</a> <span style=\"color: #333300\">| </span><a href=\"/node/89852?page=0%2C10\">บทเรียนที่ 4</a><span style=\"color: #333300\"> |</span> <a href=\"/node/89852?page=0%2C12\">บทเรียนที่ 5</a><span style=\"color: #333300\"> |</span> <a href=\"/node/89852?page=0%2C19\">ขอขอบคุณ</a></span></span>\n</div>\n<div style=\"text-align: center\">\n<br />\n<img height=\"150\" width=\"390\" src=\"/files/u43343/lesson2.gif\" align=\"middle\" border=\"0\" />\n<table align=\"center\" width=\"500\" border=\"0\" style=\"background-color: #dafadb\">\n<tbody>\n<tr>\n<td>\n<p>\n <strong><span style=\"color: #339966\">Menu Bar หรือเรียกภาษาไทยว่าแถบคำสั่ง เป็นแถบที่ใช้เก็บรวบรวมคำสั่งทั้งหมดของโปรแกรม Flash โดยแบ่งออกเป็นส่วนต่างๆ ดังนี้ครับ</span></strong>\n </p>\n<p>\n <img height=\"20\" width=\"461\" src=\"/files/u43343/menubar.gif\" align=\"absMiddle\" border=\"2\" />\n </p>\n<table align=\"center\" width=\"450\" cellPadding=\"2\" cellSpacing=\"2\" border=\"0\">\n<tbody>\n<tr>\n<td>\n<p align=\"center\">\n <strong> <span style=\"color: #339966\">คำสั่งหลัก</span></strong>\n </p>\n</td>\n<td>\n<p align=\"center\">\n <strong><span style=\"color: #339966\">คำอธิบาย</span></strong> \n </p>\n</td>\n</tr>\n<tr>\n<td> File</td>\n<td>เป็นเมนูที่ใช้เก็บคำสั่งที่เกี่ยวกับการจัดการไฟล์ทั้งหมด เช่น การเปิด การปิด การบันทึก การนำไฟล์อื่นเข้ามาและการแปลงไฟล์เพื่อนำไปใช้งาน เป็นต้น</td>\n</tr>\n<tr>\n<td> Edit</td>\n<td>เป็นเมนูที่เก็บคำสั่งเกี่ยวกับการแก้ไขทั้งหมด เช้น Undo Redo เป็นต้น</td>\n</tr>\n<tr>\n<td> View</td>\n<td>เป็นเมนูคำสั่งที่เกี่ยวกับการแสดงมุมมองของวัตถุต่างๆ </td>\n</tr>\n<tr>\n<td> Insert</td>\n<td>เป็นเมนูคำสั่งที่เกี่ยวกับการเติมหรือแทรกคำสั่ง เป็นส้วนสำคัญในการสร้างภาพเคลื่อนไหว</td>\n</tr>\n<tr>\n<td> Modify</td>\n<td>เป็นเมนูที่เกี่ยวกับการทำให้วัตถุมัคุณสมบัติใหม่ๆ</td>\n</tr>\n<tr>\n<td> Text</td>\n<td>เป็นเมนูที่เกี่ยวกับตัวอักษร </td>\n</tr>\n<tr>\n<td> Control</td>\n<td>เป็นเมนูที่เกี่ยวกับการควบคุมการแสดงของชิ้นงานที่เราสร้างขึ้น</td>\n</tr>\n<tr>\n<td> Window</td>\n<td> เป็นเมนูคำสั่งเกี่ยวกับการแสดงหน้าต่างควบคุมต่างๆ</td>\n</tr>\n<tr>\n<td> Help</td>\n<td> เป็นเมนูเกี่ยวกับการให้ความช่วนเหลือและอธิบายการใช้งานโปรแกรม</td>\n</tr>\n</tbody>\n</table>\n<p>\n <a href=\"/node/89852?page=0%2C2\"><img height=\"50\" width=\"50\" src=\"/files/u43343/back.gif\" alt=\"Back\" border=\"0\" /></a> <a href=\"/node/89852?page=0%2C4\"><img height=\"50\" width=\"50\" src=\"/files/u43343/next.gif\" alt=\"Next\" border=\"0\" /></a>\n </p>\n</td>\n</tr>\n</tbody>\n</table>\n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\n<a href=\"/node/89852\"><img height=\"89\" width=\"76\" src=\"/files/u43343/icon_home_red.gif\" alt=\"http://www.thaigoodview.com/files/u43343/icon_home_green.gif\" border=\"0\" /></a>\n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\nแหล่งอ้างอิง : ยุทธชัย รุจิวิมล.Macromedia Fkash MX ฉบับสมบูรณ์.กรุงเทพฯ.บริษัท ซัคเซส มีเดีย จำกัด \n</div>\n<!--pagebreak--><!--pagebreak--><div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\n<div style=\"text-align: center\">\n<hr id=\"null\" />\n</div>\n<div style=\"text-align: center\">\n \n<div style=\"text-align: center\">\n<span style=\"color: #008000\"><span style=\"color: #008000\"><a href=\"/node/89852\">หน้าแรก</a> <span style=\"color: #333300\">|</span> <a href=\"/node/89852?page=0%2C1\" title=\"มาทำความรู้จักกับโปรแกรม Flash กันก่อนเลยครับ\">บทเรียนที่ 1</a> <span style=\"color: #333300\">|</span> <a href=\"/node/89852?page=0%2C2\">บทเรียนที่ 2</a><span style=\"color: #333300\"> |</span> <a href=\"/node/89852?page=0%2C9\">บทเรียนที่ 3</a> <span style=\"color: #333300\">| </span><a href=\"/node/89852?page=0%2C10\">บทเรียนที่ 4</a><span style=\"color: #333300\"> |</span> <a href=\"/node/89852?page=0%2C12\">บทเรียนที่ 5</a><span style=\"color: #333300\"> |</span> <a href=\"/node/89852?page=0%2C19\">ขอขอบคุณ</a></span></span>\n</div>\n<div style=\"text-align: center\">\n<br />\n<strong><img height=\"150\" width=\"390\" src=\"/files/u43343/lesson2.gif\" align=\"middle\" border=\"0\" /><br />\n</strong>\n<table align=\"center\" width=\"500\" border=\"0\" style=\"background-color: #dafadb\">\n<tbody>\n<tr>\n<td>\n<p>\n <strong><span style=\"color: #d51533\">Tools Panel หรือกล่องเครื่องมือ เป็นกล่องสำหรับเก็บอุปกรณ์ต่างๆ ที่ใช้ในการทำงาน จะมีลักษณะเป็นไอคอนรูปภาพ สามารถเรียกใช้งานได้ง่าย เราสามารถเรียกใช้กล่องเคลื่องมือโดยการใช้คำสั่ง Windows->Tools หรือ Ctrl+F2</span> </strong>\n </p>\n<p>\n <strong> <img height=\"411\" width=\"100\" src=\"/files/u43343/tool_panel2.jpg\" align=\"left\" border=\"2\" style=\"width: 85px; height: 317px\" /> </strong>\n </p>\n<p> <strong> แบ่งกลุ่มเครื่องมือ ดังนี้<br />\n 1. กลุ่มคำสั่งเกี่ยวกับการเลือกและการย่อ/ขยายวัตถุที่เลือก<br />\n 2. กลุ่มคำสั่งเกี่ยวกับการวาด แก้ไขภาพและการพิมพ์ตัวอักษร<br />\n 3. กลุ่มคำสั่งเกี่ยวกับการเติมสี เลือกสีและลบวัตถุต่างๆ<br />\n 4. กลุ่มคำสั่งเกี่ยวกับการมองภาพในรูปแบบต่างๆ<br />\n 5. กลุ่มคำสั่งเกี่ยวกับการเลือกสีเส้นและสีพื้น<br />\n 6. กลุ่มคำสั่งเกี่ยวกับคำสั่งเพิ่มเติมของแต่ละคำสั่งที่เราเลือกใช้งาน <br />\n </strong> </p>\n<table border=\"0\">\n<tbody>\n<tr>\n<td><strong>สัญลักษณ์ </strong></td>\n<td><strong>ชื่อ </strong></td>\n<td><strong>คำอธิบาย </strong></td>\n</tr>\n<tr>\n<td><strong><img height=\"1\" width=\"1\" src=\"/files/u43343/subselection.gif\" border=\"0\" /><img height=\"24\" width=\"24\" src=\"/files/u43343/selection.gif\" border=\"0\" /></strong></td>\n<td><strong><span style=\"font-family: \'Times New Roman\'; font-size: 12pt\"><span style=\"color: #000000\">Selection tool </span></span> </strong></td>\n<td><strong> <span lang=\"TH\" style=\"font-family: \'Angsana New\'; font-size: 14pt\"><span style=\"color: #000000\">ใช้สำหรับเลือกและเคลื่อนย้ายวัตถุ</span></span></strong></td>\n</tr>\n<tr>\n<td><strong> <img height=\"24\" width=\"24\" src=\"/files/u43343/subselection.gif\" border=\"0\" /></strong></td>\n<td><strong> <span style=\"font-family: \'Times New Roman\'; font-size: 12pt\"><span style=\"color: #000000\">Subselection tool </span></span></strong></td>\n<td><strong> <span lang=\"TH\" style=\"font-family: \'Angsana New\'; font-size: 14pt\"><span style=\"color: #000000\">ใช้เลือกเพื่อแก้ไขวัตถุ</span></span></strong></td>\n</tr>\n<tr>\n<td><strong> <img height=\"24\" width=\"24\" src=\"/files/u43343/free.gif\" border=\"0\" /></strong></td>\n<td><strong><span style=\"font-family: \'Times New Roman\'; font-size: 12pt\"><span style=\"color: #000000\">Free transform tool </span></span> </strong></td>\n<td><strong> <span lang=\"TH\" style=\"font-family: \'Angsana New\'; font-size: 14pt\"><span style=\"color: #000000\">ปรับการย่อ/ขยาย/หมุน ของวัตถุ</span></span></strong></td>\n</tr>\n<tr>\n<td><strong> <img height=\"24\" width=\"25\" src=\"/files/u43343/lasso.gif\" border=\"0\" /></strong></td>\n<td><strong> <span style=\"font-family: \'Times New Roman\'; font-size: 12pt\"><span style=\"color: #000000\">Lasso tool </span></span></strong></td>\n<td><strong> <span style=\"color: #000000\"><span lang=\"TH\" style=\"font-family: \'Angsana New\'; font-size: 14pt\">ใช้สร้างใน </span><span style=\"font-family: \'Times New Roman\'; font-size: 12pt\">Selection </span><span lang=\"TH\" style=\"font-family: \'Angsana New\'; font-size: 14pt\">วัตถุ</span></span></strong></td>\n</tr>\n<tr>\n<td><strong> <img height=\"25\" width=\"25\" src=\"/files/u43343/pen.gif\" border=\"0\" /></strong></td>\n<td><strong> <span style=\"font-family: \'Times New Roman\'; font-size: 12pt\"><span style=\"color: #000000\">Pen tool </span></span></strong></td>\n<td><strong> <span lang=\"TH\" style=\"font-family: \'Angsana New\'; font-size: 14pt\"><span style=\"color: #000000\">ปากกาใช้วาดเส้นพาธ</span></span></strong></td>\n</tr>\n<tr>\n<td><strong> <img height=\"25\" width=\"26\" src=\"/files/u43343/text.gif\" border=\"0\" /></strong></td>\n<td><strong> <span style=\"font-family: \'Times New Roman\'; font-size: 12pt\"><span style=\"color: #000000\">Text tool </span></span></strong></td>\n<td><strong> <span lang=\"TH\" style=\"font-family: \'Angsana New\'; font-size: 14pt\"><span style=\"color: #000000\">ใช้สร้างกรอบสำหรับพิมพ์ข้อความ</span></span></strong></td>\n</tr>\n<tr>\n<td><strong> <img height=\"25\" width=\"26\" src=\"/files/u43343/line.gif\" border=\"0\" /></strong></td>\n<td><strong> <span style=\"font-family: \'Times New Roman\'; font-size: 12pt\"><span style=\"color: #000000\">Line tool </span></span></strong></td>\n<td><strong> <span lang=\"TH\" style=\"font-family: \'Angsana New\'; font-size: 14pt\"><span style=\"color: #000000\">ใช้วาดเส้นตรง</span></span></strong></td>\n</tr>\n<tr>\n<td><strong> <img height=\"25\" width=\"26\" src=\"/files/u43343/rectangle.gif\" border=\"0\" /></strong></td>\n<td><strong> <span style=\"font-family: \'Times New Roman\'; font-size: 12pt\"><span style=\"color: #000000\">Rectangle tool </span></span></strong></td>\n<td><strong> </strong> \n<p class=\"MsoNormal\" style=\"margin: 0cm 0cm 0pt\">\n <span style=\"color: #000000\"><strong><span lang=\"TH\" style=\"font-family: \'Angsana New\'; font-size: 14pt\">ใช้วาดรูปสี่เหลี่ยม</span><span style=\"font-family: Times New Roman; font-size: small\">,</span><span lang=\"TH\" style=\"font-family: \'Angsana New\'; font-size: 14pt\">รูปหลายเหลี่ยม</span></strong></span>\n </p>\n</td>\n</tr>\n<tr>\n<td><strong> <img height=\"25\" width=\"26\" src=\"/files/u43343/pencil.gif\" border=\"0\" /></strong></td>\n<td><strong> <span style=\"font-family: \'Times New Roman\'; font-size: 12pt\"><span style=\"color: #000000\">Pencil tool </span></span></strong></td>\n<td><strong> <span lang=\"TH\" style=\"font-family: \'Angsana New\'; font-size: 14pt\"><span style=\"color: #000000\">ใช้วาดเส้นอิสระ</span></span></strong></td>\n</tr>\n<tr>\n<td><strong> <img height=\"25\" width=\"26\" src=\"/files/u43343/brush.gif\" border=\"0\" /></strong></td>\n<td><strong> <span style=\"font-family: \'Times New Roman\'; font-size: 12pt\"><span style=\"color: #000000\">Brush tool </span></span></strong></td>\n<td><strong> <span lang=\"TH\" style=\"font-family: \'Angsana New\'; font-size: 14pt\"><span style=\"color: #000000\">ใช้วาดรูปเส้นด้วยพู่กัน</span></span></strong></td>\n</tr>\n<tr>\n<td><strong> <img height=\"25\" width=\"26\" src=\"/files/u43343/ink.gif\" border=\"0\" /></strong></td>\n<td><strong> <span style=\"font-family: \'Times New Roman\'; font-size: 12pt\"><span style=\"color: #000000\">Ink bottle tool </span></span></strong></td>\n<td><strong> <span lang=\"TH\" style=\"font-family: \'Angsana New\'; font-size: 14pt\"><span style=\"color: #000000\">ใส่สีเส้นขอบของวัตถุ</span></span></strong></td>\n</tr>\n<tr>\n<td><strong> <img height=\"25\" width=\"26\" src=\"/files/u43343/paint.gif\" border=\"0\" /></strong></td>\n<td><strong> <span style=\"font-family: \'Times New Roman\'; font-size: 12pt\"><span style=\"color: #000000\">Paint Bucket tool </span></span></strong></td>\n<td><span style=\"color: #000000\"><span lang=\"TH\" style=\"font-family: \'Angsana New\'; font-size: 14pt\"><strong>ใส่สีพื้นหลังของวัตถุ</strong></span></span></td>\n</tr>\n<tr>\n<td><strong> <img height=\"25\" width=\"26\" src=\"/files/u43343/eye.jpg\" border=\"0\" /></strong></td>\n<td><strong> <span style=\"font-family: \'Times New Roman\'; font-size: 12pt\"><span style=\"color: #000000\">Eyedropper tool </span></span></strong></td>\n<td><strong> <span lang=\"TH\" style=\"font-family: \'Angsana New\'; font-size: 14pt\"><span style=\"color: #000000\">ใช้ดูดสี</span></span></strong></td>\n</tr>\n<tr>\n<td><strong> <img height=\"25\" width=\"26\" src=\"/files/u43343/eraser.gif\" border=\"0\" /></strong></td>\n<td><strong> <span style=\"font-family: \'Times New Roman\'; font-size: 12pt\"><span style=\"color: #000000\">Eraser tool </span></span></strong></td>\n<td><strong> <span lang=\"TH\" style=\"font-family: \'Angsana New\'; font-size: 14pt\"><span style=\"color: #000000\">ใช้ลบบางส่วนของวัตถุ</span></span></strong></td>\n</tr>\n<tr>\n<td><strong> <img height=\"25\" width=\"26\" src=\"/files/u43343/hand.gif\" border=\"0\" /></strong></td>\n<td><strong> <span style=\"font-family: \'Times New Roman\'; font-size: 12pt\"><span style=\"color: #000000\">Hand tool </span></span></strong></td>\n<td><strong> <span lang=\"TH\" style=\"font-family: \'Angsana New\'; font-size: 14pt\"><span style=\"color: #000000\">ใช้คลิกลากเอกสารขึ้นลง</span></span></strong></td>\n</tr>\n<tr>\n<td><strong><img height=\"1\" width=\"1\" src=\"/files/u43343/zoom.gif\" border=\"0\" /><img height=\"25\" width=\"26\" src=\"/files/u43343/zoom.gif\" border=\"0\" /></strong></td>\n<td><strong> <span style=\"font-family: \'Times New Roman\'; font-size: 12pt\"><span style=\"color: #000000\">Zoom tool </span></span></strong></td>\n<td><strong> <span lang=\"TH\" style=\"font-family: \'Angsana New\'; font-size: 14pt\"><span style=\"color: #000000\">ใช้ย่อ/ขยาย เอกสาร</span></span></strong></td>\n</tr>\n<tr>\n<td><strong><img height=\"25\" width=\"49\" src=\"/files/u43343/strake.gif\" border=\"0\" /></strong></td>\n<td><strong> <span style=\"font-family: \'Times New Roman\'; font-size: 12pt\"><span style=\"color: #000000\">Stroke color </span></span></strong></td>\n<td><strong> <span lang=\"TH\" style=\"font-family: \'Angsana New\'; font-size: 14pt\"><span style=\"color: #000000\">เลือกสีให้กับเส้นของวัตถุ</span></span></strong></td>\n</tr>\n<tr>\n<td><strong><img height=\"25\" width=\"49\" src=\"/files/u43343/fill.gif\" border=\"0\" /></strong></td>\n<td><strong> <span style=\"font-family: \'Times New Roman\'; font-size: 12pt\"><span style=\"color: #000000\">Fill color </span></span></strong></td>\n<td><strong> <span lang=\"TH\" style=\"font-family: \'Angsana New\'; font-size: 14pt\"><span style=\"color: #000000\">ลือกสีพื้นหลังของวัตถุ</span></span></strong></td>\n</tr>\n<tr>\n<td><strong> <img height=\"16\" width=\"18\" src=\"/files/u43343/back_0.gif\" border=\"0\" /></strong></td>\n<td><strong> <span style=\"font-family: \'Times New Roman\'; font-size: 12pt\"><span style=\"color: #000000\">Black and White </span></span></strong></td>\n<td><strong> <span lang=\"TH\" style=\"font-family: \'Angsana New\'; font-size: 14pt\"><span style=\"color: #000000\">เลือกสีขาวดำ</span></span></strong></td>\n</tr>\n<tr>\n<td><strong> <img height=\"16\" width=\"18\" src=\"/files/u43343/swap.gif\" border=\"0\" /></strong></td>\n<td><span style=\"color: #000000\"><span style=\"font-family: \'Times New Roman\'; font-size: 12pt\"><strong>Swap colors </strong></span></span></td>\n<td><strong> </strong> \n<p class=\"MsoNormal\" style=\"margin: 0cm 0cm 0pt\">\n <span lang=\"TH\" style=\"font-family: \'Angsana New\'; font-size: 14pt\"><span style=\"color: #000000\"><strong>สลับระหว่างสีเส้นกับสีพื้นหลัง</strong></span></span>\n </p>\n</td>\n</tr>\n</tbody>\n</table>\n<p>\n <a href=\"/node/89852?page=0%2C3\"><img height=\"50\" width=\"50\" src=\"/files/u43343/back.gif\" alt=\"Back\" border=\"0\" /></a> <a href=\"/node/89852?page=0%2C5\"><img height=\"50\" width=\"50\" src=\"/files/u43343/next.gif\" alt=\"Next\" border=\"0\" /></a>\n </p>\n</td>\n</tr>\n</tbody>\n</table>\n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\n<a href=\"/node/89852\"><img height=\"89\" width=\"76\" src=\"/files/u43343/icon_home_red.gif\" alt=\"http://www.thaigoodview.com/files/u43343/icon_home_green.gif\" border=\"0\" /></a>\n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\nแหล่งอ้างอิง : ยุทธชัย รุจิวิมล.Macromedia Fkash MX ฉบับสมบูรณ์.กรุงเทพฯ.บริษัท ซัคเซส มีเดีย จำกัด \n</div>\n</div>\n</div>\n</div>\n</div>\n</div>\n<!--pagebreak--><!--pagebreak--><div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\n<div style=\"text-align: center\">\n<hr id=\"null\" />\n</div>\n<div style=\"text-align: center\">\n \n<div style=\"text-align: center\">\n<span style=\"color: #008000\"><span style=\"color: #008000\"><a href=\"/node/89852\">หน้าแรก</a> <span style=\"color: #333300\">|</span> <a href=\"/node/89852?page=0%2C1\" title=\"มาทำความรู้จักกับโปรแกรม Flash กันก่อนเลยครับ\">บทเรียนที่ 1</a> <span style=\"color: #333300\">|</span> <a href=\"/node/89852?page=0%2C2\">บทเรียนที่ 2</a><span style=\"color: #333300\"> |</span> <a href=\"/node/89852?page=0%2C9\">บทเรียนที่ 3</a> <span style=\"color: #333300\">| </span><a href=\"/node/89852?page=0%2C10\">บทเรียนที่ 4</a><span style=\"color: #333300\"> |</span> <a href=\"/node/89852?page=0%2C12\">บทเรียนที่ 5</a><span style=\"color: #333300\"> |</span> <a href=\"/node/89852?page=0%2C19\">ขอขอบคุณ</a></span></span>\n</div>\n<div style=\"text-align: center\">\n<br />\n<img height=\"150\" width=\"390\" src=\"/files/u43343/lesson2.gif\" align=\"middle\" border=\"0\" />\n<table width=\"500\" border=\"0\" style=\"background-color: #dafadb\">\n<tbody>\n<tr>\n<td>\n<p>\n <strong>Timeline หรือเส้นเวลา พาเนลนี้ใช้สำหรับสร้างและปรับเปลี่ยนรายละเอียดของการเคลื่อนไหว โดยการนำตำแหน่งขององค์ประกอบที่เคลื่อนไหว (Object) มาจัดวางต่อกันทีละภาพในแต่ละช่วงเวลา (Frame) เพื่อสร้างเป็นภาพเคลื่อนไหว โดยจะกำหนดเส้นเวลาให้สามารถเล่นภาพเคลื่อนไหวซ้ำหรือเล่นแล้วหยุดก็ได้ ซึ่ง Timeline จะประกอบไปด้วยส่วนต่างๆ ดังนี้</strong>\n </p>\n<p>\n <img height=\"220\" width=\"528\" src=\"/files/u43343/timeline.jpg\" border=\"2\" style=\"width: 545px; height: 170px\" />\n </p>\n<p align=\"left\">\n <strong>1. Layer Name : ชื่อของเลเยอร์<br />\n 2. Show/Hide All Layers : แสดง/ซ่อนภาพในเลเยอร์ <br />\n 3. Lock/Unlock all Layers : ล็อค/ยกเลิกการล็อกเลเยอร์<br />\n 4. Show All Layers As Outlines : เลือกแสดงเนื้อหา/เส้นโครงร่าง<br />\n 5. Timeline Header : หมายเลขเฟรม<br />\n 6. Frame : เฟรม<br />\n 7. Layer Group : คำสั่งกลุ่มเลเยอร์ <br />\n - Insert Layer : แทรกเลเยอร์<br />\n - Add Motion Guide : เพิ่มทิศทางการเคลื่อนไหว<br />\n - Insert Layer Folder : แทรกเลเยอร์โฟลเดอร์เพื่อเก็บเลเยอร์ต่างๆไว้<br />\n - Delete Layer : ลบเลเยอ์<br />\n 8. Current Frame : ตำแหน่งเฟรมปัจจุบัน<br />\n 9. Frame Rate : จำนวนเฟรมต่อวินาที<br />\n 10.Elapsed Time : เวลาที่แสดง </strong>\n </p>\n<p>\n <strong> <a href=\"/node/89852?page=0%2C4\"><img height=\"50\" width=\"50\" src=\"/files/u43343/back.gif\" alt=\"Back\" border=\"0\" /></a> <a href=\"/node/89852?page=0%2C6\"><img height=\"50\" width=\"50\" src=\"/files/u43343/next.gif\" alt=\"Next\" border=\"0\" /></a></strong>\n </p>\n</td>\n</tr>\n</tbody>\n</table>\n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\n<a href=\"/node/89852\"><img height=\"89\" width=\"76\" src=\"/files/u43343/icon_home_red.gif\" alt=\"http://www.thaigoodview.com/files/u43343/icon_home_green.gif\" border=\"0\" /></a>\n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\nแหล่งอ้างอิง : ยุทธชัย รุจิวิมล.Macromedia Fkash MX ฉบับสมบูรณ์.กรุงเทพฯ.บริษัท ซัคเซส มีเดีย จำกัด \n</div>\n<!--pagebreak--><!--pagebreak--><div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\n<hr id=\"null\" />\n\n<div style=\"text-align: center\">\n<span style=\"color: #008000\"><span style=\"color: #008000\"><a href=\"/node/89852\">หน้าแรก</a> <span style=\"color: #333300\">|</span> <a href=\"/node/89852?page=0%2C1\" title=\"มาทำความรู้จักกับโปรแกรม Flash กันก่อนเลยครับ\">บทเรียนที่ 1</a> <span style=\"color: #333300\">|</span> <a href=\"/node/89852?page=0%2C2\">บทเรียนที่ 2</a><span style=\"color: #333300\"> |</span> <a href=\"/node/89852?page=0%2C9\">บทเรียนที่ 3</a> <span style=\"color: #333300\">| </span><a href=\"/node/89852?page=0%2C10\">บทเรียนที่ 4</a><span style=\"color: #333300\"> |</span> <a href=\"/node/89852?page=0%2C12\">บทเรียนที่ 5</a><span style=\"color: #333300\"> |</span> <a href=\"/node/89852?page=0%2C19\">ขอขอบคุณ</a></span></span>\n</div>\n<div style=\"text-align: center\">\n<br />\n<img height=\"150\" width=\"390\" src=\"/files/u43343/lesson2.gif\" align=\"middle\" border=\"0\" />\n<table width=\"500\" border=\"0\" style=\"background-color: #dafadb\">\n<tbody>\n<tr>\n<td>\n<p>\n <strong> Stage หรือเวที เป็นพื้นที่สี่เหลี่ยมสีขาว(หรือสีอื่นๆถ้าเราใช้คำสั่งเปลี่ยนสีสเตจ) ที่อยู่กึ่งกลางหน้าจอ สิ่งที่เราจัดวางในสเตจเท่านั้นที่จะแสดงผลในมูฟวี่ ส่วนบริเวณรอบสเตจจะเป็นสีเทาเรียกว่า พื้นที่ทำงาน (Work area) เป็นพื้นที่ที่ใช้สำหรับจัดเตรียมเนื้อหา หรือวางรูปทรงที่ยังไม่ได้ใช้งาน ซึ่งวัตถุบริเวณยี้จะไม่แสดงผลบนมูฟวี่</strong>\n </p>\n<p>\n <img height=\"256\" width=\"600\" src=\"/files/u43343/stage.jpg\" border=\"0\" />\n </p>\n<p>\n <strong> การกำหนดค่าให้กับสเตจ<br />\n ก่อนที่เราจะสร้างภาพเคลื่อนไหวในโปรแกรม Flash เราจำเป็นที่จะต้องตั้งค่าสำคัญๆให้กับสเตจก่อนครับ เรามาเริ่มกันเลย</strong><strong> เลือกคำสั่ง <br />\n Miodify > Document หรือกดคีย์ลัด Ctrl+J จะได้หน้าต่างดังนี้</strong>\n </p>\n<p>\n <img height=\"343\" width=\"368\" src=\"/files/u43343/Document.jpg\" border=\"2\" />\n </p>\n<p>\n <strong>1. กำหนดขนาด Width = ความกว้าง และ Height = ความสูงของสเตจ<br />\n 2. กำหนดสีเริ่มต้นของสเตจ<br />\n 3. อัตราความเร็วของภาพเคลื่อนไหว มีหน่วยเป็นเฟรมต่อวินาที<br />\n 4. เลือกหน่วยวัด</strong>\n </p>\n<p>\n <strong> <a href=\"/node/89852?page=0%2C5\"><img height=\"50\" width=\"50\" src=\"/files/u43343/back.gif\" alt=\"Back\" border=\"0\" /></a> <a href=\"/node/89852?page=0%2C7\"><img height=\"50\" width=\"50\" src=\"/files/u43343/next.gif\" alt=\"Next\" border=\"0\" /></a></strong>\n </p>\n</td>\n</tr>\n</tbody>\n</table>\n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\n<a href=\"/node/89852\"><img height=\"89\" width=\"76\" src=\"/files/u43343/icon_home_red.gif\" alt=\"http://www.thaigoodview.com/files/u43343/icon_home_green.gif\" border=\"0\" /></a>\n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\nแหล่งอ้างอิง : ดวงพร เกี๋ยงคำ.สร้างเว็บไซต์ด้วยตัวเอง.กรุงเทพฯ.บริษัท โปรวิชั่น จำกัด \n</div>\n<!--pagebreak--><!--pagebreak--><div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\n<hr id=\"null\" />\n</div>\n</div>\n</div>\n</div>\n<div style=\"text-align: center\">\n<span style=\"color: #008000\"><span style=\"color: #008000\"><a href=\"/node/89852\">หน้าแรก</a> <span style=\"color: #333300\">|</span> <a href=\"/node/89852?page=0%2C1\" title=\"มาทำความรู้จักกับโปรแกรม Flash กันก่อนเลยครับ\">บทเรียนที่ 1</a> <span style=\"color: #333300\">|</span> <a href=\"/node/89852?page=0%2C2\">บทเรียนที่ 2</a><span style=\"color: #333300\"> |</span> <a href=\"/node/89852?page=0%2C9\">บทเรียนที่ 3</a> <span style=\"color: #333300\">| </span><a href=\"/node/89852?page=0%2C10\">บทเรียนที่ 4</a><span style=\"color: #333300\"> |</span> <a href=\"/node/89852?page=0%2C12\">บทเรียนที่ 5</a><span style=\"color: #333300\"> |</span> <a href=\"/node/89852?page=0%2C19\">ขอขอบคุณ</a></span></span>\n</div>\n<div style=\"text-align: center\">\n<br />\n<img height=\"150\" width=\"390\" src=\"/files/u43343/lesson2.gif\" align=\"middle\" border=\"0\" />\n<table width=\"500\" border=\"0\" style=\"background-color: #dafadb\">\n<tbody>\n<tr>\n<td>\n<p>\n <strong> Properties หรือคุณสมบัติ เป็นหน้าต่างที่ใช้แสดงคุณสมบัติต่างๆ ของวัตถุ เมื่อเราคลิกเลือกเสเตจหรือครื่องมือในกล่องเครื่องมือ (Tools Panel) หน้าต่างคุณสมบัติด้านล่างหน้าจอก็จะเปลี่ยนไปด้วย เช่น </strong>\n </p>\n<p>\n <strong>1. เลือกสเตจ จะเจอ Properties ดังรูปด้านล่างที่สามารถตั้งค่าของสเตจได้</strong>\n </p>\n<p>\n <strong> <img aling=\"middle\" src=\"/files/u43343/P_Document.jpg\" border=\"2\" /></strong><strong><br />\n </strong>\n </p>\n<p>\n <strong>2. เลือกเครื่องมือ Pen Tool จะเจอ Properties ดังรูปด้านล่างที่สามารถปรับเปลี่ยนรูปแบบของ Pen Tool ได้</strong>\n </p>\n<p>\n <strong><img aling=\"middle\" src=\"/files/u43343/P_pentool.jpg\" border=\"2\" /></strong><strong><br />\n </strong>\n </p>\n<p>\n <strong>3. เลือกเครื่องมือ Text Tool จะเจอ Properties ดังรูปด้านล่างที่สามารถเปลี่ยนรูปแบบของตคัวอักษรได้</strong>\n </p>\n<p>\n <strong><img aling=\"middle\" src=\"/files/u43343/P_textTool.jpg\" border=\"2\" /></strong><strong><br />\n <strong> </strong></strong>\n </p>\n<p>\n <strong><strong>4. เลือกเครื่องมือ Rectangle Tool จะเจอ Properties ดังรูปด้านล่างที่สามารถเปลี่ยนลักษณะของรูปสี่เหลี่ยมได้</strong> </strong>\n </p>\n<p> <strong><strong><img aling=\"middle\" src=\"/files/u43343/P_rectangle.jpg\" border=\"2\" /></strong><strong><br />\n </strong><strong></strong></strong><strong><strong></strong></strong></p>\n<p>\n <a href=\"/files/u43343/P_Pencil.gif\"></a>\n </p>\n<p>\n <strong> <a href=\"/node/89852?page=0%2C6\"><img height=\"50\" width=\"50\" src=\"/files/u43343/back.gif\" alt=\"Back\" border=\"0\" /></a> <a href=\"/node/89852?page=0%2C8\"><img height=\"50\" width=\"50\" src=\"/files/u43343/next.gif\" alt=\"Next\" border=\"0\" /></a></strong>\n </p>\n<p> </p></td>\n</tr>\n</tbody>\n</table>\n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\n<a href=\"/node/89852\"><img height=\"89\" width=\"76\" src=\"/files/u43343/icon_home_red.gif\" alt=\"http://www.thaigoodview.com/files/u43343/icon_home_green.gif\" border=\"0\" /></a>\n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\nแหล่งอ้างอิง : ดวงพร เกี๋ยงคำ.สร้างเว็บไซต์ด้วยตัวเอง.กรุงเทพฯ.บริษัท โปรวิชั่น จำกัด \n</div>\n<!--pagebreak--><!--pagebreak--><div style=\"text-align: center\">\n<hr id=\"null\" />\n</div>\n<div style=\"text-align: center\">\n<span style=\"color: #008000\"></span>\n</div>\n<div style=\"text-align: center\">\n<span style=\"color: #008000\"><span style=\"color: #008000\"><a href=\"/node/89852\">หน้าแรก</a> <span style=\"color: #333300\">|</span> <a href=\"/node/89852?page=0%2C1\" title=\"มาทำความรู้จักกับโปรแกรม Flash กันก่อนเลยครับ\">บทเรียนที่ 1</a> <span style=\"color: #333300\">|</span> <a href=\"/node/89852?page=0%2C2\">บทเรียนที่ 2</a><span style=\"color: #333300\"> |</span> <a href=\"/node/89852?page=0%2C9\">บทเรียนที่ 3</a> <span style=\"color: #333300\">| </span><a href=\"/node/89852?page=0%2C10\">บทเรียนที่ 4</a><span style=\"color: #333300\"> |</span> <a href=\"/node/89852?page=0%2C12\">บทเรียนที่ 5</a><span style=\"color: #333300\"> |</span> <a href=\"/node/89852?page=0%2C19\">ขอขอบคุณ</a></span></span>\n</div>\n<div style=\"text-align: center\">\n<br />\n<img height=\"150\" width=\"390\" src=\"/files/u43343/lesson2.gif\" align=\"middle\" border=\"0\" />\n<table width=\"500\" border=\"0\" style=\"background-color: #dafadb\">\n<tbody>\n<tr>\n<td>\n<p>\n <strong> Panel หรือหน้าต่างควบคุมการแสดงผล เราสามารถเปิดพาเนลต่างๆมาใช้งานได้โดย เลือกคำสั่ง Window > คลิกเลือกชื่อพาเนล หรือคลิกเลือกคำสั่ง Window > Other Panels > คลิกเลือกชื่อพาเนล หรือกดคีย์ลัดที่อยู่ด้านหลังชื่อพาเนลครับ เช่น ต้องการพาเนล Align คีย์ลัดคือ Ctrl+K เป็นต้น โดยผมจะขอยกตัวอย่งพาเนลที่น่าสนใจดังนี้ครับ</strong>\n </p>\n<p>\n <strong>1. Panel Align คีย์ลัดคือ Ctrl+K เป็นหน้าต่างสำหรับจัดเรียงวัตถุให้เรียงในแถวเดียวกัน ซึ่งจะมีลักษณะและรูปแบบต่างๆ โดยใช้จัดเรียงวัตถุตั้งแต่ 2 ชิ้นขึ้นไป </strong>\n </p>\n<p>\n <strong><img src=\"/files/u43343/align.gif\" align=\"middle\" border=\"2\" /> </strong>\n </p>\n<p>\n <strong>2. Panel Swatches คีย์ลัดคือ Ctrl+F9 เป็นหน้ต่างที่จัดเรียงสีไว้และทำการไล่สี ทำให้เราสามารถเลือกสีได้ง่ายขึ้น ดังรูปด้านล่าง</strong>\n </p>\n<p>\n <strong><img src=\"/files/u43343/swatch.gif\" align=\"middle\" border=\"2\" /></strong>\n </p>\n<p>\n <strong>3. Panel Color คีย์ลัดคือ Shift+F9 เป็นหน้าต่างที่ช่วยในการผสมสี ซึ่งใช้โหมดสี RGB สามารถเลือกสีที่เราต้องการได้ ดังรูปด้านล่าง<br />\n - R ปรับสีแดงให้กับวัตถุ<br />\n - G ปรับสีเขียวให้กับวัตถุ<br />\n - B ปรับสีน้ำเงินให้กับวัตถุ</strong>\n </p>\n<p>\n <strong><img src=\"/files/u43343/color.gif\" align=\"middle\" border=\"2\" /></strong>\n </p>\n<p>\n <strong>4. Panel Library คีย์ลัดคือ Ctrl+L ดังรูปด้านล่าง เป็นพาเนลที่รวมไฟล์ต่างๆที่เราใช้ในการสร้างภาพเคลื่อนไหว หากเราต้องการใช้งานไฟล์เหล่านั้นก็ให้ลากจาก Panel Library มาวางบน Stage </strong><strong></strong>\n </p>\n<p> <strong><strong><img src=\"/files/u43343/library.gif\" align=\"middle\" border=\"2\" /></strong> </strong></p>\n<p>\n <a href=\"/files/u43343/P_Pencil.gif\"></a>\n </p>\n<p>\n <a href=\"/node/89852?page=0%2C7\"><img height=\"50\" width=\"50\" src=\"/files/u43343/back.gif\" alt=\"Back\" border=\"0\" /></a> \n </p>\n<p> </p></td>\n</tr>\n</tbody>\n</table>\n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\n<a href=\"/node/89852\"><img height=\"89\" width=\"76\" src=\"/files/u43343/icon_home_red.gif\" alt=\"http://www.thaigoodview.com/files/u43343/icon_home_green.gif\" border=\"0\" /></a>\n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\nแหล่งอ้างอิง : ดวงพร เกี๋ยงคำ.สร้างเว็บไซต์ด้วยตัวเอง.กรุงเทพฯ.บริษัท โปรวิชั่น จำกัด \n<!--pagebreak--><!--pagebreak--><hr id=\"null\" />\n</div>\n<div style=\"text-align: center\">\n<span style=\"color: #008000\"></span>\n</div>\n<div style=\"text-align: center\">\n<span style=\"color: #008000\"><span style=\"color: #008000\"><a href=\"/node/89852\">หน้าแรก</a> <span style=\"color: #333300\">|</span> <a href=\"/node/89852?page=0%2C1\" title=\"มาทำความรู้จักกับโปรแกรม Flash กันก่อนเลยครับ\">บทเรียนที่ 1</a> <span style=\"color: #333300\">|</span> <a href=\"/node/89852?page=0%2C2\">บทเรียนที่ 2</a><span style=\"color: #333300\"> |</span> <a href=\"/node/89852?page=0%2C9\">บทเรียนที่ 3</a> <span style=\"color: #333300\">| </span><a href=\"/node/89852?page=0%2C10\">บทเรียนที่ 4</a><span style=\"color: #333300\"> |</span> <a href=\"/node/89852?page=0%2C12\">บทเรียนที่ 5</a><span style=\"color: #333300\"> |</span> <a href=\"/node/89852?page=0%2C19\">ขอขอบคุณ</a></span></span>\n</div>\n<div style=\"text-align: center\">\n<br />\n<img height=\"150\" width=\"390\" src=\"/files/u43343/lesson3.gif\" align=\"middle\" border=\"0\" />\n</div>\n<table align=\"center\" width=\"500\" border=\"0\" style=\"background-color: #fbfbbb\">\n<tbody>\n<tr>\n<td>\n<p align=\"left\">\n <strong><u>หลักการทำงานของโปรแกรม Flash<br />\n </u>หลักการทำงานของโปรแกรม Flash แบ่งออกเป็น 4 ขั้นตอนหลักๆ ดังนี้<br />\n 1. นำภาพที่เราสร้างขึ้นหรือรูปภาพจากแหล่งอื่นๆ มาวางไว้บนสเตจ<br />\n 2. แปลงวัตถุนั้นๆให้เป็น Symbol ซึ่งเป็นลักษณะที่โปรแกรมสามารถนำไปสร้างเป็นภาพเคลื่อนไหวได้<br />\n 3. นำ Symbol นั้นมาสร้างให้เป็นภาพเคลื่อนไหว ซึ่งขึ้นตอนนี้สามารถใส่เสียงประกอบหรือเขียน Script คำสั่งเพิ่มเติมเข้าไปด้วยก็ได้<br />\n 4. เมื่อสร้างชิ้นงานเสร็จเรียบร้อยแล้วก็แปลงชิ้นงานนั้นให้สามารถใช้ได้ในรูปแบบนามสกุลต่างๆ</strong>\n </p>\n<p align=\"left\">\n <strong><u>นามสกุลของโปรแกรม Flash</u><br />\n นามสกุลหลักๆ ของโปรแกรม Flash แบ่งออกเป็น 2 นามสกุล ได้แก่</strong>\n </p>\n<p align=\"left\">\n <strong></strong></p>\n<table border=\"0\">\n<tbody>\n<tr>\n<td><img height=\"65\" width=\"68\" src=\"/files/u43343/fla.gif\" align=\"left\" border=\"2\" /> </td>\n<td><strong>.fla ย่อมาจาก Flash Movie เป็นไฟล์เอกสารหลักที่เราบันทึกการทำงานของการสร้างภาพเคลื่อนไหวเอาไว้ โดยจะเก็บรายละเอียดและขั้นตอนต่างๆ ที่ใช้ในการออกแบบและพัฒนาภาพเคลื่อนไหว สามารถเปิดกลับมาแก้ไขได้</strong> </td>\n</tr>\n<tr>\n<td> <img height=\"69\" width=\"66\" src=\"/files/u43343/swf.gif\" border=\"0\" /></td>\n<td><strong> .swf ย่อมาจาก Shockwave เป็นไฟล์ที่เป็นผลลัพธ์สุดท้าย ซึ่งจะได้จากการ Export หรือ Publish เพื่อนำไปเผยแพร่ในเว็บหรือแสดงด้วยโปรแกรม Flash Player โดยข้อมูลต้นฉบับทั้งหมดจะถูกบีบอีด ปรับลดคุณสมบัติและยุบรวมให้มีขนาดเล็ก โดยนามสกุลนี้จะสามารถแสดงผลได้อย่างเดียวไม่สามารถนำกลับมาแก้ไขได้</strong></td>\n</tr>\n</tbody>\n</table>\n<p>\n <strong> </strong>\n </p>\n</td>\n</tr>\n</tbody>\n</table>\n<div>\n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\n<a href=\"/node/89852\"><img height=\"89\" width=\"76\" src=\"/files/u43343/icon_home_red.gif\" alt=\"http://www.thaigoodview.com/files/u43343/icon_home_green.gif\" border=\"0\" /></a>\n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\nแหล่งอ้างอิง : ยุทธชัย รุจิวิมล.Macromedia Fkash MX ฉบับสมบูรณ์.กรุงเทพฯ.บริษัท ซัคเซส มีเดีย จำกัด\n</div>\n<!--pagebreak--><!--pagebreak--><div style=\"text-align: center\">\n<hr id=\"null\" />\n</div>\n<div style=\"text-align: center\">\n<span style=\"color: #008000\"></span>\n</div>\n<div style=\"text-align: center\">\n<span style=\"color: #008000\"><span style=\"color: #008000\"><a href=\"/node/89852\">หน้าแรก</a> <span style=\"color: #333300\">|</span> <a href=\"/node/89852?page=0%2C1\" title=\"มาทำความรู้จักกับโปรแกรม Flash กันก่อนเลยครับ\">บทเรียนที่ 1</a> <span style=\"color: #333300\">|</span> <a href=\"/node/89852?page=0%2C2\">บทเรียนที่ 2</a><span style=\"color: #333300\"> |</span> <a href=\"/node/89852?page=0%2C9\">บทเรียนที่ 3</a> <span style=\"color: #333300\">| </span><a href=\"/node/89852?page=0%2C10\">บทเรียนที่ 4</a><span style=\"color: #333300\"> |</span> <a href=\"/node/89852?page=0%2C12\">บทเรียนที่ 5</a><span style=\"color: #333300\"> |</span> <a href=\"/node/89852?page=0%2C19\">ขอขอบคุณ</a></span></span>\n</div>\n<div style=\"text-align: center\">\n<br />\n<img height=\"150\" width=\"390\" src=\"/files/u43343/lesson4.gif\" align=\"middle\" border=\"0\" />\n</div>\n<table align=\"center\" width=\"500\" border=\"0\" style=\"background-color: #fbfbbb\">\n<tbody>\n<tr>\n<td>\n<p align=\"left\">\n <strong> การวาดรูปลายเส้น </strong>\n </p>\n<p align=\"left\">\n <strong>1. คลิกที่เครื่องมือ Line tool, Rectangle tool, Over tool,Pencil tool, Brush tool ดังรูป(สี่เหลี่ยมกดต้องR วงกลมกดต้องO แต่ต้องเลือกที่สี่เหลี่ยมก่อน)</strong>\n </p>\n<p align=\"left\">\n <strong><img height=\"157\" width=\"441\" src=\"/files/u43343/line_Rec_Oval.jpg\" border=\"2\" /></strong>\n </p>\n<p> <strong></strong></p>\n<p align=\"left\">\n <br />\n 2. หลังจากนั้นก็คลิกที่เครื่องมือ Rectangle tool แล้วก็วาดรูปตามต้องการ(ในที่นี้วาดรูปบ้าน)\n </p>\n<p align=\"left\">\n <img height=\"275\" width=\"554\" src=\"/files/u43343/Home1.jpg\" border=\"2\" style=\"width: 511px; height: 239px\" /><br />\n 3. หลังจากนั้นกดตัวOที่คีย์บอร์ดจากสี่เหลี่ยมจะกลายเป็นเครื่องมือ <img height=\"43\" width=\"42\" src=\"/files/u43343/oval.gif\" border=\"0\" />Over tool <br />\n 4. เครื่องมือ Over tool ใช้วาดรูปวงกลมเราก็วาดรูปตามต้องการ\n </p>\n<p align=\"left\">\n <img height=\"131\" width=\"191\" src=\"/files/u43343/Home2.jpg\" border=\"0\" style=\"width: 309px; height: 217px\" /><br />\n 5. หลังจากนั้นก็คลิกที่เครื่องมือ<img height=\"25\" width=\"26\" src=\"/files/u43343/line.gif\" border=\"0\" /> Line tool ซึ่งใช้วาดเส้นตรง <br />\n 6. หลังจากนั้นเราก็วาดรูปตามต้องการ\n </p>\n<p> </p>\n<p align=\"left\">\n <img height=\"159\" width=\"180\" src=\"/files/u43343/home_final.jpg\" border=\"0\" style=\"width: 301px; height: 232px\" /> \n </p>\n</td>\n</tr>\n</tbody>\n</table>\n<div>\n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\n<a href=\"/node/89852\"><img height=\"89\" width=\"76\" src=\"/files/u43343/icon_home_red.gif\" alt=\"http://www.thaigoodview.com/files/u43343/icon_home_green.gif\" border=\"0\" /></a>\n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\n</div>\n<!--pagebreak--><!--pagebreak--><div style=\"text-align: center\">\n<hr id=\"null\" />\n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\n<div style=\"text-align: center\">\n<span style=\"color: #008000\"><span style=\"color: #008000\"><a href=\"/node/89852\">หน้าแรก</a> <span style=\"color: #333300\">|</span> <a href=\"/node/89852?page=0%2C1\" title=\"มาทำความรู้จักกับโปรแกรม Flash กันก่อนเลยครับ\">บทเรียนที่ 1</a> <span style=\"color: #333300\">|</span> <a href=\"/node/89852?page=0%2C2\">บทเรียนที่ 2</a><span style=\"color: #333300\"> |</span> <a href=\"/node/89852?page=0%2C9\">บทเรียนที่ 3</a> <span style=\"color: #333300\">| </span><a href=\"/node/89852?page=0%2C10\">บทเรียนที่ 4</a><span style=\"color: #333300\"> |</span> <a href=\"/node/89852?page=0%2C12\">บทเรียนที่ 5</a><span style=\"color: #333300\"> |</span> <a href=\"/node/89852?page=0%2C19\">ขอขอบคุณ</a></span></span>\n</div>\n<div style=\"text-align: center\">\n<br />\n<img height=\"150\" width=\"390\" src=\"/files/u43343/lesson4.gif\" align=\"middle\" border=\"0\" />\n</div>\n<table align=\"center\" width=\"500\" border=\"0\" style=\"background-color: #fbfbbb\">\n<tbody>\n<tr>\n<td>\n<p align=\"left\">\n <strong>หลังจากที่วาดรูปแล้ว มาถึงขั้นตอนการลงสีแล้วครับ<br />\n 1. เปิดโปรแกรม Flash CS3 ขึ้นมา<br />\n 2. เมื่อเจอหน้าเริ่มแรกของโปรแกรม Flash ให้ดูที่กลุ่มของ Create New เลือกคำสั่ง Flash File (ActionScript 3.0) หรือ Flash File (ActionScript 2.0) ก็ได้</strong>\n </p>\n<p align=\"left\">\n <strong><img height=\"309\" width=\"400\" src=\"/files/u43343/title.gif\" border=\"2\" /></strong><strong><br />\n 3. คลิกเครื่องมือ<img height=\"43\" width=\"42\" src=\"/files/u43343/oval.gif\" border=\"0\" /> เมื่อเราเลือก Oval Tool แล้วจะสังเกตเห็นว่า Peoperties ด้านล่างจะเปลี่ยนไป โดยสามารถเลือกสีพื้น เลือกสีส้น ลักษระของเส้นได้ตามต้องการ</strong>\n </p>\n<p align=\"left\">\n <strong><img height=\"118\" width=\"500\" src=\"/files/u43343/Properyies_Oval_Tool.jpg\" border=\"2\" /></strong>\n </p>\n<p> <strong></strong><strong></strong></p>\n<p align=\"left\">\n <br />\n 4. เมื่อกำหนด Properties เสร็จเรียบร้อยแล้ว ก็วาดเกสรดอกไม้ก่อนเลยครับ\n </p>\n<p align=\"left\">\n <img height=\"274\" width=\"300\" src=\"/files/u43343/draw_oval.gif\" border=\"2\" /><br />\n 5. กลีบดอกใช้เครื่องมือ <img height=\"25\" width=\"26\" src=\"/files/u43343/brush.gif\" border=\"0\" /> เราสามารถกำหนดขนาดของ Brush และรูปแบบของ Brush ได้ดังรูป\n </p>\n<p align=\"left\">\n <br />\n <img height=\"243\" width=\"87\" src=\"/files/u43343/brush_size.gif\" border=\"2\" style=\"width: 89px; height: 282px\" /> <img height=\"280\" width=\"111\" src=\"/files/u43343/Brush_shape.gif\" border=\"2\" />\n </p>\n<p align=\"left\">\n 6. กำหนดสีของ Brush ได้จาด Peoperties ด้านล่าง\n </p>\n<p align=\"left\">\n <img height=\"109\" width=\"300\" src=\"/files/u43343/Properties_Brush.jpg\" border=\"2\" />\n </p>\n<p align=\"left\">\n 7. วาดกลีบดอกแลใบครับ\n </p>\n<p align=\"left\">\n <img height=\"271\" width=\"300\" src=\"/files/u43343/Draw_Pic1_0.gif\" border=\"2\" /><br />\n 8. ใช้ <img height=\"25\" width=\"26\" src=\"/files/u43343/paint.gif\" border=\"0\" /> เพื่อเทสีลงไปในกลีบดอก โดยกำหนดใน Properties ของ ถังสี\n </p>\n<p align=\"left\">\n <img height=\"111\" width=\"250\" src=\"/files/u43343/Properties_paint_bucket.jpg\" border=\"2\" />\n </p>\n<p align=\"left\">\n <br />\n 8. ดอกไม้ที่วาดและลงสีเสร็จเรียบร้อยแล้วครับ ง่ายไหมละครับ \n </p>\n<p> </p>\n<p align=\"left\">\n <img height=\"270\" width=\"300\" src=\"/files/u43343/Draw_pic_final.gif\" border=\"2\" /> \n </p>\n<p align=\"left\">\n \n </p>\n</td>\n</tr>\n</tbody>\n</table>\n<div>\n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\n<a href=\"/node/89852\"><img height=\"89\" width=\"76\" src=\"/files/u43343/icon_home_red.gif\" alt=\"http://www.thaigoodview.com/files/u43343/icon_home_green.gif\" border=\"0\" /></a>\n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\n</div>\n<!--pagebreak--><!--pagebreak--><div style=\"text-align: center\">\n<hr id=\"null\" />\n</div>\n</div>\n<div style=\"text-align: center\">\n<span style=\"color: #008000\"></span>\n</div>\n<div style=\"text-align: center\">\n<span style=\"color: #008000\"></span>\n</div>\n<div style=\"text-align: center\">\n<span style=\"color: #008000\"><span style=\"color: #008000\"><a href=\"/node/89852\">หน้าแรก</a> <span style=\"color: #333300\">|</span> <a href=\"/node/89852?page=0%2C1\" title=\"มาทำความรู้จักกับโปรแกรม Flash กันก่อนเลยครับ\">บทเรียนที่ 1</a> <span style=\"color: #333300\">|</span> <a href=\"/node/89852?page=0%2C2\">บทเรียนที่ 2</a><span style=\"color: #333300\"> |</span> <a href=\"/node/89852?page=0%2C9\">บทเรียนที่ 3</a> <span style=\"color: #333300\">| </span><a href=\"/node/89852?page=0%2C10\">บทเรียนที่ 4</a><span style=\"color: #333300\"> |</span> <a href=\"/node/89852?page=0%2C12\">บทเรียนที่ 5</a><span style=\"color: #333300\"> |</span> <a href=\"/node/89852?page=0%2C19\">ขอขอบคุณ</a></span></span> \n</div>\n<div style=\"text-align: center\">\n<br />\n<img height=\"150\" width=\"390\" src=\"/files/u43343/lesson5.gif\" align=\"middle\" border=\"0\" />\n</div>\n<table align=\"center\" width=\"500\" border=\"0\" style=\"background-color: #fbfbbb\">\n<tbody>\n<tr>\n<td><strong>\n<table align=\"center\" width=\"500\" border=\"0\" style=\"background-color: #fbfbbb\">\n<tbody>\n<tr>\n<td>\n<p align=\"left\">\n <strong>เรามาสร้างภาพเคลื่อนไหวแบบ Motion Tween กันเถอะครับ<br />\n 1. เปิดโปรแกรม Flash CS3 ขึ้นมาก่อนเลยครับ</strong><strong><br />\n 2. เมื่อเจอหน้าเริ่มแรกของโปรแกรม Flash ให้ดูที่กลุ่มของ Create New เลือกคำสั่ง Flash File (ActionScript 3.0) หรือ Flash File (ActionScript 2.0) ก็ได้</strong>\n </p>\n<p align=\"left\">\n <strong><img height=\"309\" width=\"400\" src=\"/files/u43343/title.gif\" border=\"2\" /></strong>\n </p>\n<p align=\"left\">\n <strong><br />\n 3. เมื่อเข้าไปสู่ของโปรแกรมแล้วให้นำรูปเข้ามาด้วยการเลือกคำสั่ง File > Import > Import to Stage</strong>\n </p>\n<p align=\"left\">\n <strong> <img height=\"379\" width=\"446\" src=\"/files/u43343/Import_picture.jpg\" border=\"2\" /><br />\n 4. เมื่อได้รูปแล้ว เราสามารถปรับขนาดของรูปภาพโดยใช้เครื่องมือ <img height=\"24\" width=\"24\" src=\"/files/u43343/free.gif\" border=\"0\" /> เพื่อย่อ/ขยายรูปภาพให้พอดีกับ Stage</strong>\n </p>\n<p align=\"left\">\n <strong><img height=\"289\" width=\"400\" src=\"/files/u43343/Free_tranform.gif\" border=\"2\" /></strong>\n </p>\n<p> <strong></strong></p>\n<p align=\"left\">\n <br />\n 5. กดไอคอน Insert Layer เพื่อแทรก Layer ขึ้นมา 1 Layer และดับเบิ้ลคลิกเพื่อเปลี่ยนชื่อ Layer นั้นๆ \n </p>\n<p align=\"left\">\n <img height=\"176\" width=\"354\" src=\"/files/u43343/Insert_layer.jpg\" border=\"2\" />\n </p>\n<p align=\"left\">\n <br />\n 6. เลือกLayer ที่ 2 ที่ชื่อว่า Star แล้วเลือกเคลื่องมือที่ชื่อว่า PolyStar Tool เพื่อวาด \n </p>\n<p align=\"left\">\n <img height=\"204\" width=\"226\" src=\"/files/u43343/PolyStar.jpg\" border=\"2\" />\n </p>\n<p align=\"left\">\n <a href=\"/node/89852?page=0%2C13\"><img height=\"50\" width=\"50\" src=\"/files/u43343/next.gif\" alt=\"Next\" border=\"0\" /></a>\n </p>\n<p> </p></td></tr></tbody></table></strong></td>\n</tr>\n</tbody>\n</table>\n<p> \n\n\n\n<div>\n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\n<a href=\"/node/89852\"><img height=\"89\" width=\"76\" src=\"/files/u43343/icon_home_red.gif\" alt=\"http://www.thaigoodview.com/files/u43343/icon_home_green.gif\" border=\"0\" /></a>\n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\n</div>\n<!--pagebreak--><!--pagebreak--><div style=\"text-align: center\">\n<hr id=\"null\" />\n</div>\n<div style=\"text-align: center\">\n<span style=\"color: #008000\"><span style=\"color: #008000\"><a href=\"/node/89852\">หน้าแรก</a> <span style=\"color: #333300\">|</span> <a href=\"/node/89852?page=0%2C1\" title=\"มาทำความรู้จักกับโปรแกรม Flash กันก่อนเลยครับ\">บทเรียนที่ 1</a> <span style=\"color: #333300\">|</span> <a href=\"/node/89852?page=0%2C2\">บทเรียนที่ 2</a><span style=\"color: #333300\"> |</span> <a href=\"/node/89852?page=0%2C9\">บทเรียนที่ 3</a> <span style=\"color: #333300\">| </span><a href=\"/node/89852?page=0%2C10\">บทเรียนที่ 4</a><span style=\"color: #333300\"> |</span> <a href=\"/node/89852?page=0%2C12\">บทเรียนที่ 5</a><span style=\"color: #333300\"> |</span> <a href=\"/node/89852?page=0%2C19\">ขอขอบคุณ</a></span></span>\n</div>\n<div style=\"text-align: center\">\n<br />\n<img height=\"150\" width=\"390\" src=\"/files/u43343/lesson5.gif\" align=\"middle\" border=\"0\" />\n</div>\n<table align=\"center\" width=\"500\" border=\"0\" style=\"background-color: #fbfbbb\">\n<tbody>\n<tr>\n<td><strong></strong></td></tr></tbody></table></p>\n<p align=\"left\">\n 7. ใน Properties ด้านล่างเราสามารถปรับเปลี่ยนสีของเส้น สีของรูปภาพ ลักษณะของเส้นได้ดังรูป\n </p>\n<p align=\"left\">\n <img height=\"210\" width=\"450\" src=\"/files/u43343/Propeties_PolyStar.jpg\" border=\"2\" />\n </p>\n<p align=\"left\">\n <br />\n 8. คลิกปุ่ม Options ใน Properties จะมีหน้าต่างเกิดขึ้น ให้กำหนดค่าต่างๆ ดังรูป\n </p>\n<p align=\"left\">\n <img height=\"175\" width=\"218\" src=\"/files/u43343/tool_setting.jpg\" border=\"2\" />\n </p>\n<p align=\"left\">\n <br />\n 9. วาดรูปดาวใน Layer Star ดังรูป\n </p>\n<p> </p>\n<p align=\"left\">\n <img height=\"289\" width=\"400\" src=\"/files/u43343/Draw_star.gif\" border=\"2\" />\n </p>\n<p align=\"left\">\n <strong>10. ในเพาเนล Timeline เลือกเฟรมที่ 50 ของ Layer BG และเลือกคำสั่ง Insert > Timeline > Frame หรือ F5 เพื่อให้มีรูปพื้นหลังตั้งแต่เฟรมที่ 1 ถึง 50</strong>\n </p>\n<p align=\"left\">\n <strong><img height=\"152\" width=\"368\" src=\"/files/u43343/F5.jpg\" border=\"2\" /></strong>\n </p>\n<p> <strong></strong></p>\n<p align=\"left\">\n <br />\n 11. ในเพาเนล Timeline เลือกเฟรมที่ 50 ของ Layer Star คลิกขวาเลือกคำสั่ง Insert Keyframe หรือกด F6 เพื่อกำหนดจุดสุดท้ายในการสร้างภาพเคลื่อนไหว\n </p>\n<p align=\"left\">\n <img height=\"150\" width=\"600\" src=\"/files/u43343/insert_keyFram.jpg\" border=\"2\" style=\"width: 554px; height: 127px\" />\n </p>\n<p align=\"left\">\n <br />\n 12. ถึงเวลาสร้างภาพเคลื่อนไหวกันแล้วครับ ให้เลือกที่ Layer Star จะได้แถบสีดำดังรูป แล้วคลิกขวาในแถบสีดำ เลือกคำสั่ง Create Motion Tween \n </p>\n<p align=\"left\">\n <a href=\"/files/u43343/Create_Motion.jpg\"><img height=\"157\" width=\"564\" src=\"/files/u43343/Create_Motion.jpg\" border=\"2\" /></a>\n </p>\n<p> </p>\n<p align=\"left\">\n <strong> <a href=\"/node/89852?page=0%2C12\"><img height=\"50\" width=\"50\" src=\"/files/u43343/back.gif\" alt=\"Back\" border=\"0\" /></a></strong> <a href=\"/node/89852?page=0%2C14\"><img height=\"50\" width=\"50\" src=\"/files/u43343/next.gif\" alt=\"Next\" border=\"0\" /></a>\n </p>\n\n\n\n\n<div>\n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\n<a href=\"/node/89852\"><img height=\"89\" width=\"76\" src=\"/files/u43343/icon_home_red.gif\" alt=\"http://www.thaigoodview.com/files/u43343/icon_home_green.gif\" border=\"0\" /></a>\n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\n</div>\n<!--pagebreak--><!--pagebreak--><div style=\"text-align: center\">\n<hr id=\"null\" />\n</div>\n<div style=\"text-align: center\">\n<span style=\"color: #008000\"></span>\n</div>\n<div style=\"text-align: center\">\n<span style=\"color: #008000\"><span style=\"color: #008000\"><a href=\"/node/89852\">หน้าแรก</a> <span style=\"color: #333300\">|</span> <a href=\"/node/89852?page=0%2C1\" title=\"มาทำความรู้จักกับโปรแกรม Flash กันก่อนเลยครับ\">บทเรียนที่ 1</a> <span style=\"color: #333300\">|</span> <a href=\"/node/89852?page=0%2C2\">บทเรียนที่ 2</a><span style=\"color: #333300\"> |</span> <a href=\"/node/89852?page=0%2C9\">บทเรียนที่ 3</a> <span style=\"color: #333300\">| </span><a href=\"/node/89852?page=0%2C10\">บทเรียนที่ 4</a><span style=\"color: #333300\"> |</span> <a href=\"/node/89852?page=0%2C12\">บทเรียนที่ 5</a><span style=\"color: #333300\"> |</span> <a href=\"/node/89852?page=0%2C19\">ขอขอบคุณ</a></span></span>\n</div>\n<div style=\"text-align: center\">\n<br />\n<img height=\"150\" width=\"390\" src=\"/files/u43343/lesson5.gif\" align=\"middle\" border=\"0\" />\n</div>\n<table align=\"center\" width=\"500\" border=\"0\" style=\"background-color: #fbfbbb\">\n<tbody>\n<tr>\n<td><strong>13. ใช้เครื่องมือ <img height=\"24\" width=\"24\" src=\"/files/u43343/selection.gif\" border=\"0\" /> เพื่อลากดาวไปยังตำแหน่งอื่น </strong><strong>\n<p align=\"left\">\n <a href=\"/files/u43343/move_star.gif\"><img src=\"/files/u43343/move_star.gif\" border=\"2\" /></a>\n </p>\n<p align=\"left\">\n <br />\n 14. เมื่อลากรูปแล้วจะได้ Timeline ลักษณะดังรูป\n </p>\n<p align=\"left\">\n <img height=\"131\" width=\"594\" src=\"/files/u43343/Motion1.jpg\" border=\"2\" style=\"width: 536px; height: 126px\" />\n </p>\n<p align=\"left\">\n <br />\n 15. ขั้นตอนต่อไปนี้เป็นการปรับสีของดาวให้กลมกลืนกับพื้นหลัง โดยเลือกเลข 1 ใน Timeline จะเห็นว่าเส้นสีแดงไปอยู่ยังเฟรมที่ 1 แล้วใช้เคลื่องมือ<img height=\"24\" width=\"24\" src=\"/files/u43343/selection.gif\" border=\"0\" /> เพื่อคลิกเลือกรูปดาวและดูแถบ Properties ด้านล่าง ให้เปลี่ยนค่าของ Color เป็น Alpha ปรับระดับเป็น 100% ดังรูป\n </p>\n<p align=\"left\">\n <a href=\"/files/u43343/alpha100.jpg\"><img height=\"128\" width=\"600\" src=\"/files/u43343/alpha100.jpg\" border=\"2\" style=\"width: 552px; height: 119px\" /></a><a href=\"/files/u43343/alpha100.jpg\"></a> <br />\n 16. จากนั้นเลือกเลข 50 ใน Timeline จะเห็นว่าเส้นสีแดงไปอยู่ยังเฟรมที่ 50 แล้วใช้เคลื่องมือ<img height=\"24\" width=\"24\" src=\"/files/u43343/selection.gif\" border=\"0\" /> เพื่อคลิกเลือกรูปดาวและดูแถบ Properties ด้านล่าง ให้เปลี่ยนค่าของ Color เป็น Alpha ปรับระดับเป็น 0% ดังรูป\n </p>\n<p align=\"left\">\n <img height=\"126\" width=\"600\" src=\"/files/u43343/alpha0.jpg\" border=\"2\" style=\"width: 547px; height: 125px\" />\n </p>\n<p align=\"left\">\n <br />\n 17. ถึงขั้นตอนการ Save แล้วครับ การ Save จะมี 2 นามสกุลคือ Save แบบ .fla ซึ่งสามารถแก้ไขได้ในโปรแกรม Flash โดย เลือกที่คำสั่ง File > Save As เลือกโฟลเดอร์และตั้งชื่อให้เรียบร้อย กด Save\n </p>\n<p align=\"left\">\n <img height=\"411\" width=\"559\" src=\"/files/u43343/save_fla.jpg\" border=\"2\" style=\"width: 453px; height: 339px\" />\n </p>\n<p align=\"left\">\n <br />\n 18. นามสกุลที่ 2 คือ .swf โดยเลือกคำสั่ง File > Export > Export Movie \n </p>\n<p align=\"left\">\n <img height=\"354\" width=\"422\" src=\"/files/u43343/save_swf.jpg\" border=\"2\" />\n </p>\n<p align=\"left\">\n <br />\n 19. ตัวอย่างชิ้นงานที่ทำเสร็จเรียบร้อยแล้วครับ\n </p>\n<object classid=\"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\" codebase=\"http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0\" width=\"300\" height=\"300\">\n <param name=\"width\" value=\"300\" />\n <param name=\"height\" value=\"300\" />\n <param name=\"src\" value=\"/files/u43343/Star_Down.swf\" />\n <embed type=\"application/x-shockwave-flash\" width=\"300\" height=\"300\" src=\"/files/u43343/Star_Down.swf\"></embed>\n </object><p> </p></strong> \n<p align=\"left\">\n <strong> <a href=\"/node/89852?page=0%2C13\"><img height=\"50\" width=\"50\" src=\"/files/u43343/back.gif\" alt=\"Back\" border=\"0\" /></a></strong> \n </p>\n</td>\n</tr>\n</tbody>\n</table>\n<div>\n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\n<a href=\"/node/89852\"><img height=\"89\" width=\"76\" src=\"/files/u43343/icon_home_red.gif\" alt=\"http://www.thaigoodview.com/files/u43343/icon_home_green.gif\" border=\"0\" /></a>\n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\n</div>\n<!--pagebreak--><!--pagebreak--><div style=\"text-align: center\">\n<hr id=\"null\" />\n</div>\n<div style=\"text-align: center\">\n<span style=\"color: #008000\"><span style=\"color: #008000\"><a href=\"/node/89852\">หน้าแรก</a> <span style=\"color: #333300\">|</span> <a href=\"/node/89852?page=0%2C1\" title=\"มาทำความรู้จักกับโปรแกรม Flash กันก่อนเลยครับ\">บทเรียนที่ 1</a> <span style=\"color: #333300\">|</span> <a href=\"/node/89852?page=0%2C2\">บทเรียนที่ 2</a><span style=\"color: #333300\"> |</span> <a href=\"/node/89852?page=0%2C9\">บทเรียนที่ 3</a> <span style=\"color: #333300\">| </span><a href=\"/node/89852?page=0%2C10\">บทเรียนที่ 4</a><span style=\"color: #333300\"> |</span> <a href=\"/node/89852?page=0%2C12\">บทเรียนที่ 5</a><span style=\"color: #333300\"> |</span> <a href=\"/node/89852?page=0%2C19\">ขอขอบคุณ</a></span></span> \n</div>\n<div style=\"text-align: center\">\n<br />\n<img height=\"150\" width=\"390\" src=\"/files/u43343/lesson5.gif\" align=\"middle\" border=\"0\" />\n</div>\n<table align=\"center\" width=\"500\" border=\"0\" style=\"background-color: #fbfbbb\">\n<tbody>\n<tr>\n<td>\n<p align=\"left\">\n <strong>การสร้างภาพเคลื่อนไหวแบบ Motion Guide <br />\n 1. เปิดโปรแกรม Flash CS3 ขึ้นมา เมื่อเจอหน้าเริ่มแรกของโปรแกรม Flash ให้ดูที่กลุ่มของ Create New เลือกคำสั่ง Flash File (ActionScript 3.0) หรือ Flash File (ActionScript 2.0) ก็ได้ครับ</strong>\n </p>\n<p align=\"left\">\n <strong><img height=\"309\" width=\"400\" src=\"/files/u43343/title.gif\" border=\"2\" style=\"width: 339px; height: 228px\" /></strong>\n </p>\n<p> <strong></strong></p>\n<p align=\"left\">\n <br />\n 2. เมื่อ เข้าสู่โปรแกรมแล้วให้นำรูปที่จะเป็นพื้นหลังเข้ามา ด้วยการเลือกคำสั่ง File > Import > Import to Stage \n </p>\n<p align=\"left\">\n <img height=\"379\" width=\"446\" src=\"/files/u43343/Import_picture.jpg\" border=\"2\" style=\"width: 392px; height: 299px\" /><br />\n 3. เมื่อได้รูปแล้วปรับขนาดของรูปภาพโดยใช้เครื่องมือ <img height=\"24\" width=\"24\" src=\"/files/u43343/free.gif\" border=\"0\" /> เพื่อย่อ/ขยายรูปภาพให้พอดีกับ Stage จากนั้นแทรก Layer ขึ้นมาอีก 1 Layer ตั้งชื่อ Layer ให้เรียบร้อย\n </p>\n<p align=\"left\">\n <img height=\"161\" width=\"279\" src=\"/files/u43343/guide.jpg\" border=\"2\" />\n </p>\n<p align=\"left\">\n <br />\n 4. Import รูปภาพที่ต้องการสร้างเป็นภาพเคลื่อไหวขึ้นมาอีก 1 รูปภาพ ดังรูป\n </p>\n<p align=\"left\">\n <img height=\"273\" width=\"300\" src=\"/files/u43343/Ballon_up.gif\" border=\"2\" />\n </p>\n<p align=\"left\">\n <br />\n 5. พาเนล Timeline ให้เลือกไอคอนที่ชื่อว่า Add Motion Guide จะได้ Layer เพิ่มขึ้นมาอีก 1 Layer\n </p>\n<p align=\"left\">\n <img height=\"130\" width=\"332\" src=\"/files/u43343/Layer_guide.jpg\" border=\"2\" />\n </p>\n<p align=\"left\">\n <br />\n 6. ใน Layer ที่ชื่อว่า bg ให้กด F5 ที่เฟรมที่ 50 และ Layer ที่ชื่อว่า balloon และ Guide Layer ให้คลิกขวาที่เฟรมที่ 50 เลือก Insert Keyframe หรือ F6 ดังรูป\n </p>\n<p align=\"left\">\n <img height=\"149\" width=\"600\" src=\"/files/u43343/insert_Key_B.jpg\" border=\"2\" style=\"width: 521px; height: 124px\" />\n </p>\n<p align=\"left\">\n <br />\n 7. ใช้ <img height=\"25\" width=\"26\" src=\"/files/u43343/pencil.gif\" border=\"0\" /> วาดเส้นทางที่ต้องการให้ลูกบอลลูนเคลื่อนไหว \n </p>\n<p align=\"left\">\n <img height=\"257\" width=\"300\" src=\"/files/u43343/pencil_G.gif\" border=\"2\" />\n </p>\n<p align=\"left\">\n <a href=\"/node/89852?page=0%2C16\"><img height=\"50\" width=\"50\" src=\"/files/u43343/next.gif\" alt=\"Next\" border=\"0\" /></a>\n </p>\n<p> </p></td>\n</tr>\n</tbody>\n</table>\n<div>\n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\n<a href=\"/node/89852\"><img height=\"89\" width=\"76\" src=\"/files/u43343/icon_home_red.gif\" alt=\"http://www.thaigoodview.com/files/u43343/icon_home_green.gif\" border=\"0\" /></a>\n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\n</div>\n<!--pagebreak--><!--pagebreak--><div style=\"text-align: center\">\n<hr id=\"null\" />\n</div>\n<div style=\"text-align: center\">\n<span style=\"color: #008000\"><span style=\"color: #008000\"><a href=\"/node/89852\">หน้าแรก</a> <span style=\"color: #333300\">|</span> <a href=\"/node/89852?page=0%2C1\" title=\"มาทำความรู้จักกับโปรแกรม Flash กันก่อนเลยครับ\">บทเรียนที่ 1</a> <span style=\"color: #333300\">|</span> <a href=\"/node/89852?page=0%2C2\">บทเรียนที่ 2</a><span style=\"color: #333300\"> |</span> <a href=\"/node/89852?page=0%2C9\">บทเรียนที่ 3</a> <span style=\"color: #333300\">| </span><a href=\"/node/89852?page=0%2C10\">บทเรียนที่ 4</a><span style=\"color: #333300\"> |</span> <a href=\"/node/89852?page=0%2C12\">บทเรียนที่ 5</a><span style=\"color: #333300\"> |</span> <a href=\"/node/89852?page=0%2C19\">ขอขอบคุณ</a></span></span>\n</div>\n<div style=\"text-align: center\">\n<br />\n<img height=\"150\" width=\"390\" src=\"/files/u43343/lesson5.gif\" align=\"middle\" border=\"0\" />\n</div>\n<table align=\"center\" width=\"500\" border=\"0\" style=\"background-color: #fbfbbb\">\n<tbody>\n<tr>\n<td>\n<p align=\"left\">\n <strong>8. ในพาเนล Timeline ให้เลือกเฟรมที่ 1 จะสังเกตว่ามีเส้นสีแดงอยู่ที่เฟรมที่1 แล้วลากวัตถุไปยังจุดเริ่มต้นดังรูป</strong>\n </p>\n<p align=\"left\">\n <strong><img height=\"252\" width=\"300\" src=\"/files/u43343/move_B.gif\" border=\"2\" /></strong>\n </p>\n<p> <strong></strong></p>\n<p align=\"left\">\n <br />\n 9. และในพาเนล Timeline ให้เลือกเฟรมที่ 50 จะสังเกตว่ามีเส้นสีแดงอยู่ที่เฟรมที่ 50 แล้วลากวัตถุลงมายังจุดปลายของเส้น\n </p>\n<p align=\"left\">\n <img height=\"263\" width=\"300\" src=\"/files/u43343/move_b2.gif\" border=\"2\" />\n </p>\n<p align=\"left\">\n <br />\n 10. จากรูปจะเห็นว่าลูกบอลลูนเลื่อนมาอยู่ที่ปลายเส้นที่เราลากไว้\n </p>\n<p align=\"left\">\n <img height=\"264\" width=\"300\" src=\"/files/u43343/Show_move_B2.gif\" border=\"2\" />\n </p>\n<p align=\"left\">\n <br />\n 11. เลือก Layer balloon ให้เกิดแถบสีดำดังรูป\n </p>\n<p align=\"left\">\n <img height=\"135\" width=\"587\" src=\"/files/u43343/redline_1.jpg\" border=\"2\" />\n </p>\n<p align=\"left\">\n <br />\n 12. คลิกขวาเลือกคำสั่ง Create Motion Tween เพื่อให้ภาพเกิดการเคลื่อนไหว\n </p>\n<p align=\"left\">\n <img height=\"200\" width=\"600\" src=\"/files/u43343/insert_motion_B.jpg\" border=\"2\" />\n </p>\n<p align=\"left\">\n <br />\n 13. จะได้เส้นลูกศรดังรูป\n </p>\n<p align=\"left\">\n <img height=\"132\" width=\"587\" src=\"/files/u43343/line_b.jpg\" border=\"2\" />\n </p>\n<p align=\"left\">\n 14. Ctrl+Enter เพื่อแสดงงานที่เราสร้างไว้ และจัดการ Save งานนามสกุล fla และ swf ให้เรียบร้อย <br />\n 15. ตัวอย่างผลงานที่สร้างเสร็จแล้ว \n </p>\n<object classid=\"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\" codebase=\"http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0\" width=\"300\" height=\"300\">\n <param name=\"width\" value=\"300\" />\n <param name=\"height\" value=\"300\" />\n <param name=\"src\" value=\"/files/u43343/bb.swf\" />\n <embed type=\"application/x-shockwave-flash\" width=\"300\" height=\"300\" src=\"/files/u43343/bb.swf\"></embed>\n </object><p> </p>\n<p align=\"left\">\n <strong> <a href=\"/node/89852?page=0%2C15\"><img height=\"50\" width=\"50\" src=\"/files/u43343/back.gif\" alt=\"Back\" border=\"0\" /></a> </strong>\n </p>\n</td>\n</tr>\n</tbody>\n</table>\n<div>\n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\n<a href=\"/node/89852\"><img height=\"89\" width=\"76\" src=\"/files/u43343/icon_home_red.gif\" alt=\"http://www.thaigoodview.com/files/u43343/icon_home_green.gif\" border=\"0\" /></a>\n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\n</div>\n<!--pagebreak--><!--pagebreak--><div style=\"text-align: center\">\n<hr id=\"null\" />\n</div>\n<div style=\"text-align: center\">\n<span style=\"color: #008000\"><span style=\"color: #008000\"><a href=\"/node/89852\">หน้าแรก</a> <span style=\"color: #333300\">|</span> <a href=\"/node/89852?page=0%2C1\" title=\"มาทำความรู้จักกับโปรแกรม Flash กันก่อนเลยครับ\">บทเรียนที่ 1</a> <span style=\"color: #333300\">|</span> <a href=\"/node/89852?page=0%2C2\">บทเรียนที่ 2</a><span style=\"color: #333300\"> |</span> <a href=\"/node/89852?page=0%2C9\">บทเรียนที่ 3</a> <span style=\"color: #333300\">| </span><a href=\"/node/89852?page=0%2C10\">บทเรียนที่ 4</a><span style=\"color: #333300\"> |</span> <a href=\"/node/89852?page=0%2C12\">บทเรียนที่ 5</a><span style=\"color: #333300\"> |</span> <a href=\"/node/89852?page=0%2C19\">ขอขอบคุณ</a></span></span>\n</div>\n<div style=\"text-align: center\">\n<br />\n<img height=\"150\" width=\"390\" src=\"/files/u43343/lesson5.gif\" align=\"middle\" border=\"0\" />\n</div>\n<table align=\"center\" width=\"500\" border=\"0\" style=\"background-color: #fbfbbb\">\n<tbody>\n<tr>\n<td>\n<p align=\"left\">\n <strong>การสร้างภาพเคลื่อนไหวแบบ Shape tween <br />\n 1. เปิดโปรแกรม Flash CS3 ขึ้นมา เมื่อเจอหน้าเริ่มแรกของโปรแกรม Flash ให้ดูที่กลุ่มของ Create New เลือกคำสั่ง Flash File (ActionScript 3.0) หรือ Flash File (ActionScript 2.0) ก็ได้ครับ</strong>\n </p>\n<p align=\"left\">\n <strong><img height=\"309\" width=\"400\" src=\"/files/u43343/title.gif\" border=\"2\" style=\"width: 343px; height: 240px\" /></strong>\n </p>\n<p> <strong></strong></p>\n<p align=\"left\">\n <br />\n 2. เมื่อ เข้าสู่โปรแกรมแล้วให้นำรูปเข้าที่จะเป็นพื้นหลังเข้ามา ด้วยการเลือกคำสั่ง File > Import > Import to Stage \n </p>\n<p align=\"left\">\n <img height=\"379\" width=\"446\" src=\"/files/u43343/Import_picture.jpg\" border=\"2\" style=\"width: 343px; height: 252px\" /> <br />\n 3. เมื่อได้รูปแล้วปรับขนาดของรูปภาพโดยใช้เครื่องมือ <img height=\"24\" width=\"24\" src=\"/files/u43343/free.gif\" border=\"0\" /> เพื่อย่อ/ขยายรูปภาพให้พอดีกับ Stage จากนั้นแทรก Layer ขึ้นมาอีก 1 Layer ตั้งชื่อ Layer ให้เรียบร้อย\n </p>\n<p align=\"left\">\n <img height=\"108\" width=\"300\" src=\"/files/u43343/Insert_layer_S_0.gif\" border=\"2\" /><br />\n 4. คลิก <img height=\"25\" width=\"26\" src=\"/files/u43343/text.gif\" border=\"0\" /> เพื่อพิมพ์ข้อความที่ต้องการ ใน Layer Text\n </p>\n<p align=\"left\">\n <img height=\"231\" width=\"300\" src=\"/files/u43343/Type_text.gif\" border=\"2\" />\n </p>\n<p align=\"left\">\n <br />\n 5. ตกแต่งรูปแบบข้อความด้วย Properties Text Tool โดยสามารถเปลี่ยนขนาดของข้อความ รูปแบบตัวอักษร สีตัวอักษรและอื่นๆ ได้ \n </p>\n<p align=\"left\">\n <img height=\"101\" width=\"500\" src=\"/files/u43343/properties_Text.jpg\" border=\"2\" /> \n </p>\n<p align=\"left\">\n <a href=\"/node/89852?page=0%2C18\"><img height=\"50\" width=\"50\" src=\"/files/u43343/next.gif\" alt=\"Next\" border=\"0\" /></a> \n </p>\n<p> </p></td>\n</tr>\n</tbody>\n</table>\n<div>\n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\n<a href=\"/node/89852\"><img height=\"89\" width=\"76\" src=\"/files/u43343/icon_home_red.gif\" alt=\"http://www.thaigoodview.com/files/u43343/icon_home_green.gif\" border=\"0\" /></a>\n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\n</div>\n<!--pagebreak--><!--pagebreak--><div style=\"text-align: center\">\n<hr id=\"null\" />\n</div>\n<div style=\"text-align: center\">\n<span style=\"color: #008000\">\n<div style=\"text-align: center\">\n<span style=\"color: #008000\"><span style=\"color: #008000\"><a href=\"/node/89852\">หน้าแรก</a> <span style=\"color: #333300\">|</span> <a href=\"/node/89852?page=0%2C1\" title=\"มาทำความรู้จักกับโปรแกรม Flash กันก่อนเลยครับ\">บทเรียนที่ 1</a> <span style=\"color: #333300\">|</span> <a href=\"/node/89852?page=0%2C2\">บทเรียนที่ 2</a><span style=\"color: #333300\"> |</span> <a href=\"/node/89852?page=0%2C9\">บทเรียนที่ 3</a> <span style=\"color: #333300\">| </span><a href=\"/node/89852?page=0%2C10\">บทเรียนที่ 4</a><span style=\"color: #333300\"> |</span> <a href=\"/node/89852?page=0%2C12\">บทเรียนที่ 5</a><span style=\"color: #333300\"> |</span> <a href=\"/node/89852?page=0%2C19\">ขอขอบคุณ</a></span></span> \n</div>\n<div style=\"text-align: center\">\n<br />\n<img height=\"150\" width=\"390\" src=\"/files/u43343/lesson5.gif\" align=\"middle\" border=\"0\" />\n</div>\n<table align=\"center\" width=\"500\" border=\"0\" style=\"background-color: #fbfbbb\">\n<tbody>\n<tr>\n<td>\n<p align=\"left\">\n <strong>6. ใช้ <img height=\"24\" width=\"24\" src=\"/files/u43343/selection.gif\" border=\"0\" /> เลือกข้อความแล้วกด Ctrl+B 2 ครั้งจะได้ข้อความที่มีจุดด้านใน</strong>\n </p>\n<p align=\"left\">\n <strong><img height=\"229\" width=\"300\" src=\"/files/u43343/Ctrl_B_2.gif\" border=\"2\" /></strong>\n </p>\n<p> <strong></strong></p>\n<p align=\"left\">\n <br />\n <strong>7. ในพาเนล Timeline ให้เลือกเฟรมที่ 50 คลิกขวาเลือกคำสั่ง Insert Keyframe ที่ Layet Text และเฟรมที่ 50 ของ Layer bg กด F5</strong>\n </p>\n<p> </p>\n<p align=\"left\">\n <strong><img height=\"144\" width=\"500\" src=\"/files/u43343/insert_key_s.gif\" border=\"2\" /></strong>\n </p>\n<p> <strong></strong></p>\n<p align=\"left\">\n <br />\n <strong>8. เลือกเฟรมที่ 50 จะเกิดเส้นสีแดงที่เฟรมที่ 50 จากนั้นให้กดปุ่ม Delete เพื่อลบข้อความทิ้ง</strong>\n </p>\n<p> </p>\n<p align=\"left\">\n <strong><img height=\"225\" width=\"300\" src=\"/files/u43343/Page_none_0.gif\" border=\"2\" /></strong><strong><br />\n 9. ใช้ <img height=\"25\" width=\"26\" src=\"/files/u43343/text.gif\" border=\"0\" /> พิมพ์ข้อความขึ้นมาใหม่ให้แตกต่างจากข้อความเดิมกด </strong>\n </p>\n<p align=\"left\">\n <strong><img height=\"225\" width=\"300\" src=\"/files/u43343/Type_text2.gif\" border=\"2\" /></strong>\n </p>\n<p align=\"left\">\n <strong>10. Ctrl+B อีก 2 ครั้ง จะเกิดจุดด้านในข้อความ</strong>\n </p>\n<p align=\"left\">\n <strong><img height=\"235\" width=\"300\" src=\"/files/u43343/Ctrl_B_2_2.gif\" border=\"2\" /></strong>\n </p>\n<p> <strong></strong></p>\n<p align=\"left\">\n <br />\n 11. ส่วนของพาเนล Propertiesของ Frame ให้เลือก Tween เป็นแบบ Shape จะเกิดการเปลี่ยนแปลงข้อความดังรูป\n </p>\n<p align=\"left\">\n <img height=\"101\" width=\"500\" src=\"/files/u43343/shape.jpg\" border=\"2\" /> \n </p>\n<p align=\"left\">\n 12. save ไฟล์งานให้เรียบร้อย จบแล้วครับ \n </p>\n<object classid=\"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\" codebase=\"http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0\" width=\"300\" height=\"300\">\n <param name=\"width\" value=\"300\" />\n <param name=\"height\" value=\"300\" />\n <param name=\"src\" value=\"/files/u43343/shape.swf\" />\n <embed type=\"application/x-shockwave-flash\" width=\"300\" height=\"300\" src=\"/files/u43343/shape.swf\"></embed>\n </object><p> </p>\n<p align=\"left\">\n <strong> <a href=\"/node/89852?page=0%2C17\"><img height=\"50\" width=\"50\" src=\"/files/u43343/back.gif\" alt=\"Back\" border=\"0\" /></a> </strong>\n </p>\n</td>\n</tr>\n</tbody>\n</table>\n<div>\n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\n<a href=\"/node/89852\"><img height=\"89\" width=\"76\" src=\"/files/u43343/icon_home_red.gif\" alt=\"http://www.thaigoodview.com/files/u43343/icon_home_green.gif\" border=\"0\" /></a>\n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\n</div>\n<!--pagebreak--><!--pagebreak--><div style=\"text-align: center\">\n<hr id=\"null\" />\n</div>\n<p></p></span>\n</div>\n<div style=\"text-align: center\">\n<span style=\"color: #008000\"><span style=\"color: #008000\"><a href=\"/node/89852\">หน้าแรก</a> <span style=\"color: #333300\">|</span> <a href=\"/node/89852?page=0%2C1\" title=\"มาทำความรู้จักกับโปรแกรม Flash กันก่อนเลยครับ\">บทเรียนที่ 1</a> <span style=\"color: #333300\">|</span> <a href=\"/node/89852?page=0%2C2\">บทเรียนที่ 2</a><span style=\"color: #333300\"> |</span> <a href=\"/node/89852?page=0%2C9\">บทเรียนที่ 3</a> <span style=\"color: #333300\">| </span><a href=\"/node/89852?page=0%2C10\">บทเรียนที่ 4</a><span style=\"color: #333300\"> |</span> <a href=\"/node/89852?page=0%2C12\">บทเรียนที่ 5</a><span style=\"color: #333300\"> |</span> <a href=\"/node/89852?page=0%2C19\">ขอขอบคุณ</a></span></span>\n</div>\n<div style=\"text-align: center\">\n<br />\n<img height=\"150\" width=\"390\" src=\"/files/u43343/thankyou.gif\" align=\"middle\" border=\"0\" />\n</div>\n<table align=\"center\" width=\"500\" cellPadding=\"2\" cellSpacing=\"2\" border=\"0\" style=\"background-color: #fbfbbb\">\n<tbody>\n<tr>\n<td>\n<p align=\"left\">\n <strong>ข้อมูลอ้างอิง</strong> <br />\n <a href=\"http://www.edu-mine.com/photoshop/lesson1_RasterVector.html\">http://www.edu-mine.com/photoshop/lesson1_RasterVector.html</a> <br />\n ยุทธชัย รุจิวิมล.Macromedia Fkash MX ฉบับสมบูรณ์.กรุงเทพฯ.บริษัท ซัคเซส มีเดีย จำกัด<br />\n ดวงพร เกี๋ยงคำ.สร้างเว็บไซต์ด้วยตัวเอง.กรุงเทพฯ.บริษัท โปรวิชั่น จำกัด \n </p>\n<p align=\"left\">\n <strong>ขอขอบคุณ<a href=\"http://www.sarasit.ac.th\">โรงเรียนสารสิทธิ์พิทยาลัย</a></strong>\n </p>\n<p align=\"left\">\n <a href=\"http://sarasit.ac.th\"><img height=\"120\" width=\"537\" src=\"/files/u43343/Sarasit.jpg\" border=\"0\" style=\"width: 613px; height: 128px\" /></a>\n </p>\n<p align=\"left\">\n <strong>คณะผู้จัดทำ</strong><strong> </strong>\n </p>\n<p>\n <a href=\"/node/89852\"></a></p>\n<table align=\"center\" border=\"0\">\n<tbody>\n<tr>\n<td>\n<div style=\"text-align: center\">\n <img height=\"273\" width=\"200\" src=\"/files/u43343/Pic_jame.jpg\" border=\"0\" style=\"width: 210px; height: 300px\" />\n </div>\n<p> </p></td>\n<td> \n<div style=\"text-align: center\">\n <img height=\"295\" width=\"200\" src=\"/files/u43343/pic_kruf_0.jpg\" border=\"0\" />\n </div>\n</td>\n</tr>\n<tr>\n<td> <strong>เด็กชายกฤษณพงศ์ บัวทองจันทร์ ชั้นประถมศึกษาปีที่ 6</strong> </td>\n<td><strong> คุณครูศิริพร สิทธิวงศ์ สอนวิชาคอมพิวเตอร์</strong> </td>\n</tr>\n</tbody>\n</table>\n<p> \n </p>\n<p align=\"left\">\n <strong> </strong>\n </p>\n<p align=\"left\">\n \n </p>\n<p align=\"left\">\n <strong> </strong>\n </p>\n</td>\n</tr>\n</tbody>\n</table>\n<div>\n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\n<a href=\"/node/89852\"><img height=\"89\" width=\"76\" src=\"/files/u43343/icon_home_red.gif\" alt=\"http://www.thaigoodview.com/files/u43343/icon_home_green.gif\" border=\"0\" /></a>\n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\n<hr id=\"null\" />\n</div>\n<p><a href=\"/node/89852\" onmouseout=\"MM_swapImgRestore()\" onmouseover=\"MM_swapImage(\'Image6\',\'\',\'http://www.thaigoodview.com/files/u43343/icon_home_green.gif,1)\"></a></p>\n', created = 1725151831, expire = 1725238231, headers = '', serialized = 0 WHERE cid = '3:c8b57ee95290177d200a8c9e080d0dfb' in /home/tgv/htdocs/includes/cache.inc on line 112.
- 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:e7937f2bf4993bf33289a558b1d1ae61' 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--><div style=\"text-align: center\">\n<hr id=\"null\" />\n</div>\n<div style=\"text-align: center\">\n<span style=\"color: #008000\"><span style=\"color: #008000\"><a href=\"/node/89852\">หน้าแรก</a> <span style=\"color: #333300\">|</span> <a href=\"/node/89852?page=0%2C1\" title=\"มาทำความรู้จักกับโปรแกรม Flash กันก่อนเลยครับ\">บทเรียนที่ 1</a> <span style=\"color: #333300\">|</span> <a href=\"/node/89852?page=0%2C2\">บทเรียนที่ 2</a><span style=\"color: #333300\"> |</span> <a href=\"/node/89852?page=0%2C9\">บทเรียนที่ 3</a> <span style=\"color: #333300\">| </span><a href=\"/node/89852?page=0%2C10\">บทเรียนที่ 4</a><span style=\"color: #333300\"> |</span> <a href=\"/node/89852?page=0%2C12\">บทเรียนที่ 5</a><span style=\"color: #333300\"> |</span> <a href=\"/node/89852?page=0%2C19\">ขอขอบคุณ</a></span></span>\n</div>\n<div style=\"text-align: center\">\n<br />\n<img height=\"150\" width=\"390\" src=\"/files/u43343/lesson5.gif\" align=\"middle\" border=\"0\" />\n</div>\n<table align=\"center\" width=\"500\" border=\"0\" style=\"background-color: #fbfbbb\">\n<tbody>\n<tr>\n<td>\n<p align=\"left\">\n <strong>การสร้างภาพเคลื่อนไหวแบบ Shape tween <br />\n 1. เปิดโปรแกรม Flash CS3 ขึ้นมา เมื่อเจอหน้าเริ่มแรกของโปรแกรม Flash ให้ดูที่กลุ่มของ Create New เลือกคำสั่ง Flash File (ActionScript 3.0) หรือ Flash File (ActionScript 2.0) ก็ได้ครับ</strong>\n </p>\n<p align=\"left\">\n <strong><img height=\"309\" width=\"400\" src=\"/files/u43343/title.gif\" border=\"2\" style=\"width: 343px; height: 240px\" /></strong>\n </p>\n<p> <strong></strong></p>\n<p align=\"left\">\n <br />\n 2. เมื่อ เข้าสู่โปรแกรมแล้วให้นำรูปเข้าที่จะเป็นพื้นหลังเข้ามา ด้วยการเลือกคำสั่ง File > Import > Import to Stage \n </p>\n<p align=\"left\">\n <img height=\"379\" width=\"446\" src=\"/files/u43343/Import_picture.jpg\" border=\"2\" style=\"width: 343px; height: 252px\" /> <br />\n 3. เมื่อได้รูปแล้วปรับขนาดของรูปภาพโดยใช้เครื่องมือ <img height=\"24\" width=\"24\" src=\"/files/u43343/free.gif\" border=\"0\" /> เพื่อย่อ/ขยายรูปภาพให้พอดีกับ Stage จากนั้นแทรก Layer ขึ้นมาอีก 1 Layer ตั้งชื่อ Layer ให้เรียบร้อย\n </p>\n<p align=\"left\">\n <img height=\"108\" width=\"300\" src=\"/files/u43343/Insert_layer_S_0.gif\" border=\"2\" /><br />\n 4. คลิก <img height=\"25\" width=\"26\" src=\"/files/u43343/text.gif\" border=\"0\" /> เพื่อพิมพ์ข้อความที่ต้องการ ใน Layer Text\n </p>\n<p align=\"left\">\n <img height=\"231\" width=\"300\" src=\"/files/u43343/Type_text.gif\" border=\"2\" />\n </p>\n<p align=\"left\">\n <br />\n 5. ตกแต่งรูปแบบข้อความด้วย Properties Text Tool โดยสามารถเปลี่ยนขนาดของข้อความ รูปแบบตัวอักษร สีตัวอักษรและอื่นๆ ได้ \n </p>\n<p align=\"left\">\n <img height=\"101\" width=\"500\" src=\"/files/u43343/properties_Text.jpg\" border=\"2\" /> \n </p>\n<p align=\"left\">\n <a href=\"/node/89852?page=0%2C18\"><img height=\"50\" width=\"50\" src=\"/files/u43343/next.gif\" alt=\"Next\" border=\"0\" /></a> \n </p>\n<p> </p></td>\n</tr>\n</tbody>\n</table>\n<div>\n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\n<a href=\"/node/89852\"><img height=\"89\" width=\"76\" src=\"/files/u43343/icon_home_red.gif\" alt=\"http://www.thaigoodview.com/files/u43343/icon_home_green.gif\" border=\"0\" /></a>\n</div>\n<div style=\"text-align: center\">\n</div>\n<div style=\"text-align: center\">\n</div>\n', created = 1725151831, expire = 1725238231, headers = '', serialized = 0 WHERE cid = '3:e7937f2bf4993bf33289a558b1d1ae61' in /home/tgv/htdocs/includes/cache.inc on line 112.
เรียนรู้เรื่อง Flash ง่ายๆสไตล์เจมส์ครับ
![](/sites/all/themes/tgv11/images/PostDateIcon.png)
![](/sites/all/themes/tgv11/images/PostAuthorIcon.png)
![](/files/u43343/lesson5.gif)
การสร้างภาพเคลื่อนไหวแบบ Shape tween
|
![](/sites/all/themes/tgv11/images/PostCommentsIcon.png)
![](/sites/all/themes/tgv11/images/PostCategoryIcon.png)
![](/sites/all/themes/tgv11/images/PostTagIcon.png)
ช่วยด้วยครับ
นักเรียนที่สร้างบล็อก กรุณาอย่า
คัดลอกข้อมูลจากเว็บอื่นทั้งหมด
ควรนำมาจากหลายๆ เว็บ แล้ววิเคราะห์ สังเคราะห์ และเขียนขึ้นใหม่
หากคัดลอกทั้งหมด จะถูกดำเนินคดี
ตามกฎหมายจากเจ้าของลิขสิทธิ์
มีโทษทั้งจำคุกและปรับในอัตราสูง
ช่วยกันนะครับ
ไทยกู๊ดวิวจะได้อยู่นานๆ
ไม่ถูกปิดเสียก่อน
ขอขอบคุณในความร่วมมือครับ
ด่วน...... ขณะนี้
พระราชบัญญัติลิขสิทธิ์ (ฉบับที่ 2) พ.ศ. 2558
มีผลบังคับใช้แล้ว
ขอให้นักเรียนและคุณครูที่ใช้งาน
เว็บ thaigoodview ในการส่งการบ้าน
ระมัดระวังการละเมิดลิขสิทธิ์ด้วย
อ่านรายละเอียดที่นี่ครับ