พื้นฐานเบื้องต้นของ Flash
Flash MX เป็นโปรแกรมที่มีความสามารถในการสร้าง ภาพเคลื่อนไหว สร้างการโต้ตอบ สร้างงานในรูปแบบมัลติมีเดีย เพื่อตกแต่งให้เว็บเพจ มีความสวยงามและน่าสนใจยิ่งขึ้น การออกแบบ อีการ์ดด้วยโปรแกรม Flash MX นี้ สามารถใส่ลูกเล่นต่าง ๆ มากมาย ได้อย่างนุ่นนวลกว่าโปรแกรม Image Ready 7.0 โดยรูปภาพที่เคลื่อนไหวมีความสวยกว่า แต่ก็ขึ้นอยู่กับวิธีการออกแบบ ซึ่งจะมีความ ซับซ้อนมากขึ้น อาจจะเรียกได้ว่าคุณต้องเข้า ใจในเรื่องของ layer มากขึ้น
ก่อนที่จะเริ่มต้นใช้โปรแกรม Flash MX ควรทำความเข้ารู้จักกับส่วนประกอบต่าง ๆ ของโปรแกรมก่อนเพื่อจะได้ใช้งานให้ถูกต้องประกอบด้วย เมนูบาร์ ทูลบาร์ ไทมไลน์ รวมถึงพาเนลวินโดวส์ ซึ่งมีหน้าที่แตกต่างกันในการใช้งาน
เมนูบาร์ เป็นแถบที่ใช้เก็บรวบรวมคำสั่งทั้งหมดของ Flash MX เช่น เมนู File, Edit, View, Insert Modify, Text, Control, Window, และ Help
ทูลบาร์ เป็นแถบเครื่องมือลัด ที่พบเห็นทั่วไปตามโปรแกรมต่าง ๆ ซึ่งอยู่ถัดลงมาจาก เมนูบาร์นั่นเอง
ทูลบอกซ์ เป็นกล่องเครื่องมือสำหรับเก็บอุปกรณ์ต่าง ๆ ที่ใช้ในการทำงาน Toolbox มีลักษณะเป็นไอคอนรูปภาพ สามารถเรียกใช้งานได้ง่าย เพียงคลิกเมาท์ที่ไอคอนคำสั่งที่ต้องการเท่านั้น ก็สามารถเรียกใช้งานได้ หรือจะเรียกใช้คำสั่ง Window>Tools ก็ได้
ไทม์ไลน์ (Timeline) เป็นเครื่องมือใช้สำหรับสร้างและปรับเปลี่ยนรายละเอียดของการเคลื่อนไหว โดยการเอาออบเจ็กต์หรือวัตถุที่ต้องการให้ เคลื่อนไหวมาจัดวางต่อกันทีละภาพในแต่ละ Frame เพื่อสร้างเป็นภาพเคลื่อนไหวโดยเราสามารถกำหนดให้สามารถเล่นภาพเคลื่อนไหวซ้ำหรือเล่นแล้ว หยุดก็ได้
Stage เป็นหน้าต่างการทำงาน ซึ่งเป็นพื้นที่ว่างสำหรับการสร้างภาพเคลื่อนไหว โดยเมื่อเราสร้างงานหรือวางวัตถุบน Stage เราจะเรียก ภาพรวมนี้ว่า Scene
การสร้าง Flash Animation
ตัวอย่าง การสร้าง e-card ด้วย Flash Animation
การออกแบบอีการ์ดในลักษณะ Frame By Frame นี้จะต้อง มีออบเจ็กต์ รูปภาพ เตรียมพร้อมไว้แล้ว ถ้ายังไม่มี ก็ให้หาจากอินเทอร์เน็ต แนะนำให้หาจาก
www.google.com นะค่ะ และอีก 1 เว็บไซต์ ที่อยากจะแนะนำ คือ
www.altavista.com เว็บนี้รูปค่อนข้างเยอะ แต่ต้องใช้คำค้นเป็นภาษา อังกฤษเพราะเป็นเว็บต่างประเทศ ค่ะ
1. ค้นหารูปภาพที่ต้องการ หรือถ้าจะให้ง่ายอาจจะนำรูปตัวเอง รูปแฟน หรือคนที่คุณรักมาใช้เป็น องค์ประกอบ ใน การออกแบบอีการ์ดครั้ง นี้ด้วยก็ได้ จากนั้นก็นำไปปรับแต่งให้ดู สวยงามในโปรแกรม Photoshop หรือโปรแกรมอื่น ๆ แล้วแต่ถนัด
2. วาดรูปใน Flash โดยการใช้ครื่องมือ Brush Tool หรือแปรงระบายสี โดยคลิกที่รูป หรือถ้าจะให้ง่าย ก็กด B บนคีย์บอร์ด รูปที่วาดจะได้ในลักษณะดังรูปข้างล่าง ขึ้นอยู่กับ Idia นะคะ
3. นำภาพมาวางในเฟรม โดยกด F6 เพื่อ Insert Keyframe หรือเพิ่มคีย์เฟรม และวางภาพที่ได้ใน พื้นที่ Stage ทั้งนี้มีวิธีการจำง่าย ๆ คือ หากคุณต้องการให้เกิด action กด F6 หลัง Insert Keyframe แล้วจึงทำการทดสอบ โดยกด ปุ่ม Ctrl + Enter หรือ Control > Test Movie ทำอย่างนี้ไปเรื่อย ๆ สำหรับแต่ละ action
ภาพนี้แสดงลักษณะการวาง frame บนTime line จุดสีดำเกิดจากการกด F6 เพื่อกำหนดคีย์เฟรม
4. กด F6 อีกครั้งที่เฟรมที่ 2 เพื่อเพิ่มคีย์เฟรม และย่อรูปดอกไม้ให้เล็กลง และจะเพิ่มเติมข้อความ ลงใน Animation ก็ได้นะคะ
ภาพนี้แสดงลักษณะการวาง frame บน time line ในช่อง เฟรมที่ 2 และย่อรูปให้เล็กลงเพื่อให้เกิด Action ที่ 2
5. ทำการบันทึกไฟล์เอนิเมชั่นนี้ คลิกที่เมนู File> save หรือ Ctrl + S เพื่อ save งาน animation เป็นไฟล์ ที่สามารถกลับมาเพิ่มเติม แก้ไขได้อีกครั้ง โดย save ไฟล์ นามสกุล .fla
6. Export Movie หรือกดปุ่ม Ctrl+Alt+Shif+S บันทึกเป็นไฟล์ .SWF เพื่อนำไปใช้งาน แต่ไฟล์ .SWF นี้ไม่สามารถกลับไปแก้ไขได้นะค่ะ