slide1 n.
Download
Skip this Video
Loading SlideShow in 5 Seconds..
บทที่ 1 ความรู้พื้นฐานเกี่ยวกับคอมพิวเตอร์กราฟิก PowerPoint Presentation
Download Presentation
บทที่ 1 ความรู้พื้นฐานเกี่ยวกับคอมพิวเตอร์กราฟิก

Loading in 2 Seconds...

  share
play fullscreen
1 / 42
dorian-caldwell

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

98 Views
Download Presentation
บทที่ 1 ความรู้พื้นฐานเกี่ยวกับคอมพิวเตอร์กราฟิก
An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.

- - - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript

  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