ใบความรู้ เรื่อง โปรแกรม Flash เบื้องต้น

ใบความรู้ โปรแกรม Flash เบื้องต้น

ความรู้ทวั่ ไปเกยี่ วกบั โปรแกรม 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) แฟลชมีเครื่องมือช่วยสร้างองคป์ ระกอบต่าง ๆ ใหเ้ กมส์มีความสวยงาม มีเครื่องมือสาหรับสรา้ ง คาสง่ั ควบคุมการเล่นเกมส์ อีกท้งั ไฟลเ์ กมส์ท่สี ร้างออกมามีขนาดเลก็ ทาใหอ้ พั โหลดสู่เวบ็ ไซตไ์ ดอ้ ยา่ งรวดเร็ว การเปิ ดใช้งานโปรแกรม Adobe Flash CS6 เขา้ สู่โปรแกรม Flash CS6 เม่ือเปิ ดโปรแกรมคร้งั แรก โดยคลิกเมาสท์ ี่ป่ ุม Start แลว้ เลือกคาส่ง All Programs- >Adobe>Adobe Flash CS6 Professional จะปรากฎหนา้ ต่าง ใหเ้ ราเลือกใชง้ านโปรแกรม Flash CS6 ดงั น้ี

หนา้ ต่างเริ่มการทางาน ส่วนประกอบของโปรแกรม Adobe Flash cs6

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

ทูลบ๊อกซ์ (Toolbox) แสดงป่ ุมเครื่องมือเป็นส่วนรวบรวมเคร่ืองมือชนิดตา่ ง ๆ ในการสร้าง ปรับแต่ง และแกไ้ ขช้ินงาน ท่อี ยใู่ น Movie โดย แบ่งเป็ น 4 กลุ่มยอ่ ยคอื กลุ่มเคร่ืองมือ กลุ่มมุมมอง กลุ่มกาหนดสี และกลุ่มออบชนั่ ของเคร่ืองมือ Timeline หนา้ ต่างแสดงเสน้ ควบคุมเวลาสาหรับการนาเสนอผลงาน ประกอบดว้ ยส่วนทางานเกี่ยวกบั Layer และ Timeline เราแบง่ ไทมไลนเ์ ป็น 2 ส่วนใหญ่ๆ ไดแ้ ก่ 1. ส่วนแสดงเลเยอร์ (Layer) ซ่ึงแตล่ ะเลเยอร์เปรียบเหมือนแผนใสทสี่ ามารถวางภาพหรือออบเจก็ ตไ์ ด้ โดยแต่ละเลเยอร์น้นั แยกเป็ นอิสระต่อกนั แต่ประกอบกนั เป็นชนั งานเดียว (เราจะกล่าวถึงเรื่องเลเยอร์เพม่ิ เตมิ ภายหลงั ) 2. ส่วนเฟรม (Frame) ท่แี สดงช่องเฟรมตา่ งๆ ซ่ึงทางานเหมือนกบั เฟรมทป่ี ระกอบกนั เป็ นภาพยนตร์โดยเม่ือมีการนาเฟรม เหล่าน้ีมาแสดง อยา่ งต่อเนื่องกจ็ ะทาใหเ้ กิดภาพเคลื่อนไหว ท้งั น้ี Frame จะแสดงผล ทลี ะเฟรม โดยจะมีหวั อ่าน (Playhead) ทเ่ี ป็น สน้ สีแดงคอยบอกตาแหน่งวา่ งกาลงั ทางานอยทู่ ี่เฟรมใด

เราสามารถเปิ ด/ปิ ดไทมไลน์น้ีไดโ้ ดยคาสง่ั View > Thmeline ให้มีเครื่องหมายถูกอยหู่ นา้ คาวา่ Timeline เพ่อื เปิ ดไทม ไลน์ และใชค้ าสั่ง View > Timeline อีกคร้ังยกเลิกเคร่ืองหมายถูกเพื่อปิ ดไทมไลน์ซ่ึงเราอาจเปรียบการทางานของไทมไลน์ เหมือนกบั ม่วนฟิลม์ ในขณะที่สเตจคือส่วนท่แี สดงแต่ละเฟรมในมว้ นฟิลมน์ ้นั ตามลาดบั ท่กี าหนดไว้ เราสามารถแบ่งไฟล์ช้ินงานที่สร้างเป็ นส่วนย่อยๆ ท่ีเรียกว่าฉากหรือซีน (Scene) โดยในโดยในมูฟวี่หน่ึงๆ จะ ประกอบดว้ ยซีนหรือหลายซีนก็ได้ เน่ืองจากจะทางานไดท้ ีละซีนน้ันจึงตอ้ งเลือกซีนท่ีจาทางานดย้ โดยคลิกท่ีเมนู Window > Other Panels > Scene หรือเลือกใชป้ ่ มุ การแทรกซีนสามารถแทรกได้ โดยเลือกทีเ่ มนูคาสงั่ Inserts > Scene1 สเตจ (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> พาเนล Color พาเนล Colorเป็นพาเนลท่ีเลือกใชส้ ีและผสมสีตามทต่ี อ้ งการ ซ่ึงจะนาไปใชป้ รับแต่งสีใหก้ บั ท้งั ภาพวาดและตวั อกั ษรได้ อยา่ งง่ายดาย โดยมีให้เลือกถึง 2 แทบ็ ดว้ ยกนั คือ Color Mixer ( ใชผ้ สมสีเองตามตอ้ งการ) และ Color Swatches (ใชเ้ ลือกสีจาก จานสีตามทีโ่ ปรแกรมกาหนดมาให)้ โดยเราสามารถเรียกเปิ ดใชง้ านพาเนล Color ดว้ ยคาสง่ั Window > Color Mixer

พาเนล Library พาเนล Library หนา้ ต่างควบคุมเก่ียวกบั ชุดวตั ถุของโปรแกรม ไดแ้ ก่ Symbols, Buttons, Movies แหล่งที่มา : - https://sites.google.com/site/krunittayacnp/kickrrm-nakreiyn-naksuksa VDO การติดต้งั โปรแกรม Link ดาวน์โหลดโปรแกรม https://drive.google.com/file/d/1FSBHReXsrOnT_4xStdA4mr2WGtLcm2fi/view?usp=sharing แหล่งทีม่ า : - https://www.youtube.com/watch?v=0n6KIFSrCXs

นายสุทธกิติติ์ธติวิรนันท กลมุสาระการเรยีนรูวทิยาศาสตรและเทคโนโลยี โรงเรียนสามพรานวิทยา