ใบความรู้ที่ 3 รู้จักโปรแกรม Flash CS6

ใบความรูท้ ่ี 3 รจู้ ักโปรแกรม Adobe Flash CS6 3.1 ความรทู้ ั่วไปเกยี่ วกบั โปรแกรม Flash โปรแกรม Flash คืออะไร โปรแกรม Flash เปน็ ซอฟต์แวรท์ ช่ี ว่ ยในการสร้างสอื่ มัลติมีเดีย, ภาพเคล่ือนไหว (Animation), ภาพกราฟิก ทม่ี ีความคมชดั เน่ืองจากเป็นกราฟิกแบบเวค็ เตอร(์ Vector), สามารถเลน่ เสียงและวดี ิโอ แบบสเตรโิ อได้, สามารถสรา้ ง งานให้โตต้ อบกับผ้ใู ช้(Interactive Multimedia) มฟี ังกช์ ั่นสำหรับการเขียนโปรแกรม (Action Script) และยังทำงาน ในลักษณะ CGI โดยเชือ่ มตอ่ กับการเขียนโปรแกรมภาษาอ่ืนๆ ได้มากมาย เช่น ภาษา PHP, JSP, ASP, ASP.NET, C/C++, C#, C#.NET, VB, VB.NET, JAVAและอืน่ ๆ โดยเฉพาะข้อดีของโปรแกรม Flash คอื ความสามารถในการ บบี อัดไฟล์ให้มีขนาดเล็ก มีผลทำใหแ้ สดงผลได้อยา่ งรวดเรว็ นอกจากนน้ั ยังแปลงไฟลไ์ ปอยใู่ นฟอร์แมตอนื่ ได้หลากหลาย เช่น avi, mov, gif, wav, emf,eps, ai, dxf, bmp, jpg, gif, png เปน็ ต้น โปรแกรม Flash เรม่ิ มีชอ่ื เสยี งประมาณปี พ.ศ. 2539 จนถึง ปจั จบุ นั ได้ถูกนำมาใชง้ านอย่างแพรห่ ลาย โดยเฉพาะเทคโนโลยเี วบ็ ทำใหก้ ารนำเสนอทำได้อยา่ งนา่ สนใจ นอกจากน้นั โปรแกรม Flash ยงั สามารถสร้าง แอพพลิเคชัน่ (Application) เพ่ือใช้ทำงานต่างๆ รองรับการใชง้ านกบั อุปกรณ์ที่ เช่ือมต่อกับระบบเครอื ข่ายอนิ เทอร์เน็ต และทำงานได้กับหลายๆ แฟลตฟอร์ม (Platform) ลักษณะสำคัญของโปรแกรม Adobe Flash cs6 1. สร้างช้นิ งาน Interactiveมีสว่ นตอบสนองกบั ผู้ใช้ เช่น ผใู้ ช้สามารถคลกิ เลือกเมนตู ่าง ๆ ได้ นำไปประยกุ ต์ เปน็ สอื่ การสอน ( E- Learning ) หนา้ จอควบคมุ การทำงานตา่ ง ๆ สื่อโฆษณา ( Banner ) บนเวบ็ ไซต์ การต์ นู แอนเิ มชันต่างๆ เป็นต้น 2. สรา้ งชนิ้ งาน Animationจุดเดน่ ของการทำงานในโปรแกรมแฟลช คือการสรา้ ง Animation หรอื ภาพเคล่ือนไหว มเี คร่ืองมืออำนวยความสะดวก ทำใหโ้ ปรแกรม Flash สรา้ งผลงาน Animation ไดง้ ่าย 3. สร้างเวบ็ ไซต์ (Website)โปรแกรม Flash สามารถสรา้ งเว็บไซต์ไดส้ วยงาม และสรา้ งลูกเล่นตา่ ง ๆ ได้ง่าย มีจุดอ่อนคือ เว็บไซต์ทีส่ ร้างด้วยโปรแกรม Flash แก้ไขข้อมูลไดย้ าก และขนาดของไฟล์เว็บไซตค์ ่อนข้างใหญ่ 4. สร้างเกมส์ (GAME)แฟลชมเี คร่อื งมือช่วยสร้างองค์ประกอบต่าง ๆ ใหเ้ กมส์มีความสวยงาม มเี คร่ืองมือสำหรับ สรา้ งคำสง่ั ควบคุมการเล่นเกมส์ อีกทัง้ ไฟล์เกมส์ท่ีสร้างออกมามีขนาดเลก็ ทำให้อัพโหลดสเู่ ว็บไซตไ์ ด้อย่างรวดเรว็ ใบความรูท้ ี่ 3 รู้จักโปรแกรม Adobe Flash CS6 หน่วยการเรยี นรู้ที่ 2 โปรแกรม Adobe Flash CS6

3.2 การเปดิ ใชง้ านโปรแกรม Adobe Flash CS6 เขา้ สโู่ ปรแกรม Flash CS6 เมื่อเปดิ โปรแกรมครั้งแรก โดยคลกิ เมาสท์ ่ีปุ่ม Start แล้วเลือกคำส่ง All Programs ->Adobe>Adobe Flash CS6 Professional จะปรากฎหนา้ ต่าง ใหเ้ ราเลอื กใช้งานโปรแกรม Flash CS6 ดังนี้ หนา้ ต่างเร่ิมการทำงาน ใบความรู้ท่ี 3 รู้จกั โปรแกรม Adobe Flash CS6 หน่วยการเรยี นรูท้ ่ี 2 โปรแกรม Adobe Flash CS6

สว่ นประกอบของโปรแกรม Adobe Flash cs6 ใบความรทู้ ่ี 3 รู้จกั โปรแกรม Adobe Flash CS6 หนว่ ยการเรียนร้ทู ี่ 2 โปรแกรม Adobe Flash CS6

1. ปมุ่ แสดงหรือซ่อน Timeline 9. ป่มุ สร้างโฟล์เดอร์เลเยอร์ 2. เลเยอร์ เฟรมจะต้องวางบนเลเยอร 10.ปุ่มลบเลเยอร์ 3. ปุม่ ซอ่ นและแสดงข้อมูลบนเลเยอร์ 11. ปุ่มเซน็ เตอร์เฟรม 4. ปมุ่ อนุญาตให้แก้ไขและป้องการแก้ไข 12. ปุ่มโอเนยี น สกนิ ขอ้ มูลบนเลเยอร์ 13. ปมุ่ โอเนียน สกนิ แบบโครงรา่ ง 5. เพลยเ์ ฮดหัวอ่านเฟรมแต่ละชอ่ ง 14. ปุม่ แก้ไขเฟรมหลายเฟรมพรอ้ มกัน 6. หมายเลขประจำเฟรม 15. บอกตำแหน่งหมายเลขเฟรมในขณะทำงาน 7. เฟรม เปรยี บเหมือนช่องเก็บเหตกุ ารณ์ของมูฟวี่ 16. บอกความเรว็ การแสดงก่เี ฟรมต่อวนิ าที 8. ปุ่มสรา้ งเลเยอรใ์ หม่ 17. เวลาทีใ่ ชใ้ นการมูฟว่ี ใบความรทู้ ี่ 3 รู้จกั โปรแกรม Adobe Flash CS6 หนว่ ยการเรียนร้ทู ่ี 2 โปรแกรม Adobe Flash CS6

เมนบู าร์ (Menu Bar) แถบเมนแู สดงรายการคำสัง่ ตา่ งๆ ของโปรแกรมทง้ั หมด ได้แก่ การสรา้ งช้นิ งาน การสร้างมูฟว่ี รวมไปถึง การต้ังคา่ ตา่ ง ทูลบ๊อกซ์ (Toolbox) แสดงปุ่มเครือ่ งมอื เป็นสว่ นรวบรวมเครื่องมอื ชนดิ ตา่ ง ๆ ในการสร้าง ปรบั แตง่ และแก้ไขชิน้ งาน ที่อย่ใู น Movie โดยแบง่ เปน็ 4 กล่มุ ย่อยคือ กลุ่มเครื่องมือ กลุ่มมมุ มอง กลุ่มกำหนดสี และกลมุ่ ออบชน่ั ของเครอื่ งมอื ใบความรทู้ ี่ 3 รจู้ ักโปรแกรม Adobe Flash CS6 หนว่ ยการเรยี นร้ทู ่ี 2 โปรแกรม Adobe Flash CS6

Timeline หน้าต่างแสดงเสน้ ควบคุมเวลาสำหรบั การนำเสนอผลงาน ประกอบดว้ ยส่วนทำงานเกี่ยวกับ Layer และ Timeline เราแบง่ ไทมไลน์เปน็ 2 สว่ นใหญๆ่ ได้แก่ 1. ส่วนแสดงเลเยอร์ (Layer) ซง่ึ แตล่ ะเลเยอรเ์ ปรียบเหมอื นแผนใสทส่ี ามารถวางภาพหรอื ออบเจ็กต์ได้ โดยแต่ละเลเยอรน์ น้ั แยกเป็นอิสระต่อกัน แตป่ ระกอบกนั เป็นชนั งานเดียว (เราจะกลา่ วถงึ เรอ่ื งเลเยอรเ์ พิ่มเตมิ ภายหลัง) 2. ส่วนเฟรม (Frame) ทแ่ี สดงชอ่ งเฟรมตา่ งๆ ซ่งึ ทำงานเหมอื นกับเฟรมที่ประกอบกนั เป็นภาพยนตร์ โดยเม่ือมีการนำเฟรมเหลา่ นี้มาแสดง อย่างต่อเนื่องกจ็ ะทำใหเ้ กดิ ภาพเคล่ือนไหว ทัง้ น้ี Frame จะแสดงผล ทีละเฟรม โดยจะมีหวั อา่ น (Playhead) ทีเ่ ป็นส้นสีแดงคอยบอกตำแหนง่ วา่ งกำลงั ทำงานอยู่ทเี่ ฟรมใด เราสามารถเปดิ /ปิดไทมไลน์นี้ได้โดยคำสัง่ View > Thmeline ให้มีเครอ่ื งหมายถูกอยหู่ น้าคำว่า Timeline เพื่อเปิดไทมไลน์ และใชค้ ำสง่ั View > Timeline อีกครงั้ ยกเลกิ เคร่ืองหมายถูกเพื่อปดิ ไทมไลนซ์ ึง่ เราอาจเปรยี บการ ทำงานของไทมไลนเ์ หมือนกบั มว่ นฟลิ ม์ ในขณะท่ีสเตจคือส่วนที่แสดงแต่ละเฟรมในม้วนฟิลมน์ น้ั ตามลำดับทก่ี ำหนดไว้ เราสามารถแบง่ ไฟลช์ ้นิ งานท่ีสร้างเปน็ ส่วนยอ่ ยๆ ทเ่ี รียกว่าฉากหรือซีน (Scene) โดยในโดยในมฟู วหี่ นง่ึ ๆ จะประกอบดว้ ยซีนหรือหลายซีนกไ็ ด้ เนื่องจากจะทำงานได้ทีละซีนนน้ั จงึ ต้องเลือกซนี ทจี่ ำทำงานดย้ โดยคลิกทเ่ี มนู Window > Other Panels > Scene หรือเลือกใชป้ มุ่ การแทรกซนี สามารถแทรกได้ โดยเลอื กที่เมนูคำส่งั Inserts > Scene1 ใบความรู้ท่ี 3 รจู้ ักโปรแกรม Adobe Flash CS6 หน่วยการเรยี นรูท้ ี่ 2 โปรแกรม Adobe Flash CS6

สเตจ (Stage) และพนื้ ที่ทำงาน ประกอบดว้ ยพื้นที่วา่ งสำหรบั วางวตั ถแุ บบชั่วคราว และพน้ื ที่ของเวที (Stage) พน้ื ท่ีสีขาวบรเิ วณกลางจอคือ สเตจ เป็นพน้ื ท่ีใชจ้ ดั วางออบเจ็กต์ตา่ ง ๆ ทต่ี อ้ งการแสดงใหเ้ ห็น ในชิ้นงาน สว่ นพืน้ ท่ีสีเทาดา้ นนอกบริเวณสีขาวคือ Pasteboard เปน็ บริเวณที่สามารถนำออบเจก็ ต์ ตา่ ง ๆ มาวาง พกั ไว้หรือวาง ซ่อนไว้ได้เพราะบริเวณน้ีจะไม่แสดงผลเวลาที่เรา Export Movie เป็นไฟล์ .SWF เราสามารถเปดิ /ปิดพ้ืนทก่ี ารทำงานโดยสั่ง View > Work Area ให้มเี คร่ืองถกู หน้าคำวา่ Work Area เพ่อื ปิดพนื้ ท่ีการทำงาน (หรอื จะกดคยี ์ลัด <Ctrl>+<Shift>+<W> ก็ได้) พาเนล พาเนลคือหน้าต่างทีรวบรวมเครื่องมือต่างๆ สำหรับใช้ในการปรบั แตง่ ออบเจก็ ต์ ซึ่งใน Flash ไดม้ กี ารจัด พาเนลต่างๆ ไวอ้ ย่างเปน็ หมวดหม่ตู ามหนา้ ท่ีของมนั ใหเ้ ราเรยี กใชไ้ ด้ พาเนลสำคัญท่ีควรรจู้ กั ดงั นี้ Property Inspector Property Inspector เป็นพาเนลที่ใชแ้ สดงคุณสมบตั ติ า่ ง ๆ ของออบเจ็กตท์ ีเ่ ราคลิกเลือก ซึง่ เราสามารถ ปรับแตง่ คุณสมบัต้หิ ลา่ น้ไี ด้ ทั้งนร้ี ายละเอยี ดที่ Property Inspector จะเปล่ียนไปตามออบเจ็กต์ทีเ่ ลือก โดยสามารถ เปิดใชง้ าน Property Inspector ด้วยคำสัง่ Window > Properties >Properties หรอื กดคียล์ ัด <Ctrl+F3> ใบความรทู้ ่ี 3 ร้จู ักโปรแกรม Adobe Flash CS6 หน่วยการเรยี นรู้ท่ี 2 โปรแกรม Adobe Flash CS6

พาเนล Color พาเนล Colorเป็นพาเนลท่เี ลือกใช้สีและผสมสีตามทีต่ ้องการ ซ่งึ จะนำไปใช้ปรบั แตง่ สใี ห้กบั ทง้ั ภาพวาด และตัวอักษรได้อยา่ งง่ายดาย โดยมใี หเ้ ลือกถึง 2 แทบ็ ด้วยกนั คือ Color Mixer ( ใช้ผสมสเี องตามต้องการ) และ Color Swatches (ใชเ้ ลือกสจี ากจานสีตามทโ่ี ปรแกรมกำหนดมาให)้ โดยเราสามารถเรยี กเปิดใช้งานพาเนล Color ด้วยคำสงั่ Window > Color Mixer พาเนล Library พาเนล Library หนา้ ต่างควบคมุ เก่ียวกับชดุ วตั ถุของโปรแกรม ได้แก่ Symbols, Buttons, Movies ใบความรู้ที่ 3 ร้จู ักโปรแกรม Adobe Flash CS6 หน่วยการเรยี นรทู้ ี่ 2 โปรแกรม Adobe Flash CS6