วิชาการสร้างงานแอนิเมชั่น ม.5

1. ประเภทของภาพกราฟิ ก
และไฟล์ภาพ

2. ภาพกราฟิ กในคอมพิวเตอร ์จะแบ่งออกเป็ น
2 ประเภทหลักๆคือ
1. ภาพชนิดราสเตอร ์(Raster) (หรือจะเรียกว่า
แบบBitmap ก็ได้)
เป็นภาพเกิดขึ้นจากการรวมตัวกันของจุดเม็ดสีที่เรียกว่า “พิกเซล-
Pixel” จานวนมากมารวมกันจนเกิดกลายเป็นภาพ ภาพชนิดนี้จะถูกฟิต
ขนาดและความคมชัดมาตั้งแต่เริ่มสร้าง เมื่อทาการย่อ หรือ ขยายมากๆ หรือทั้ง
ยืด-หดขนาด สลับกันบ่อยๆ ก็จะทาให้ภาพเกิดความผิดเพี้ยนไป เช่นทาให้
เบลอ ภาพไม่คมชัดเหมือนต้นฉบับ(ภาพก่อนทาการแก้ไข) จุดสีเพี้ยน เป็น
ต้น เมื่อซูมภาพเข้าไปมากๆก็จะเห็นจุดเม็ดสีชัดเจน และภาพก็จะเบลอมากๆ
ภาพชนิดนี้ถูกสร้ างขึ้นได้จากหลายโปรแกรม เช่น Adobe
Photoshop, 3D Max, Maya และโปรแกรมตระกูล

3. ตัวอย่างภาพชนิดราสเตอร ์(Raster)

4. 2. ภาพชนิดเวคเตอร ์(Vector)
ภาพกราฟิ กในคอมพิวเตอร ์จะแบ่งออกเป็ น
2 ประเภทหลักๆคือ
เป็นภาพที่เกิดขึ้นจากการวาดเส้นพาธ (Path) ให้เป็นเส้นต่างๆ อิสระจนกลายเป็น
ภาพ และถูกโปรแกรมเก็บรักษาไว้ให้อยู่ในสภาพเป็นค่าตัวเลข ซึ่งจะมีการคานวณเพิ่มเติมทุก
ครั้งเมื่อมีการแก้ไขเปลี่ยนแปลงภาพ
ด้วยความเป็นภาพที่ถูกเก็บรักษาไว้ในรูปแบบค่าตัวเลข จึงทาให้ภาพประเภทเวคเตอร์
เป็นภาพที่มีความคมชัดสูง ไม่ว่าจะย่อ – ขยาย กี่ครั้ง ภาพก็คงความคมชัดเหมือนเดิมไม่มีวัน
เปลี่ยนแปลง เมื่อซูมภาพเข้าไปมาก ๆ ความคมชัดของภาพไม่เปลี่ยนแปลง
เนื่องจากเป็นภาพที่เกิดขึ้นโดยการร่างเส้นพาธ ภาพชนิดนี้จึงถูกสร้างขึ้นจากโปรแกรม
คอมพิวเตอร์เป็นหลัก เช่นจากโปรแกรม Adobe Illustrator , CorelDraw โดย
จะมีสกุลภาพเป็น .AI, .DRW, .CDR , .EPS หรือ .PS ก็ได้ นอกจากนี้ก็เป็นสกุล
ภาพ .WMF (เป็นภาพคลิปอาร์ตในโปรแกรม Microsoft Word) และภาพสกุล
.DWG ที่มีอยู่โปรแกรมการออกแบบ AutoCAD เป็นต้น

5. ตัวอย่างภาพชนิดเวคเตอร ์(Vector)

6. เปรียบเทียบความแตกต่างระหว่างภาพ
Raster และ Vector

7. ความรู ้ทั่วไปเกี่ยวกับ
โปรแกรม Flash
• โปรแกรม Flash คืออะไร ?
• โปรแกรม Flash เป็นซอฟต์แวร์ที่ช่วยในการสร้างสื่อมัลติมีเดีย, ภาพเคลื่อนไว
(Animation), ภาพกราฟิกที่มีความคมชัด เนื่องจากเป็นกราฟิกแบบเว็คเตอร์
(Vector), สามารถเล่นเสียงและวีดิโอ แบบสเตริโอได้
• สามารถสร้างงานให้โต้ตอบกับผู้ใช้(Interactive Multimedia) มีฟังก์ชั่น
สาหรับการเขียนโปรแกรม (Action Script) และยังทางานใน
ลักษณะ CGI โดยเชื่อมต่อกับการเขียนโปรแกรมภาษาอื่นๆ ได้มากมาย เช่น
ภาษา PHP
, JSP
, ASP
, ASP
.NET, C/C++, C#, C#.NET, VB,
VB.NET, JAVA
• ข้อดีของโปรแกรม Flash คือ ความสามารถในการบีบอัดไฟล์ให้มีขนาดเล็ก มีผลทา
ให้แสดงผลได้อย่างรวดเร็ว นอกจากนั้นยังแปลงไฟล์ไปอยู่ในฟอร์แมตอื่น ได้หลากหลาย

8. ความรู ้ทั่วไปเกี่ยวกับ
โปรแกรม Flash
• โปรแกรม Flash คืออะไร ?
• โปรแกรม Flash เริ่มมีชื่อเสียงประมาณปี พ.ศ. 2539 จนถึง ปัจจุบันได้ถูก
นามาใช้งานอย่างแพร่หลาย โดยเฉพาะเทคโนโลยีเว็บ ทาให้การนาเสนอทาได้อย่าง
น่าสนใจ นอกจากนั้น โปรแกรม Flash ยังสามารถสร้างแอพพลิเคชั่น
(Application) เพื่อใช้ทางานต่างๆ รองรับการใช้งานกับอุปกรณ์ที่ เชื่อมต่อกับ
ระบบเครือข่ายอินเตอร์เน็ต และทางานได้กับหลายๆ แฟลตฟอร์ม (Platform)

9. ลักษณะสาคัญของโปรแกรม
Adobe Flash
•1. สร้างชิ้นงาน Interactiveมีส่วนตอบสนองกับผู้ใช้ เช่น ผู้ใช้
สามารถคลิกเลือกเมนูต่าง ๆ ได้ นาไปประยุกต์เป็นสื่อการสอน ( E-
Learning ) หน้าจอควบคุมการทางานต่าง ๆ สื่อโฆษณา (
Banner ) บนเว็บไซต์ การ์ตูนแอนิเมชันต่างๆ เป็นต้น
•2.สร้างชิ้นงาน Animationจุดเด่นของการทางานในโปรแกรม
แฟลช คือการสร้าง Animation หรือ ภาพเคลื่อนไหว มีเครื่องมือ
อานวยความสะดวก ทาให้โปรแกรม Flash สร้างผลงาน
Animation ได้ง่าย

10. ลักษณะสาคัญของโปรแกรม
Adobe Flash
•3.สร้างเว็บไซต์ (Website)โปรแกรม Flash สามารถสร้าง
เว็บไซต์ได้สวยงาม และสร้างลูกเล่นต่าง ๆ ได้ง่ายมีจุดอ่อนคือ เว็บไซต์
ที่สร้างด้วยโปรแกรม Flash แก้ไขข้อมูลได้ยาก และขนาดของไฟล์
เว็บไซต์ค่อนข้างใหญ่
•4.สร้างเกมส์ (GAME)แฟลชมีเครื่องมือช่วยสร้างองค์ประกอบ
ต่าง ๆ ให้เกมส์มีความสวยงาม มีเครื่องมือสาหรับสร้างคาสั่งควบคุม
การเล่นเกมส์ อีกทั้งไฟล์เกมส์ที่สร้างออกมามีขนาดเล็ก ทาให้อัพโหลด
สู่เว็บไซต์ได้อย่างรวดเร็ว

11. ลักษณะการเคลื่อนไหวในโปรแกรม
Adobe Flash
•Frame by
Frame
•Motion Tweens
•Classic Tweens