บทที่ 1 ความรู้พื้นฐานเกี่ยวกับคอมพิวเตอร์กราฟิก

1. บทที่ 1ความรู้พื้นฐานเกี่ยวกับคอมพิวเตอร์กราฟิก อ.วิชุณี สารสุวรรณ แขนงวิชาคอมพิวเตอร์ธุรกิจ คณะวิทยาการจัดการ

2. เนื้อหา 1.ความหมายของคอมพิวเตอร์กราฟิกส์ 2.ภาพบนคอมพิวเตอร์เกิดขึ้นได้อย่างไร 3. การประมวลผลภาพคอมพิวเตอร์กราฟิกส์ 4. ประโยชน์ของงานคอมพิวเตอร์กราฟิกส์ 5. อุปกรณ์คอมพิวเตอร์ที่ใช้ในงานกราฟิก

3. ความรู้พื้นฐานเกี่ยวกับคอมพิวเตอร์กราฟิกส์ความรู้พื้นฐานเกี่ยวกับคอมพิวเตอร์กราฟิกส์ ภาษากรีก Graphikos Graphien การเขียนภาพด้วยสีและลักษณะขาวดำ การเขียนตัวหนังสือและการ สื่อความหมายโดยการใช้เส้น กราฟิกส์ (Graphics)

4. ความรู้พื้นฐานเกี่ยวกับคอมพิวเตอร์กราฟิกส์ความรู้พื้นฐานเกี่ยวกับคอมพิวเตอร์กราฟิกส์ กราฟิกส์(Graphics) หมายถึง การสื่อความคิดโดยการใช้ภาพ สัญลักษณ์ และข้อความ คอมพิวเตอร์กราฟิกส์(Computer Graphics) หมายถึง การสื่อความคิดโดยการใช้คอมพิวเตอร์สร้างและจัดการกับภาพ สัญลักษณ์ และข้อความ

5. ภาพบนคอมพิวเตอร์เกิดขึ้นได้อย่างไรภาพบนคอมพิวเตอร์เกิดขึ้นได้อย่างไร

6. ภาพบนคอมพิวเตอร์เกิดขึ้นได้อย่างไร (ต่อ) = + Pixel Picture Element หมายถึงจุดสี่เหลี่ยมเล็กๆ ที่เป็นองค์ประกอบรวมกันเป็นภาพ ภาพที่ปรากฏบนหน้าจอคอมพิวเตอร์ที่เราเห็นอยู่ทั่วไปนั้น เกิดจากจุดสี่เหลี่ยมเล็กๆ ของสี ที่เราเรียกว่า พิกเซล (Pixel) มาประกอบกันเป็นภาพขนาดต่างๆ

7. ภาพบนคอมพิวเตอร์เกิดขึ้นได้อย่างไร (ต่อ)

8. ภาพบนคอมพิวเตอร์เกิดขึ้นได้อย่างไร (ต่อ) • ความละเอียดของภาพ คือจำนวนของพิกเซลที่อยู่ภายในภาพ โดยมีหน่วยวัดเป็น พิกเซลต่อนิ้ว (ppi : Pixel per Inch)

9. ภาพบนคอมพิวเตอร์เกิดขึ้นได้อย่างไร (ต่อ) • ภาพปกติ

10. ภาพบนคอมพิวเตอร์เกิดขึ้นได้อย่างไร (ต่อ) • ความละเอียด 600 pixel/inch (600ppi) Zoom 200%

11. ภาพบนคอมพิวเตอร์เกิดขึ้นได้อย่างไร (ต่อ) • ความละเอียด 100 pixel/inch (100 ppi) Zoom 200%

12. ภาพบนคอมพิวเตอร์เกิดขึ้นได้อย่างไร (ต่อ) • ความละเอียดของจอภาพ เป็นหน่วยที่ใช้วัดจำนวนพิกเซลสูงสุดที่จอคอมพิวเตอร์สามารถผลิตออกมาได้ เราสามารถตั้งค่าการแสดงความละเอียดของจอภาพบน Windows ได้ เช่น 800x600 หรือ 1024x768

13. ภาพบนคอมพิวเตอร์เกิดขึ้นได้อย่างไร (ต่อ) 1024 768 • ความละเอียดของจอภาพ 1024x768 หมายถึง

14. ภาพบนคอมพิวเตอร์เกิดขึ้นได้อย่างไร (ต่อ) • ความละเอียดของเครื่องพิมพ์ เป็นหน่วยที่ใช้วัดจำนวนพิกเซลต่อนิ้ว ซึ่งจุดพิกเซลในเครื่องพิมพ์เราเรียกว่า ดอท (dot) ดังนั้นหน่วยที่ใช้วัดความละเอียดของเครื่องพิมพ์จะถูกเรียกว่า dpi (Dot per Inch) ความละเอียดในการพิมพ์ที่ 600 dpi ก็แสดงว่ามีความสามารถพิมพ์ได้ 600 จุดทุก ๆ 1 นิ้ว

15. การประมวลผลภาพคอมพิวเตอร์กราฟิกส์การประมวลผลภาพคอมพิวเตอร์กราฟิกส์ • มีวิธีการประมวลผลภาพ 2 แบบแตกต่างกันไปตามแต่ละโปรแกรม • การประมวลผลแบบ Raster • การประมวลผลแบบ Vector

16. การประมวลผลภาพคอมพิวเตอร์กราฟิกส์ (ต่อ) • การประมวลผลแบบ Raster • เป็นการประมวลแบบอาศัยการอ่านค่าสีในแต่ละพิกเซล มีชื่อเรียกอีกอย่างหนึ่งว่า Bitmap • แต่ละพิกเซลจะมีการเก็บค่าสีที่เจาะจงในแต่ละตำแหน่ง • เหมาะกับภาพที่มีลักษณะแบบภาพถ่าย • ภาพที่ได้จะมีไฟล์ขนาดใหญ่และเมื่อมีการขยายภาพให้ใหญ่ขึ้น

17. การประมวลผลภาพคอมพิวเตอร์กราฟิกส์ (ต่อ) • การประมวลผลแบบ Raster • การขยายภาพจะส่งผลให้พิกเซลของภาพมีขนาดใหญ่ตามด้วย เราจึงเห็นว่าภาพจะไม่ละเอียดหรือแตก • การประมวลผลแบบ Raster ได้แก่ ไฟล์ภาพ .TIF, .GIF, .JPG, .BMP • โปรแกรมที่ใช้ทำงานกับภาพ Raster คือ Photoshop, PhotoPaint และPaintbrush เป็นต้น

18. การประมวลผลภาพคอมพิวเตอร์กราฟิกส์ (ต่อ) ตัวอย่างภาพแบบ Raster • การประมวลผลแบบ Raster

19. การประมวลผลภาพคอมพิวเตอร์กราฟิกส์ (ต่อ) • การประมวลผลแบบ Vector • เป็นการประมวลผลแบบอาศัยการคำนวณทางคณิตศาสตร์ • โดยมีสีและตำแหน่งของสีที่แน่นอน • ไม่ว่าเราจะมีการเคลื่อนย้ายที่หรือย่อขยายขนาดของภาพ ภาพก็จะไม่เสียรูปทรง • ความละเอียดของภาพจะไม่ลดลงด้วย

20. การประมวลผลภาพคอมพิวเตอร์กราฟิกส์ (ต่อ) • การประมวลผลแบบ Vector • การประมวลผลภาพลักษณะนี้ ได้แก่ภาพ .AI, .DRW ใช้ในโปรแกรมการวาดภาพ Illustrator, CorelDraw • ภาพ .WMF เป็นภาพคลิปอาร์ตในโปรแกรม Microsoft Word • ภาพ .PLTในโปรแกรมการออกแบบ AutoCAD

21. การประมวลผลภาพคอมพิวเตอร์กราฟิกส์ (ต่อ) ตัวอย่างภาพแบบ Vector • การประมวลผลแบบ Vector

22. การประมวลผลภาพคอมพิวเตอร์กราฟิกส์ (ต่อ) ตัวอย่างภาพแบบ Vector • การประมวลผลแบบ Vector

23. ประโยชน์ของคอมพิวเตอร์กราฟิกประโยชน์ของคอมพิวเตอร์กราฟิก • คอมพิวเตอร์กราฟิกส์กับการช่วยสอน • เราเรียกสื่อการสอนเหล่านี้ว่า โปรแกรมช่วยสอน CAI (Computer Aided Instruction) • เช่น โปรแกรมช่วยสอนการทำงานของเครื่องยนต์และเครื่องจักรกล • โปรแกรมช่วยสอนทางการแพทย์

24. ประโยชน์ของคอมพิวเตอร์กราฟิก (ต่อ) • คอมพิวเตอร์กราฟิกส์กับการช่วยสอน ตัวอย่างคอมพิวเตอร์กราฟิกส์กับการช่วยสอน

25. ประโยชน์ของคอมพิวเตอร์กราฟิก (ต่อ) • คอมพิวเตอร์กราฟิกส์กับการช่วยสอน ตัวอย่างคอมพิวเตอร์กราฟิกส์กับการช่วยสอน

26. ประโยชน์ของคอมพิวเตอร์กราฟิก (ต่อ) • คอมพิวเตอร์กราฟิกส์กับการช่วยสอน ตัวอย่างคอมพิวเตอร์กราฟิกส์กับการช่วยสอน

27. ประโยชน์ของคอมพิวเตอร์กราฟิก (ต่อ) • คอมพิวเตอร์กราฟิกส์กับการออกแบบ • คอมพิวเตอร์กราฟิกส์ในงานออกแบบ หรือที่เรียกว่า CAD (Computer AidedDesign) • เป็นการใช้โปรแกรมช่วยออกแบบและสร้างชิ้นงานจำลองก่อนที่จะสร้างงานจริง • ได้แก่ โปรแกรมการออกแบบในงานสถาปัตยกรรมและวิศวกรรม

28. ประโยชน์ของคอมพิวเตอร์กราฟิก (ต่อ) • คอมพิวเตอร์กราฟิกส์กับการออกแบบ ตัวอย่างคอมพิวเตอร์กราฟิกส์กับการออกแบบ

29. ประโยชน์ของคอมพิวเตอร์กราฟิก (ต่อ) • คอมพิวเตอร์กราฟิกส์กับการออกแบบ ตัวอย่างคอมพิวเตอร์กราฟิกส์กับการออกแบบ

30. ประโยชน์ของคอมพิวเตอร์กราฟิก (ต่อ) • คอมพิวเตอร์กราฟิกส์กับกราฟและแผนภาพ • เป็นการใช้โปรแกรมสำหรับสร้างกราฟและแผนภาพ • เพื่อแสดงข้อมูลทางด้านสถิติและงานวิจัย • เช่น กราฟเส้น กราฟวงกลม และกราฟแท่ง ตัวอย่างคอมพิวเตอร์กราฟิกส์กับการออกแบบ

31. ประโยชน์ของคอมพิวเตอร์กราฟิก (ต่อ) • คอมพิวเตอร์กราฟิกส์กับกราฟและแผนภาพ ตัวอย่างคอมพิวเตอร์กราฟิกส์กับกราฟและแผนภาพ

32. ประโยชน์ของคอมพิวเตอร์กราฟิก (ต่อ) • คอมพิวเตอร์กราฟิกส์กับกราฟและแผนภาพ ตัวอย่างคอมพิวเตอร์กราฟิกส์กับกราฟและแผนภาพ

33. ประโยชน์ของคอมพิวเตอร์กราฟิก (ต่อ) • คอมพิวเตอร์กราฟิกส์กับงานศิลปะ • เป็นโปรแกรมที่ใช้ในการวาดภาพ ระบายสี และใส่แสงเงา • ข้อดีคือสามารถลบและแก้ไขในส่วนการทำงานที่ผิดพลาดได้ตามต้องการ • โดยไม่ทำให้เสียเวลาและไม่สิ้นเปลืองวัสดุเหมือนกับการวาดภาพบนกระดาษ

34. ประโยชน์ของคอมพิวเตอร์กราฟิก (ต่อ) • คอมพิวเตอร์กราฟิกส์กับงานศิลปะ ตัวอย่างคอมพิวเตอร์กราฟิกส์กับงานศิลปะ

35. ประโยชน์ของคอมพิวเตอร์กราฟิก (ต่อ) • คอมพิวเตอร์กราฟิกส์กับงานศิลปะ ตัวอย่างคอมพิวเตอร์กราฟิกส์กับงานศิลปะ

36. ประโยชน์ของคอมพิวเตอร์กราฟิก (ต่อ) • คอมพิวเตอร์กราฟิกส์กับการทำภาพเคลื่อนไหว • เป็นคอมพิวเตอร์กราฟิกส์ที่ใช้ในการออกแบบและกำหนดให้เกิดการเคลื่อนไหว หรือเรียกว่า Computer Animation • เช่น การ์ตูน และภาพยนตร์นิยายวิทยาศาสตร์ ตัวอย่างคอมพิวเตอร์กราฟิกส์กับงานศิลปะ

37. ประโยชน์ของคอมพิวเตอร์กราฟิก (ต่อ) • คอมพิวเตอร์กราฟิกส์กับการทำภาพเคลื่อนไหว ตัวอย่างคอมพิวเตอร์กราฟิกส์กับการทำภาพเคลื่อนไหว

38. อุปกรณ์คอมพิวเตอร์ที่ใช้ในงานกราฟิกส์อุปกรณ์คอมพิวเตอร์ที่ใช้ในงานกราฟิกส์ • อุปกรณ์ในการแสดงผล • (Output Devices) • เครื่องพิมพ์ (Printer) • เลเซอร์พรินเตอร์ • อิงค์เจ็ตพรินเตอร์ • (Inkjet Printer) • ดอตเมทริกซ์พรินเตอร์ • (Dot Matrix Printer) • พล็อตเตอร์ (Plotter) • จอภาพ (Monitor) • อุปกรณ์ในการนำเข้า (Input Devices) • สแกนเนอร์ (Scanner) • กล้องดิจิตอล (Digital Camera) • จอสัมผัส (Touch Screen) • ปากกาแสง (Light Pen) • กระดานกราฟิกส์ (Graphics Tablet)

39. อุปกรณ์คอมพิวเตอร์ที่ใช้ในงานกราฟิกส์อุปกรณ์คอมพิวเตอร์ที่ใช้ในงานกราฟิกส์ ตัวอย่าง Graphics Tablet

40. อุปกรณ์คอมพิวเตอร์ที่ใช้ในงานกราฟิกส์อุปกรณ์คอมพิวเตอร์ที่ใช้ในงานกราฟิกส์ ตัวอย่าง Light Pen

41. อุปกรณ์คอมพิวเตอร์ที่ใช้ในงานกราฟิกส์อุปกรณ์คอมพิวเตอร์ที่ใช้ในงานกราฟิกส์ ตัวอย่าง Plotter