Macromedia Flash 5
เป็นโปรแกรมที่ใช้สร้างภาพเคลื่อนไหว Animation และการใส่เสียงSoundประกอบกับภาพเคลื่อนไหวลงในเวป
WebMaster หรือลงในเว๊ปไซด์บนอินเตอร์เน็ต รวมไปถึงการสร้างเกมอย่างง่าย ๆ ภาพการ์ตูน
การนำเสนอข้อมูลหรือผลงานในรูปแบบของสไลด์ได้เช่นกัน โดยขนาดของไฟล์ข้อมูลจะมีขนาดเล็กกว่าไฟล์ข้อมูลภาพเคลื่อนไหวอื่น
ๆ ที่เห็นกันทั่วไป
คุณสมบัติของ Macromedia Flash
5
1. ได้เพิ่มเครื่องมือใหม่ ๆ ในการทำงาน
2. สามารถนำไฟล์รูปภาพและไฟล์เสียง มาใช้ร่วมกับ Flash 5
3. ได้เพิ่ม Movie Explorer ในการแสดง Frame Action และ Object Action เพื่อความสะดวกในการทำงาน
4. สามารถแปลงคุณสมบัติของของไฟล์ได้หลายนามสกุล เพื่อที่เราจะได้นำผลงานของเราไปใช้ร่วมกับโปรแกรมอื่น
ๆ ได้มากขึ้น
5. ได้เพิ่มคำสั่งในการเขียน Script สำเร็จรูปทั้งหมดโดยเราไม่จำเป็นต้องเขียน
Script ขึ้นเองก็ได้
ความต้องการของเครื่องคอมพิวเตอร์
1 Flash 5 สามารถใช้ร่วมกับระบบปฏิบัติการ Microsolf Windows 95 , 98 , me , xp
2.ขนาดของ Cpu ตั้งแต่รุ่น 486 ขึ้นไป หรือตั้งแต่ 100 MHz
3.ขนาดของ Rom ตั้งแต่ 16 MB หรือมากกว่า
4.จอภาพควรใช้แบบ VGA 256 สี หรือมากกว่า
5.เมาส์ คีย์บอร์ด ลำโพง และการ์ดเสียง
หลักการทำงานของ Flash 5 มีอยู่ 4 ขั้นตอน
1. การสร้างภาพขึ้นเอง การนำภาพนิ่ง การทำภาพเคลื่อนไหว
2. ทำการแปลงคุณสมบัติของภาพหรือส่วนประกอบให้เป็น Symbol ก่อน
3. สร้างเป็นภาพเคลื่อนไหวและใส่เสียง ประกอบกับภาพ
4. ขั้นตอนสุดท้ายและสำคัญเช่นกัน คือ การแปลงนามสกุลให้กับผลงานที่ภาคภูมิของเราออกเผยแพร่บนอินเตอร์เน็ตหรือที่อื่นได้ตามต้องการ
ซึ่งสามารถแปลงเป็นนามสกุล Flash Movie , Html , Gif , Jpeg , Png , Quick Time
, Real Player
วิธีการเข้าโปรแกรม Flash 5
1. เลื่อนเม้าท์ไปที่ Start
2. เลือก Program
3. เลือก Macromedia Flash 5
หรือ คลิกที่ไอคอน บน DeskTop ของ Flash 5
ส่วนประกอบ Macromedia Flash 5
มีส่วนประกอบของเครื่องมือและหน้าต่างที่สำคัญดังนี้
เมนูบาร์ Menu bar
เป็นแถบรวมคำสั่งการใช้งานของ Flash โดยจะแยกออกเป็นหมวดหมู่ซึ่งในแต่ละหมวดหมู่จะประกอบไปด้วยคำสั่งในการจัดภาพที่เราวาดขึ้นเอง
หรือรูปภาพที่เรานำมาจากที่อื่น
File เป็นหมวดคำสั่งที่จัดการเกี่ยวกับไฟล์ข้อมูลทั้งหมดภายใน Flash เช่น การเปิดหน้าจอเพื่อสร้างงานชิ้นใหม่ การเปิดแฟ้มข้อมูล การบันทึกแฟ้มข้อมูล การปิดโปรแกรม การนำภาพหรือไฟล์เสียงมาใช้งาน
Edit เป็นหมวดของคำสั่งการจัดการแก้ไขต่าง ๆ ภายใน Flash เช่นการเลือกส่วนที่ต้องการแก้ไข การลบ การคัดลอก การกำหนดคีย์ลัด ให้กับคำสั่งต่าง ๆ ใน Flash
View เป็นหมวดคำสั่งในการแสดงมุมมองในส่วนต่าง ๆ ภายในพื้นที่ทำงาน
Insert เป็นหมวดคำสั่งในการกำหนดคุณสมบัติของรูปภาพที่เราเลือก เช่น การสร้างเลเยอร์ การจัดการกับเฟรม การสร้างซีน และกำหนดเฟรมใช้ในการสร้างภาพเคลื่อนไหว
Modify เป็นหมวดคำสั่งในการแปลงคุณสมบัติของรูปภาพ เพื่อสามารถแก้ไขในส่วนต่าง ๆ ของภาพนั้นได้
Text เป็นหมวดคำสั่งในการจัดการกับตัวอักษรที่เราพิมพ์ลงใน Flash
Control เป็นหมวดคำสั่งในการควบคุมการแสดงภาพเคลื่อนไหว
Window เป็นหมวดคำสั่งในการเปิดหรือปิดหน้าต่าง Panel ต่าง ๆ
Help เป็นกลุ่มคำสั่งในการขอคำอธิบายต่าง ๆ เกี่ยวกับการใช้โปรแกรม
ทูลบาร์ (Tools bas) เป็นแถบเครื่องมือต่าง ๆ ที่อยู่ในเมนูบาร์ โดยจะแสดงเป็น สัญลักษณ์เป็นรูปภาพบนแถบคำสั่งซึ่งจะเป็นการเรียกใช้คำสั่งต่าง ๆ ที่ใช้สำหรับจัดการกับชิ้นงานของเรา ซึ่งจะเร็วกว่าและง่ายกว่าเรียกใช้คำสั่งจากเมนูบาร์
New เป็นปุ่มคำสั่งสำหรับให้เตรียมหน้าจอใหม่
Open เป็นปุ่มคำสั่งสำหรับการใช้เปิดแฟ้มข้อมูล
Save เป็นปุ่มคำสั่งบันทึกภาพ
Print เป็นปุ่มคำสั่งพิมพ์ภาพออกจากเครื่องพิมพ์
Print Preview เป็นปุ่มคำสั่งขอดูภาพตัวอย่าง
Cut เป็นปุ่มคำสั่งสำหรับใช้ตัดหรือลบชิ้นงาน
Copy เป็นปุ่มคำสั่งใช้ในการคัดลอก
Paste เป็นปุ่มคำสั่งวางชิ้นงานหรือรูปภาพลงในที่ที่ต้องการภายในจอ Flash
Undo เป็นปุ่มคำสั่งสำหรับให้ย้อนกลับไปขั้นตอนที่ผ่านมา 1 ขั้นตอน
Redo เป็นปุ่มคำสั่งสำหรับให้เดินหน้าไป 1 ขั้นตอน
Snap to Objects เป็๋นปุ่มคำสั่งสำหรับให้ปลายเส้นในแต่ละเส้นดึงดูดกัน เพื่อให้สัมผัสกันขณะที่เราทำการวาดเส้นที่ต้องการต่อกับปลายเส้นอีกเส้นหนึ่ง
Smooth เป็นปุ่มคำสั่งสำหรับการทำให้เส้นขอบของชิ้นงานมีความโค้งมน
Straighten เป็นปุ่มคำสั่งสำหรับการทำเส้นขอบของชิ้นงานให้มีเหลี่ยมหรือมุม
Rotate เป็นปุ่มคำสั่งสำหรับใหหมุนภาพหรือชิ้นงาน
Scale เป็นปุ่มคำสั่งสำหรับใช้ย่อ ขยายชิ้นงานหรือภาพที่เราเลือก
Align เป็นปุ่มคำสั่งสำหรับในการจัดการตำแหน่งที่อยู่ของชิ้นงานที่เราเลือก โดยจะมีปุ่มเครื่องมือที่หน้าต่าง
ใช้สำหรับย้ายตำแหน่ง
กล่องเครื่องมือ (Tools box)
----------------------------------------------------------------------------------------------------
กลุ่มเครื่องมือสำหรับเลือก Selection ชิ้นงาน เส้นขอบ พื้นผิวภายใน เส้นขอบทั้งหมดหรือเฉพาะบางส่วนที่ต้องการ
กลุ่มเครื่องมือสำหรับใช้วาดเส้นต่าง ๆ เช่น เส้นตรง เส้นโค้ง รูปวงกลม รูปสี่เหลี่ยม
การพิมพ์ตัวอักษร และการลบชิ้นงาน
กลุ่มเครื่องมือสำหรับใช้การจัดการมุมมองต่าง ๆ เช่น การย่อขยาย
----------------------------------------------------------------------------------------------
กลุ่มเครื่องมือสำหรับใช้เติมเส้นให้กับขอบและพื้นที่ภายในเส้นขอบ
--------------------------------------------------------------------------------------------
แสดงกลุ่มเครื่องมือเพิ่มเติมที่อยู่ภายในปุ่มเครื่องมือต่าง ๆ ในแต่ละกลุ่มเครื่องมือที่เราเลือก
----------------------------------------------------------------
พื้นที่ทำงาน Stage
เป็นพื้นที่กรอบสี่เหลี่ยมอยู่ตรงกลางหน้าจอ Flash ซึ่งเป็นพื้นที่ว่าง ๆ มีหน้าที่สำหรับให้เราวาดภาพขึ้นด้วยต้นเองหรือนำรูปภาพที่เรานำเข้ามาวางไว้
เพื่อทำการแก้ไขและสร้างเป็นภาพ เคลื่อนไหวต่อไป
หน้าต่างควบคุมการแสดงผล Flash (Panel)
เป็นหน้าต่างที่รวมปุ่มเครื่องมือและรายการคำสั่งต่าง ๆ ซึ่งใน Flash มีหน้าต่างจะประกอบไปด้วยแท็ปหน้าต่างที่มีคำสั่งต่าง
ๆ ด้วยกัน ที่ถูกจัดไว้เป็นหมวดหมู่ เพื่อสะดวกในการเรียกใช้ และให้ทำงานสะดวกขึ้น
ซึ่งประกอบไปด้วยหน้าต่าง Panel ที่น่าสนใจดังนี้
Panel Info ประกอบไปด้วย 4
หน้าต่าง
info Tab เป็นแท็ปหน้าต่างที่แสดงรายละเอียดค่าของสีต่าง ๆ การย่อหรือขยายขนาดของภาพเฉพาะตามแนวนอนหรือแนวตั้ง
และแสดงค่าแกน x และแกน y ที่อยู่ของภาพหรือชิ้นงานที่เราเลือก
Transform Tab เป็นแท็ปหน้าต่างที่ใช้ในการปรับเปลี่ยนขนาด การบิด การหมุน ของชิ้นงาน
หรือภาพที่เราเลือก
Stroke Tab เป็นแท็ปหน้าต่างที่ใช้กำหนดรูปแบบและขนาดเส้นขอบของชิ้นงานที่เราวาดขึ้นเอง
Fill Tab เป็นแท็ปหน้าต่างที่ใช้กำหนดสีให้กับพื้นที่ ที่อยู่ของภาพในเส้นขอบที่เราสร้างขึ้นใหม่
Panel Mixer ประกอบไปด้วย 2
แท็ปหน้าต่าง
Mixer Tab เป็นแท็ปหน้าต่างที่ใช้สำหรับการผสมสี
Swacthes Tab หน้าต่างที่ใช้สำหรับจัดการกับสีภายในตารางสี เช่น การเพิ่มสี การลบสี
รวมไปถึงการกำหนดการไล่โทนสีไปในในทิศทางต่าง ๆ
Panel Character ประกอบไปด้วย 3 แท็บหน้าต่าง
Character Tab เป็นแท็ปหน้าต่างที่ใช้ในการจัดการกับตัวอักษรที่เราพิมพ์เป็นข้อความ
เช่น การเปลี่ยนแปลงรูปแบบตัวอักษร การปรับขนาดความกว้าง และความสูงของตัวอักษร
การปรับระยะห่างระหว่างแต่ละตัวอักษร
Paragraph Tab เป็นแท็บหน้าต่างที่ใช้ในการจัดการกับตัวอักษรที่เราได้ทำการเลือก
เช่น การจัดตัวอักษรชิดซ้าย ชิดขวา หรือกึ่งกลาง
Text Options Tap เป็นแท็ปหน้าต่างที่ใช้กำหนดหรือเปลี่ยนรูปแบบตัวอักษร ซึ่งจะมีรายการให้เลือกอยู่
3 รูปแบบได้แก่
1. Static text กำหนดรูปแบบตัวอักษรแบบธรรมดา
2. Dynamic Text กำหนดรูปแบบตัวอักษรที่สามารถเปลี่ยนแปลงค่าได้
3. Input Text กำหนดกล่องข้อความในรูปแบบต่าง ๆ
Panel Instance ประกอบไปด้วย 4 แท๊ปหน้าต่าง
Instance Tab เป็นแท็ปหน้าต่างที่ใช้จัดการกับชิ้นงานหรือภาพที่อยู่ในพื้นที่ทำงานโดย
Instance จะมีลักษณะการกำหนดคุณสมบัติให้กับภาพหรือชิ้นงานเช่นเดียวกับ Symbol
คือแบบ Movie Clip, Button , Graphic
Effect Tab เป็นแท็ปหน้าต่างที่ใช้สำหรับใส่ Effect ลูกเล่นต่าง ๆ ให้กับชิ้นงาน
เช่น การเพิ่มความสว่าง หรือมืด การเปลี่ยนสี การทำให้ชิ้นงานค่อย ๆ เลือนหายไป
Frame Tab เป็นแท็ปหน้าต่างที่ใช้สำหรับเปลี่ยนลักษณะรูปร่างชิ้นงานหรือรูปภาพที่เรานำมาทำเป็นภาพเคลื่อนไหว
ลักษณะให้เปลี่ยนลักษณะโครงสร้างหรือไม่ให้เปลี่ยนลักษณะโครงสร้าง
Sound Tab เป็นแท็บหน้าต่างที่ใช้ในการจัดการกับไฟล์เสียง โดยใช้คำสั่ง Import
เพื่อนำมาใช้ประกอบกับภาพเคลื่อนไหว โดยจะมี Effect ต่าง ๆ ในการปรับเปลี่ยน เช่น
กำหนดให้เสียงค่อย ๆ ดัง ขึ้นเรื่อย ๆๆ Fade in กำหนดให้มีการไล่เสียงจากลำโพงซ้ายไปขวา
หรือว่าจะกำหนดแต่งเสียงด้วยตัวเองได้
Symbol
คือ Symbol ใน Flash จะถูกแบ่งออกเป็น 3 ประเภท ซึ่งได้แก่
1. Movie Clip ภาพเคลื่อนไหว
2. Botton ภาพที่มีลักษณะปุ่มกด
3. Graphic ภาพนิ่ง
กำหนดประเภทให้กับชิ้นงานว่าเราต้องการใช้ชิ้นงานนั้นกับงานแบบใด
ทำได้โดย
1. เลือกชิ้นงานที่ต้องการ (Selection)
2. คลิกคำสั่ง Insert > Convert to Symbol
การแปลงคุณสมบัติ Symbol แบบ
Movie Clip
1. เลือกชิ้นงานที่ต้องการ เพื่อแปลงคุณสมบัติแบบ Movie Clip
จากนั้นคลิกคำสั่ง Insert > Convert to Symbol
2. เลื่อนเม้าท์เลือก Movie Clip
3. คลิกปุ่ม OK
การแปลงคุณสมบัติ Symbol แบบ
Button
1. เลือกชิ้นงานที่ต้องการ เพื่อแปลงคุณสมบัติแบบ Button
จากนั้นคลิกคำสั่ง Insert > Convert to Symbol
2.คลิกเมาส์ที่ปุ่ม Button เพื่อแปลงคุณสมบัติ
3.สังเกตที่ภาพจะปรากฎกรอบสี่เหลี่ยมสีฟ้าล้อมรอบอยู่ซึ่งหมายความว่าภาพที่เราเลือกได้ถูกแปลงเรียบร้อย
4.ดับเบิลคลิกภาพที่ทำการแปลงคุณสมบัติ หรือดับเบิลคลิก
ที่สัญลักษณ์ ในหน้าต่างไลบรารี่เพื่อกำหนดให้ภาพเป็นปุ่มกดแล้วสังเกตที่เส้นเวลาจะเปลี่ยนจากเฟรมแบบปกติ
เป็นเฟรมในการกำหนดสถานะ UP, OVER, DOWN ,HIT
5.คลิกเมาส์ขวาที่เฟรม Over เลือกคำสั่ง Insert keyframe และคลิกเม้าท์ขวาที่เฟรม
Down เฟรม Hit เลือกคำสั่ง Insert keyframe เช่นกันเพื่อกำหนดสถานะต่าง ๆ ให้กับปุ่มกด
6. คลิกเม้าท์ที่เฟรม Over แล้วคลิกเม้าท์ที่ปุ่ม เลือกสีที่ต้องการ เพื่อเปลี่ยนสีให้กับปุ่มกด
ขณะที่เราวางเม้าท์บนปุ่มกด
7.กด Ctrl + Enter เพื่อดูลักษณะปุ่มกด
การแปลงคุณสมบัติ Symbol แบบ
Graphic
1. เลือกชิ้นงาน เพื่อแปลงคุณสมบัติแบบ Graphic จากนั้นเราคลิกเม้าท์คำสั่ง
Insert > Convert to Symbol
2.คลิกเม้าท์ที่ปุ่ม Graphic เพื่อแปลงคุณสมบัติเป็นภาพนิ่ง
3.สังเกตที่ภาพจะปรากฎกรอบสี่เหลี่ยมสีฟ้าล้อมรอบอยู่
เลยอร์
คือการทำภาพเคลื่อนไหวในแต่ละครั้ง เราอาจจะแยกส่วนประกอบของชิ้นงานออกเป็นชิ้น
ๆ และในแต่ละชิ้นจะอยู่ภายในเลเยอร์ของแต่ละชิ้น
เมื่อเรานำรูปภาพ หรือเราได้ทำการสร้างชิ้นงานขึ้นมา ก็จะอยู่ภายในเลเยอร์ชั้นที่
1 ทุกครั้ง ดังนั้นถ้าเราต้องการให้รูปภาพหรือชิ้นงานในแต่ละชิ้นสามารถเคลื่อนไหวได้อย่างอิสระจากกัน
หรือเราต้องการแก้ไขชิ้นงานต่าง ๆ โดยไม่มีผลกระทบต่อชิ้นงานอื่น ๆ เราต้องทำการสร้างเลเยอร์ขึ้นมาใหม่
ซึ่งเราสร้างเลเยอร์ขึ้นมาใหม่ ซึ่งเราสร้างเลเยอร์ใหม่ได้ 3 วิธี ดังนี้
วิธีที่ 1 คลิกเม้าท์คำสั่ง Insert > Layer เพื่อทำการเรียกเลเยอร์ชั้นที่ 2
ขึ้นมาใหม่ ซึ่งอยู่ด้านบนชั้นที่ 1 และเลเยอร์ชั้นที่ 2 ก็จะพร้อมที่จะทำงาน โดยเราสังเกตแถบเลเยอร์จะเป็นสีดำ
วิธีที่ 2 การสร้างเลเยอร์โดยการคลิกเม้าท์ปุ่มเครื่องมือ
Insert Layer
วิธีที่ 3 การสร้างเลเยอร์ โดยการใช้เมนูลัด ทำได้โดย คลิกเม้าท์ขวาเลเยอร์ และเลื่อนเม้าท์คำสั่ง Insert Layer เลเยอร์ใหม่จะอยู่ด้านบนของเลเยอร์ที่เราเลือก
เราสามารถสร้างเลเยอร์ขึ้นใหม่ได้มากตามที่เราต้องการ แต่เราสามารถทำงานได้เพียงครั้งละเลเยอร์เท่านั้น