ความรู้เบื้องต้นเกี่ยววกบ
คอมพิวเตอร์กราฟิก
ครูผู้สอน พรพิมล เพาะเจริญ
ความหมายวของกราฟิก
กราฟิก (Graphic) มาจาก ภาษากรีก หมายวถึง การวาด
เขียวน (Graphikos) และการเขียวน (Graphein)
กราฟิก หมายวถึง ศิลปะแขนงหนึ่งซึ่งใช้สื่อความหมายวด้วยว
เส้น สญลกษณ์ รูปวาด ภาพถ่ายว กราฟ แผนภูมิ การ์ตูน
ฯลฯ เพื่อให้สามารถสื่อความหมายวข้อมูลได้ถูกต้องตรง
ตามที่ผู้สื่อสาร ต้องการ
ความหมายวของ
คอมพิวเตอร์กราฟิก
คอมพิวเตอร์กราฟิก หมายวถึง การสร้าง การ
ตกแต่งแก้ไข หรือการจดการเกี่ยววกบรูปภาพ โดยวใช้เครื่อง
คอมพิวเตอร์ในการจดการ เช่น การรีทชภาพ การสร้างภาพ
ตามจินตนาการ และการใช้ภาพกราฟิกในการนาเสนอข้อมูล
ต่างๆ เพื่อให้สามารถสื่อความหมายวได้ตรงตามที่
ผู้สื่อสารต้องการ และน่าสนใจยวิ่งขึ้น
บทบาทและความสาคญ
ของงานกราฟิก
1. ทาให้การสื่อสารเข้าใจได้ง่ายวเนื่องจากใช้รูปภาพในการ
สื่อความหมายว จึงทาให้เห็นรายวละเอียวด เนื้อหาที่ต้องการ
นาเสนอได้ชดเจนกว่าการใช้ข้อความ ก็สามารถเข้าใจตรงกน
ได้
2. งานมีความน่าสนใจเนื่องจากมีการใช้ภาพ และสีในการ
นาเสนอ จึงทาให้งานดูสะดุดตา น่าประทบใจ
บทบาทและความสาคญ
ของงานกราฟิก
3. ส่งเสริมงานด้านศิลปะ งานกราฟิกที่ดึงดูดใจ ต้องใช้
ความคิดสร้างสรรค์และ ความรู้ทางด้านศิลปะ เพื่อที่จะสื่อ
ความหมายวและอารมณ์ระหว่าง ผู้ออกแบบและผู้ชม
4. พฒนาความก้าวหน้าทางธุรกิจ ส่งเสริมการขายว
งานกราฟิก ทาให้ผลิตภณฑ์ มีจุดเด่น และเข้าใจข้อมูลของ
สินค้าได้เป็นอยว่างดี
การประยวุกต์ใช้งานกราฟิกกบ
คอมพิวเตอร์ในงานด้านต่างๆ
1. งานด้านการออกแบบ เช่น งานด้านสถาปตยว์ออกแบบ
ภายวในบ้าน การออกแบบรถยวนต์ ซึ่งโปรแกรมที่ใช้จะเป็น
โปรแกรม 3 มิติ เพราะสามารถดูมุมมองด้านต่างๆ ได้ทุก
มุมมอง
2. งานด้านโฆษณา เช่น การนาการ์ตูนมาประกอบการ
โฆษณาขนมเด็ก เป็นต้น
การประยวุกต์ใช้งานกราฟิกกบ
คอมพิวเตอร์ในงานด้านต่างๆ
3. งานด้านการนาเสนอ เป็นการนาเสนอข้อมูลต่างๆ
ให้ผู้รบสารเข้าใจในสิ่งที่ผู้สื่อสารพูด โดยวใช้ภาพเข้ามาช่วยว
เพื่อเพิ่มความเข้าใจ เช่น การสรุปยวอดขายวสินค้าในแต่ละปี
ด้วยวกราฟ หรือการอธิบายวระบบการทางานของบริษทด้วยว
แผนภูมิ เป็นต้น
4. งานด้านเว็บเพจ ได้นาคอมพิวเตอร์กราฟิกเข้ามาช่วยวใน
การสร้างเว็บเพจ เพื่อให้เว็บเพจที่สร้างมีความสวยวงามน่าใช้
งานยวิ่งขึ้น
การประยวุกต์ใช้งานกราฟิกกบ
คอมพิวเตอร์ในงานด้านต่างๆ
5. งานด้าน Image Retouching เช่น การทาภาพผิวกายวให้
ขาวเนียวนเหมือนดารา การทาภาพเก่าให้เป็นภาพใหม่ การทา
ภาพขาวดาเป็นภาพสี เป็นต้น ทาให้สามารถตอบสนองความ
ต้องการของผู้ใช้ได้เป็นอยว่างดี
แบบฝึกหด
1. คอมพิวเตอร์กราฟิก มีความหมายวว่าอยว่างไร
2. งานกราฟิกมีบทบาทและความสาคญอยว่างไร
3. นกเรียวนสามารถนาคอมพิวเตอร์มาใช้ในงานกราฟิกด้าน
ใดบ้าง
4. ให้นกเรียวนบอกประโยวชน์ของงานกราฟิก มา
อยว่างน้อยว 3 ข้อ
5. ให้นกเรียวนยวกตวอยว่างโปรแกรมที่ใช้ในงานกราฟิก
มาอยว่างน้อยว 3 โปรแกรม
ประเภทของภาพกราฟิก
ประเภทของภาพกราฟิก มี 2 ประเภท คือ
1. ภาพแบบราสเตอร์ (Raster) หรือเรียวกอีกอยว่างว่าภาพ
แบบ Bitmap เป็นภาพที่เกิดจากการเรียวงตวกนของจุด
สี่เหลี่ยวมเล็กๆ หลากหลายวสี ซึ่งเรียวกจุดสี่เหลี่ยวมเล็กๆ
นี้ว่าพิกเซล (pixels)
ประเภทของภาพกราฟิก
นามสกุลที่ใช้เก็บภาพแบบ Raster คือ
นามสกุลที่ใช้เก็บ ลกษณะงาน โปรแกรมที่ใช้สร้าง
.JPG,JPEG, JPE,.GIF ใช้สาหรบรูปภาพท่วไป งานเว็บเพจ และ
งานที่มีความจากดด้านพื้นที่หน่วยวความจา
โปรแกรม Photoshop,
PaintShopPro,
Illustrator
.TIFF, TIF เหมาะสาหรบงานด้านนิตยวสาร เพราะมี
ความละเอียวดของภาพสูง
.BMP , DIB ไฟล์มาตรฐานของระบบปฏิบติการ
วินโดว์
โปรแกรมPaintShopPro,
Illustrator
ประเภทของภาพกราฟิก
ประเภทของภาพกราฟิก มี 2 ประเภท คือ
2. ภาพแบบเวคเตอร์ (Vector) เป็นภาพที่เกิดจากการ
อ้างอิงความสมพนธ์ทางคณิตศาสตร์ หรือการคานวณ ซึ่ง
ภาพจะมีความเป็นอิสระต่อกน โดยวแยวกชิ้นส่วนของภาพ
ท้งหมดออกเป็นเส้นตรง เส้นโค้ง รูปทรง เมื่อมีการขยวายวภาพ
ความละเอียวดของภาพไม่ลดลง
ประเภทของภาพกราฟิก
นามสกุลที่ใช้เก็บภาพแบบ Vector คือ
นามสกุลที่ใช้เก็บ ลกษณะงาน โปรแกรมที่ใช้สร้าง
.AI,.EPS ใช้สาหรบงานที่ต้องการความละเอียวดของ
ภาพมาก เช่น การสร้างการ์ตูน การสร้างโล
โก เป็นต้น
โปรแกรม Illustrator
.WMF ไฟล์มาตรฐานของระบบปฏิบติการ
วินโดว์
โปรแกรม CorelDraw
ชนิดของภาพกราฟิก
ชนิดของภาพกราฟิกแบ่งเป็น 3 ชนิด คือ
1. ภาพกราฟิกแบบ 2 มิติ เป็นภาพที่พบเห็นโดยวท่วไป
เช่น ภาพถ่ายว รูปวาด สญลกษณ์ การ์ตูนต่าง ๆ ใน
โทรทศน์ เช่น ชินจง โดเรม่อน
ชนิดของภาพกราฟิก
ชนิดของภาพกราฟิกแบ่งเป็น 3 ชนิด คือ
2. ภาพกราฟิกแบบ 3 มิติ เป็นภาพกราฟิกที่ใช้โปรแกรม
สร้างภาพ 3 มิติ เช่น 3D max, Mayaทาให้ได้ภาพที่มีสี
และแสงเงาเหมือนจริง เหมาะสาหรบการออกแบบและ
สถาปตยวกรรม เช่น การ์ตูนแอนิเมช่นเรื่อง
ก้านกล้วยว
ชนิดของภาพกราฟิก
ชนิดของภาพกราฟิกแบ่งเป็น 3 ชนิด คือ
3. ภาพกราฟิกแบบ 4 มิติ คือ ภาพที่เกิดจากการนา
สายวตาของผู้ชมจนเกิดมิติเวลา และความรู้สึกที่สมพนธ์
กนระหว่างภาพละผู้รบ
ระบบการสี (Color Model)
สีที่ใช้ในงานด้านกราฟิกมีอยวู่ด้วยวกน 4 ระบบ คือ
1. ระบบสีแบบ RGB เป็นระบบสีที่ประกอบด้วยวแม่สี 3
สีคือ แดง (Red), เขียวว (Green) และ น้าเงิน (Blue)
ระบบการสี (Color Model)
สีที่ใช้ในงานด้านกราฟิกมีอยวู่ด้วยวกน 4 ระบบ คือ
2. ระบบสีแบบ CMYK เป็นระบบสีที่ใช้กบเครื่องพิมพ์ที่
พิมพ์ออกทางกระดาษ ซึ่งประกอบด้วยวสีพื้นฐาน คือ
สีฟ้ า (Cyan), สีม่วงแดง (Magenta), สีเหลือง (Yellow)
ระบบการสี (Color Model)
สีที่ใช้ในงานด้านกราฟิกมีอยวู่ด้วยวกน 4 ระบบ คือ
3. ระบบสีแบบ HSB เป็นระบบสีพื้นฐานในการมองเห็น
สีด้วยวสายวตาของมนุษยว์ ประกอบด้วยวลกษณะของสี 3
ลกษณะ คือ
-Hue คือ สีต่างๆ ที่สะท้อนออกมาจากวตถุ
เข้ามายวงตาของเรา ทาให้เราสามารถมองเห็นวตถุเป็น
สีต่างๆ ได้
ระบบการสี (Color Model)
-Saturation คือ ความสดของสี โดยวค่าความสด
ของสีจะเริ่มที่ 0 ถึง 100
- Brightness คือ ระดบความสว่างและความมืดของ
สี โดยวค่าความสว่างของสีจะเริ่มที่ 0 ถึง 100
ระบบการสี (Color Model)
สีที่ใช้ในงานด้านกราฟิกมีอยวู่ด้วยวกน 4 ระบบ คือ
4. ระบบสีแบบ LAB เป็นค่าสีที่ถูกกาหนดขึ้นโดยว CIE
เพื่อให้เป็นสีมาตรฐานกลางของการวดสีทุกรูปแบบ และ
ใช้ได้กบสีที่เกิดจากอุปกรณ์ทุกอยว่าง เช่น จอคอมพิวเตอร์
เครื่องพิมพ์ เครื่องสแกนและอื่นๆ
ชนิดรูปแบบของไฟล์ภาพกราฟิก
ไฟล์รูปภาพกราฟิกสาหรบงานเว็บไซต์ มีอยวู่ 3 ไฟล์ คือ
-GIF เป็นไฟล์กราฟิกมาตรฐาน จะใช้กบไฟล์ที่มี
ขนาดเล็ก จานวนสีและความละเอียวดของภาพไม่สูง พื้น
แบบโปร่งใส แสดงผลแบบโครงร่างก่อน แล้วค่อยวแสดงผล
แบบละเอียวด มีการนาเสนอภาพแบบภาพเคลื่อนไหว
ชนิดรูปแบบของไฟล์ภาพกราฟิก
ไฟล์รูปภาพกราฟิกสาหรบงานเว็บไซต์ มีอยวู่ 3 ไฟล์ คือ
-JPG เป็นไฟล์ที่นิยวมใช้บน Internet ใช้กรณีนาเสนอ
ภาพที่มีความละเอียวดสูง และใช้สีจานวนมาก จะใช้กบ
ภาพถ่ายวที่นามาสแกน เพราะให้ความคมชดและความ
ละเอียวดของภาพสูง
ชนิดรูปแบบของไฟล์ภาพกราฟิก
ไฟล์รูปภาพกราฟิกสาหรบงานเว็บไซต์ มีอยวู่ 3 ไฟล์ คือ
-PNG ใช้ในการบนทึกไฟล์ภาพประเภท Vector บนทึก
ส่วนที่โปร่งใส และสามารถเลือกระดบสีได้ถึง 16.7 ล้านสี
ชนิดรูปแบบของไฟล์ภาพกราฟิก
ไฟล์รูปภาพกราฟิกสาหรบงานพิมพ์ มีอยวู่ 3 ไฟล์ คือ
-TIFF เป็นการบนทึกรูปภาพที่สามารถบีบอดข้อมูล
ทาให้คุณภาพของสีเหมือนต้นฉบบ แต่ไฟล์น้นจะมีขนาด
ค่อนข้างใหญ่
-EPS เป็นรูปแบบไฟล์ที่สามรถบรรจุภาพแบบ Vector
และ Bitmap ซึ่งนารูปภาพไปใช้ใน Illustrator
-PDF เป็นรูปแบบไฟล์ที่ใช้ในการนาเสนอข้อมูล
บนอินเตอร์เน็ต สามารถรกษารูปแบบของหน้ากระดาษ
ตวอกษร รูปภาพ ให้เหมือนกบต้นฉบบ
ความละเอียวดของภาพกราฟิก
พิกเซล (Pixel) มาจากคาว่า "พิกเจอร์" (picture) ที่
แปลว่า รูปภาพ และ"เอเลเมนต์" (element) ที่แปลว่า
องค์ประกอบ
พิกเซล เป็นหน่วยวพื้นฐานของภาพ คือ จุดภาพในรูปภาพ
ที่รวมกนเป็นภาพขึ้น โดยวภาพหนึ่งๆ จะประกอบไป
ด้วยวจุดภาพหรือพิกเซลมากมายว และแต่ละภาพที่สร้างขึ้น
จะมีความหนาแน่นของจุดภาพ
ความละเอียวดของภาพกราฟิก
ความละเอียวดในการแสดงผล (Resolution) หมายวถึง
จานวนหน่วยวต่อพื้นที่ เช่น การแสดงผลของเครื่องพิมพ์ การ
แสดงผลของจอภาพ เป็นต้น
ความละเอียวดของรูปภาพ คือจานวนจุดภาพที่ใช้ประกอบ
กนเป็นภาพหรือความละเอียวดจากการสแกนภาพ การ
แสดงภาพได้ละเอียวดมากเท่าใดน้นขึ้นอยวู่กบประเภทของ
จอภาพ VGA
ความละเอียวดของภาพกราฟิก
ความละเอียวดของจอภาพ หมายวถึง หน่วยวของจานวนจุด
ที่มากที่สุดที่จอคอมพิวเตอร์สามารถผลิตได้ โดยวความ
ละเอียวดในการแสดงผลของจอ จะขึ้นกบวีดีโอการ์ด ที่
เรียวกว่าการ์ดจอ ซึ่งจะมีความสามารถในการแสดงผล
หลากหลายว
ความละเอียวดของภาพกราฟิก
ความละเอียวดของเครื่องพิมพ์ คือ จานวนจุดเลเซอร์
ที่เครื่องพิมพ์สามารถผลิตได้ต่อนิ้ว
ความละเอียวดของอิมเมจเซตเตอร์ คือ เครื่องพิมพ์แบบ
เลเซอร์ที่มีคุณภาพสูง สามารถพิมพ์ลงบนกระดาษ
ถ่ายวภาพ หรือฟิล์มก็ได้ โดยวสามารถพิมพ์รูปภาพให้ความ
ละเอียวด 1800 dpi ถึง 3000 dpi
ประเภทโปรแกรมคอมพิวเตอร์
ที่ใช้ในงานกราฟิก
1. Photo Retouching คือ โปรแกรมที่เหมาะสาหรบการ
แก้ไข ตกแต่งภาพ และ ทาเอฟเฟกต์ให้กบภาพที่ได้สร้างขึ้น
มาแล้วอาจจะมาจากภาพถ่ายวจริง ได้แก่ Adobe
Photoshop, Corel Photopaint, PaintShop
ประเภทโปรแกรมคอมพิวเตอร์
ที่ใช้ในงานกราฟิก
2. Graphic Illustrator คือ โปรแกรมสาหรบการ
ออกแบบงานกราฟิก หรืองาน Lay out ซึ่งเป็นงาน 2 มิติ มี
การเขียวนรูปในลกษณะการเน้นเส้น เน้นรูปทรงเรขาคณิต
ซึ่งไม่ใช่รูปถ่ายว ได้แก่ Adobe Illustrator, CorelDraw
ประเภทโปรแกรมคอมพิวเตอร์
ที่ใช้ในงานกราฟิก
3. Computer Aided Design คือ โปรแกรมสาหรบการ
เขียวนภาพที่แสดงออกถึงมิติ ขนาด ที่ให้ความชดเจนของ
วตถุที่ต้องการสร้างขึ้นมา ได้แก่ Auto CAD, Prodesign
ประเภทโปรแกรมคอมพิวเตอร์
ที่ใช้ในงานกราฟิก
4. 3D Photo Realisticคือ โปรแกรมที่สามารถสร้างภาพ
สามมิติ ที่มีมวลและปริมาตร และมีคุณสมบติของพื้นผิว
จนเกิดความสมจริงของแสง และเงา ได้แก่ 3D studio
MAX, Auto CAD 3D
ประเภทโปรแกรมคอมพิวเตอร์
ที่ใช้ในงานกราฟิก
5. Presentation คือ โปรแกรมสาหรบช่วยวในการนาเสนอ
งาน ในลกษณะเป็นสไลค์ประกอบคาบรรยวายว มีการสร้าง
ภาพ กราฟฟิกที่ดูแล้วเข้าใจง่ายวขึ้น เช่น กราฟชนิดต่างๆ
การสร้างแผนผงการจดองค์กร เป็นต้นส่วนมากใช้ในงาน
ธุรกิจ
ประเภทโปรแกรมคอมพิวเตอร์
ที่ใช้ในงานกราฟิก
6. Animation คือ เป็นโปรแกรมสร้างภาพเคลื่อนไหว
ตามลาดบ โปรแกรมจะแสดงภาพเป็นลาดบให้แลดูเหมือน
ภาพเคลื่อนไหว โดยวอาจมีเทคนิคต่างๆ ประกอบการแสดง
ภาพ เช่น การซ้อนภาพ, เลื่อนภาพ, การเลื่อนภาพให้หายวไป
ได้ และการแปลงภาพ รวมถึงมีลกษณะการโต้ตอบกบผู้ใช้
ด้วยว
จบแล้วค่ะ

ความรู้เบื้องต้นเกี่ยวกับกราฟิก