บทที่ 1 ส่วนประกอบของโปรแกรม

บทท่ี 1 ส่วนประกอบและหน้าตาของโปรแกรม Macromedia Flash 8 หน้า / 1 บทที่ 1 ส่วนประกอบและหน้าตาของโปรแกรม Macromedia Flash 8 โปรแกรม Macromedia Flash 8 เป็นโปรแกรมของบริษทั Macromedia โปรแกรม Flash 8 มีความสามารถมากมาย เชน่ สร้างงานกราฟฟิ คส์แบบเวคเตอร์ สร้างภาพเคล่ือนไหว สร้างเวบ็ เพจ สร้างส่ือมลั ติมีเดีย สร้างพรีเซนเตชนั่ สร้างส่ือการเรียนการสอน สร้างการโตต้ อบ และอื่น ๆ อีก มากมาย เป็นโปรแกรมทมี่ ีความสามารถมากและกาลงั ไดร้ ับการนิยมมากในขณะน้ี การเรียกใช้โปรแกรม ไปที่ป่ มุ Start > All Programs > Macromedia > Macromedia Flash 8 2. เลือก All Programs 1. คลิกท่ี Start หรือไปท่ีป่ ุม Start > Programs > Macromedia > Macromedia Flash 8 2. เลือก Programs 3. เลือก Macromedia 4. คลิก Macromedia Flash 8 1. คลิกท่ี Start

โรงเรียนกาฬสินธ์ุพทิ ยาสรรพ์ จงั หวัดกาฬสินธ์ุ หน้า / 2 หลงั จากเขา้ โปรแกรมแลว้ จะปรากฏหนา้ ต่างดงั น้ี 1 1. Open Recent item 2. Create New 3. Create from Template หน้าต่าง Open a Recent item 1. เป็นงานที่เคยทาเปิ ดใชง้ านมาแลว้ (ป่ ุมสีแดง) ใหค้ ลิกเปิ ดงานไดเ้ ลย 2. โฟลเดอร์สีเหลือง Open ใชส้ าหรับเปิ ดงานอื่น ใหค้ ลิกที่ Open แลว้ คลิกหาชิ้นงานท่ี ตอ้ งการเปิ ดวา่ อยทู่ ่ีไหน หน้าต่าง Create New 1. Flash Document ใชส้ าหรับสร้างงานใหม่ 2. Flash Slide Presentation ใชส้ าหรับสร้างงานนาเสนอเป็น ภาพสไลด์ 3. Flash From Application เป็นการสร้างงานจากโปรแกรมที่สร้างเสร็จแลว้ 4. ส่วนอ่ืน ๆ เป็นการเขียน Script และ การสร้าง Flash Project หน้าต่าง Create From Template เป็นการสร้างงานใหมจ่ ากแบบฟอร์มทโี่ ปรแกรมกาหนดมาให้

บทท่ี 1 ส่วนประกอบและหน้าตาของโปรแกรม Macromedia Flash 8 หน้า / 3 หลงั จากเข้าโปรแกรมโดยเลือกที่ หน้าต่าง Create New แล้วเลือก Flash Documents จะปรากฏหนา้ ตาของโปรแกรมดงั น้ี Menu bar Tool bar เสน้ Timeline ขนาดมุมมอง หนา้ ต่าง Color Mixer หนา้ ตา่ ง Layer หนา้ ตา่ ง Stage หนา้ ต่าง ActionScript Toolbox หนา้ ต่าง Properties หนา้ ต่าง Lybrary แถบคาสั่ง (Menu Bar) แถบคาส่งั (Menu bar) ประกอบดว้ ยคาสัง่ ตา่ ง ๆ สาหรับใชง้ านทวั่ ไป เหมือนโปรแกรมอ่ืน ๆ ไดแ้ ก่ เมนูFiles, Edit, Insert, Modify, Text, Commands, Control, Windows และ Help เหมือนภาพ ดา้ นลา่ ง

โรงเรียนกาฬสินธ์ุพทิ ยาสรรพ์ จังหวัดกาฬสินธ์ุ หน้า / 4 แถบเคร่ืองมือ (Tool Bars) ในการเปิ ดใชง้ านคร้ังแรกแถบเคร่ืองมือจะไมแ่ สดงใหท้ ่านไปท่ีเมนู Windows > Toolbars > แลว้ คลิกทาเครื่องหมายถกู ท่ี Main, Controller และ Edit Bar 1. คลิก Windows 3. คลิกใหม้ ี 2. เลือก Toolbars เคร่ืองหมายถกู แถบเครื่องมือเป็นไอคอนเลก็ ๆ เป็นป่ ุมที่ใชเ้ รียกเมนูลดั ไดแ้ ก่ป่ ุมสร้างงานใหม่ ป่ มุ เปิ ดงานเก่า ป่ มุ บนั ทึกงานป่ มุ ตดั ป่ มุ คดั ลอก ป่ มุ วาง ป่ มุ ยกเลิก และอ่ืน ๆ กล่องเคร่ืองมือ (Toolbox) กลอ่ งเคร่ืองมือ (Toolbox) เป็นส่วนท่ีเกบ็ เครื่องมือตา่ ง ๆ เพอ่ื ใหส้ ามารถเรียกใชง้ านไดส้ ะดวก และรวดเร็วข้ึน แบง่ เป็นกลมุ่ ต่าง ๆ เพอ่ื สะดวกในการเรียกใชง้ านดงั น้ี คอื 1. กล่มุ เลือก Selection 2. กลุม่ การวาดและการตกแต่งภาพ 3. กลุ่ม View มุมมอง 4. กลุม่ Colors กล่มุ สีเสน้ และพ้ืนหลงั 5. กลุ่ม Option กล่มุ คาส่ังเพิ่มเติม จะแสดงแตล่ ะ คาสง่ั เมื่อเลือกใชง้ านจากกลุ่ม 1 - 4

บทท่ี 1 ส่วนประกอบและหน้าตาของโปรแกรม Macromedia Flash 8 หน้า / 5 1. กลุ่มเลือก Selection Selection Tool ใชเ้ ลือกวตั ถุ Subseclection Tool เคลื่อนยา้ ยปรับแตง่ วตั ถุ Free Transform Tool ปรับรูปร่างวตั ถุ Gradient Tranform Tool ปรับสีของวนั ตุ 2. กลุ่มการวาดและตกแต่งภาพ Line Tool ใชว้ าดเสน้ ตรง Lesso Tool ใชเ้ ลือกพ้ืนที่บางส่วนของวตั ถุ Pen Tool ใชว้ าดเสน้ ตรง เส้นโคง้ Text Tool ใชพ้ มิ พข์ อ้ ความ Oval Tool ใชว้ าดรูปวงกลมหรือวงรี Rectangle Tool ใชว้ าดรูปส่ีเหลี่ยม PolyStar Tool ใชว้ าดรูปดาวหรือ Pencil Tool ใชว้ าดทรงรูปอิสระ รูปหลายเหลี่ยม Brush Tool ใชร้ ะบายสีวตั ถุ Ink Bottle Tool ใชเ้ ติมสีเสน้ ใหก้ บั วตั ถุ Paint Bucket Tool ใชเ้ ติมสีพ้ืนใหว้ ตั ถุ Eyedropper Tool ใชด้ ูดสีของวตั ถุ Eraser Tool ใชล้ บวตั ถุ 3. กลุ่มมุมมอง (View) Hand Tool ใชเ้ ล่ือนตาแหน่ง Stage Zoom Tool ใชย้ อ่ หรือขยายขนาดของ Stage 4. กลุ่มสีเส้นและสีพืน้ (Colors) Stroke Color Tool ใชเ้ ลือกสีเสน้ Fill Color Tool ใชเ้ ลือกสีพ้นื Black and White Tool ใช้ No color Tool ใชไ้ มเ่ ลือกสีใด ๆ ท้งั สิ้น Swap Colors Tool ใชส้ ลบั สีพ้ืนกบั สีเสน้

โรงเรียนกาฬสินธ์ุพทิ ยาสรรพ์ จงั หวดั กาฬสินธ์ุ หน้า / 6 Option ของ Selection Tool 5. กล่มุ คาสั่งเพม่ิ เตมิ (Option) Option ของ Selection Tool Option ของ Line Tool Option ของ Lesso Tool Option ของ Oval Tool และ PolyStar Tool Option ของ Rectangle Tool Option ของ Rectangle Tool Option ของ Rectangle Tool Option ของ Paint Bucket Tool Option ของ Eraser Tool

บทท่ี 1 ส่วนประกอบและหน้าตาของโปรแกรม Macromedia Flash 8 หน้า / 7 เส้นเวลา (Timeline) เส้นเวลา (Timeline) ใชก้ าหนดพ้ืนท่ีในการทางานเป็นวินาที ประกอบดว้ ย Layer, Frame, Playhead, และ Onion Skinning Playhead Frame Layer Onion Skinning เวที (Stage) เวที (Stage) เป็นพ้ืนที่สี่เหลี่ยมที่เรากาลงั ทางานอยู่ ใชส้ าหรับจดั วางวตั ถทุ ี่เราสร้างข้ึน สาหรับ พ้นื ที่สีเทาที่ลอ้ มรอบ Stage เรียกวา่ พ้ืนท่ีการทางาน (Work area) ใชส้ าหรับจดั เตรียมวตั ถุเพอ่ื จะให้ แสดงบน Stage เวลาทาการแสดงมูฟว่ี วตั ถทุ ี่อยใู่ น Work area จะไมแ่ สดงใหเ้ ห็น จะแสดงใหเ้ ห็น เฉพาะวตั ถุท่ีอยใู่ น Stage เท่าน้นั วตั ถทุ ่ีสร้างไวใ้ น Stage น้ีเรียกภาพรวมวา่ ฉาก (Scene ) Work area Work area Stage กาหนดขนาดของ Stage การกาหนดขนาดของ Stage Fit in Windows แสดงมุมมองแบบเตม็ เตม็ จอพอดี (ไม่แสดง สโครลบาร์) Show Frame แสดงมุมมองแบบเตม็ เตม็ จอพอดี (แสดง สโครลบาร์) Show All แสดงมมุ มองท้งั Stage และ Work area ตวั เลขตามดว้ ยเปอร์เซ็นต์ แสดงมุมมองตามเปอร์เซ็นตท์ ี่เลือก

โรงเรียนกาฬสินธ์ุพทิ ยาสรรพ์ จังหวดั กาฬสินธ์ุ หน้า / 8 พาเนล (Panel) พาเนลคือหนา้ ต่างยอ่ ยท่ีใชส้ าหรับกาหนดคณุ สมบตั ิของวตั ถุ มีดงั น้ี 1. พาเนลคณุ สมบตั ิ (Properties ) ใชส้ าหรับปรับแตง่ คณุ สมบตั ิของวตั ถุ 1.1 หนา้ ต่าง Document Properties คลิกที่ Selection Tool จะปรากฏหนา้ ตา่ ง Properties ข้นึ 1. คลิก Selection Tool จะปรากฏหนา้ ต่าง Properties ดา้ นลา่ งข้นึ (ถา้ ไมป่ รากฏใหก้ ดป่ ุม Ctrl + F3) 2. คลิกที่น่ีเพอ่ื กาหนดขนาดขนาดของงาน 3. จะปรากฏหนา้ ตา่ ง Document Properties

บทท่ี 1 ส่วนประกอบและหน้าตาของโปรแกรม Macromedia Flash 8 หน้า / 9 1.2 หนา้ ต่าง Properties ของ Oval Tool, Rectangle Tool 1. สีเสน้ 2.ขนาดสีเสน้ 3.รูปแบบสีเส้น 1. สีพ้ืน 1.3 หนา้ ตา่ ง Properties ของ Line Tool, Pen Tool และ Pencil Tool 1. สีเส้น 2.ขนาดสีเส้น 3.รูปแบบสีเสน้ 1.4 หนา้ ตา่ ง Properties ของ Text Tool เป็นการกาหนดคุณสมบตั ิของตวั อกั ษร คลิกที่ Text Tool จะปรากฏหนา้ ตา่ ง Properties ของ Text Tool ข้ึนมา (ถา้ ไม่มีใหก้ ดป่ ุม Ctrl + F3) ประเภทของตวั อกั ษร รูปแบบของตวั อกั ษร ขนาดของตวั อกั ษร ระยะห่างของตวั อกั ษร ตวั ยกหรือตวั หอ้ ย สีของตวั อกั ษร ตวั อกั ษรแบบหนา ตวั อกั ษรแบบเอียง การจดั รูปแบบของตวั อกั ษร

โรงเรียนกาฬสินธ์ุพทิ ยาสรรพ์ จงั หวดั กาฬสินธ์ุ หน้า / 10 1.5 หนา้ ต่าง Action Script กดป่ ุม F9 เพอื่ เรียกหนา้ ต่าง Action Script ข้นึ มา จะปรากฏหนา้ ต่าง Action Script เหมือนภาพดา้ นลา่ ง ช่อง สาหรับเขยี น Action Script 1.6 พาเนล Color ใชส้ าหรับการผสมสี ประกอบดว้ ย Color Mixer และ Color Swatches Color Mixer Color Swatches 1.7 พาเนล Library กดป่ ุม Ctrl + L เพื่อเรียกหนา้ ต่าง Library ข้ึนมา เป็นที่เก็บวตั ถุ ที่สร้างข้ึนมาหรือที่ Import เขา้ มาท้งั หมด เปรียบ เสมือนห้องสมุดท่ีสามารถเอาไปใชไ้ ดต้ ลอด Library

บทท่ี 1 ส่วนประกอบและหน้าตาของโปรแกรม Macromedia Flash 8 หน้า / 11 1.8 พาเนล Align กดป่ ุม Ctrl + K เพอื่ เรียกพาเนลน้ีข้ึนมา เพอื่ จดั เรียงวตั ถุใหเ้ ป็น ระเบียบสวยงามอยใู่ นแนวเดียวกนั จดั ชิดซา้ ย จดั ชิดขวา จดั เรียงหนา้ กระดาน หรือจดั ใหม้ ีระยะห่างของ ช่องไฟเท่า ๆ กนั ใหค้ ลิกเลือกวตั ถทุ ่ีตอ้ งการจดั เรียง (ตอ้ งเลือกมากกวา่ 2 ชิ้นข้ึนไป) แลว้ คลิกเลือกวธิ ีการ จดั เรียงตามตอ้ งการดงั น้ี Align เป็นการจดั เรียงแบบจดั จดั ตาแหน่ง ชิดซา้ ย จดั ก่ึงกลางและจดั ชิดขวา โดยยดึ พ้นื ท่ี ใน Stage Distribute เป็นการจดั เรียง โดยใหว้ ตั ถุอยใู่ นระยะที่เสมอกนั Match size เป็นการจดั ขนาดของ Space จดั ช่องไฟของวตั ถุใหเ้ ทา่ กนั วตั ถทุ ้งั หมดใหม้ ีขนาดใหญ่ที่สุด 1.9 Scene Panel กดป่ ุม Shift + F2 เพือ่ เรียกหนา้ ต่าง Scene ข้นึ มาใชส้ าหรับจดั การ กบั Scene ต่าง ๆ ซ่ึงจะไดก้ ลา่ วต่อไป ปิ ดหนา้ ตา่ ง Scene ช่ือ Scene ป่ ุม Duplicate Scene ป่ ุม Delete Scene ป่ มุ Add Scene ************************************************