รูปแบบของไฟล์รูปภาพกราฟิกที่ใช้ในการตกแต่งนั้นมีหลากหลายรูปแบบแล้วแต่จะใช้เกณฑ์ไหนมาแบ่ง ในที่นี้จะแบ่งรูปภาพตามระบบของโปรแกรมกราฟิก โดยเฉพาะในโปรแกรม Flash นั้นแบ่งออกเป็น 2 อย่าง เมื่อพิจารณาจากรูปเดียวกันแต่รูปแบบต่างกันเมื่อขยายภาพจะมีรายละเอียด ดังนี้
ผลงานที่สร้างขึ้นมาจากโปรแกรม Flash CS5 จะอยู่ในรูปแบบเวกเตอร์ (Vector) ซึ่งข้อดีของเวกเตอร์คือ ออบเจ็กต์จะมีความคมชัดและไฟล์ที่ได้จะมีขนาดเล็ก ดังนั้นโปรแกรม Flash CS5 จึงเหมาะสำหรับการสร้างไฟล์งานที่มีการเคลื่อนไหวหรือมีรูปแบบที่มีความน่าสนใจได้เป็นอย่างดี
รูปแบบกราฟิกไม่ได้มีเพียงแค่เวกเตอร์เท่านั้น แต่คุณยังสามารถนำไฟล์งานที่อยู่ในรูปแบบราสเตอร์ (Raster) เข้ามาใช้งานในโปรแกรม Flash CS5 ได้อีกด้วย และต่อไปนี้จะเป็นตารางแสดงรายละเอียดความแตกต่างระหว่างรูปแบบ กราฟิกทั้ง 2 รูปแบบ
เวกเตอร์(Vector)
ราสเตอร์(Raster)
ออบเจ็กต์สร้างขึ้นมาจากสูตรทางคณิตศาสตร์
ออบเจ็กต์สร้างจากช่องสีเหลี่ยมเล็กๆ ที่เรียกว่า “พิกเซล”
เหมาะสำหรับการสร้างตัวอักษร หรืองานที่แสดงบนเว็บ
เหมาะกับงานที่ต้องการความละเอียดของสี เช่น รูปถ่าย
ผลงานที่สร้างขึ้นจะมีขนาดไฟล์ที่เล็ก
ผลงานที่สร้างขึ้นจะมีขนาดไฟล์ที่ใหญ่
เมื่อทำการขยายขนาดจะไม่ทำให้คุณภาพของงานลดลง
เมื่อทำการขยายขนาดจะทำให้งานที่ได้มีคุณภาพลดลง
ซีน (Scene) เปรียบเทียบเสมือนเรื่องราวฉากละครแต่ละฉาก ภายในซีนจะประกอบด้วยออบเจ็กต์ต่างๆ มากมายหลากหลายชนิดที่ได้ทำสร้างขึ้นมา และโปรแกรมจะทำการสร้างซีนขึ้นมาให้ 1 ซีน แต่สามารถทำการเพิ่มจำนวนซีนขึ้นมาใช้งานได้อีกตามต้องการ
มูฟวี่ (Movie) เปรียบเสมือนเรื่องราวโดยรวมทั้งหมดของละคร ซึ่งมูฟวี่เกิดจากการนำซีน ของฉากทั้งหมดทำการประกอบเชื่อมโยงเข้าด้วยกันเป็นเรื่องที่ต้องการขึ้นมา
ซิมโบล (Symbol) คือตัวแทนของออบเจ็กต์ที่สร้างขึ้นมาใช้งานในมูฟวี่ เมื่อต้องการสร้าง
ออบเจ็กต์นั้นๆ ขึ้นมาใช้งานอีกจะได้ไม่ต้องทำการสร้างขึ้นมาใหม่ให้สิ้นเปลืองเวลา เนื่องจากสามารถนำอินสแตนซ์ของซิมโบล ที่ทำการสร้างขึ้นมาใช้งานแทนได้เลย ซิมโบลมีทั้งหมด 3 ประเภท ได้แก่
- ซิมโบลประเภทกราฟิก (Graphic Symbol) เป็นซิมโบลประเภทที่มีความซับซ้อนน้อยที่สุด ในการสร้างภาพนิ่ง การสร้างซิมโบลประเภทนี้สามารถสร้างได้จากออบเจ็กต์ทุกชนิด
- ซิมโบลประเภทปุ่ม (Button Symbol) เหมาะสำหรับการสร้างปุ่มที่มีการติดต่อตอบสนองกับผู้ใช้งานรวมถึงรับรู้การเคลื่อนที่และการกระทำของเมาส์ได้
- ซิมโบลประเภทมูฟวี่คลิป (Movie Clip Symbol) เป็นซิมโบลที่ใช้ในการสร้างภาพเคลื่อนไหวต่างๆ สามารถควบคุมและกำหนดคุณสมบัติได้จาก ActionScript
อินสแตนซ์ (Instance) คือ ออบเจ็กต์ที่ได้จากการนำซิมโบลที่สร้างไว้แล้วเข้ามาใช้งานตามจำนวนที่ต้องการโดยไม่ต้องสร้างออบเจ็กต์นั้นๆ ขึ้นมาใหม่ ซึ่งเมื่อทำการเปลี่ยนแปลง แก้ไขอิน
สแตนซ์แต่ละชิ้นแล้วจะไม่ส่งผลกระทบต่อซิมโบล ดังนั้นจึงเหมาะสำหรับงานที่ต้องการสร้างออบเจ็กต์ในรูปแบบที่คล้าย ๆ กัน โดยปรับเปลี่ยนเพียงแค่รูปร่างของออบเจ็กต์แต่ละชิ้นเท่านั้น เช่น การสร้างรูปฝูงนก เป็นต้น
การสร้างซิมโบลประเภทกราฟิกจะมีขั้นตอนการสร้างที่ง่ายและมีความซับซ้อนน้อยที่สุด เนื่องจากสามารถนำภาพนิ่งหรือทำการสร้างออบเจ็กต์ขึ้นมาทำเป็นซิมโบลกราฟิกในรูปแบบและขั้นตอนที่ง่ายที่สุด
- คลิกเมนู Insert แล้วเลือกคำสั่ง New Symbol เพื่อทำการสร้างซิมโบลใหม่
- พิมพ์ตั้งชื่อซิมโบลในช่อง Name
- คลิกเลือก Graphic ซิมโบลที่ได้จะอยู่ในรูปแบบกราฟิก
- คลิกปุ่ม OK เพื่อยืนยันคำสั่ง
- สร้างออบเจ็กต์ที่ต้องการสร้างเป็นซิมโบลประเภทกราฟิก
- คลิกที่ Scene1 เพื่อกลับสู่หน้าจอการทำงาน
ซิมโบลประเภทปุ่มเหมาะสำหรับงานที่ต้องการให้มีการตอบสนองติดต่อกับผู้ใช้งาน อีกยัง
สามารถดัดแปลงพัฒนาสร้างปุ่มสกรอลล์บาร์ ปุ่มแบบป็อปอัปเมนู จนกระทั่งถึงปุ่มที่ใช้ในการควบคุมวัตถุให้เคลื่อนที่ไปในทิศทางต่างๆ สำหรับการสร้างปุ่มพื้นฐานที่ใช้คลิกคำสั่งให้กลายเป็นซิมโบลสามารถทำได้ดังนี้
- คลิกเมนู Insert แล้วเลือกคำสั่ง New Symbol เพื่อสร้างซิมโบลใหม่
- พิมพ์ตั้งชื่อซิมโบลในช่อง Name
- คลิกเลือก Button ซิมโบลที่ได้จะอยู่ในสถานะทำหน้าที่เป็นปุ่ม
- คลิกปุ่ม OK เพื่อยืนยันคำสั่ง จากนั้นจะปรากฏสถานะของปุ่มขึ้นมา 4 สถานะ
- ที่เฟรม UP ให้ทำการสร้างปุ่มที่ต้องการเมื่ออยู่ในสถานะปกติ ยังไม่มีการคลิกเมาส์ใดๆ
- คลิกเมนู Insert แล้วเลือกคำสั่ง Keyframe จากนั้นจะปรากฏปุ่มที่อยู่ในสถานะ UP ขึ้นมา
- ที่เฟรม Over ให้ทำการตกแต่งแก้ไขปุ่มในสถานะที่มีการนำเมาส์ไปวางไว้บนปุ่ม เช่น ทำการเปลี่ยนแปลงสี เปลี่ยนแปลงรูปร่าง เปลี่ยนแปลงขนาดของปุ่ม เป็นต้น
- คลิกเมนู Insert เลือก Timeline แล้วเลือกคำสั่ง Keyframe จากนั้นจะปรากฏปุ่มที่อยู่ในสถานะ Over ขึ้นมา
- ที่เฟรม Down ให้ทำการตกแต่งแก้ไขปุ่มในสถานะที่มีการนำเมาส์ไปคลิกที่ปุ่ม
- คลิกเมนู Insert เลือก Timeline แล้วเลือกคำสั่ง Keyframe จากนั้นจะปรากฏปุ่มที่อยู่ในสถานะ Down ขึ้นมา
- ที่เฟรม Hit ให้ทำการสร้างออบเจ็กต์ใดๆ คลุมพื้นที่บริเวณที่ต้องการให้มีการแสดงผลของปุ่มคำสั่ง
- คลิกที่ Scene1 เพื่อกลับสู่หน้าจอการทำงานปกติ
- คลิกเมนู Window เลิกคำสั่ง Library ให้ปรากฏเครื่องหมายถูก เพื่อเปิดพาเนลไลบรารี
- ดรากส์เมาส์ลากปุ่มซิมโบลที่สร้างขึ้นมาไว้ที่พื้นงาน
- ดรากส์เมาส์ลากปุ่มซิมโบลที่สร้างขึ้นมาไว้ที่พื้นงาน
ลักษณะของมูฟวี่คลิป คือ เป็นซิมโบลที่สามารถให้ปรากฏภาพที่มีการเคลื่อนไหวติดต่อกัน
อย่างต่อเนื่องหรือเรียกว่าแอนิเมชันขึ้นมาได้ และต่อไปนี้เป็นตัวอย่างเบื้องต้นของการสร้างซิมโบลในรูปแบบมูฟวี่คลิป โดยจะทำการสร้างรูปดาวขึ้นมา ให้เกิดการหมุนพร้อมมีขนาดเปลี่ยนแปลงไปจากเดิม
- คลิกเมนู Insert เลิกคำสั่ง New Symbol เพื่อทำการสร้างซิมโบลใหม่
- พิมพ์ตั้งชื่อซิมโบลในช่อง Name
- คลิกเลือก Movie CIip ซิมโบลที่สร้างขึ้นจะเป็นมูฟวี่คลิปมีการเคลื่อนไหวขึ้นมา
- คลิกปุ่ม OK เพื่อยืนยันคำสั่ง
- สร้างออบเจ็กต์ที่ต้องการให้เป็นซิมโบลประเภทมูฟวี่คลิป
- คลิกเฟรมที่ 20 เพื่อทำการสร้างภาพเคลื่อนไหว
- คลิกเมนู Insert เลือก Timeline แล้วเลือกคำสั่ง Keyframe จากนั้นจะปรากฏคีย์เฟรมขึ้นมาบนเฟรมที่ 25
- ให้คลิกขวาที่เฟรม ไหนก็ได้ระหว่างเฟรมที่ 1- เฟรมที่ 25 เลือกคำสั่ง Create Motion tween
- จากนั้นให้คลิกเลือกที่ Rotate เปลี่ยนจากค่า None เป็น CW คือให้วัตถุหมุนตามเข็มนาฬิกา
- ให้เปลี่ยนตัวเลข ให้เป็น 12 time เป็นอัตราการหมุน ของวัตถุ
- คลิกปุ่ม Ctrl+Enter ที่แป้น keyboard จะเป็นการทดสอบมูฟวี่คลิปเพื่อดูการเคลื่อนไหวตามค่าที่ได้กำหนดไว้
การสร้างซิมโบลไม่เพียงแต่ต้องคลิกที่เมนู New Symbol จึงจะสามารถสร้างซิมโบลในรูปแบบ
ต่างๆได้เท่านั้น แต่หากได้ทำการสร้างออบเจ็กต์หรือภาพกราฟิกต่าง ๆ เพื่อเก็บไว้ในรูปแบบเวกเตอร์และราสเตอร์ขึ้นมาแล้ว เราสามารถทำการแปลงออบเจ็กต์เหล่านั้นให้กลายเป็นซิมโบลประเภทต่างๆ เพื่อเก็บไว้ใช้งานภายหลังก็ได้เช่นกัน
- สร้างและคลิกเลือกออบเจ็กต์ที่ต้องการ
- คลิกเมนู Modify> Convert to Symbol เพื่อทำการแปลงออบเจ็กต์ที่สร้างขึ้นให้เป็น ซิมโบล
- พิมพ์ตั้งชื่อซิมโบลในช่อง Name
- ที่ Behavior ให้คลิกเลือกประเภทซิมโบลที่ต้องการ
- คลิกปุ่ม OK เพื่อยืนยันคำสั่ง
- คลิกเมนู File > Save เพื่อทำการบันทึกไฟล์ซิมโบลที่ได้สร้างขึ้นเก็บไว้ใช้งานในครั้งต่อไป
- พิมพ์ตั้งชื่อไฟล์ในช่อง File name
- คลิกปุ่ม Save ไฟล์งานลงในช่อง Flie name
ซิมโบลทั้ง 3 แบบ ที่สร้างขึ้นมาแล้วนั้น สามารถนำเข้ามาใช้งานได้โดยไม่จำกัด เมื่อต้องการ
ใช้งานเพียงแค่คลิกเลือกนำเข้ามาจาก Library Panel จากนั้นจึงทำการปรับแต่งแก้ไขให้มีรูปแบบ ขนาด สี ที่แตกต่างกันออกไปเท่านั้น ซึ่งจะทำให้ประหยัดเวลาไม่ต้องสร้างออบเจ็กต์ในรูปแบบเดิม ขึ้นมาหลายๆ ครั้ง
- คลิกเมนู File > Open as Library เพื่อเปิดไฟล์ที่ได้ทำการสร้างซิมโบลไว้ขึ้นมา
- ดับเบิลคลิกชื่อไฟล์ที่ได้ทำการบันทึกไว้
- ดรากส์เมาส์ลากซิมโบลจาก Library Panel ออกมาใช้งาน จากนั้นทำการปรับแต่งขนาดตามต้องการ
- คลิกที่หน้าต่าง Properties ด้านล่าง
- ที่ Color ให้คลิกเลือก Tint สี และระดับความเข้มจางของสีตามต้องการ
เราสามารถสร้างจุดเชื่อมโยงไปยังเว็บไซต์ ต่อไปนี้จะเรียกว่า ลิงค์ (Link) ได้ตั้งแต่ตอนสร้าง
ซิมโบล หรือหลังจากแก้ไขซิมโบลไปแล้ว ดังรายละเอียดดังนี้
- สร้างซิมโบลใหม่คลิกเมนู Insert > New Symbol หรือกดปุ่ม
- ใส่ชื่อ Link01 ให้กับซิมโบลลงในช่อง Name
- กำหนดให้เป็นซิมโบลประเภท Button
- เลือกคำสั่ง Windows > Actions ให้ปรากฏเครื่องหมายถูก
- เลือกที่คำสั่ง Browser/ Network ดับเบิลคลิกที่ getURL: ในช่อง URL: ให้ใส่ชื่อเว็บไซต์ ในที่ให้ใส่ //www.bkk-software.co.th
- ในช่อง Window ให้เลือกเป็น _blank ในช่อง Window เป็นการกำหนดสไตล์การเปิดหน้าเว็บไซต์ มีให้เลือก 4 แบบ
_ blank จะกำหนดให้เปิดหน้าเว็บเพจอันใหม่ขึ้นมาเสมอ
_ parent จะกำหนดให้เปิดหน้าเว็บเพจในหน้าต่างหลักหรือกรอบเฟรม
กรณีที่มีการแบ่งคอลัมน์
_ self จะกำหนดให้เปิดหน้าเว็บเพจในกรอบเฟรม ปัจจุบันที่มีลิงค์นี้อยู่
_ top จะกำหนดให้เปิดหน้าเว็บเพจใหม่แทนหน้าเว็บเพจปัจจุบันทั้งหมด - กดเพื่อทดสอบชิ้นงานของเรา
หน้าต่างไลบรารีเป็นส่วนประกอบที่สำคัญตัวหนึ่งของโปรแกรม Flash จึ่งจำเป็นที่ต้องเข้าใจในการทำงานหน้าต่างไลบรารี เพื่อความสะดวกในการสร้างภาพเคลื่อนไหว หรือสร้างผลงานต่างๆ ด้วย Flash ส่วนประกอบในหน้าต่างมีดังนี้
- แถบชื่อไฟล์ เนื่องจากว่าเมื่อเราเปิดไฟล์หลายไฟล์พร้อมกัน (จะเรียกว่าหลายมูฟวี่ก็ได้) หน้าต่างไลบรารีปรากฏขึ้นมาพร้อมกัน สามารถที่จะแยกได้ว่าซิมโบลเป็นของมูฟวี่อันไหน โดยดูจากแถบชื่อไฟล์
- เมนู Options สำหรับจัดการกับรายละเอียดภายในหน้าต่างไลบรารีนี้
- กรอบแสดงตัวอย่าง เมื่อคลิกที่ชื่อซิมโบลจะปรากฏตัวอย่างหน้าตาของซิมโบล พร้อมกับทดสอบการทำงานของซิมโบลด้วยการคลิกปุ่ม Test ในกรอบนี้ได้ทันที
- กรอบแสดงชื่อซิมโบล เมื่อสร้างซิมโบลขึ้นมาใหม่ หรือดึงเข้ามาจากภายนอกจะปรากฏชื่อ
ซิมโบลกรอบนี้เป็นจุดแรก ก่อนที่จะปรับแต่งคุณสมบัติได้ต่อไป - ปุ่มจัดลำดับ เมื่อหน้าตางไลบรารีประกอบด้วยซิมโบลหลายตัว สามารถคลิกปุ่มเหล่านี้เพื่อ
จัดเรียงซิมโบลตามคุณสมบัติ เช่นเรียงตามชื่อ เรียงตามประเภท วันที่ และเวลาที่สร้างขึ้น เป็นต้น - ปุ่มจัดการหน้าต่างไลบรารี จะมีแถบเลื่อนดูซิมโบลที่ซ่อนอยู่ด้านล่างของหน้าต่างนี้
ไอคอนต่างๆ ที่ปรากฏหน้าชื่อซิมโบลแต่ละตัว และในหน้าต่างไลบรารี ดังนี้
ไอคอนประจำตัวของซิมโบลประเภท Graphicไอคอนประจำตัวของซิมโบลประเภท Movie Clipไอคอนประจำตัวของซิมโบลประเภท Buttonปุ่มสำหรับการสร้างซิมโบลใหม่ปุ่มสำหรับการสร้างโฟล์เดอร์ใหม่ปุ่มสำหรับการกำหนดคุณสมบัติของซิมโบลปุ่มสำหรับลบซิมโบลที่เลือก (ที่ขึ้นแถบสีที่ชื่อซิมโบล)