1.2 ส่วนประกอบของโปรแกรม

 ส่วนประกอบของโปรแกรม Adobe Flash CS6

ส่วนประกอบของ Welcome Screen

ภาพที่ 1.5  ส่วนประกอบของ Welcome Screen

ที่มา : สุชาดา ทิพโรจน์, 2560

หน้าต่าง Welcome Screen เป็นหน้าต่างเริ่มต้นของโปรแกรม โดยมีส่วนประกอบดังต่อไปนี้

หมายเลข 1 Create Form Template ส่วนนี้เป็นการสร้างชิ้นงานใหม่โดยใช้เทมเพลต (Template) ที่โปรแกรมจัดเตรียมไว้ หรือที่สร้างเก็บไว้ใช้งานเองก็ได้

หมายเลข 2 Open a Recent Item ส่วนนี้ใช้สำหรับเปิดไฟล์งานที่เคยเรียกใช้แล้ว โดยโปรแกรม

จะแสดงรายชื่อไฟล์งานเรียงลำดับจากการบันทึกครั้งล่าสุดเป็นต้นไป เราสามารถเปิดไฟล์งานเก่าได้โดยคลิกเลือกจากรายการชื่อไฟล์ที่แสดงอยู่ แต่ถ้าเป็นการเปิดโปรแกรมขึ้นมาใช้งานเป็นครั้งแรก ก็จะไม่แสดงชื่อไฟล์ในส่วนนี้ ซึ่งเราสามารถเปิดไฟล์งานที่ต้องการได้โดยคลิกเลือก Open…เพื่อค้นหาไฟล์งานที่ต้องการ

หมายเลข 3 Create New ในส่วนนี้ใช้สำหรับสร้างไฟล์งานใหม่ ซึ่งสามารถเลือกรูปแบบของไฟล์งานได้หลายรูปแบบ เช่น Action Script 2.0, Action Script 3.0 เป็นต้น

หมายเลข 4 Learn ส่วนนี้เป็นการสอนใช้งานและสอนการสร้างชิ้นงานแบบต่างๆ

หมายเลข 5 ส่วนของการแนะนำโปรแกรม

หมายเลข 6 ส่วนของการดาวน์โหลดโปรแกรมหรือดูข้อมูลการใช้งานโปรแกรมจากเว็บไซต์ Adobe

หมายเลข 7 ไม่ต้องการให้แสดงหน้าจอ Welcome Screen อีกในครั้งต่อไป

ส่วนประกอบของหน้าจอโปรแกรม

ภาพที่ 1.6  ส่วนประกอบของหน้าจอโปรแกรม Adobe Flash CS6

ที่มา : สุชาดา ทิพโรจน์, 2560

หมายเลข 1 แถบเมนูคำสั่ง (Menu Bar) เป็นแถบที่รวบรวมคำสั่งในการใช้งานทั้งหมด

หมายเลข 2 กล่องเครื่องมือ (Toolbox) เป็นกล่องที่รวบรวมเครื่องมือต่างๆ ที่ใช้ในการสร้าง และปรับแต่งวัตถุต่างๆ เครื่องมือจะมีลักษณะเป็นไอคอนรูปภาพ เราสามารถคลิกเพื่อเรียกใช้งานได้

หมายเลข 3 ไทมไลน์ (Timeline) เป็นส่วนสำหรับสร้างและกำหนดรายละเอียดการเคลื่อนไหว

ของวัตถุที่นำมาจัดวางต่อกันทีละภาพในแต่ละช่วงเวลา 

หมายเลข 4 ชุดพาเนล (Panels) ใช้สำหรับปรับแต่งค่าต่างๆ ซึ่งแยกออกตามประเภทการทำงาน

หมายเลข 5 ชุดไอคอนพาเนลทางลัด (Icon Panels) เป็นไอคอนทางลัดสำหรับใช้พาเนลต่างๆ ซึ่งจะช่วยประหยัดพื้นที่การทำงาน ถ้าไม่ได้ใช้งานก็สามารถพับเก็บได้

หมายเลข 6 สเตจ (Stage) เป็นพื้นสีขาวสำหรับสร้างชิ้นงานและแสดงผลงาน

หมายเลข 7 ปุ่มสำหรับเปลี่ยนพื้นที่การทำงาน (Workspace) เลือกพื้นที่การทำงานให้เหมาะสม

กับลักษณะงานที่ทำ

แถบเมนูคำสั่ง (Menu Bar) 

เป็นแถบที่รวบรวมคำสั่งในการใช้งานทั้งหมดเกี่ยวกับการสร้างชิ้นงาน และการสร้างมูฟวี่ นอกจากนั้นยังรวมไปถึงการตั้งค่าเกี่ยวกับการใช้งานในโปรแกรมทั้งหมด ดังนี้

FILE คำสั่งจัดการกับไฟล์งานในลักษณะต่างๆ เช่น สร้างไฟล์ใหม่, เปิดไฟล์, ปิดไฟล์, บันทึกไฟล์ภาพ, นำเข้าไฟล์ต่างๆ, การส่งออกชิ้นงาน เป็นต้น

Edit คำสั่งแก้ไขและปรับแต่งภาพ เช่น การตัด, การคัดลอก, การวาง, การค้นหาแทนที่  เป็นต้น รวมถึงการปรับแต่งค่าเบื้องต้นของโปรแกรม

View ใช้เลือกมุมมองการแสดงผล เช่น ย่อ-ขยายภาพ, แสดงแถบไม้บรรทัดหรือเส้นกริด เป็นต้น

Insert ใช้จัดการกับการเคลื่อนไหว การเพิ่มเฟรม และการสร้างซิมโบลแบบต่างๆ 

Modify ใช้ปรับแต่งวัตถุ, ภาพบิตแมป, รูปทรง, ซิมโบล  รวมทั้งการจัดวางและการหมุนวัตถุ

Text ใช้จัดการกับข้อความตัวอักษร เช่น รูปแบบ, ขนาด, ระยะห่าง  เป็นต้น

Commands ใช้ทำงานกับภาษาคำสั่งรูปแบบต่างๆ เช่น XML, Action Script, Flex Component เป็นต้น

Control ควบคุมการแสดงผลงาน

Debug ตรวจสอบความผิดพลาดในการแสดงผลของชิ้นงาน

Window แสดง/ซ่อนหน้าต่างที่ปรากฏบนหน้าจอโปรแกรมและพาเนลต่างๆ

Help ใช้เรียกดูคำอธิบายในการทำงานต่างๆ  ของเครื่องมือหรือคำสั่งภายในโปรแกรม

กล่องเครื่องมือ (Toolbox) 

    จะรวบรวมเครื่องมือต่างๆ ที่ใช้ในการสร้าง และปรับแต่งวัตถุต่างๆ ซึ่งเครื่องมือจะมีลักษณะเป็นไอคอนรูปภาพ เราสามารถคลิกเพื่อเรียกใช้งานได้ ถ้าไอคอนเครื่องมือมีสัญลักษณ์    อยู่ตรงมุมล่างขวาของเครื่องมือ แสดงว่ายังมีเครื่องมืออื่นในกลุ่มเดียวกันซ่อนอยู่ เมื่อคลิกค้างที่เครื่องมือก็จะปรากฏเครื่องมือในกลุ่มนั้นเพิ่มเติม ซึ่งเครื่องมือใน Toolbox แบ่งเป็นกลุ่มๆ ดังนี้ 

1. Selection กลุ่มนี้มีเครื่องมืออยู่ 2 ลักษณะ คือ Selection ใช้สำหรับเลือกชิ้นงานหรือพื้นที่ของชิ้นงาน เพื่อเคลื่อนย้าย ลบหรือแก้ไขชิ้นงานนั้น และ Transform เป็นเครื่องมือที่ใช้ปรับเปลี่ยนรูปทรงจะมีทั้งแบบ 2 มิติ และ 3 มิติ

2. Drawing กลุ่มนี้เป็นเครื่องมือที่ใช้ในการวาดภาพหรือสร้างชิ้นงาน รวมถึงการสร้างตัวอักษรด้วย

3. Paint เป็นกลุ่มเครื่องมือสำหรับการลงสี ทั้งสีพื้นและสีเส้นขอบ รวมถึงการดูดสี การลบชิ้นงานด้วยยางลบ และเครื่องมือที่ใช้สร้างข้อต่อในการเคลื่อนไหวของชิ้นงานด้วย

4. View เป็นกลุ่มเครื่องมือที่ใช้ควบคุมมุมมองของชิ้นงาน ทั้งการขยายและการเลื่อนดู

5. Color เป็นกลุ่มเครื่องมือสำหรับเลือกสีพื้นและสีเส้นขอบ รวมทั้งการตั้งค่าสีเริ่มต้นและการสลับสีพื้นกับสีเส้นขอบ

6. Option เป็นกลุ่มตัวเลือกเพิ่มเติมของเครื่องมือต่างๆ ที่เราเลือก ซึ่งจะเปลี่ยนไปตามแต่ละเครื่องมือที่เลือกใช้ จากตัวอย่างเราเลือกเครื่องมือ Selection ที่ Option ก็จะปรากฏตัวเลือกเพิ่มเติมของเครื่องมือ Selection

ภาพที่ 1.7  กลุ่มเครื่องมือในโปรแกรม Adobe Flash CS6

ที่มา : สุชาดา ทิพโรจน์, 2560

ไทมไลน์ (Timeline) 

ใช้สำหรับสร้างและกำหนดรายละเอียดของการเคลื่อนไหว โดยนำองค์ประกอบที่จะเคลื่อนไหว(เราเรียกองค์ประกอบต่างๆ ในชิ้นงานว่าออบเจ็กต์หรือวัตถุ) มาจัดวางต่อกันทีละภาพในแต่ละช่วงเวลา (เรียกว่าเฟรม : frame) ที่จะแสดงเป็นภาพเคลื่อนไหว โดยเราจะกำหนดเส้นเวลาให้เล่นภาพเคลื่อนไหวช้าๆ หรือเล่นแล้วหยุดก็ได้ ประกอบด้วย 2 ส่วนใหญ่ๆ คือ เลเยอร์ และเฟรม

ภาพที่ 1.8  หน้าต่างไทมไลน์ (Timeline)

ที่มา : สุชาดา ทิพโรจน์, 2560

เลเยอร์ (Layer) 

เปรียบเสมือนแผนใสที่สามารถวางภาพ หรือวัตถุได้ โดยแต่ละเลเยอร์นั้นแยกเป็นอิสระ ต่อกัน แต่จะประกอบกันเป็นชิ้นงานเดียว องค์ประกอบการทำงานของเลเยอร์มีดังนี้

ภาพที่ 1.9  ส่วนของเลเยอร์ในหน้าต่างไทมไลน์

ที่มา : สุชาดา ทิพโรจน์, 2560

หมายเลข 1 สร้างเลเยอร์ใหม่ (Add Layer)

หมายเลข 2 ลบเลเยอร์ (Delete)

หมายเลข 3 ปิด เปิดการแสดงเลเยอร์ (Show or Hide)

หมายเลข 4 ล็อก ปลดล็อกเลเยอร์ (Show or Hide)

เฟรม (Frame)

เป็นส่วนที่แสดงช่องเฟรมต่างๆ ซึ่งทำงานเหมือนกับเฟรมที่ประกอบกันเป็นภาพยนตร์โดยเมื่อมีการนำเฟรมเหล่านี้มาแสดงอย่างต่อเนื่องก็จะทำให้เกิดภาพเคลื่อนไหว ทั้งนี้เฟรมจะแสดงผลทีละเฟรม โดยจะมีหัวอ่าน (Play head) วิ่งไปบนเฟรมทำให้เห็นชิ้นงานที่เราสร้างไว้ในแต่ละเฟรม ภาพที่ออกมาจึงดูเป็นภาพเคลื่อนไหว โดยส่วนของเฟรมมีองค์ประกอบดังนี้

ภาพที่ 1.10  ส่วนของเฟรมในหน้าต่างไทมไลน์

ที่มา : สุชาดา ทิพโรจน์, 2560

หมายเลข 1 เฟรม (Frame) โดย 1 ช่อง คือ 1 เฟรม

หมายเลข 2 หัวอ่าน (Playhead) แถบเส้นสีแดงคอยบอกตำแหน่งว่ากำลังทำงานอยู่ที่เฟรมใด

หมายเลข 3 Onion Skinning จะเป็นการแสดงชิ้นงานที่อยู่บนเฟรมก่อนหน้าหรือหลังที่ Playhead แสดงอยู่ จะเป็นภาพจางๆ เพื่อเป็นไกด์ให้เราเห็นว่าวัตถุก่อนหน้าอยู่ตำแหน่งใดช่วยให้สามารถสร้างภาพเคลื่อนไหวได้ต่อเนื่องกัน

หมายเลข 4 แสดงค่า FPS ของชิ้นงาน (จำนวนการแสดงผลเฟรมต่อวินาที)

หมายเลข 5 แสดงเฟรมปัจจุบันที่ Playhead กำลังเล่นอยู่

ชุดพาเนล (Panels) 

เป็นหน้าต่างที่ใช้กำหนดค่าในการปรับแต่งวัตถุซึ่งโปรแกรม Adobe Flash CS6 มีการจัดหมวดหมู่ตามหน้าที่การใช้งาน ซึ่งสามารถเลือกเปิดเฉพาะพาเนลได้โดยเลือกเมนูคำสั่ง Window > พาเนลที่ต้องการ ซึ่งมีพาเนลสำคัญที่ควรรู้จักมีดังนี้

Ü Properties Inspector เป็นพาเนลที่ใช้แสดงคุณสมบัติต่างๆ ของวัตถุ ซึ่งเราสามารถปรับแต่งคุณสมบัติของวัตถุเหล่านี้ได้ ทั้งนี้รายละเอียดของ Property Inspector จะเปลี่ยนไปตามวัตถุที่เราเลือก โดยเราสามารถเรียกเปิดใช้งาน Property Inspector ด้วยเมนูคำสั่ง Windows > Properties