ก่อนที่เราจะเริ่มวาดรูป หรือสร้างภาพ เราต้องมาทำความเข้าใจกับส่วนประกอบต่างๆ ของโปรแกรม Macromedia Flash CS6 กันก่อน โดยเปิดโปรแกรม Macromedia Flash CS6 ด้วยการคลิกปุ่ม Start> All Program > Adobe Master Collection CS6 >Adobe Flash Professional CS6 จะปรากฏหน้าต่าง ดังภาพ
ส่วนประกอบหลักๆ ของหน้าต่างโปรแกรม Flash
1. ส่วนที่ใช้ในการสร้างภาพเคลื่อนไหว (Timeline) Timeline เป็นส่วนที่ใช้ในการสร้างภาพเคลื่อนไหว โดยมีส่วนประกอบหลักๆ ด้วยกัน 2 ส่วน คือเลเยอร์ (Layer) และ เฟรม (Frame) ดังนี้
Layer เปรียบเสมือนแผ่นใสที่มีวัตถุหรือออบเจ็กต์ของภาพต่างๆ ที่เราวาดวางเอาไว้ การสร้างเลเยอร์ใหม่ก็เปรียบเสมือน กับเพิ่มแผ่นใสที่มีอิสระต่อกัน สามารถเปลี่ยนตำแหน่งการซ้อนทับกันของแต่ละเลเยอร์ได้โดยจะมีผลให้ภาพมีการเปลี่ยน ระดับและการซ้อนทับกันด้วย
Frame ที่แสดงช่องเฟรมต่างๆ ซึ่งทำงานเหมือนกับเฟรมที่ประกอบกันเป็นภาพยนตร์ โดยเมื่อมีการนำเฟรมเหล่านี้ มาแสดง อย่างต่อเนื่องก็จะทำให้เกิดภาพเคลื่อนไหว ทั้งนี้ Frame จะแสดงผลทีละเฟรม โดยจะมีหัวอ่าน (Playhead) ไว้สำหรับบอกตำแหน่งในการเล่นว่าอยู่ในตำแหน่งใด
ชนิดของเฟรม ชนิดของเฟรมที่ใช้ในการสร้างมูฟวี่ในโปรแกรมแฟลชแบ่งออกได้เป็น 2 ประเภท ได้แก่ คีย์เฟรม (Keyframe) และเฟรม ระหว่างกลาง (In-between frame) ดังนี้ คีย์เฟรม (Keyframe) คือตำแหน่งหลักที่วัตถุมีการเปลี่ยนแปลง ทำให้ภาพดูเคลื่อนไหว สัญลักษณ์ของคีย์เฟรมมี 2 แบบ คือ
หมายถึง เฟรมเปล่า
การสร้างภาพเคลื่อนไหวแบบ Frame by Frame สามารถทำได้โดยการสร้างเฟรมขึ้นมาแล้ววางวัตถุลงไป โดยปรับแต่งให้วัตถุในแต่ละเฟรมมีความแตกต่างกัน
เฟรมระหว่างกลาง (In-between frame) In-between เป็นหลักการหนึ่งของการสร้างภาพเคลื่อนไหวโดยการกำหนดเฟรมเริ่มต้น และเฟรมสิ้นสุดของการเคลื่อนไหว แล้วใช้คำสั่ง tween ในโปรแกรมแฟลชเพื่อให้ภาพเคลื่อนที่ระหว่างเฟรมเริ่มต้นกับเฟรมสิ้นสุด
การกำหนดการเคลื่อนที่แบบ tween ให้กับวัตถุในคีย์เฟรม มีสัญลักษณ์ของเฟรมที่แตกต่างกันตามลักษณะการเคลื่อนที่ที่กำหนด ดังนี้
เฟรมภาพนิ่ง เป็นเฟรมที่แสดงเนื้อหาของคีย์เฟรมที่อยู่ก่อนหน้า โดยไม่มีการเปลี่ยนแปลงใดๆ ลักษณะของพื้นเฟรมจะเป็นสีเทา
Shape Tween เป็นเฟรมภาพเคลื่อนไหวที่มีการเปลี่ยนแปลงรูปร่างไปพร้อมกับการเคลื่อนที่ โดยช่วงของการเคลื่อนที่จะเป็นรูปลูกศรสีดำบนพื้นสีเขียวระหว่างเฟรมเริ่มต้นกับเฟรมสิ้นสุดที่เป็นจุดสีดำ
Motion Tween เป็นเฟรมภาพเคลื่อนไหวที่มี การเคลื่อนที่โดยแสดงช่วงของการเคลื่อนที่เป็นรูปลูกศรสีดำ บนพื้นสีม่วงระหว่างเฟรมเริ่มต้นกับเฟรมสิ้นสุดที่เป็นจุดสีดำ
2. ส่วนที่เป็นพื้นที่การทำงาน (Stage) Stage เป็นพื้นที่สำหรับใช้ในการทำงาน หรือจัดวางวัตถุ จะเรียกกันว่า ออบเจ็กต์ (Object) ผู้ใช้งานสามารถปรับเปลี่ยนขนาด สีพื้น หรือตั้งค่าได้โดยคลิกเมนู Modify>Document...หรือคลิกขวาที่พื้นที่ จะเกิดเมนูลัดขึ้นมา ให้เลือก Document Properties ก็จะปรากฏหน้าต่าง Document Settings ดังภาพ
รายละเอียดของ Document Settings ประกอบไปด้วย
>> Dimensions ใช้สำหรับกำหนดขนาดความกว้าง (Width) และความสูง (Height) ของ Stage
>> Match ใช้สำหรับกำหนดขนาดของ Stage ตามตัวเลือกดังนี้ - Printer เป็นการกำหนดขนาดของ Stage ให้เท่ากับขนาดกระดาษปกติที่เครื่องพิมพ์สามารถพิมพ์ได้ - Contents เป็นการกำหนดขนาดของ Stage ให้เท่ากับรายละเอียดที่แสดงในไฟล์เอกสาร - Default เป็นการกำหนดขนาดของ Stage ให้เท่ากับค่าเริ่มต้นคือ 550x400 pixels
>> Ruler units เป็นการกำหนดหน่วยของ Ruler
>> ปุ่ม Make Default ไว้สำหรับเปลี่ยนค่าที่กำหนดให้เป็นค่าเริ่มต้นของโปรแกรม