E-Book โปรแกรมกราฟิก 2204-2105

หนว่ ยการเรียนรทู้ ่ี 1 ทฤษฎีคอมพวิ เตอรก์ ราฟกิ ส์

แนวคดิ
ปัจจุบันการออกแบบกราฟิกเพื่อประยุกต์ใช้สำหรับงานต่างๆ โดยใช้คอมพิวเตอร์เป็นน

เครื่องมือในการสร้างสรรค์ผลงานทีม่ ีความหลากหลายและสะดวกรวดเร็วและมีประสทิ ธภิ าพมากขึน้
ทำใหผ้ ลงานทีใ่ ชค้ อมพวิ เตอรก์ ราฟิกส์เปน็ ที่ยอมรบั และมกี ารใช้งานกนั อยา่ งแพรห่ ลาย

สาระการเรียนรู้
1. ความหมายของคอมพิวเตอรก์ ราฟกิ ส์
2. การออกแบบ (Design)
3. ประเภทของโปรแกรมสำหรับงานกราฟกิ ส์
4. คณุ ค่าของงานกราฟกิ
5. การประยกุ ต์ใชค้ อมพิวเตอรก์ ราฟิกสใ์ นงานดา้ นต่างๆ และโปรแกรมทีเ่ กีย่ วขอ้ ง

ผลการเรยี นรู้ที่คาดหวงั
1. อธบิ ายความหมายของคอมพวิ เตอรก์ ราฟิกสไ์ ด้
2. ออกแบบได้ (Design) ได้
3. บอกประเภทของโปรแกรมสำหรับงานกราฟกิ ได้
4. บอกคุณคา่ ของงานกราฟิก
5. ประยกุ ต์ใชค้ อมพิวเตอร์กราฟิกสใ์ นงานดา้ นตา่ งๆ และโปรแกรมทเี่ ก่ียวข้อง



แบบประเมนิ ผลก่อนเรยี นหน่วยท่ี 1

คำสั่ง จงเลือกคำตอบที่ถกู ตอ้ งเพยี งขอ้ เดยี ว

1. ปจั จุบนั นิยมใช้คอมพวิ เตอร์กราฟกิ สใ์ นงานดา้ นใดบา้ ง

ก. ดา้ นบันเทิง ข. ดา้ นการศึกษา

ค. ด้านการแพทย์ ง. ถกู ทกุ ขอ้

2. เหตใุ ดจงึ มกี ารนำคอมพวิ เตอร์กราฟิกส์มาใชใ้ นการประกอบ

ก. เพอ่ื ลดต้นทุนในการออกแบบ

ข. เพ่อื เพิ่มความสมจรงิ

ค. เพอื่ ความสะดวกสบาย

ง. ถกู ทุกข้อ

3. ปัจจบุ ันมีโปรแกรมเพือ่ เลอื กใช้ในการออกแบบหลากหลายนนั้ เปน็ คำกล่าวทถ่ี กู ต้องหรอื ไม่

ก. ถูกตอ้ ง เพราะปัจจุบันมเี พียงโปรแกรมเดียวเท่านนั้ คอื

ข. ถกู ตอ้ ง เพราะปัจจบุ นั มกี ารพฒั นาโปรแกรมอย่างหลากหลาย

ค. ไม่ถกู ตอ้ ง เพราะโปรแกรมเพอ่ื การออกแบบเป็นโปรแกรมท่ีมลี ิขสิทธิ์ราคาสงู

ง. ไมม่ ขี ้อใดถกู

4. “กราฟิกมี 2 ประเภท คือ กราฟิกวาดภาพและกราฟิกนำเสนอ” ข้อความดังกล่าวถูกต้อง

หรือไม่เพราะเหตใุ ด

ก. ถูกต้อง เนือ่ งจากปัจจุบนั กราฟิกมีการพฒั นาเพิ่มข้ึนมากกวา่ 2 ประเภท

ข. ไมถ่ ูกตอ้ ง เนื่องจากกราฟกิ เปน็ การนำเสนอด้วยภาพจึงไมม่ ปี ระเภทของกราฟิก

ค. ข้อความดงั กลา่ วถกู ต้อง

ง. ไม่ถูกตอ้ ง เน่อื งจากกราฟิกถูกแบง่ ออกเป็นลกั ษณะของงานมากกว่าจะแบ่งเปน็ ประเภท

5. ข้อใดเป็นการแสดงข้อมูลกราฟกิ

ก. ภาพแอนิเมชัน ข. ภาพวาดและตดั ตอ่ ดว้ ยคอมพิวเตอร์

ค. การหมุนภาพในทิศทางตา่ งๆ ง. ถกู ทกุ ขอ้

6. ข้อใดเปน็ โปรแกรมกราฟกิ ในปจั จบุ นั

ก. Microsoft Word ข. Microsoft Paint

ค. Adobe Photoshop ง. ถกู ทุกข้อ



7. ข้อใดไม่ใชค่ ุณสมบัติของคอมพิวเตอรก์ ราฟิกสใ์ นปัจจบุ ัน
ก. สามารถแสดงกลิ่นใหผ้ ูใ้ ชร้ ับร้ไู ด้
ข. การทำภาพแบบสามมติ ิ
ค. การทำภาพแบบสองมิติ
ง. การตดั ตอ่ แตง่ เติมรูปภาพ

8. ขอ้ ใดเปน้ ลักษณะทดี่ ีในการใชส้ ใี นงานออกแบบ
ก. การใชส้ ีฉดู ฉาดเสมอ
ข. การเลอื กใชส้ ีทเ่ี หมาะสมกับภาพ
ค. การใช้สีออ่ นสลับเขม้ เสมอ
ง. การสร้างแมส่ ใี หมใ่ นการสร้างภาพเสมอ

9. ขอ้ ใดหมายถงึ ความหมายของคำว่า
ก. การถา่ ยทอดความรเู้ พื่อการสือ่ สาร
ข. โปรแกรมกราฟกิ ชนดิ หน่ึง
ค. ศาสตรแ์ หง่ ความคิดเพ่อื ให้เกิดความพงึ พอใจ
ง. เรขภาพคอมพิวเตอร์

10. คอมพวิ เตอร์กราฟิกส์ถกู นำมาใช้เพ่อื อะไร
ก. เพอ่ื การสอ่ื สารเกดิ ความเขา้ ใจตรงกัน
ข. เพือ่ ความสวยงามมากย่ิงขึ้น
ค. เพอื่ ใหเ้ กิดความสมจรงิ มากยงิ่ ขึ้น
ง. ถกู ทกุ ข้อ



ความหมายของคอมพิวเตอรก์ ราฟิกส์

คอมพิวเตอร์กราฟิกส์ (Computer Graphics) หรือใน

ศัพท์คอมพิว เตอร์และเทคโนโลยีสารสนเทศ ฉบับ

ราชบัณฑิตยสถานว่า เรขภาพคอมพิวเตอร์ เป็นสาขาหนึ่งใน

แขนงวิทยาการคอมพิวเตอร์ซึ่งมีเรื่องเกี่ยวกับการทำให้เครื่อง

คอมพวิ เตอร์ แสดงภาพบนจอภาพได้ เช่น การหมุนภาพให้ดูทิศ รปู ภาพสุนขั ว่งิ บนน้ำ
ทางต่างๆ กัน, เติมสีแต่งภาพ, ตัดต่อภาพเคลื่อนย้ายตำแหน่ง โดยใช้โปรแกรมกราฟิกชว่ ย
ภาพ รวมไปถึง การสร้างภาพเคลื่อนไหวแอนิเมชัน (แบบ
สรา้ งภาพ

การ์ตูน) กราฟิก (Graphic) คำว่า กราฟิก มีที่มาจากภาษากรีก 2 คำ คือGraphikos แปลว่า การ

สร้างภาพ “การวาดเขียน และเขียนภาพ" หรือ Graphein แปลว่า “การเขียน” ปัจจุบันมีการนำ

กราฟกิ มาประยุกต์ใชใ้ นงานต่างๆ เช่น การสร้างแผนภาพ, การสรา้ งงานนำเสนอข้อมูล, แผน่ พับ, ใบ

โฆษณา ตลอดจนรูปภาพต่างๆ ที่พบในชีวิตประจำวัน เช่น ปกหนังสือนิตยสารวารสาร, รูปภาพบน

ผลิตภัณฑ์ หรอื หนังสือพิมพ,์ เว็บไซต์ ตลอดจนขอ้ ความตา่ งๆ เป็นตน้

รูปภาพธรรมชาติทสี่ รา้ งจากโปรแกรมกราฟิก เวบ็ ไซตเ์ ฟซบุ๊ก มกี ารจดั วางข้อความให้ดูนา่ สนใจ

ผลิตภณั ฑย์ าสฟี นั ทม่ี กี ารพัฒนารปู ภาพกราฟกิ ขนมขบเค้ยี วตราปอ๊ กกส้ี ำหรับวันฮลั โลวนี (รสฝักทอง)



การออกแบบ (Design)

การออกแบบ (Design) คือ ศาสตร์แห่งความคิดเพื่อให้เกิดความพอใจด้านต่างๆ เช่น ความ
สวยงาม, ตัวหนังสือต้องอ่านง่าย, มีแนวความคิดในการออกแบบที่ดี ตลอดจนการเลือกใช้โทนสีท่ี
เหมาะสมกับงาน จะส่งผลให้งานออกมาสมบูรณ์แบบชนิดสบิ ปากว่าไม่เท่าตาเห็น ซึ่งเป็นสำนวนไทย
หมายถงึ ได้ยินได้ฟังมากส็ ู้เห็นด้วยตาตนเองไม่ได้

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



รูปภาพธงชาติไทยและการแปรอักษร ต้องใช้เทคนิคทางคอมพิวเตอร์เข้ามาช่วยสร้างสื่อ
กราฟกิ ในการอธิบายดว้ ยภาพประกอบขอ้ มูล เพอ่ื ให้เกิดความเข้าใจตรงกนั

ตัวอย่างสื่อกราฟิก เช่น สัญลักษณ์ (Symbol), ตราสัญลักษณ์ (Logo), แผนภาพ (Chart),
กราฟ (Graph)

ตวั อยา่ งภาพตราสญั ลกั ษณ์

ประเภทของโปรแกรมสำหรับงานกราฟกิ

โปรแกรมสำหรับงานกราฟิกเป็นการใช้ความสามารถของคอมพิวเตอร์ในการผลิตงานกราฟิก
ปจั จุบันมีการผลิตโปรแกรมสำหรับใชท้ ำงานดา้ นกราฟิกจำนวนมาก แบ่งเป็น 2 ประเภทดงั น้ี

1. กราฟิกวาดภาพ
2. กราฟกิ นำเสนอ



ปัจจุบันเป็นยุคของอีเล็กทรอนิกส์ นวัตกรรมและเทคโนโลยี การ
ออกแบบกราฟิกได้นำเครื่องมือ เครื่องใช้ วัสดุอุปกรณ์ วัสดุสำเร็จรูป มา
ช่วยเพิ่มประสิทธิภาพในการออกแบบกราฟิก เช่น การใช้คอมพิวเตอร์
(Computer Graphics) ซึ่งมีโปรแกรมด้านการจัดพิมพ์ตัวอักษรที่นิยมกัน
มาก คือ Microsoft Word สามารถจดั เรียง วางรูปแบบ สรา้ งภาพ กราฟ
แผนภูมิ จัดการและสร้างสรรค์ตัวอักษร นอกจากนี้ยังมีโปรแกรมที่มีลักษณะเดียวกันกับ Microsoft
Word อกี หลายโปรแกรม ท้ังน้กี ารเลอื กใช้โปรแกรมใดนั้นอาจจะดจู ากความเหมาะสมของงาน

รปู ภาพแสดงโปรแกรมประมวลผลคำซง่ึ มหี ลากหลายโปรแกรม

1. กราฟกิ วาดภาพ
ปจั จุบนั โปรแกรมกราฟกิ วาดภาพมีการพัฒนาอย่างรวดเรว็ ไปตาม
อุปกรณ์คอมพิวเตอร์ ทำให้โปรแกรมมีหลากหลายโปรแกรม หลายรุ่น แต่
โดยรวมแล้วโปรแกรมกราฟิกวาดภาพควรมีความสามารถในการวาดภาพ
รูปทรงอิสระ เลือกบางส่วนในรูปภาพ, ใส่ข้อความ, ใส่รูปทรง, ใส่สี
ตลอดจนการเลือกบันทึกไฟล์รูปภาพที่เป็นนามสกุลของรูปภาพได้
หลากหลายนามสกุลเพื่อนำไปใช้งาน ตัวอย่างโปรแกรมกราฟิกวาดภาพ
เชน่ Microsoft Paint, Adobe Photoshop, CorelDRAW เปน็ ต้น



โปรแกรม Microsoft Paint โปรแกรม Adobe Photoshop

จากรูปภาพทางซา้ ยคอื โปรแกรมไมโครซอฟต์เพนต์ (Microsoft Paint) ซึ่งเปน็ โปรแกรมท่ีมา
พรอ้ มกบั ไมโครซอฟต์วนิ โดวส์ (Microsoft Windows) ทกุ ร่นุ ในภาพเป็นโปรแกรมไมโครซอฟต์เพนต์
จากไมโครซอฟต์ วินโดวส์เซเว่น (Microsoft Windows7) และรูปภาพทางขวาคือโปรแกรม Adobe
Photoshop ซึ่งเป็นโปรแกรมที่ต้องติดตั้งเพิ่ม ในภาพเป็นโปรแกรม Adobe Photoshop Creative
Suite 4

2. กราฟิกนำเสนอ
โปรแกรมประเภทนี้ใชน้ ำเสนอข้อมูลหรอื ผลงานในรปู กราฟกิ โดย
โปรแกรมสามารถใสข่ อ้ มูลในรูปแบบตา่ งๆ และมีการเก็บข้อมลู เป็นภาพนงิ่
สามารถจดั เรยี งลำดับเพอื่ นำมาแสดงหรือนำเสนอได้งา่ ย ตัวอยา่ งโปรแกรม
ประเภทนี้เชน่ โปรแกรมไมโครซอฟต์เพาเวอร์พอยต์ (Microsoft PowerPoint),
โคเรลพรเี ซนเทชั่น (Cord Presentation), อควาซอฟตส์ ไลด์โชว์ สตูดิโอ
(AquaSofSlideShow Studio) เป็นต้น

โปรแกรม Microsoft PowerPoint2010 (Windows) โปรแกรม Microsoft PowerPoint2011 (Mac)



Graphic Presentation Program ห รื อ
โปรแกรมการนำเสนอข้อมูล คือโปรแกรมสำหรับ
จัดเตรียมเครื่องมอื ที่จำเป็นต้องใช้ในการนำเสนอขอ้ มลู
เพอื่ ใหผ้ ู้ใชส้ ามารถใช้งานได้สะดวกรวดเร็วข้ึน เพิ่มความสามารถในการนำเสนอข้อมูลแบบสื่อประสม
เชน่ ข้อความ (Text) กราฟิก (Graphic) เสียง (Sound) วดิ โี อ (Video) หรอื จดุ เช่ือมโยง (Hyperlink)
นอกจากนี้ยังสามารถทำงานร่วมกับโปรแกรมอื่น ๆ ได้ เช่น ความสามารถในการดึงข้อมูลจาก
โปรแกรมประมวลผลคำหรอื โปรแกรมอ่ืนที่เกีย่ วข้องกับงานนำเสนอเข้ามาใชง้ านร่วมกัน

รปู ภาพตวั อยา่ งโปรแกรมทมี่ กี ารนำเสนอเปน็ ลกั ษณข์ องภาพนิง่

คุณค่าของงานกราฟิก

การนำกราฟิกไปใช้ในงานดา้ นต่างๆ จะชว่ ยส่งเสริมให้งานนั้นน่าสนใจ สรา้ งความแปลกใหม่
แกผ่ ูพ้ บเหน็ ซึง่ คุณค่าของงานกราฟิกนน้ั สามารถแบ่งได้ดังนี้

1. เพ่ิมประสทิ ธิภาพในการสือ่ สาร
2. จดจำงา่ ย และน่าสนใจ
3. งานนำเสนอนา่ ติดตาม และเขา้ ใจงา่ ย
4. เป็นสือ่ กลาง เพ่อื ให้เกิดการเรียนรู้
5. เกิดความคิดสรา้ งสรรคใ์ นส่งิ ใหม่
จดุ ประสงคข์ องกราฟิกนนั้ คือส่ือสารให้มคี วามเข้าใจตรงกนั สงั เกตได้จากตัวอักษรท่ีสามารถ
นำมารวมกันเป็นข้อความเพื่อสื่อสาร ภาษาที่สามารถนำมาสร้างเป็นข้อความได้ก็มีหลายภาษา
แตกต่างกนั เม่อื นำมาใชส้ ่ือสารตอ้ งสามารถทำใหผ้ ู้รบั สารเข้าใจไดต้ รงกันกบั ผู้สง่ สาร



รปู ภาพแสดงกราฟิกเพือ่ การสือ่ สาร

1. เพิ่มประสิทธิภาพในการสื่อสาร
การรับรู้ของมนุษย์สามารถรับรู้ได้หลายทาง เช่น รสชาติ กลิ่น การได้ยิน การมองเห็นด้วย
ดวงตา ซึ่งเป็นหนึ่งในการรับรู้ของมนุษย์ ตาคือส่วนรับแสงสะท้อนจากวัตถุ ทำให้สามารถมองเห็น
และรับรู้สิ่งต่างๆ รอบตัวได้ ดวงตาของมนุษย์มีสองดวงเพื่อการมองเห็นแบบสามมิติ การสื่อสารโดย
ใช้รูปภาพและข้อความมีหลากหลายรูปแบบ เช่น สื่อสารด้วยพยัญชนะ สระ ตัวเลข รูปภาพ
สัญลักษณ์ ล้วนมาจากกราฟกิ ท่สี ร้างข้นึ เพอ่ื การส่ือสาร

รปู ภาพหลกั ศลิ าจารกึ และรูปภาพโฆษณาในสมยั ก่อน รูปภาพแสดงรายการอาหารพร้อมบอกจำนวนกโิ ล
แคลอรีและการโฆษณาในปัจจบุ นั

2. จดจำงา่ ย และน่าสนใจ
การนำกราฟิกไปใช้งานใช้เพื่อการสื่อสารต้องทำให้จดจําได้นาน และดูน่าสนใจ ซึ่งสามารถ
ทำได้โดยการออกแบบที่ง่ายๆ เพื่อให้ง่ายต่อการจดจํา แต่การท่าให้น่าสนใจนั้นเป็นเรื่องที่ยาก
เน่อื งจากไมส่ ามารถบอกไดว้ า่ ทำอย่างไรให้น่าสนใจ แต่สามารถกล่าวโดยรวมได้ว่า กราฟิกท่ีสร้างโดย
คอมพิวเตอรต์ อ้ งมีคณุ ภาพ โทนสที ี่ใช้ควรดูสบายตาหรอื งา่ ยต่อการจดจำ มเี อกลักษณ์

Walt Disney Logo สรา้ งตราสญั ลกั ษณไ์ ดน้ า่ สนใจ และปา้ ยท่ีตอ้ งใช้โปรแกรมกราฟิกในการออกแบบ



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

และลำดับขั้นตอนการนำเสนอให้ถูกต้อง การซักซ้อมจะทำให้รู้ถึง
เวลาที่ใช้ในการนำเสนอตลอดจนเพิ่มความมั่นใจให้กับตนเองเพื่อ
นำไปเสนองานจริง ในการนำเสนองานผู้บรรยายควรเป็นส่วน
เดยี วกับผฟู้ ัง ทำใหบ้ รรยากาศเปน็ กันเอง การนำเสนอก็จะราบรื่น
ด้วยดี
4. เป็นส่อื กลาง เพอื่ ให้เกิดการเรยี นรู้
นอกจากการนำกราฟิกมาใช้ในการสื่อสารแบบทั่วไปแล้ว การนำกราฟิกมาเป็นสื่อกลาง
เพื่อให้เกิดการเรียนรู้ หรือพัฒนาในด้านต่าง ๆ ทั้งด้านความคิดสร้างสรรค์ หรือด้านวิชาการ กราฟิก
สามารถทำให้ผเู้ รียนจดจำได้เป็นอย่างดี การมองงานกราฟกิ ของผู้อ่ืนเพ่อื นำมาพัฒนาการเรียนรู้ ด้าน
กราฟิกของตนก็เปน็ ส่งิ ทดี่ ี แตง่ านกราฟิกท่ดี ีควรมคี วามคิดที่แปลกใหม่ และแตกต่าง

รูปภาพแสดงงานกราฟกิ เปน็ สือ่ กลาง และเพ่ือให้เกดิ การเรยี นรู้



5. เกดิ ความคดิ สร้างสรรค์ในสิง่ ใหม่
งานกราฟิกที่มีความคิดแปลกใหม่ ย่อมนา่ สนใจกวา่ งานกราฟกิ ท่ีมีแต่ความคิดเดิม ซึ่งการทำ
ให้งานมคี วามสร้างสรรค์ต้องเริม่ คดิ จากส่งิ ท่ีวา่ งเปล่า หรอื สงิ่ ทไี่ ม่เคยมีมาก่อน เพราะหากคิดในสิ่งท่ีมี
มาก่อนอยู่แล้วจะทำให้ไม่สามารถสร้างงานสิ่งใหม่ได้ ดังนั้นหากการออกแบบภาพกราฟิก ยึดติดกับ
ความเป็นไทยมากจนเกินไป อาจไม่สร้างสรรค์งานใหม่ๆ ได้ จึงต้องคิดหรือผสมผสาน สิ่งแปลกใหม่
เพือ่ ใหภ้ าพน้นั ดแู ปลกใหม่ น่าสนใจได้

รปู ภาพแสดงคอมพวิ เตอรก์ ราฟิกส์ท่ีมีความคดิ สรา้ งสรรค์ในสง่ิ ใหม่

การประยกุ ตใ์ ชค้ อมพิวเตอรก์ ราฟิก ในงานดา้ นต่างๆ และโปรแกรมท่เี ก่ยี วข้อง

การประยกุ ต์ใช้คอมพวิ เตอร์กราฟิกสใ์ นงานดา้ นตา่ งๆ สามารถแบง่ ได้ดงั นี้
1. การประยกุ ตด์ ้านการออกแบบ
2. การประยกุ ตต์ ้านสงิ่ พิมพ์
3. การประยุกตด์ า้ นการแพทย์
4. การประยกุ ตด์ ้านบนั เทิง
5. การประยุกต์ด้านการศกึ ษา
6. การประยกุ ตด์ า้ นอนื่ ๆ
ในช่วงอายุที่แตกต่างกันมักจะพบงานกราฟิกที่แตกต่างกัน เช่น ในเด็กจะพบงานกราฟิกที่
เกี่ยวกับการ์ตูน เกม โดยงานกราฟิกบนเว็บไซต์ กราฟิกในภาพยนตร์ โฆษณาต่าง ๆ ก็เป็นการ
ประยุกตใ์ ช้คอมพวิ เตอรก์ ราฟิกส์เช่นเดยี วกนั



1. การประยุกตด์ ้านการออกแบบ
งานออกแบบทั่วไป เช่น การออกแบบบ้าน

เครื่องยนต์ รถยนต์ ผลิตภัณฑ์ต่างๆ เป็นงานที่ต้องรอบคอบ
สิ้นเปลืองแรงงานและเวลา ปัจจุบันได้นำคอมพิวเตอร์มา
ช่วยออกแบบเรียกว่าโปรแกรม CAD (Computer Aided
Design) เช่น โปรแกรมออโต้แคต (AUTOCAD) และ คอมพิวเตอร์ช่วยการผลิตทางอุตสาหกรรม
เรียกว่า (CAM (Computer Aided Manufacturing) ซึ่งอำนวยความสะดวกในการออกแบบ และ
เพื่อปรับปรุงแก้ไขชิ้นสว่ นต่าง ๆ บนจอภาพ

รปู ภาพการออกแบบโดยใช้ไมโ่ ปรแกรมคอมพวิ เตอร์

2. การประยุกตต์ า้ นสิ่งพิมพ์
ปัจจุบันสิ่งพิมพ์มีหลากหลายรูปแบบ เช่น แค็ตตาล็อก โปสเตอร์ ปฏิทิน นิตยสาร การสาร
ในปลิว แผ่นพับ ซึ่งการสร้างกราฟิกให้ดูน่าสนใจไม่ใช่เรื่องง่าย โปรแกรมที่สร้างขึ้นเพื่อรองรับ
ส่ิงพมิ พ์เหลา่ นี้กม็ ีมาก ดังนนั้ การเลือกใช้โปรแกรมให้เหมาะสมกับงานก็เป็นสิง่ หนึ่งทสี่ ำคัญ

รูปภาพแสดงการออกแบบโดยใช้โปรแกรมคอมพวิ เตอร์



โปรแกรมที่เกี่ยวข้องกับสิ่งพิมพ์ ได้แก่ โปรแกรม Microsoft Office Publisher, Adobe
Page Maker, Adobe Illustrator, Adobe Photoshop, QuakeXPress

รปู ภาพตวั อยา่ งโปรแกรมที่เกี่ยวขอ้ งกับสงิ่ พมิ พ์

3. การประยุกตด์ ้านการแพทย์
อเิ มจโปรเซสซิง (Image Processing) หมายถงึ การแสดงภาพที่เกดิ จากการถ่ายรูปหรือจาก
การสแกนภาพให้ปรากฏบนจอภาพคอมพิวเตอร์ วิธีการทางอิเมจโปรเซสซิงจะต่างกับวิธีการของ
คอมพิวเตอร์กราฟิก คือ ในระบบคอมพิวเตอร์กราฟิก ตัวคอมพิวเตอร์เองจะเป็นตัวที่สร้างภาพ แต่
เทคนิคทางอิเมจโปรเซสซิงน้ันใช้คอมพิวเตอร์สาหรับการจัดรูปแบบของสีและแสงเงาที่มีอยู่แล้วใน
ภาพให้เป็นข้อมูลทางดิจิทัลแล้วอาจมีวิธีการทำให้ภาพที่รับเข้ามานั้นมีความชัดเจนมากขึ้นก่อน
จากนั้นก็จัดการกับข้อมูลดิจิทัลนี้ให้เป็นภาพส่งออกไปที่จอภาพของคอมพิวเตอร์อีกที วิธีการนี้มี
ประโยชน์ในการแสดงภาพของวัตถุที่ไม่สามารถจะเห็นได้โดยตรง เช่น ภาพถ่ายดาวเทียม ภาพจาก
ทีวสี แกนของหุน่ ยนตอ์ ตุ สาหกรรม
เทคนิคของอิเมจโปรเซสซิงประยุกต์ใช้กับการแพทย์ได้ เช่น การตรวจเลือดหัวใจ อวัยวะ
ภายใน การรักษาโรคมะเร็งโดยฉายรังสเี อกซ์ เปน็ ต้น โดยแสดงขอ้ มูลบนจอภาพเรียกว่า “เอกซเรย์โท
โมกราฟี” (X - Ray Tomography) ซึ่งรังสีนี้จะเกิดปฏิกิริยาต่อฟิล์มถ่ายรูปหรือกระดาษอัดรูปได้
เช่นเดียวกับ แสงสวา่ งธรรมดา



ตัวอย่างรูปภาพ X-Ray Tomography

นอกจากนี้ยังนำคอมพิวเตอร์มาช่วยการบริหารงานในโรงพยาบาล เช่น การจองเตียงคนไข้
คุมสตอ๊ กยา ระเบียนคนไข้ เช่น Smart Hospital เปน็ ตน้

ตัวอย่างโปรแกรมทนี่ ำคอมพิวเตอร์มาช่วยการบริหารงานในโรงพยาบาล
ในส่วนของการออกแบบหนา้ จอ (E/ser interface : UT) ตดิ ต่อกบั ผใู้ ช้โปรแกรม



4. การประยกุ ตด์ ้านบนั เทิง
ปจั จบุ ันการคมนาคมและการส่ือสารไม่ว่าจะเปน็ ข่าวสาร
ดา้ นวทิ ยุ โทรทัศน์ ดาวเทยี ม ต่างใชค้ อมพิวเตอร์เขา้ ควบคมุ และ
จัดการทง้ั สนิ้ เชน่ การถา่ ยทอดสดทางโทรทัศน์ผา่ นดาวเทยี มทั้ง
ภายในประเทศและภายนอกประเทศเป็นไปอย่างรวดเร็ว หาก
ผ้ชู มใชอ้ ินเทอรเ์ นต็ ความเรว็ สูง ก็สามารถรบั ชมการถ่ายทอดสด
ผ่าน เว็บไซต์ได้อย่างรวดเร็ว ทันเหตุการณ์ การประยุกต์งานกราฟิกในด้านบันเทิงสามารถแบ่งเป็น
หัวข้อได้อีกสามหัวข้อคือ ภาพยนตร์ การ์ตูน และเกม ซึ่งการประยุกต์ งานกราฟิกในด้านบันเทิงจะ
ใกล้ชดิ กับชีวิตประจำวนั มากทส่ี ดุ



ในอดีตภาพยนตร์เป็นการบันทึกภาพด้วยฟิล์มแล้วสวย
เป็นภาพเคลื่อนไหว ซึ่งผ่านกระบวนการตัดต่อจนรบภาพนั้น
สามารถบอกเรื่องราวได้ เทคโนโลยีภาพยนตร์ในสมัยใหม่มีการ
พัฒนาเป็นภาพยนตร์สามมิติ โดยให้ผู้ชมสวมแว่นตาพิเศษเพื่อให้
เหน็ มิตคิ วามลึกสมจริงมากขึ้น

รูปภาพตัวอย่างโปสเตอรภ์ าพยนตร์

โปรแกรมที่เกี่ยวข้องกับการตัดต่อวิดีโอ ได้แก่ โปรแกรม iMovie, Windows Live Movie,
Corel Video Studio



การ์ตูน คือภาพเคลื่อนไหวเรียกว่า แอนิเมชัน ในการสร้างการ์ตูนจำเป็นต้องมีโครงเรื่อง
(Story Board) ของการ์ตูนเรื่องนั้นๆ โดยการสร้างการ์ตูนจะใช้วิธีการวาดรูปภาพทีละภาพลงบน
เฟรม หรือกำหนดให้คอมพิวเตอร์วาดภาพบนเฟรมแบบอัตโนมัติ จากนั้นนำภาพที่วาดมาเรียงต่อกนั
และเปิดด้วยความเร็วที่ต้องการ โดยความเร็วของการ์ตูนที่นิยมใช้กันเป็นความเร็ว 12 FPS (frame
Per Second)

FPS (frame Per Second) คือ การแสดงการเคลือ่ นไหวของ
ระบบฟลิ ์มวดิ ีโอและดิจทิ ัล อตั ราการแสดงภาพตอ่ วินาทีในโปรแกรม
Flash เวอรช์ นั 8 ลงมาจะตง้ั คา่ เรม่ิ ตน้ ที่ 12 fps (12 ภาพตอ่ วินาที)
แต่หากใช้เวอร์ชัน CS ขึ้นไปจะมีค่าเริ่มต้นที่ 24 fps (24 ภาพต่อวินาที) ซึ่งเป็นภาพแบบความเร็ว
เท่ากบั ภาพยนตรใ์ นโรงภาพยนตร์

รปู ภาพแสดงการต์ ูนญี่ปุ่นที่มลี กั ษณะเปน็ แอนเิ มชนั

โปรแกรมทีเ่ ก่ียวข้องกบั การสร้างรูปภาพเคลื่อนไหว ได้แก่ โปรแกรม Adobe Flash, Swish
Max ซึ่งโปรแกรมเหลา่ นี้สามารถนำมาประยกุ ตใ์ ชใ้ นการสร้างเวบ็ ไซต์ได้ดว้ ย

รปู ภาพแสดงโปรแกรมท่เี กี่ยวขอ้ งกับการสร้างรปู ภาพเคลื่อนไหว



เกมคอมพิวเตอร์ทัว่ ไปมกั ใช้รูปภาพกราฟิกท่ีดูนา่ สนใจ
โดยปัจจุบันจะพบเกมในลักษณะสามมิติ มากกว่าสองมิติ ซึ่งมี
การใช้เสียง ข้อความ วิดีโอรวมไปถึงอินเทอร์เน็ตในเกม
ออนไลน์ทำให้เกมคอมพิวเตอร์มกี ารโต้ตอบกับผเู้ ล่นอีกฝ่ังของ
เครื่องคอมพิวเตอร์ ได้รวดเร็ว ซึ่งเรียกว่า ระบบมัลติมีเดีย (Multimedia System) คือมีการนำ
ข้อมูลหลายอย่างมาผสมผสานกนั แล้ว ให้ผู้เล่น เป็นผู้ควบคุมตัวละครได้ตามใจชอบ ในสมัยก่อนเกม
มกั จะใช้สจี ำนวน 8 บติ และ 16 บติ ปัจจบุ ันมีการ เปลย่ี นมาใชส้ ีจานวน 24 บิต 32 บิต และ 64 บิต
ส่งผลให้ภาพกราฟิกที่แสดงในเกมมีสสี ันมากข้ึน ทำใหเ้ กมดูสมจริงและสวยงาม ในต่างประเทศมีการ
จดั ลำดับเกมท่เี หมาะสมกบั อายุของผเู้ ล่นเกมดว้ ย

ตัวอยา่ งเกมคอมพวิ เตอรท์ ใ่ี ช้รปู ภาพกราฟิกทีด่ ูน่าสนใจ

เกมในปัจจบุ นั เนน้ ความสวยงามของกราฟิกในเกมเพื่อทำให้ผูเ้ ล่นเกมเกิดความสนใจ และให้
ความสำคัญของเน้อื เรอื่ งในเกมเปน็ เรื่องรอง

เกมมาริโอเป็นเกมที่มกี ารพัฒนากราฟิกจากสองมติ ิ เปน็ สองจุดหา้ มติ ิ และสามมติ ิ



เกมที่วางโครงเรื่องไดด้ ี วิธีการเล่นเกมที่ไม่ยากจนเกนิ ไป และมุมมองของผเู้ ล่นเป็นสองมิติ ก็
สามารถเป็นทีน่ ิยมไดเ้ ช่นกนั

โปรแกรมที่เกี่ยวข้องกับการสร้างเกม ได้แก่ โปรแกรม RPG Maker, The 3DGameMaker,
XN4 Game Studio Creators

รปู ภาพตวั อย่างโปรแกรมทเี่ กยี่ วขอ้ งกบั การสร้างเกม

5. การประยกุ ต์ด้านการศกึ ษา
ด้านการศึกษาที่มีการนำคอมพิวเตอร์มาใช้ในงานช่วยสอนเรียกว่า คอมพิวเตอร์ช่วยสอน
หรือ CAI (Computer Aided Instruction) ในสาขาวิชาต่างๆ เช่น ดนตรี กีฬา คอมพิวเตอร์ หรือ
การเรียนรู้ภาษาต่างๆ การใช้คอมพิวเตอร์ชว่ ยสอนมีข้อดีคือสามารถทบทวนเนื้อหาในสว่ นท่ีไม่เข้าใจ
ก็ย้อนกลับมาดูบทเรียนก่อนหน้าได้ แต่ข้อเสียคือไม่มีผู้ชี้แนะหากมีข้อสงสัยในเนื้อหาที่เรียนจะ ไม่
สามารถสอบถามได้ ขั้นตอนในการใช้คอมพิวเตอร์ช่วยสอนนั้นสามารถมีข้อสอบเพื่อทดสอบ เรื่องที่
เรยี นแตล่ ะบทวา่ ผเู้ รยี นมีความเขา้ ใจในเนื้อหาที่เรียนมากน้อยเพียงใด หากผเู้ รยี นได้คะแนนนอ้ ย ก็ให้
กลบั ไปเรยี นร้เู น้อื หาบทเดมิ แลว้ กลับมาทำข้อสอบใหมจ่ นไดค้ ะแนนท่ีดขี นึ้



รูปภาพตัวอย่างวชิ าทมี่ ีในคอมพวิ เตอรช์ ่วยสอน

โปรแกรมที่เกี่ยวข้องกับการประยุกต์ด้านการศึกษา ได้แก่ โปรแกรม Authorware,
Camtasia Studio, ToolBook

รูปภาพโปรแกรมทเี่ ก่ียวขอ้ งกบั การประยกุ ตด์ ้านการศึกษา

6. การประยุกตด์ ้านอ่นื ๆ
ในชีวิตประจำวันยังมีกราฟิกอีกมากที่แฝงไปกับสื่ออื่นที่อาจไม่รู้ตัว เช่น การนำไปประยุกต์
ในงานออกแบบลวดลายบนผา้ แผนท่ี กราฟและแผนภาพ ภาพศิลปจ์ ากคอมพวิ เตอรก์ ราฟิก

ภาพที่ได้จากเครื่องสแกน (Scanner) การจําลอง
สถานการณ์ รายการวดิ โี อ ระบบสรา้ งภาพความจริง
เสมือน รวมไปถึงการใช้กราฟิกในด้านลบ เช่น ตัด
ต่อภาพเพื่อทำให้เสื่อมเสียชื่อเสียง,เว็บไซต์ลามก
เว็บไซตโ์ ฆษณาหลอกลวง ซ่ึงผ้รู ับสื่อตอ้ งพิจารณาถึง
แหล่งท่มี าว่ามคี วามนา่ เชอ่ื ถือหรอื ไม่



รูปภาพแสดงการประยกุ ตก์ ราฟิกนดา้ นอน่ื ๆ

คอมพิวเตอร์กราฟิกส์ช่วยให้ภาพที่อยู่ในจินตนาการแสดงออกมาให้เห็นจริง เป็นรูปธรรม
ด้วยดวงตาของมนุษย์ และกลับเข้าไปสู่ความทรงจำแก่ผู้ที่ได้พบเห็น หากเป็นงานที่สามารถทำให้
ผู้ชมได้รบั ความสนใจ จะทำใหเ้ ปน็ สงิ่ ท่ีควรคา่ แก่การจดจำไปไดน้ าน



แบบประเมนิ ผลหลงั เรียนหนว่ ยที่ 1

คำส่งั จงเลอื กคำตอบที่ถกู ตอ้ งเพยี งข้อเดยี ว

1. คำวา่ ทฤษฎีคอมพวิ เตอร์กราฟิกส์ ถกู บัญญัตไิ ว้ในศัพท์คอมพิวเตอร์และเทคโนโลยสี ารสนเทศ ฉบับ

ราชบณั ฑิตยสถานวา่ ขอ้ ใด

ก. เรขภาพคอมพวิ เตอร์ ข. แอนิเมชนั คอมพิวเตอร์

ค. กราฟิกสค์ อมพวิ เตอร์ ง. ดีไซนค์ อมพวิ เตอร์

2. ข้อใดคือทมี่ าของคำวา่ กราฟกิ (Graphic)

ก. Graphikos + Chic ข. Graphikos + Graphein

ค. Graphikos + GrapChic ง. Grap + Chic

3. ขอ้ ใดหมายถึงส่อื กราฟิก

ก. โปรแกรมภาพกราฟิก

ข. ศาสตรแ์ หง่ ความคดิ เพือ่ ใหเ้ กดิ ความพอใจด้านต่างๆ

ค. ตราสญั ลักษณท์ อ่ี อกแบบเพือ่ ความสวยงาม

ง. การอธบิ ายดว้ ยภาพประกอบข้อมลู

4. กราฟิกถกู แบง่ ออกเป็นกี่ประเภท อะไรบ้าง

ก. 2 ประเภท คอื กราฟิกวาดภาพและกราฟิกแอนิเมชัน

ข. 2 ประเภท คอื กราฟิกดไี ซนแ์ ละกราฟกิ แอนิเมชนั

ค. 2 ประเภท คือ กราฟิกวาดภาพและกราฟกิ นำเสนอ

ง. 2 ประเภท คือ กราฟกิ ดไี ซนแ์ ละกราฟกิ นำเสนอ

5. ขอ้ ใดคอื ประเภทกราฟกิ ที่ได้จากการใชโ้ ปรแกรมไมโครซอฟต์เพนต์

ก. กราฟกิ ดีไซน์ ข. กราฟกิ นำเสนอ

ค. กราฟกิ วาดภาพ ง. กราฟกิ แอนเิ มชัน

6. “โปรแกรมอะโดบโี ฟโตช็อป (Adobe Photoshop) คือโปรแกรมกราฟิกทม่ี าพรอ้ มกับไมโครซอฟต์

วนิ โดวส"์ ข้อความดังกล่าวถกู ต้องหรอื ไม่ เพราะเหตุใด

ก. ถกู ตอ้ ง เนื่องจากปัจจุบันไมโครซอฟต์ วินโดวส์เซเวน่ มโี ปรแกรมนอ้ี ยดู่ ว้ ย

ข. ถกู ต้อง เน่อื งจากโปรแกรมอะโดบีโฟโตชอ็ ปถูกแปลงเป็นโปรแกรมเพื่อนำเสนอในปจั จุบัน

ค. ไม่ถกู ต้อง เนือ่ งจากโปรแกรมอะโดบีโฟโตขอปเปน็ โปรแกรมทีต่ ้องติดตั้งเพ่ิม



ง. ขอ้ ก. และ ข. ถกู
7 ขอ้ ใดคอื ลักษณะของ “ขอ้ มูลแบบส่ือประสม” (Multimedia Data)

ก. ประกอบด้วยภาพ กราฟิก และเสยี ง
ข. ประกอบดว้ ยเสยี ง วดิ ีโอ และจดุ เชือ่ มโยง
ค. ประกอบด้วยขอ้ ความ กราฟกิ และภาพ
ง. ถกู ทุกข้อ
8. ขอ้ ใดเปน็ สาเหตใุ ห้มกี ารใชข้ ้อความร่วมกับภาพกราฟกิ
ก. เพือ่ ความสวยงามมากข้นึ
ข. ส่อื สารให้มคี วามเขา้ ใจตรงกัน
ค. เพื่อใหค้ รบองค์ประกอบของลกั ษณะส่ือประสม
ง. ไมม่ ีข้อใดถกู
9. ขอ้ ความใดตอ่ ไปน้ีเปน็ ลกั ษณะของภาพกราฟิกทีด่ ี
ก. มีตัวอักษรประกอบเพื่อความชัดเจนและครบถ้วนในองค์ประกอบกราฟิก
ข. ตัวอกั ษรควรเปน็ ภาษาอังกฤษเทา่ นัน้ เพอื่ ความเป็นสากล
ค. เลือกขอ้ มูลสอ่ื ประสมทีเ่ หมาะสม โทนสีดสู บายตาและเป็นเอกลักษณ์
ง. ควรเนน้ ภาพแอนิเมชันเพ่ือสอดคลอ้ งกบั สิง่ ที่ต้องการส่อื สาร
10. “กราฟกิ ที่ใหม่และแตกต่างจะช่วยเสรมิ การเรยี นรู้ได้" ถูกต้องหรือไม่ เพราะเหตุใด
ก. ถกู ต้อง เพราะกราฟิกแบบใหม่อาจจะดงึ ดูดความสนใจได้มากขน้ึ
ข. ถูกต้อง เพราะกราฟกิ แบบใหม่อาจพัฒนาจากรปู แบบเดมิ เพอื่ ความเข้าใจมากข้นึ
ค. ไม่ถกู ต้อง เพราะกราฟกิ แบบใหม่จะทำลายวัฒนธรรมแบบเก่าไป
ง. ขอ้ ก. และ ข. ถูก