แผนการสอนวิชาโปรแกรมกราฟิก

แผนการจดั การเรียนรู้

รหัสวชิ า 20204- 2007 ชอ่ื วิชาโปรแกรมกราฟกิ
หลกั สูตรประกาศนียบตั รวชิ าชีพ (ปวช.) พุทธศักราช 2562

ประเภทวิชาพาณชิ ยกรรม
สาขาวิชาคอมพิวเตอรธ์ รุ กิจ

จัดทำโดย
นายวิทูล เย่อื งอย่าง
วิทยาลัยอาชวี ศกึ ษาฉะเชงิ เทรา

คำนำ

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

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

ผู้จดั ทำ หวังเปน็ อย่างยิ่งวา่ แผนการจดั การเรยี นรู้ ฉบบั น้ี คงจะมีประโยชนต์ ่อการจัดการศึกษาในยุค
ปัจจบุ นั หากมีขอ้ ผดิ พลาดประการใด ผู้จดั ทำยนิ ดรี ับคำตชิ มจากท่าน

ลงชอ่ื ...............................................................
(นายวิทูล เยอื่ งอย่าง)

ครสู าขาวิชาคอมพวิ เตอร์ธรุ กิจ

สารบญั

หนา้

ลักษณะรายวิชา ................................................................................................................................................ 1
สมรรถนประจำหน่วย........................................................................................................................................ 2
ตารางวิเคราะห์หลักสูตร ................................................................................................................................... 3
กำหนดการสอน ................................................................................................................................................ 4
กรอบแนวทางการจัดการเรียนรแู้ ละการประเมนิ ผลตามสภาพจรงิ ประจำหน่วยการเรียนรู้ ............................. 7
แผนการจัดการเรยี นรแู้ บบบรู ณาการตามหลักปรัชญาเศรษฐกจิ พอเพยี ง....................................................... 10
แผนการจดั การเรยี นรู้หนว่ ยท่ี 1 ความรู้เบ้ืองตน้ เกยี่ วกับคอมพวิ เตอรก์ ราฟกิ ................................................ 11
แผนการจัดการเรยี นรู้หน่วยท่ี 2 ความรูเ้ บ้ืองต้นเก่ยี วกับโปรแกรมสรา้ งภาพกราฟกิ ..................................... 34
แผนการจดั การเรียนรู้หนว่ ยท่ี 3 มมุ มองภาพและการตกแตง่ ภาพดว้ ยเลเยอร์ ............................................... 55
แผนการจดั การเรียนรู้หน่วยที่ 4 การสร้างขอบเขตพ้ืนที่ (Selection) และการจัดการไฟล์.................................. 78
แผนการจัดการเรยี นรู้หนว่ ยที่ 5 การสรา้ งตวั อักษรและข้อความ ................................................................... 99
แผนการจัดการเรยี นรู้หน่วยที่ 6 การระบายสี และภาพกราฟกิ สำหรบั เวบ็ เพจ............................................121
แผนการจดั การเรียนรู้หนว่ ยท่ี 7 การวาดภาพ ..............................................................................................145
แผนการจดั การเรียนรู้หน่วยที่ 8 การใชโ้ ปรแกรมกราฟิกแบบเวคเตอร์........................................................168
แผนการจดั การเรียนรู้หน่วยท่ี 9 การสร้างขอ้ ความ การปรับรูปทรงภาพ และการใช้พาเลต........................191
แบบประเมิน......................................... ........................................................................................................212

ส่วนท่ี 1
การวิเคราะห์รายวชิ า

1

ลักษณะรายวชิ า

รหสั และชอื่ วิชา 20204-2007 หน่วยกติ 2-2-3 เวลาเรียนตอ่ ภาค 72 ช่ัวโมง

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

สมรรถนะรายวิชา
1. แสดงความร้เู ก่ียวกบั หลักการพน้ื ฐานคอมพิวเตอร์กราฟิก
2. ออกแบบภาพกราฟิกตามหลักองคป์ ระกอบศิลป์
3. สร้างภาพกราฟิกและจดั การแฟ้มภาพด้วยโปรแกรมกราฟิก

คำอธิบายรายวิชา
ศึกษาและปฏิบัติเกี่ยวกับความรู้พื้นฐานเกี่ยวกับภาพกราฟิก หลักการของภาพกราฟิกแบบ Vector

และ Bitmap ประเภทและคุณลักษณะของแฟ้มภาพกราฟิก การสร้างและตกแตง่ ภาพกราฟิก การจัดการ

แฟม้ ภาพกราฟกิ ความแตกตา่ งของภาพกราฟิกแบบ 2 มิติ การใชโ้ ปรแกรมสร้างภาพกราฟกิ แบบ Vector

และ Bitmap

สมรรถนประจำหนว่ ย 2

ท่ี สมรรถนะประจำหนว่ ย เวลาเรียน (ชม.)
ทฤษฎี ปฏิบัติ รวม
1 ความร้เู บือ้ งตน้ เกีย่ วกับคอมพิวเตอรก์ ราฟกิ
2 ความรู้เบอ้ื งต้นเก่ียวกับโปรแกรมสรา้ งภาพกราฟิก 2 24
3 มมุ มองภาพและการตกแตง่ ภาพด้วยเลเยอร์ 4 48
4 การสร้างขอบเขตพ้นื ท่ี (Selection) และการจัดการไฟล์ 4 48
5 การสร้างตัวอกั ษรและข้อความ 4 48
6 การระบายสี และภาพกราฟกิ สำหรับเว็บเพจ 4 48
7 การวาดภาพ 6 6 12
8 การใชโ้ ปรแกรมกราฟกิ แบบเวคเตอร์ 4 48
9 การสรา้ งข้อความ การปรบั รูปทรงภาพ และการใชพ้ าเลต 4 48
2 24

รวม 36 36 68

3

ตารางวเิ คราะหห์ ลกั สูตร
รหสั 20204-2007 วชิ า โปรแกรมกราฟิก หนว่ ยกติ 2-2-3

ชนั้ ปวช. 2 สาขาวิชา/กลุ่มวิชา/คอมพวิ เตอรธ์ รุ กิจ

พฤติกรรม พุทธพิ ิสยั

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

1. ความรู้เบื้องตน้ เก่ยี วกบั คอมพิวเตอรก์ ราฟกิ 1 1 1 - - - 1 1 5 3 4

2. ความรู้เบ้ืองตน้ เกยี่ วกับโปรแกรมสร้าง 111- - -11538

ภาพกราฟิก

3. มมุ มองภาพและการตกแต่งภาพด้วยเลเยอร์ 1 1 1 1 - - 1 1 6 2 8

4. การสรา้ งขอบเขตพน้ื ท่ี (Selection) และการ 1 1 1 1 - - 1 1 6 2 8

จดั การไฟล์

5. การสร้างตัวอกั ษรและข้อความ 1111- -11628

6. การระบายสี และภาพกราฟกิ สำหรับเวบ็ เพจ 1 1 1 1 - - 1 1 6 2 12

7. การวาดภาพ 11111111818

8. การใชโ้ ปรแกรมกราฟกิ แบบเวคเตอร์ 11111111818

9. การสรา้ งข้อความ การปรับรปู ทรงภาพ และ 1 1 1 1 - - 1 1 6 2 4

การใช้พาเลต

รวม 99972 99 68
ลำดบั ความสำคญั 11123 11

4

กำหนดการสอน

ช่อื หนว่ ยการเรยี นร/ู้ สมรรถนะประจำหน่วย เกณฑก์ ารปฏิบัตงิ าน สัปดาห์ ชัว่ โมง
รายการสอน ท่ี ท่ี
แสดงความรเู้ กยี่ วกับ 1. แบบฝึกหัด / ทดสอบ 1 1-4
1. ความร้เู บือ้ งตน้ เกย่ี วกบั หลักการพ้นื ฐานอ 2. คะแนนจากแบบ
คอมพิวเตอร์กราฟกิ คอมพวิ เตอร์กราฟิก ประเมนิ ผลใบงาน 2-3 5-12
3. คะแนนจากการทำ
2. ความรเู้ บื้องต้นเก่ียวกบั แสดงความรเู้ บื้องต้น แบบทดสอบวัดผลสมั ฤทธ์ิ 4-5 13-20
โปรแกรมสรา้ งภาพกราฟกิ เก่ยี วกับโปรแกรม ทางการเรยี น
กราฟิก 1. แบบฝกึ หัด / ทดสอบ 6-7 21-28
2. คะแนนจากแบบ
ประเมนิ ผลใบงาน 8-9 29-36
3. คะแนนจากการทำ
แบบทดสอบวดั ผลสมั ฤทธ์ิ
ทางการเรยี น

3. มมุ มองภาพและการ สรา้ งและตกแตง่ ภาพด้วย 1. แบบฝกึ หัด / ทดสอบ
ตกแตง่ ภาพด้วยเลเยอร์
โปรแกรมกราฟกิ 2. คะแนนจากแบบ
4. การสรา้ งขอบเขตพน้ื ที่
(Selection) และการจดั การ ประเมนิ ผลใบงาน
ไฟล์
3. คะแนนจากการทำ
5. การสร้างตัวอักษรและ
ข้อความ แบบทดสอบวัดผลสมั ฤทธ์ิ

ทางการเรียน

สรา้ งขอบเขตพน้ื ท่ีและการ 1. แบบฝึกหัด / ทดสอบ

จดั การไฟลด์ ้วยโปรแกรม 2. คะแนนจากแบบ

กราฟิก ประเมนิ ผลใบงาน

3. คะแนนจากการทำ

แบบทดสอบวดั ผลสัมฤทธิ์

ทางการเรยี น

สรา้ งตวั อักษรและขอ้ ความ -อธบิ ายวิธกี ารคำนวณได้

ด้วยโปรแกรมกราฟกิ -อธิบายประเภทของ

ฟังก์ชนั ทีใ่ ชง้ านได้

-คำนวณโดยใชฟ้ งั กช์ ันได้

5

6. การระบายสี และ ออกแบบภาพกราฟิกตาม 1. แบบฝึกหัด / ทดสอบ

ภาพกราฟกิ สำหรับเว็บเพจ หลักองคป์ ระกอบศลิ ป์ 2. คะแนนจากแบบ

ประเมินผลใบงาน 10-12 37-48
3. คะแนนจากการทำ

แบบทดสอบวัดผลสมั ฤทธิ์

ทางการเรยี น

7. การวาดภาพ สรา้ งภาพโดยใช้เคร่ืองมอื 1. แบบฝกึ หัด / ทดสอบ

รปู ทรงสำเรจ็ รปู ดว้ ย 2. คะแนนจากแบบ

โปรแกรมกราฟกิ ประเมินผลใบงาน 13-14 49-54
3. คะแนนจากการทำ

แบบทดสอบวดั ผลสมั ฤทธิ์

ทางการเรยี น

8. การใช้โปรแกรมกราฟกิ สรา้ งภาพกราฟิกและ 1. แบบฝึกหัด / ทดสอบ

แบบเวคเตอร์ จดั การแฟม้ ภาพดว้ ย 2. คะแนนจากแบบ

โปรแกรมกราฟกิ ประเมนิ ผลใบงาน 15-16 57-64
3. คะแนนจากการทำ

แบบทดสอบวดั ผลสัมฤทธิ์

ทางการเรยี น

9. การสรา้ งขอ้ ความ การ สร้างขอ้ ความปรบั รปู ทรง 1. แบบฝกึ หัด / ทดสอบ

ปรับรปู ทรงภาพ และการ ภาพและใชพ้ าเลตด้วย 2. คะแนนจากแบบ

ใช้พาเลต โปรแกรมกราฟิก ประเมนิ ผลใบงาน 17 65-68
3. คะแนนจากการทำ

แบบทดสอบวัดผลสมั ฤทธ์ิ

ทางการเรียน

6

ส่วนท่ี 2
แผนการจดั การเรียนร้บู ูรณาการ
และการประเมินตามสภาพจริง

รายหนว่ ยการเรยี นรู้

7

กรอบแนวทางการจดั การเรียนร้แู ละการประเมินผลตามสภาพจรงิ ประจำหน่วยการเรียนรู้
แนวทางการประเมิน

หน่วย รายการสอน สมรรถนะ เกณฑ์การปฏบิ ตั งิ าน ทดสอบความ ู้ร
ท่ี ประเมินการป ิฏบั ิตงาน
ประเมินผลงาน
ประเมินพฤ ิตกรรม
อื่น ๆ

1 ความรู้เบอ้ื งตน้ แสดงความรเู้ กย่ี วกบั 1. แบบฝกึ หัด / ทดสอบ    
2. คะแนนจากแบบประเมินผล    
เก่ียวกับ หลักการพื้นฐานอ 
คอมพวิ เตอร์ คอมพวิ เตอร์กราฟิก ใบงาน 
กราฟกิ
3. คะแนนจากการทำ

แบบทดสอบวัดผลสมั ฤทธ์ิ

ทางการเรียน

2 ความรู้เบือ้ งตน้ แสดงความรู้ 1. แบบฝกึ หัด / ทดสอบ 

เกย่ี วกบั โปรแกรม เบอ้ื งตน้ เกีย่ วกับ 2. คะแนนจากแบบประเมนิ ผล    
สร้างภาพกราฟกิ โปรแกรมกราฟิก 
ใบงาน 

3. คะแนนจากการทำ

แบบทดสอบวัดผลสัมฤทธิ์

ทางการเรียน

3 มุมมองภาพและ สร้างและตกแตง่ ภาพ 1. แบบฝึกหัด / ทดสอบ    
ดว้ ยโปรแกรมกราฟกิ 2. คะแนนจากแบบประเมนิ ผล    
การตกแต่งภาพ 
ดว้ ยเลเยอร์ ใบงาน 

3. คะแนนจากการทำ

แบบทดสอบวดั ผลสมั ฤทธิ์

ทางการเรียน

8

แนวทางการประเมิน

หน่วย รายการสอน สมรรถนะ เกณฑ์การปฏิบตั งิ าน ทดสอบความ ู้ร
ท่ี ประเมินการป ิฏบั ิตงาน
ประเมินผลงาน
ประเมินพฤ ิตกรรม
อื่น ๆ

4 การสรา้ งขอบเขต สร้างขอบเขตพ้นื ท่ีและ 1. แบบฝกึ หัด / ทดสอบ    
   
พื้นที่ (Selection) และ การจัดการไฟล์ด้วย 2. คะแนนจากแบบประเมินผล    
การจัดการไฟล์ โปรแกรมกราฟกิ ใบงาน
   
3. คะแนนจากการทำ

แบบทดสอบวัดผลสัมฤทธิ์

ทางการเรียน

5 การสรา้ งตัวอกั ษร สร้างตัวอกั ษรและ 1. แบบฝกึ หัด / ทดสอบ    
   
และขอ้ ความ ข้อความดว้ ยโปรแกรม 2. คะแนนจากแบบประเมินผล    
กราฟกิ ใบงาน
   
3. คะแนนจากการทำ

แบบทดสอบวัดผลสัมฤทธ์ิ

ทางการเรยี น

6 การระบายสี และ ออกแบบภาพกราฟกิ 1. แบบฝกึ หัด / ทดสอบ    
   
ภาพกราฟิกสำหรบั ตามหลกั องค์ประกอบ 2. คะแนนจากแบบประเมินผล
เวบ็ เพจ ศิลป์ ใบงาน    
   
3. คะแนนจากการทำ

แบบทดสอบวดั ผลสมั ฤทธิ์

ทางการเรียน

7 การวาดภาพ สรา้ งภาพโดยใช้ 1. แบบฝึกหัด / ทดสอบ    
2. คะแนนจากแบบประเมนิ ผล    
เครอ่ื งมือรูปทรง 

สำเรจ็ รปู ด้วยโปรแกรม ใบงาน

กราฟิก 3. คะแนนจากการทำ

แบบทดสอบวัดผลสัมฤทธิ์

ทางการเรียน

9

แนวทางการประเมิน

หนว่ ย รายการสอน สมรรถนะ เกณฑก์ ารปฏบิ ตั ิงาน ทดสอบความ ู้ร
ท่ี ประเมินการป ิฏบั ิตงาน
ประเมินผลงาน
ประเมินพฤ ิตกรรม
อื่น ๆ

8 การใช้โปรแกรม สรา้ งภาพกราฟิกและ 1. แบบฝกึ หัด / ทดสอบ    
   
กราฟกิ แบบ จดั การแฟ้มภาพดว้ ย 2. คะแนนจากแบบประเมนิ ผล    
เวคเตอร์ โปรแกรมกราฟกิ ใบงาน

3. คะแนนจากการทำ

แบบทดสอบวัดผลสมั ฤทธ์ิ

ทางการเรียน

9 การสรา้ งข้อความ สรา้ งข้อความปรบั 1. แบบฝึกหัด / ทดสอบ    
   
การปรับรูปทรง รปู ทรงภาพและใชพ้ า 2. คะแนนจากแบบประเมนิ ผล    
ภาพ และการใชพ้ า เลตดว้ ยโปรแกรม ใบงาน

เลต กราฟกิ 3. คะแนนจากการทำ

แบบทดสอบวัดผลสมั ฤทธ์ิ

ทางการเรยี น

10

แผนการจดั การเรียนร้แู บบบรู ณาการตามหลกั ปรัชญาเศรษฐกจิ พอเพียง
ตารางวิเคราะหร์ ะดบั พทุ ธิพสิ ัย ทกั ษะพสิ ัย จติ พสิ ยั

รหสั วิชา 20204-2007 ชื่อวิชา โปรแกรมกราฟิก หนว่ ยกิต (ท-ป-น) 2-2-3

หลกั สูตร ประกาศนียบัตรวิชาชีพ ประเภทวชิ า พาณชิ ยกรรม
สาขาวชิ า คอมพวิ เตอร์ธุรกจิ สาขางาน คอมพวิ เตอร์ธรุ กิจ
วเิ คราะห์ระดบั พฤติกรรมท่ีพึงประสงค์รายวชิ า
1) พุทธพิ สิ ยั ....................3....................ระดับ
2) ทกั ษะพสิ ัย.................3....................ระดับ
3) จิตพิสัย......................3....................ระดบั
การบรู ณาการ รหสั วชิ า 20204-2007 ชอื่ วชิ า โปรแกรมกราฟกิ
1. นอ้ มนำหลกั ปรัชญาของเศรษฐกจิ พอเพียงบรู ณาการในรายวชิ า
ความรู้ ศกึ ษาและปฏบิ ัติเกย่ี วกบั ความรูพ้ ืน้ ฐานเกีย่ วกับภาพกราฟกิ หลักการของภาพกราฟิกแบบ
Vector และ Bitmap ประเภทและคุณลักษณะของแฟ้มภาพกราฟิก การสร้างและตกแต่งภาพกราฟิก
การจัดการแฟ้มภาพกราฟิก ความแตกต่างของภาพกราฟิกแบบ 2 มิติ การใช้โปรแกรมสร้างภาพกราฟกิ
แบบ Vector และ Bitmap
คุณธรรม ผู้เรียนมคี วามรักชาติ ศาสนา พระมหากษตั รยิ ์ ซื่อสัตย์ เสียสละ อดทน กตัญญตู ่อพ่อแม่
ผูป้ กครอง ครูบาอาจารย์ ใฝห่ าความรู้ หมน่ั ศกึ ษาเล่าเรยี น รักษาวฒั นธรรมประเพณไี ทย มศี ีลธรรม รกั ษา
ความสตั ย์ เข้าใจเรียนรูก้ ารเป็นประชาธปิ ไตย มรี ะเบียบ วนิ ัย เคารพกฎหมาย ผูน้ ้อยรู้จกั การเคารพผใู้ หญ่
มีสตริ ู้ตัว รู้คดิ รู้ทำ รจู้ ักดำรงตนอยโู่ ดยใชห้ ลกั ปรัชญาเศรษฐกิจพอเพียง มคี วามเข้มแข็งท้ังร่างกาย และ
จิตใจ ไมย่ อมแพต้ อ่ อำนาจฝ่ายต่ำ คำนงึ ถงึ ผลประโยชน์ของสว่ นรวม

ความพอประมาณ พอประมาณการในการใช้ทรัพยากรการใช้ข้อมลู การใช้อปุ กรณเ์ ครอื่ งมือ วัสดุ
ครุภณั ฑ์ เหมาะสม

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

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

11

แผนการจัดการเรียนรู้
หน่วยท.ี่ .............. 1...................................... จำนวน........4..........ชั่วโมง สัปดาห์ที่.....1.......
ชอ่ื วชิ า โปรแกรมกราฟิก
ชอื่ หนว่ ย ความรูเ้ บือ้ งตน้ เก่ยี วกบั คอมพิวเตอรก์ ราฟิก
ชื่อเรือ่ ง ความรูเ้ บือ้ งตน้ เก่ยี วกบั คอมพวิ เตอรก์ ราฟิก

1. สาระสำคัญ
ครผู สู้ อนแนะนำตนเอง แจ้งจุดประสงคร์ ายวชิ า มาตรฐานรายวิชา คำอธบิ ายรายวชิ า เกณฑ์การวดั ผล

ประเมนิ ผล ขอ้ ตกลงเบอื้ งต้นในการเรยี น
2. สมรรถนะประจำหน่วย

แสดงความรูเ้ ก่ยี วกบั หลกั การพนื้ ฐานอคอมพิวเตอรก์ ราฟิก
3. จุดประสงค์การเรยี นรู้

3.1 จดุ ประสงค์ทว่ั ไป
1. บอกความหมายคอมพวิ เตอร์กราฟิก
2. อธิบายคุณคา่ และความสำคัญของงานกราฟกิ
3. อธิบายการนำภาพกราฟกิ ทใี่ ชก้ บั คอมพวิ เตอร์
4. จำแนกความแตกตา่ งระหว่างไฟลภ์ าพกราฟกิ แบบ Raster และแบบ Vector
5. บอกหลกั การใช้สีและแสงในคอมพิวเตอร์
6. บอกอุปกรณ์เสรมิ ที่จำเปน็ สามารถนำมาใชใ้ นงานกราฟกิ
7. ประยกุ ตใ์ ช้คอมพวิ เตอร์กราฟกิ กบั งานดา้ นต่างๆ

3.2 จดุ ประสงคเ์ ชงิ พฤติกรรม (ความรู้ ทกั ษะ คุณธรรม จริยธรรม จรรยาบรรณวิชาชพี )
1. บอกความหมายคอมพวิ เตอร์กราฟกิ ได้
2. อธิบายคุณคา่ และความสำคญั ของงานกราฟิกได้
3. อธบิ ายการนำภาพกราฟิกทใี่ ช้กับคอมพวิ เตอร์ได้
4. จำแนกความแตกตา่ งระหวา่ งไฟล์ภาพกราฟกิ แบบ Raster และแบบ Vectorได้
5. บอกหลักการใชส้ แี ละแสงในคอมพิวเตอร์ได้
6. บอกอุปกรณเ์ สริมทจ่ี ำเป็นสามารถนำมาใชใ้ นงานกราฟิกได้
7. ประยกุ ต์ใช้คอมพวิ เตอร์กราฟิกกบั งานด้านต่างๆ ได้

12

4. สาระการเรยี นรู้
ในอดีตการสร้างภาพกราฟิกโดยการใช้ดินสอ ปากกา หมกึ สี เขียนบนส่อื เชน่ ผนังถำ้ ผืนผ้า ไม้ไผ่ หรือ

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

กระบวนการจัดการเรยี นรู้

ข้ันตอนการจัดการเรยี นรู้ หรอื กจิ กรรมครู ข้นั ตอนการเรยี นรู้ หรือกจิ กรรมผ้เู รยี น

5.1 ขนั้ นำเข้าสู่บทเรียน

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

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

คอมพิวเตอรก์ ราฟกิ

5.2 ขน้ั สอน 3. นักเรยี นฟังครอู ธบิ ายและจดบันทึกเนื้อหาหลัก
1. ครอู ธิบายความรู้เบ้ืองตน้ เกีย่ วกบั ที่สำคัญ

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

6. นักเรยี นฟังครอู ธิบายและจด บันทึกเน้ือหา

หลกั ที่สำคัญ

7. นกั เรยี นชว่ ยกันอธิบายเนือ้ หา และทดลองการ

เขา้ สูโ่ ปรแกรม บนเครอ่ื งคอมพิวเตอร์ เพ่ือใหเ้ ห็น

ภาพทเี่ ปน็ ความจริง

13

5.3 ขั้นสรปุ 9. นกั เรียนนำใบงานไปฝกึ ปฏิบัติบนเครอ่ื ง
6. ครูแจกใบงานให้กับนกั เรียน คอมพิวเตอร์ในห้องปฏบิ ตั ิการ
เพ่ือทำการฝกึ ปฏบิ ัติบน เครอื่ งคอมพวิ เตอรเ์ พือ่
10. นักเรยี นทำแบบฝึกหดั จาก แบบประเมิน
ฝกึ ทักษะ ท้ายบทของหนงั สอื เรียนและส่งครูตามเวลาที่
7. ครใู หน้ ักเรยี นทำแบบประเมินท้ายบทประจำ กำหนด

หน่วย และส่งแบบฝึกหัดตามเวลาที่กำหนด 11. นักเรียนนำผลการประเมินมารว่ มเฉลย
8. ครปู ระเมินผลการเรียนของนกั เรยี น และนำ พรอ้ มกันกบั ครูผสู้ อน

ผลการประเมินคืนใหก้ ับนักเรยี นพร้อมเฉลยรว่ มกับ
นักเรยี น

6. สอ่ื และแหล่งการเรยี นรู้
6.1 หนังสือเรียน
6.2 ใบความรู้
6.3 แบบฝึกหดั
6.4 แบบฝกึ ปฏิบตั ิ
6.5 แบบทดสอบหลังเรยี น
6.7 คอมพิวเตอร์
6.8 เคร่ืองฉายโปรเจ็คเตอร์

7. หลักฐานการเรียนรู้
7.1 หลกั ฐานความรู้
ใบงาน แบบฝึกหดั การคน้ คว้าข้อมลู ทไ่ี ดร้ บั การเรยี บเรียง สวยงาม เปน็ ระเบียบ ถูกต้อง

7.2 หลกั ฐานการปฏิบตั งิ าน
ใบงาน แบบฝึกหัด รูปเลม่ รายงานการค้นคว้าข้อมลู ทไ่ี ดร้ บั การเรียบเรียง สวยงาม เป็นระเบียบ ถกู ตอ้ ง

พร้อมทั้งเอกสารประกอบการนำเสนองานหนา้ ช้ันเรียนของผเู้ รียน และภาพประกอบ
8. การวดั และประเมนิ ผลการเรยี นรู้

8.1 เครือ่ งมอื ประเมนิ
1. ใบงาน
2. แบบฝกึ หัด
3. แบบประเมนิ ผลงาน
4. แบบประเมนิ การนำเสนอผลงาน

14

8.2 เกณฑก์ ารประเมนิ วธิ ีวดั และประเมนิ เกณฑ์การประเมนิ
เครือ่ งมอื การประเมิน ไดค้ ะแนน
ตรวจแบบฝึกหัด ร้อยละ 75 ขน้ึ ไป
แบบฝึกหัด ขอ้ ละ 1 คะแนน
ถกู 1 คะแนน ไดค้ ะแนน
แบบฝกึ ปฏบิ ัติ ไม่ถูก 0 คะแนน รอ้ ยละ 75 ขึน้ ไป
ตรวจแบบฝกึ ปฏิบตั ิ
แบบทดสอบหลังเรียน ขอ้ ละ 1 คะแนน ได้คะแนน
ถูก 1 คะแนน ร้อยละ 75 ข้ึนไป
แบบสงั เกตพฤติกรรมด้านคุณธรรม ไมถ่ ูก 0 คะแนน
จริยธรรม ค่านยิ ม และคณุ ลักษณะอนั พึง ตรวจแบบทดสอบหลงั เรียน ได้คะแนน
ประสงค์ ข้อละ 1 คะแนน ร้อยละ 80 ขน้ึ ไป
ถกู 1 คะแนน
ไม่ถกู 0 คะแนน
สงั เกตพฤติกรรม
ดี 2 คะแนน
พอใช้ 1 คะแนน
ปรับปรุง 0 คะแนน

9. กจิ กรรมเสนอแนะ/งานท่มี อบหมาย (ถา้ มี)
1. ผเู้ รยี นต้องใหค้ วามสนใจในการศึกษา เพ่อื หาเทคนคิ วิธกี าร หรอื หลกั การงา่ ยเพ่อื ใหห้ าคำตอบได้อย่าง

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

2. ผมู้ กี ารทบทวนบทเรยี น ตลอดเพอ่ื เสรมิ สร้างความเข้าใจอยา่ งแท้จรงิ
3. ผเู้ รยี นหมั่นทำใบงาน แบบฝกึ หัด และแกไ้ ขขอ้ ท่ผี ิดใหถ้ กู ต้องเสมอ
4. ผู้เรียนต้องสร้างมโนภาพให้เกิดความคิดรวบยอดในสาระการเรียนรู้และเทคนิควิธีการพร้อมกับความ
จำเปน็ ในการนำไปประยกุ ต์ใช้ให้เกิดข้นึ โดยตนเองให้ได้เพือ่ เกิดความรู้ความเข้าใจอย่างแท้จริงไม่ใช่เกิดจากการ
ทอ่ งจำ
10. เอกสารอ้างองิ
สิทธิชยั ประสานวงศ์. (2556). แบบเรยี นวชิ าโปรแกรมกราฟกิ Adobe Photoshop CS6 สร้าง
และตกแต่งงานคอมพวิ เตอร์กราฟิกดว้ ยโปรแกรมกราฟกิ . กรงุ เทพฯ : ซอฟท์เพรส.

15

ใบความรทู้ ี่ 1 หนว่ ยท่ี 1

รหสั วิชา 20204-2007 ชื่อวชิ า โปรแกรมกราฟิก ภาคเรียนที่ 1

ชือ่ หน่วย ความรูเ้ บือ้ งตน้ เก่ยี วกบั คอมพวิ เตอรก์ ราฟิก เวลารวม 4 ช่ัวโมง

ชอื่ เร่อื ง ความรูเ้ บือ้ งตน้ เก่ยี วกบั คอมพวิ เตอรก์ ราฟิก เวลา 4 ชวั่ โมง

จุดประสงค์การเรียนรู้

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

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

สมรรถนะรายหนว่ ย
แสดงความรู้เก่ยี วกับหลักการพื้นฐานอคอมพิวเตอร์กราฟกิ

16

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

1.1.1 กราฟิก (Graphic) มีผูใ้ หค้ วามหมายคำว่า “กราฟิก” ดังน้ี
กราฟกิ หมายถึง ศิลปะแขนงหน่ึงซงึ่ ใช้ส่ือความหมายด้วยเสน้ สัญลักษณ์ รูปวาด ภาพถ่าย กราฟ
แผนภมู ิ การต์ นู ฯลฯ เพื่อให้สามารถส่อื ความหมายขอ้ มูลไดถ้ กู ตอ้ งตรงตามท่ีผู้สอ่ื สารตอ้ งการ (ทพิ าภรณ์
ประดู่, 2549: 3)
กราฟิก หมายถึง วสั ดุลายเส้นไดแ้ ก่ วัสดุทเ่ี กิดจากการวาดภาพ และการเขียน โดยแบ่งเป็น
ลกั ษณะ 2 มิติ ซ่งึ ไดแ้ ก่ การออกแบบจัดภาพประกอบ การประดษิ ฐ์ตวั อกั ษร การทำงานพมิ พ์ เป็นตน้
(สำนกั งานคณะกรรมการประถมศกึ ษาแหง่ ชาติ, 2536)
กราฟิก หมายถึง การออกแบบทเ่ี ก่ยี วกบั การออกแบบเคร่ืองหมาย การออกแบบที่เกยี่ วกับการ
พมิ พต์ ่างๆ ท่ีใชใ้ นอุตสาหกรรม (อารี สุทธพิ นั ธ์, 2521: 4)
กราฟิก มาจากคำในภาษากรกี ว่า Graphiko หมายถงึ การเขยี นภาพด้านสี และลักษณะขาวดำ
เมือ่ นำมารวมกบั คำวา่ Graphein ที่แปลวา่ การเขยี นตัวหนงั สอื และการสอื่ ความหมายโดยใชเ้ ส้น คำว่า
กราฟกิ จงึ หมายถึง รูปแบบของงานท่มี ่งุ แสดงความจรงิ หรือความคดิ ผา่ นทางการวาดรูปและเขยี นตัวอกั ษร
(อัศวิน ศลิ ปเมธากลุ , 2543: 16)
สรุป กราฟกิ หมายถงึ การส่อื ความหมายดว้ ยการใชศ้ ิลปะดว้ ยเส้น การเขียน สัญลักษณ์ภาพ เพือ่
สื่อความหมายใหถ้ ูกตอ้ งตรงความตอ้ งการ
1.1.2 คอมพวิ เตอรก์ ราฟิก มีผู้ให้ความหมายคำวา่ “คอมพวิ เตอร์กราฟิก” ดังนี้
คอมพิวเตอรก์ ราฟกิ หมายถงึ การใชค้ อมพวิ เตอร์สร้างภาพโดยการวาดภาพกราฟิกหรอื นำภาพมา
จากสอ่ื อ่ืนๆ เชน่ วดี ิทัศนต์ า่ งๆ ภาพยนตร์ กล้องถ่ายรูปดจิ ิตอล การออกแบบเวบ็ ไซต์ เชอื่ มโยงขอ้ มลู โดย
ภาพกราฟกิ เหล่าน้ีประกอบด้วย เส้น สี แสง และเงาตา่ งๆ สามารถตอบสนองกบั ผใู้ ชง้ าน
คอมพิวเตอรก์ ราฟิก หมายถงึ การสรา้ งภาพ การตกแตง่ แก้ไข หรอื การจัดการเกี่ยวกบั รปู ภาพ โดย
ใช้เครอ่ื งคอมพิวเตอร์ในการจดั การ เช่น การตกแต่งแก้ไขภาพคนแก่ใหม้ วี ัยทีเ่ ด็กข้ึน การสรา้ งภาพตาม
จินตนาการ การสร้างภาพเหมือน การลอกลาย และการใช้ภาพกราฟิกในการนำเสนอขอ้ มลู ในด้านตา่ งๆ
การออกแบบเวบ็ ไซต์ เพ่อื ให้สามารถสอื่ ความหมายไดต้ รงตามทผ่ี ู้สือ่ สารต้องการ และดงึ ดดู ให้นา่ สนใจ
ย่งิ ข้ึนดว้ ยกราฟ แผนภมู ิ แผนภาพ (ทิพาภรณ์ ประดู่, 2549: 3)
คอมพวิ เตอรก์ ราฟิก หมายถึง คอมพิวเตอรเ์ พ่ือแสดงภาพ แผนภาพ การแบ่งส่วน การแสดง
ความสัมพันธ์กราฟ โดยใสข่ ้อมลู เข้าไปเปน็ ตัวเลข เกิดเปน็ ภาพบนจอภาพ สามารถขยายภาพ หมุน เอยี ง
หรือการจัดทำกบั ภาพเหล่านน้ั อย่างไรก็ได้ เพือ่ การสอ่ื ความหมายไดด้ ยี ่ิงขึน้ ปัจจุบันมีการใช้ภาพกราฟกิ
ประยุกต์ใชใ้ นงานทุกๆ ด้านไมว่ ่าด้านธุรกิจ โรงงานอตุ สาหกรรม งานศลิ ปะ การบนั เทิง งานโฆษณาสินค้า
การศกึ ษา การวจิ ัย การฝกึ อบรม และงานทางการแพทยจ์ นเห็นไดช้ ัดเจนว่าคอมพิวเตอร์กราฟิกนั้นมกี ารให้
ความสำคัญเนือ่ งจากเปน็ เครื่องมือทส่ี ามารถชว่ ยออกแบบกราฟกิ ไดอ้ ยา่ งรวดเรว็ ไม่จำเปน็ ต้องอาศยั
เคร่อื งมอื จำนวนมากอกี ท้ังผอู้ อกแบบสามารถดูผลงานการออกแบบก่อนไดท้ ันที การนำกราฟิกเข้ามาใช้

17

สื่อสารสามารถสร้างความเข้าใจในงานธุรกิจด้านต่างๆ ภายในองคก์ รใหเ้ ข้าใจได้งา่ ยถกู ตอ้ ง และชัดเจน
ย่งิ ขน้ึ (ทกั ษิณา สวนานนท์, 2536: 90)

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

1.1.3 ประเภทของภาพกราฟกิ คอื การจำแนกภาพกราฟิก เช่น ภาพถา่ ย รูปวาด หรือภาพ
ทเ่ี กดิ จากการสรา้ งจากโปรแกรมสำเร็จรปู ตา่ งๆ แบง่ ออกเปน็ 2 ประเภท ดงั นี้

1.1.3.1 ภาพกราฟกิ ประเภท 2 มติ ิ คือ ศิลปะแขนงหนง่ึ ซงึ่ ใชส้ ื่อความหมายดว้ ยเส้น
สามารถมองเห็นตามแนวแกน X (ความกว้าง) กับ แกน Y (ความยาว) ภาพท่พี บเห็นโดยทัว่ ไป เชน่ ภาพถา่ ย
ตา่ งๆ รปู วาด สญั ลักษณ์ และภาพการต์ ูนตา่ งๆ ในโทรทศั น์ เชน่ ชนิ จงั โดเรม่อน การ์ตนู จะเป็น
ภาพกราฟิกเคล่ือนไหว (Animation) โดยจะมกี ระบวนการสร้างทซ่ี ับซอ้ นกวา่ ภาพวาดปกติ

1.1.3.2 ภาพกราฟกิ ประเภท 3 มติ ิ คอื ภาพกราฟกิ ทีส่ ร้างจากโปรแกรมสร้างภาพ
แบบ 3 มติ ิ เช่น 3D max Maya ทำให้ไดภ้ าพมสี ีและแสงเงาเหมอื นจริง สามารถมองเหน็ ตามแนวแกน X
(ความกว้าง) กับ แกน Y(ความยาว) และมีแกน Z (ความหนาหรอื ความสูง) ทำใหม้ องเห็นเป็นรปู รา่ งท่ี
ชัดเจนยิ่งขึน้ เหมาะกับงานดา้ นสถาปัตย์ การออกแบบตา่ งๆ การผลิตรถยนต์ การสรา้ งเปน็ ภาพยนตร์
การ์ตนู หรอื โฆษณาสินคา้ ต่างๆ ภาพยนตรก์ ารต์ ูนเอนิเมชัน่ แบบ 3 มติ ิ เช่น การ์ตนู เรอ่ื ง Nemo The Bug
ช้างกา้ นกล้วย และปังปอนด์แอนิเมชัน เปน็ ต้น
1.2 คณุ ค่าและความสำคัญของงานกราฟกิ

งานกราฟกิ เปน็ การส่อื สารด้วยศลิ ปะระหว่างผสู้ รา้ ง กับผู้รับ (ผดู้ ู ผ้เู หน็ ) ดังน้ันงานกราฟกิ
จึงมคี ณุ ค่าและความสำคัญดังน้ี

1. เปน็ ส่ือกลางในการสอ่ื ความหมายให้เกิดการเข้าใจตรงกันสรา้ งระบบการเรยี นรู้ สร้าง
แนวคดิ ใหม่ๆ เชิงสรา้ งสรรค์

2. สร้างความเร้าใจน่าสนใจ ความประทบั ใจ และความเช่อื ถอื ไดข้ องผลงาน เพอื่ ให้เกิด
การเรยี นรู้ เกดิ การศึกษากบั กลุ่มเป้าหมายได้

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

18

1.3 ภาพกราฟิกท่ีใช้กับคอมพิวเตอร์

ภาพทเ่ี กดิ บนจอคอมพวิ เตอร์ (Monitor) เกดิ จากการทำงานของโหมดสแี บบอาร์จีบี คลั เลอร์ (RGB
Color) ซง่ึ ประกอบดว้ ย สีแดง (Red) สเี ขยี ว (Green) และสีน้ำเงิน (Blue) โดยใช้หลกั การยิงประจไุ ฟฟ้าให้
เกิดการเปลง่ แสงของสีทง้ั 3 สี มาผสมกนั เกิดเป็นจุดสีเลก็ ๆ ทีเ่ รยี กวา่ Pixel “พิกเซล” โดยพิกเซลจะมี
หลากหลายสีเม่ือนำมาวางตอ่ กันจะเกดิ เปน็ ภาพ มี 2 แบบ คอื

1.3.1 ภาพกราฟกิ แบบ Raster หรอื เรยี กอกี อย่างหนึ่งว่า กราฟกิ แบบบติ แมป (Bitmap) เป็น
ภาพกราฟิกท่ีเกิดจากการเรยี งตวั ของจุดสีเ่ หลย่ี มเล็กๆ หลากหลายสี เรียกว่า Pixel (คลา้ ยๆ กับการปัก
ผา้ ครอสตกิ ) นำมาประกอบกนั จนเกดิ เปน็ ภาพขนาดใหญ่ โดยเมด็ สีแต่ละเม็ดจะมคี ่าสีแตกตา่ งกันไป
ภาพกราฟกิ แบบ Raster จะต้องกำหนดจำนวนพกิ เซลให้กับภาพ ภาพทมี่ ีจำนวนเมด็ สมี ากๆ ภาพ จะมี
ความละเอียดมาก สวยคมชดั ภาพท่ีมจี ำนวนเม็ดสีน้อย เม็ดสที ีป่ ระกอบเปน็ ภาพจะเรียงตอ่ กันแบบห่างๆ
และมองเหน็ เม็ดสใี นภาพแต่ละเมด็ ภาพกราฟิกแบบ Raster เม่ือมีการขยายใหญ่ข้นึ ทำใหภ้ าพน้ันมีความ
หยาบมองเหน็ ภาพเปน็ จุดส่ีเหลีย่ ม ดังนัน้ การกำหนดจำนวนพกิ เซลจะบอกถึงความละเอยี ดของภาพ
หากภาพถูกกำหนดใหม้ ีความละเอยี ด 1,200 ppi (ความละเอยี ด 1,200 เมด็ สีตอ่ ตารางนว้ิ ) จำนวนพกิ เซล
ควรกำหนดให้เหมาะสมกับภาพกราฟกิ ในงานที่สรา้ ง เช่น ภาพกราฟิกสำหรบั เวบ็ ไซต์ต่างๆ น้ันเป็นภาพทม่ี ี
ความละเอียดน้อยไฟล์ภาพควรกำหนดจำนวนพกิ เซล ประมาณ 72 ppi เพือ่ ความสะดวกในการนำภาพอัพ
โหลด (Upload) ไฟล์ขน้ึ เซริ ์ฟเวอร์ (Server) ไดร้ วดเร็ว การสร้างภาพกราฟิกใชง้ านท่ัวๆ ไป กำหนดจำนวน
Pixel ประมาณ 100-150 ppi และภาพสำหรบั นติ ยสาร ปกหนงั สือ ภาพโปสเตอรข์ นาดใหญ่ และงานแบบ
พมิ พ์ต่างๆ น้นั คววรกำหนดจำนวน Pixel ประมาณ 300-350 ppi เน่อื งจากงานดงั กล่าวตอ้ งการภาพทีม่ ี
ความละเอยี ดมาก ทำให้ภาพสวยสมจรงิ ภาพกราฟิกแบบ Raster สามารถแกไ้ ขปรับแต่งสี โดยการตกแต่ง
ภาพทำได้งา่ ยและมีความสวยงาม ซงึ่ โปรแกรมท่ีนยิ มใชส้ ร้างภาพกราฟิกแบบ Raster คือ Adobe
PhotoShop, Adobe PhotoShopCS, Paint เป็นตน้

1.3.1.1 คุณลักษณะของไฟล์ภาพกราฟิกแบบ Raster คอื ไฟลภ์ าพกราฟกิ ที่มภี าพ
คุณลกั ษณะนามสกลุ ท่ีแตกต่างกันตามรูปแบบจากการสรา้ งภาพนน้ั จากโปรแกรมสำเร็จรูปตา่ งๆ เชน่
.BMP, .DIB,.JPG, .JPEG, .JPE, .GIF, .TIFF, .TIF, .PCX, .IMG, .MAC, .MSP และ .TGA เป็นตน้ ซ่ึงลักษณะ
ของแฟ้มภาพจะแตกต่างกันออกไป และมลี ักษณะงานแตกตา่ งกนั ตามลักษณะการนำไปใช้ เช่น สำหรบั
ภาพทัว่ ไปเหมาะกับงานทไี่ มต่ ้องการความละเอียด งานนติ ยสารต่างๆ มีความละเอยี ดของภาพสงู ไฟล์
กราฟกิ แบ่งเป็นหลายรูปแบบ แต่ท่ีนิยมใชก้ นั มากในงานกราฟกิ สำหรบั เว็บไซต์ เชน่ GIF และ JPEG สำหรับ
งานพิมพ์ เช่น TIFF, EPS และ PDF

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

19

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

1.3.2.1 คณุ ลกั ษณะของไฟล์ภาพกราฟิกแบบ Vector คือ การเกบ็ ไฟล์ภาพกราฟกิ
แบบ Vector มหี ลายนามสกุล โดยผู้ใช้สามารถกำหนดได้ตามรูปแบบทโี่ ปรแกรมกำหนด เช่น .EPS .WMF
.CDR .AI .CGM .DRW .PLT .DXF .PIC และ .PGL เป็นตน้ ซ่งึ ลักษณะของไฟล์ภาพจะแตกต่างกนั
1.4 ความแตกตา่ งของกราฟิกแบบ Raster กบั แบบ Vector

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

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

1.5.1 โหมดสแี บบ RGB Color
1.5.2 โหมดสแี บบ CMYK Color
1.5.3 โหมดสแี บบ HSB Color
1.5.4 โหมดสีแบบ LAB Color
1.5.1 โหมดสีแบบ RGB Color คอื กำหนดโหมดสแี บบปกตขิ องภาพทใ่ี ชง้ านในโปรแกรม
Photoshop ซึง่ ภาพเหลา่ นี้ไดม้ าจากกลอ้ งดิจิตอลเปน็ สว่ นใหญ่ โหมดสีแบบ RGB Colorประกอบด้วย แม่
สี 3 สี คอื สแี ดง (Red) สีเขียว (Green) และสีนำ้ เงนิ (Blue) เม่อื นำสีดงั กลา่ วมาผสมกนั ทำใหเ้ กิดเป็นสี
ตา่ งๆ บนจอภาพคอมพวิ เตอร์มากถงึ 16.7 ล้านสี ซึง่ ใกลเ้ คยี งกับสที ่ีสายตามนษุ ย์มองเห็นปกตสิ ีท่ไี ด้จาก
การผสมสนี ้นั ขน้ึ อย่กู บั ความเขม้ ของสี ถา้ สมี ีความเขม้ ขน้ มากสที ่มี าผสมกนั จะทำให้เกดิ เปน็ สีขาวจงึ เรียก
ระบบสนี ้ีว่า การผสมสแี บบ

20

1.5.2 โหมดสีแบบ CMYK Color คือ ระบบสีที่ใชก้ ับเครอื่ งพมิ พ์ทพี่ ิมพอ์ อกทางกระดาษหรอื
วสั ดุผวิ เรยี บอื่นๆ โดยภาพที่กำหนดโหมดสีแบบ CMYK Color นั้นสคี อ่ นข้างทบึ เมอื่ แสดงบนจอภาพ แต่
เม่อื พมิ พ์ออกทางเคร่ืองพมิ พ์จะมสี ีทส่ี ดใสสวยงาม โหมดสีแบบ CMYK Color น้ัน ประกอบดว้ ยสีหลัก 4
สี คือ สฟี ้า (Cyan) สดี ำ (Black) สมี ่วงแดง (Magenta) และสีเหลอื ง (Yellow) เม่ือนำมาผสมกันจะเกิดสี
เป็นสีดำแต่จะไมด่ ำสนทิ เนื่องจากหมึกพมิ พ์มีความไมบ่ ริสุทธจิ์ ึงเปน็ การผสมสแี บบลบ (Subtractive)
หลกั การเกดิ สีของระบบน้ี คือ หมึกสีหนึ่งจะดูดกลืนแสงจากสหี นง่ึ แล้วสะท้อนกลับออกมาเปน็ สตี า่ งๆ เชน่ สี
ฟ้าดูดกลนื แสงของสมี ่วงแลว้ สะท้อนออกมาเป็นสีนำ้ เงิน สงั เกตเห็นไดว้ ่าสีทสี่ ะท้อนออกมาจะเปน็ สหี ลกั
ของโหมดสีแบบ RGB การเกดิ สนี ้ี แบบสีจงึ ตรงข้ามกับการเกดิ สีในแบบ RGB

1.5.3 โหมดสแี บบ HSB Color สสี ่วนใหญท่ ่ีมองเห็น จะมรี ะดบั ความเขม้ ข้นท่แี ตกต่างกันซง่ึ
สายตามนุษยส์ ามารถแยกออกได้ เปน็ 3 ลกั ษณะ คอื

Hu คอื สตี า่ งๆ ที่สะท้อนออกมาจากวตั ถแุ ลว้ เขา้ สู่สายตามนุษย์ ซ่งึ มกั เรียกสตี ามชอื่ สี
เชน่ สเี ขียว สแี ดง สเี หลอื ง เปน็ ต้น

Saturation คอื ค่าความสดของสี โดยค่าความสดของสจี ะเริม่ ที่ 0 ถึง 100 ถา้ กำหนด
Saturation เป็น 0 สีจะมีความสดนอ้ ย แต่ถ้ากำหนดที่ 100 สีจะมีความสดมาก

Brightness คอื ระดับค่าความสวา่ งของสี โดยค่าความสวา่ งของสจี ะเร่ิมที่ 0 ถึง 100
ถา้ กำหนดที่ 0 ความสว่างจะน้อยซง่ึ จะเปน็ สีดำ แต่ถ้ากำหนดท่ี 100 สีจะมคี วามสวา่ งมากที่สุด

1.5.4 โหมดสแี บบ LAB Color คือ โหมดสีท่มี ชี ่วงความกว้างในการแสดงสีได้สูงทส่ี ุดเทยี บเท่ากบั
สีดวงตาของมนษุ ยส์ ามารถรบั ได้ โดยแบง่ ออกเป็น 3 ส่วนคอื

“L” หรอื Luminance การกำหนดค่าความสว่าง ซึง่ มคี า่ ต้ังแต่ 1 ถงึ 100
ถ้ากำหนดที่ 0 จะกลายเปน็ สีดำ แต่ถ้ากำหนดท่ี 100 จะกลายเป็นสีขาว

“A” เป็นค่าของสที ไี่ ล่จากสีเขยี วไปสีแดง
“B” เปน็ ค่าของสที ่ไี ล่จากสนี ำ้ เงินไปสีเหลือง
1.6 อปุ กรณ์เสริมทจ่ี ำเปน็ นำมาใชใ้ นงานกราฟกิ

อุปกรณเ์ สริมท่ีจำเป็นนำมาใชใ้ นงานกราฟิก เชน่ เคร่ืองคอมพิวเตอร์ และอปุ กรณ์เสรมิ ต่างๆ เพื่อ
เพ่มิ ความสะดวกในการทำงานด้านกราฟิก เช่น Print) กล้องถา่ ยรูป และเครอ่ื ง Scanner เปน็ ต้น

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

1.6.2 เครอ่ื งกราดภาพ (Scanner) คือ อุปกรณท์ ีใ่ ช้ต่อพว่ งเข้ากับเครอ่ื งคอมพิวเตอร์เพอื่ นำภาพ
หรือข้อความเขา้ ไปในหน่วยความจำเครือ่ งคอมพิวเตอร์ ดว้ ยวิธกี ารกราดแสงผา่ นคอมพวิ เตอร์นำขอ้ มลู เข้า

21

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

1.6.3 เครอ่ื งพมิ พ์ (Printer) คอื อุปกรณ์แสดงผลข้อมลู ต่างๆ เช่น แสดงขอ้ ความ ตวั เลข ภาพ
สญั ลักษณ์ ฯลฯ แสดงออกทางเครื่องพิมพใ์ นรปู แบบการพิมพอ์ อกทางกระดาษหรือวตั ถุอืน่ ๆ ที่มีผวิ เรียบ
การแบง่ เคร่อื งพิมพ์ในปัจจุบนั สามารถแบง่ ได้ 3 ประเภท คอื

1.6.3.1 เครื่องพมิ พ์แบบจุด (Dot-Matrix Printer) คือ ระบบหัวเข็มกระแทกกับผ้าหมึก
ลงบนกระดาษ โดยหัวพิมพ์จะมีชุดเขม็ เรียงกนั เป็นชดุ เพอ่ื กระแทกผา้ หมกึ ให้หมกึ ตดิ ลงบนกระดาษทลี ะจุด
เรยี งกนั เป็นตัวอกั ษร ดงั นน้ั เวลาพิมพ์จะมีเสยี งกระแทกของหวั เขม็ เสียงดัง งานทไ่ี ด้มีคุณภาพปานกลาง
ความเร็วในการพมิ พ์ 1 – 8 หนา้ ตอ่ นาที

1.6.3.2 เครือ่ งพมิ พ์แบบฉดี หมกึ (Ink Jet Printer) คอื วธิ ีการฉดี พ่นหมกึ เข้าไป
เปน็ จดุ เล็กๆ บนกระดาษสามารถพิมพภ์ าพสี และภาพขาวดำได้ คุณภาพของงานพิมพ์สวยงามนยิ มใชใ้ นงาน
โรงพิมพ์ทัว่ ไป ความเร็วในการพิมพ์ 1-10 หนา้ ต่อนาที

1.6.3.3 เคร่ืองพิมพ์เลเซอร์ (Laser Printer) คือ เครอ่ื งพมิ พท์ ่ีพัฒนาจากเครอ่ื งพมิ พ์
แบบจุดและแบบฉีดพน่ หมึก สามารถพมิ พไ์ ดเ้ ร็วและความคมชัดของงานดมี ากกว่า แต่ราคาเครือ่ งสงู กวา่
เครื่องพมิ พช์ นดิ อืน่ และความเรว็ ในการพมิ พ์ 4 - 20 หน้าตอ่ นาที (ppm) และมีความละเอียดในการพมิ พ์
300 – 1200 dpi (dots per inches - จำนวนจดุ ท่พี มิ พ์ในหนงึ่ นิว้ )

1.6.4 พล็อตเตอร์ (Plotter) คือ เครอื่ งพิมพ์แบบท่ีใช้ปากกาในการเขียนข้อมูลลงบนกระดาษ ซ่ึง
เคร่ืองพิมพป์ ระเภทนีเ้ หมาะกับงานเขยี นแบบของวิศวกรและสถาปนิก และเครือ่ งพมิ พป์ ระเภทนมี้ ีราคา
แพงท่สี ดุ ในกลุ่มเคร่ืองพิมพป์ ระเภทต่างๆ

1.6.5 กระดานกราฟิก (Graphic Tablet) คอื อุปกรณก์ ารเขยี นหรือวาดภาพ โดยลกั ษณะของ
อปุ กรณ์ไดอ้ อกแบบมาให้เหมอื นกบั กระดานวาดภาพจะมีปากกาไวใ้ ห้ใชง้ าน และภาพที่วาดข้ึนบนกระดาน
กราฟกิ จะปรากฎบนหนา้ จอคอมพิวเตอร์ สำหรบั ผู้ท่ไี มส่ ะดวกใช้เมาส์ในการวาดรูปท่รี ายละเอยี ดมากๆ
1.7 คอมพวิ เตอร์กราฟกิ กับการประยกุ ตใ์ ช้ในงานดา้ นตา่ งๆ

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

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

22

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

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

แบบฝกึ หดั /เฉลย
ตอนท่ี 1 คำส่งั จงตอบคาถามต่อไปนใี้ หไ้ ดใ้ จความสมบูรณ์
1. คอมพิวเตอรก์ ราฟิกหมายถึงอะไร

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

ตอบ งานกราฟิกเปน็ การสอ่ื สารดว้ ยศลิ ปะระหวา่ งผู้สรา้ ง กบั ผูร้ บั (ผู้ดู ผเู้ ห็น) ดงั น้ันงานกราฟิก
จงึ มีคณุ คา่ และความสำคัญดังน้ี

8. เปน็ สือ่ กลางในการสือ่ ความหมายให้เกิดการเข้าใจตรงกนั สรา้ งระบบการเรียนรู้ สร้าง
แนวคิดใหม่ ๆ เชงิ สร้างสรรค์

9. สร้างความเรา้ ใจ น่าสนใจ ประทบั ใจ ความเช่ือถือได้ของผลงาน เพือ่ ให้เกิดการเรียนรู้
เกิดการศึกษากับกลมุ่ เป้าหมายได้

10. กอ่ ให้เกดิ ความคิดสร้างสรรค์รูปแบบใหม่ โดยการประยุกต์ความคดิ จากผลงานเดิม
11. ช่วยสรปุ ความคดิ จนิ ตนาการออกมาเป็นข้อมูลทส่ี ่ือสารได้ง่าย เกิดการเปล่ียนแปลง
พฤติกรรมท้งั ทางดา้ นการกระทำและความคิด
12. สร้างระบบการถา่ ยทอดทีม่ ีความเด่นชัด แปลความหมายได้รวดเรว็
13. สรา้ งความเจริญก้าวหน้าใหธ้ รุ กิจ สร้างอาชพี และรายได้ในสงั คม
14. สรา้ งค่านิยมทางความคดิ ทีง่ ดงาม ไดแ้ นวคิดทีด่ ี

23

3. กราฟกิ แบบ Bitmap และแบบ Vector แตกตา่ งกันอยา่ งไร

ตอบ ความแตกตา่ งระหว่างกราฟกิ แบบแรสเตอรก์ ับแบบเวคเตอร์

ภาพกราฟกิ แบบแรสเตอร์ ภาพกราฟกิ แบบเวคเตอร์

1. เปน็ ภาพกราฟกิ ทีเ่ กิดจากจุดส่ีเหลีย่ มเลก็ ๆ 1. ภาพถูกสรา้ งดว้ ยจดุ ของเส้นหลายๆ

หลากหลายสี ทเี่ รยี กวา่ พกิ เซล มาเรียงตอ่ กันจน จุด เป็นลกั ษณะของโครงร่าง

เปน็ ภาพ (Outline) และสีของภาพกเ็ กดิ จากสี

ของเส้นโครงรา่ งนนั้ ๆ กบั พืน้ ทผ่ี ิว

ภายใน

2. การขยายภาพให้มีขนาดใหญข่ น้ึ จะทำใหค้ วาม 2. เม่ือมีการแกไ้ ขภาพกจ็ ะเปน็ การ

ละเอยี ดของภาพลดลง และมองเห็นภาพเป็นจุด แกไ้ ขคณุ สมบัติของเส้นทำใหภ้ าพไม่

สเี่ หลยี่ มเลก็ ๆ มีความหยาบ สูญเสียความละเอยี ด ภาพจะยังคงมี

ความละเอยี ดชัดเจนเหมอื นเดมิ

3. การตกแต่งและแกไ้ ขภาพ สามารถทำไดง้ ่าย 3. เหมาะกบั งานออกแบบต่างๆ เชน่

และสวยงาม เชน่ การปรบั สผี ิวหน้า และผิวกาย งานสถาปัตย์ ออกแบบโลโก้ เปน็ ต้น

ใหข้ าวเนยี นขนึ้

4. การประมวลผลภาพสามารถทำไดร้ วดเรว็ 4. การประมวลผลภาพจะใชเ้ วลานาน

เนอ่ื งจากใชค้ ำสั่งในการทำงานมาก

4. คอมพิวเตอรท์ ี่ใช้งานดา้ นกราฟกิ ท่ัวไปเปน็ โหมด (Mode) สี มกี ่ีแบบ อะไรบา้ ง
ตอบ คอมพิวเตอรท์ ใี่ ชง้ านด้านกราฟกิ ทั่วไปเปน็ โหมด (Mode) สี 4 แบบ คอื

1 โหมดสีแบบ RGB Color
2 โหมดสีแบบ CMYK Color
3 โหมดสีแบบ HSB Color
4 โหมดสีแบบ LAB Color
5. อุปกรณ์เสริมทีจ่ ำเป็นนำมาใช้ในงานกราฟกิ มอี ะไรบา้ ง
ตอบ อปุ กรณท์ เ่ี กย่ี วข้องกบั งานกราฟิก ดังน้ี
1. กล้องดิจติ อล เปน็ อปุ กรณ์เสริมท่ีใช้สรา้ งภาพนงิ่ หรอื ภาพวดิ ีโอ
2. เครือ่ งกราดภาพ (Scanner) เป็นอปุ กรณ์ท่ีใช้ตอ่ พว่ งกับเครอื่ งคอมพิวเตอร์ เพือ่ นำภาพหรือ
ขอ้ ความเขา้ ไปในหน่วยความจำหรอื ส่ือบนั ทกึ ขอ้ มลู ของเคร่ืองคอมพิวเตอร์
3. เครือ่ งพมิ พ์ (Printer) อปุ กรณ์ท่ีแสดงผลขอ้ มูลตา่ งๆ เชน่ ขอ้ ความ ตวั เลข ภาพ สญั ลกั ษณ์ ออก
ทางกระดาษ
4. พลอ็ ตเตอร์ (Plotter) เครอื่ งพิมพ์แบบทีใ่ ช้ปากกาในการเขยี นขอ้ มลู ลงบนกระดาษ
5. กระดานกราฟิก (Graphic Tablet) อปุ กรณ์ท่ีใช้ในการเขียนหรือวาดภาพ ซ่งึ ลกั ษณะของ
อุปกรณไ์ ด้ออกแบบมาให้เหมอื นกับกระดานวาดภาพ

24

ตอนที่ 2 จงเลอื กคําตอบทีถ่ กู ตอ้ งท่ีสดุ เพียงขอ้ เดยี ว

คำสง่ั จงทำเครือ่ งหมายกากบาท () หน้าข้อที่ถกู ตอ้ งมากท่ีสุดเพยี งขอ้ เดยี ว

1. คอมพิวเตอรก์ ราฟิกหมายถงึ ขอ้ ใด

ก. การสรา้ ง การตกแตง่ แกไ้ ขภาพโดยใชค้ อมพิวเตอร์

ข. สื่อดว้ ยเสน้ สญั ลกั ษณ์ รูปวาด

ค. การวาด การเขยี น

ง. การเขียน

2. ขอ้ ใดไม่ใช่คณุ คา่ และความสาคญั ในงานกราฟิก

ก. สรา้ งองคค์ วามรูใ้ หม่

ข. สรา้ งความเจรญิ กา้ วหนา้ ใหธ้ ุรกิจ

ค. นกั เรยี นเพมิ่ ทกั ษะในการเลน่ เกมส์

ง. ระบบถา่ ยทอดท่ีมีความเดน่ ชดั และใหค้ วามหมายไดร้ วดเร็ว

3. ขอ้ ใดกลา่ วถกู ตอ้ งเก่ยี วกบั หลกั การทางานของกราฟิกแบบ Bitmap

ก. ภาพทเ่ี กดิ จากจดุ สีเ่ หลี่ยมขนาดเล็กหลาย ๆ จดุ มาเรยี งตอ่ กนั จนเป็นภาพ

ข. ภาพทีเ่ กิดจากจดุ สีเ่ หลย่ี มขนาดเล็กหลาย ๆ จดุ มาเรียงต่อกนั เหมาะกบั การสรา้ งโลโก้

ค. ภาพเกดิ จากการอา้ งองิ ความสมั พนั ธท์ างคณติ ศาสตร์ สถาปัตยกรรมต่าง ๆ

ง. ภาพเม่ือมีการขยายภาพใหม้ ีขนาดใหญ่ขนึ้ ภาพจะมีความละเอยี ดเหมอื นเดิม

4. ขอ้ ใดกลา่ วถกู ตอ้ งเก่ยี วกบั หลกั การทางานของกราฟิกแบบ Vector

ก. ภาพทเ่ี กดิ จากจดุ สี่เหล่ียมเลก็ ๆ หลายจดุ มาเรียงตอ่ กนั จนเป็นภาพ

ข. ภาพท่เี กิดจากจดุ สีเ่ หลย่ี มเล็ก ๆ หลาย ๆ จดุ มาเรียงตอ่ กนั เหมาะกบั การสรา้ งโลโก้

ค. ภาพเกดิ จากการอา้ งอิงความสมั พนั ธท์ างคณติ ศาสตร์ หรอื การคานวณ

ง. ภาพเมอื่ มกี ารขยายภาพใหม้ ขี นาดใหญ่ขนึ้ ภาพจะมีความละเอยี ดเหมือนเดมิ

5. ความแตกตา่ งระหวา่ งไฟลภ์ าพกราฟิกแบบ Bitmap และแบบ Vector ขอ้ ใดกล่าวถกู ตอ้ ง

ก. แบบ Bitmap เกดิ จากจดุ ส่ีเหลีย่ มเรยี กวา่ Pixel แบบ Vector สรา้ งดว้ ยจดุ ของเสน้ หลาย ๆ จดุ

ข. แบบ Bitmap เมื่อขยายภาพความละเอียดของภาพลดลงแบบ Vector ความละเอียด

เหมือนเดิม

ค. แบบ Bitmap และแบบ Vector การประมวลภาพทาไดร้ วดเรว็ เหมอื นกนั

ง. ถกู ทงั้ ขอ้ ก และขอ้ ข

6. แฟม้ ภาพนามสกุลขอ้ ใดทเ่ี หมาะสมกบั งานเว็บเพจ

ก. PSD ข. JPG

ค. GIF ง. ถกู ทงั้ ข และ ค

25

7. โหมดสีกราฟิกขอ้ ใดทีเ่ หมาะกบั งานพมิ พต์ า่ ง ๆ

ก. โหมด RGB ข. โหมด CMYK

ค. โหมด HSB ง. โหมด LAB

8. ระบบคอมพิวเตอรส์ าหรบั งานกราฟิกท่วั ไปคือขอ้ ใด

ก. หน่วยประมวลผลกลางตา่ หนว่ ยความจามีความจมุ าก

ข. หนว่ ยประมวลผลกลางสงู หน่วยความจาต่า

ค. จอภาพมคี วามคมชดั หนว่ ยความจามคี วามจมุ าก หน่วยประมวลผลกลางรวดเรว็

ง. จอภาพมีความคมชดั หนว่ ยความจามคี วามจตุ า่ หน่วยประมวลผลกลางรวดเรว็

9. ขอ้ ใดไมใ่ ช่อปุ กรณท์ ่จี าเป็นในการนามาใชใ้ นงานกราฟิกสาหรบั คอมพวิ เตอร์

ก. กลอ้ งดิจติ อล ข. เคร่อื งพมิ พ์

ค. กระดานกราฟิก ง. สมดุ บนั ทกึ แผ่นดิสก์

10. ขอ้ ใดคือการนาคอมพิวเตอรก์ ราฟิกมาประยกุ ตใ์ ชง้ านดา้ นต่าง ๆ

ก. กราฟิกดา้ นการออกแบบ

ข. การขายสนิ คา้ และบริการ

ค. กราฟิกกบั งานดา้ นการนาเสนอขอ้ มลู ทางธุรกจิ

ง. ถกู ทงั้ ขอ้ ก และ ค

เอกสารอา้ งอิง

สิทธิชยั ประสานวงศ.์ (2556). แบบเรียนวชิ าโปรแกรมกราฟิก Adobe Photoshop CS6 สรา้ ง

และตกแตง่ งานคอมพิวเตอรก์ ราฟกิ ด้วยโปรแกรมกราฟกิ . กรุงเทพฯ : ซอฟท์เพรส.

ภาคผนวก (ถา้ มี)

26

ใบงานที่ 1 หน่วยที่ 1

รหัสวชิ า 20204-2007 ชือ่ วิชา โปรแกรมกราฟิก ภาคเรียนท่ี 1

ชอ่ื หนว่ ย ความรูเ้ บือ้ งตน้ เก่ยี วกบั คอมพวิ เตอรก์ ราฟิก เวลารวม 4 ชั่วโมง

ชือ่ งาน ความรูเ้ บือ้ งตน้ เก่ยี วกบั คอมพวิ เตอรก์ ราฟิก จำนวน 4 ชัว่ โมง

จดุ ประสงค์การเรยี นรู้

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

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

สมรรถนะรายหน่วย
แสดงความรู้เก่ยี วกบั หลกั การพ้นื ฐานอคอมพิวเตอร์กราฟกิ

เคร่ืองมอื วสั ดุ – อปุ กรณ์
1. เคร่อื งคอมพวิ เตอร์ PC หรือ Notebook
2. โปรเจค็ เตอร์
3. หนงั สอื

ลำดับขั้นตอนการปฏบิ ัติงาน
1. ใหน้ กั ศึกษาแบ่งกลุ่มตามความเหมาะสม เพือ่ ศึกษาและอภปิ ราย
1.1 อธบิ ายความรูเ้ บือ้ งตน้ เก่ยี วกบั คอมพวิ เตอรก์ ราฟิก
1.2 เขียนรปู พรอ้ มอธิบายความรูเ้ บือ้ งตน้ เก่ยี วกบั คอมพิวเตอรก์ ราฟิก
2. เขยี นอภิปรายและวิเคราะหใ์ ส่กระดาษ
3. นำผลงานส่งครูผู้สอนเพ่ือประเมนิ ผล

27

ภาพประกอบ

ข้อควรระวัง
ผ้เู รยี นควรตรวจสอบขอ้ มูลกอ่ นใหถ้ ่ถี ว้ น ละเอยี ด และรอบคอบกอ่ น เพอ่ื ป้องกันความผดิ พลาดกอ่ น

การส่งงาน
ขอ้ เสนอแนะ (ถ้าม)ี

นกั ศกึ ษาควรมภี าพประกอบการนำเสนองาน และสามารถอธิบายเน้ือหาให้สอดคล้องกบั ภาพให้ถูกต้อง
การประเมนิ ผล (ต้องระบเุ กณฑก์ ารประเมนิ ใหช้ ัดเจน)

1. สงั เกตผเู้ รียนมคี วามสนใจ เกิดความเข้าใจในสาระการเรยี นรู้ ตลอดจนแสดงความกระตือรอื ร้น
ในการแสดงความคิดเห็นและสรปุ สาระการเรยี นรปู้ ระจำหน่วย
2. ทำใบงานไดอ้ ย่างถกู ต้อง ทันเวลาทกี่ ำหนด ใบงานสะอาดและเป็นระเบยี บ
3. ผเู้ รยี นทำแบบฝึกหดั หลังเรียนไดถ้ ูกตอ้ ง โดยไดค้ ะแนน 50% เป็นอย่างตำ่
เอกสารอา้ งองิ
สิทธิชยั ประสานวงศ.์ (2556). แบบเรียนวิชาโปรแกรมกราฟิก Adobe Photoshop CS6 สร้าง
และตกแตง่ งานคอมพิวเตอรก์ ราฟกิ ด้วยโปรแกรมกราฟิก. กรุงเทพฯ : ซอฟทเ์ พรส.

28

ใบกิจกรรมที่ 1 หนว่ ยที่ 1

รหสั วิชา 20204-2007 ช่ือวชิ า โปรแกรมกราฟกิ ภาคเรยี นท่ี 1

ชื่อหน่วย ความรูเ้ บือ้ งตน้ เก่ยี วกบั คอมพวิ เตอรก์ ราฟิก เวลารวม 4 ช่ัวโมง

ช่ืองาน ความรูเ้ บือ้ งตน้ เก่ยี วกบั คอมพวิ เตอรก์ ราฟิก จำนวน 4 ช่ัวโมง

จุดประสงค์การเรียนรู้

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

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

สมรรถนะรายหนว่ ย
แสดงความรู้เกยี่ วกบั หลักการพืน้ ฐานอคอมพิวเตอร์กราฟกิ

เคร่ืองมือ วัสดุ – อุปกรณ์
1. เครื่องคอมพวิ เตอร์ PC หรอื Notebook
2. โปรเจค็ เตอร์
3. หนงั สอื

ลำดบั กจิ กรรม
1. ผู้เรียนต้องให้ความสนใจในการศึกษา เพื่อหาเทคนิค วิธีการ หรือหลักการงา่ ยเพ่ือใหห้ าคำตอบ

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

2. ผ้มู ีการทบทวนบทเรยี น ตลอดเพ่อื เสริมสร้างความเขา้ ใจอย่างแท้จรงิ
3. ผูเ้ รียนหมั่นทำใบงาน แบบฝึกหัด และแกไ้ ขขอ้ ทีผ่ ดิ ใหถ้ กู ต้องเสมอ

29

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

5. ผู้เรียนต้องดำเนินการตามกิจกรรมหรืองานที่ได้รับมอบหมาย ให้เสร็จสิ้นภายในระยะเวลาที่
กำหนด และฝกึ ฝนตนเองเสมอ เมือ่ ไดร้ ับมอบหมายงานมา
การประเมนิ ผล (ต้องระบุเกณฑก์ ารประเมินใหช้ ัดเจน)

1. สงั เกตผเู้ รียนมคี วามสนใจ เกดิ ความเข้าใจในสาระการเรยี นรู้ ตลอดจนแสดงความกระตอื รอื รน้ ใน
การแสดงความคิดเหน็ และสรปุ สาระการเรยี นรปู้ ระจำหน่วย
2. ทำใบงานได้อยา่ งถกู ต้อง ทนั เวลาท่กี ำหนด ใบงานสะอาดและเปน็ ระเบียบ
3. ผู้เรยี นทำแบบฝกึ หดั หลงั เรยี นไดถ้ ูกตอ้ ง โดยได้คะแนน 50% เปน็ อยา่ งต่ำ
เอกสารอา้ งอิง
สิทธิชยั ประสานวงศ.์ (2556). แบบเรยี นวิชาโปรแกรมกราฟกิ Adobe Photoshop CS6 สร้าง
และตกแตง่ งานคอมพวิ เตอรก์ ราฟกิ ด้วยโปรแกรมกราฟิก. กรงุ เทพฯ : ซอฟทเ์ พรส.

30

ใบปฏบิ ัตงิ านที่ 1 หน่วยที่ 1

รหัสวชิ า 20204-2007 ชื่อวิชา โปรแกรมกราฟิก ภาคเรยี นท่ี 1

ช่ือหน่วย ความรูเ้ บือ้ งตน้ เก่ยี วกบั คอมพวิ เตอรก์ ราฟิก เวลารวม 4 ชั่วโมง

ชอ่ื งาน ความรูเ้ บือ้ งตน้ เก่ยี วกบั คอมพวิ เตอรก์ ราฟิก จำนวน 4 ช่วั โมง

จดุ ประสงค์การเรียนรู้

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

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

สมรรถนะรายหน่วย
แสดงความรูเ้ กย่ี วกับหลักการพื้นฐานอคอมพวิ เตอรก์ ราฟิก

เครอื่ งมือ วสั ดุ – อปุ กรณ์
1. เครื่องคอมพวิ เตอร์ PC หรอื Notebook
2. โปรเจ็คเตอร์
3. หนงั สือ

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

ภาพประกอบ

31

ข้อควรระวัง
ผ้เู รียนควรตรวจสอบข้อมูลก่อนใหถ้ ี่ถว้ น ละเอียด และรอบคอบก่อน เพอ่ื ปอ้ งกันความผดิ พลาดก่อน

การส่งงาน
ข้อเสนอแนะ

นักศึกษาควรมภี าพประกอบการนำเสนองาน และสามารถอธิบายเนือ้ หาใหส้ อดคลอ้ งกบั ภาพให้
ถูกต้อง
การประเมนิ ผล

1. สังเกตผู้เรียนมีความสนใจ เกดิ ความเขา้ ใจในสาระการเรยี นรู้ ตลอดจนแสดงความกระตือรอื ร้นใน
การแสดงความคิดเหน็ และสรปุ สาระการเรียนรปู้ ระจำหนว่ ย
2. ทำใบงานได้อย่างถูกต้อง ทันเวลาท่ีกำหนด ใบงานสะอาดและเป็นระเบียบ
3. ผู้เรียนทำแบบฝกึ หดั หลงั เรยี นไดถ้ ูกต้อง โดยได้คะแนน 50% เป็นอย่างตำ่
เอกสารอา้ งองิ
สทิ ธชิ ยั ประสานวงศ์. (2556). แบบเรียนวิชาโปรแกรมกราฟิก Adobe Photoshop CS6 สรา้ ง
และตกแต่งงานคอมพวิ เตอร์กราฟกิ ดว้ ยโปรแกรมกราฟกิ . กรุงเทพฯ : ซอฟท์เพรส.

32

ใบมอมหมายงานท่ี 1 หน่วยท่ี 1

รหสั วิชา 20204-2007 ชอื่ วชิ า โปรแกรมกราฟิก ภาคเรียนท่ี 1

ชอื่ หน่วย ความรูเ้ บือ้ งตน้ เก่ยี วกบั คอมพวิ เตอรก์ ราฟิก เวลารวม 4 ชั่วโมง

ชือ่ งาน ความรูเ้ บือ้ งตน้ เก่ยี วกบั คอมพวิ เตอรก์ ราฟิก จำนวน 4 ช่ัวโมง

จดุ ประสงค์การเรียนรู้

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

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

สมรรถนะรายหนว่ ย
แสดงความรเู้ กี่ยวกับหลกั การพน้ื ฐานอคอมพวิ เตอร์กราฟกิ

เครือ่ งมอื วสั ดุ – อุปกรณ์
1. เครื่องคอมพิวเตอร์ PC หรือ Notebook
2. โปรเจ็คเตอร์
3. หนงั สือ

แนวทางการปฏิบตั งิ าน
1. ให้ผู้เรียนปฏบิ ัติงานตามใบงาน ใบกิจกรรม ใบปฏิบตั งิ าน อยา่ งเคร่งครดั ตามหัวขอ้ ท่ีไดร้ บั
มอบหมาย ให้เสรจ็ สิ้นตามระยะเวลาทกี่ ำหนด พร้อมท้งั การจดั ทำรายงาน และนำเสนองานอย่าง
ถูกต้อง ครบถ้วน เป็นระเบียบเรยี บรอ้ ย

33

2. ใหผ้ ูเ้ รยี นแบง่ หน้าท่ีกับเพื่อนในกล่มุ ใหช้ ัดเจน และสามารถเขา้ ใจเน้อื หาตามหัวขอ้ ดังกลา่ ว ได้
อย่างถูกต้อง ครบถ้วน
ภาพประกอบ
ข้อควรระวัง
ผู้เรยี นควรตรวจสอบข้อมูลก่อนใหถ้ ีถ่ ว้ น ละเอยี ด และรอบคอบกอ่ น เพือ่ ปอ้ งกนั ความผิดพลาดก่อน
การสง่ งาน
ขอ้ เสนอแนะ
นักศึกษาควรมีภาพประกอบการนำเสนองาน และสามารถอธิบายเนอ้ื หาให้สอดคลอ้ งกับภาพให้
ถกู ตอ้ ง
การประเมินผล
1. สังเกตผ้เู รียนมคี วามสนใจ เกิดความเข้าใจในสาระการเรยี นรู้ ตลอดจนแสดงความกระตอื รือรน้ ใน
การแสดงความคิดเห็นและสรุปสาระการเรียนรู้ประจำหนว่ ย
2. ทำใบงานได้อย่างถกู ต้อง ทันเวลาท่กี ำหนด ใบงานสะอาดและเปน็ ระเบียบ
3. ผเู้ รยี นทำแบบฝกึ หัดหลังเรียนไดถ้ ูกต้อง โดยไดค้ ะแนน 50% เป็นอย่างตำ่
เอกสารอ้างอิง
สทิ ธิชัย ประสานวงศ.์ (2556). แบบเรยี นวิชาโปรแกรมกราฟกิ Adobe Photoshop CS6 สรา้ ง
และตกแต่งงานคอมพิวเตอร์กราฟกิ ดว้ ยโปรแกรมกราฟิก. กรุงเทพฯ : ซอฟทเ์ พรส.

34

แผนการจดั การเรยี นรู้
หนว่ ยท.ี่ .............. 2...................................... จำนวน........8..........ชั่วโมง สัปดาห์ที่.....2-3.......
ช่ือวิชา โปรแกรมกราฟิก
ชอ่ื หนว่ ย ความร้เู บื้องตน้ เกยี่ วกบั โปรแกรมสรา้ งภาพกราฟิกแบบ Raster
ชอื่ เรอ่ื ง ความรู้เบอ้ื งตน้ เกีย่ วกับโปรแกรมสร้างภาพกราฟกิ แบบ Raster

1. สาระสำคญั
โปรแกรม Adobe Photoshop CS5 มกี ารปรบั ปรุงรูปแบบใหม่ คาส่งั ท่ใี ชง้ านเป็นประจานน้ั จะสรา้ ง

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

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

3.1 จุดประสงคท์ วั่ ไป
1.เพอ่ื ใหม้ ีความรู้ความเข้าใจเก่ียวกับความรเู้ บ้อื งต้นเก่ียวกบั โปรแกรม Adobe Photoshop ได้
2.เพอ่ื ใหม้ คี วามรคู้ วามเขา้ ใจเกย่ี วกับการกำหนดค่า Option Bar ได้
3.เพ่อื ใหม้ คี วามรคู้ วามเข้าใจเก่ียวกบั รปู แบบการทำงาน Menu Bar ได้
4.เพื่อให้มคี วามรคู้ วามเขา้ ใจเก่ียวกบั ขั้นตอนการเรียกใช้พาเลตได้
5.เพื่อใหม้ ีความรู้ความเขา้ ใจเกยี่ วกบั การเรยี กใชก้ ลอ่ งเครอ่ื งมือได้
6.เพ่ือใหม้ คี วามรู้ความเขา้ ใจเกีย่ วกบั สรา้ งไฟล์ภาพใหม่และบนั ทึกไฟลภ์ าพได้

3.2 จุดประสงค์เชงิ พฤติกรรม (ความรู้ ทักษะ คุณธรรม จริยธรรม จรรยาบรรณวชิ าชีพ)
1.อธิบายความรู้เบอื้ งตน้ เก่ยี วกับโปรแกรม Adobe Photoshop ได้
2.กำหนดค่า Option Bar ได้
3.อธิบายรูปแบบการทำงาน Menu Bar ได้
4.อธิบายข้ันตอนการเรยี กใชพ้ าเลตได้
5.เรยี กใช้กล่องเครื่องมือได้
6.สรา้ งไฟล์ภาพใหมแ่ ละบันทกึ ไฟล์ภาพได้
7.มคี วามตรงต่อเวลาและมีคณุ ธรรม

35

4. สาระการเรยี นรู้
การเปิดไฟล์ภาพหรือการสร้างไฟล์ภาพใหม่ในโปรแกรม Adobe Photoshop โปรแกรมสามารถแก้ไข

ปรับแต่งภาพด้วยเครือ่ งมือของโปรแกรม เครื่องมือทุกตัวมีตัวช่วยสนบั สนุนการทำงาน การกำหนดรูปแบบ
ออปชันบาร์ให้เหมาะสมกับการใช้งาน และบันทึกค่า Option Bar ดังกล่าวไว้ใช้ในภายหลังได้ การ
เรียกใช้งานง่ายเมื่อแก้ไขภาพแล้วต้องการบันทึกไฟล์สามารถบันทึกได้ตามที่ผู้ใช้กำหนด เลือกรูปแบบตาม
ความเหมาะสมกับไฟล์ภาพให้ตรงวตั ถุประสงค์การนำภาพไปใช้งานด้านตา่ งๆ และเพื่อความสะดวกในการนำ
ภาพกลบั มาแก้ไขได้ใหม่อีกครง้ั เชน่ การเคลื่อนยา้ ยไฟลภ์ าพไปใชง้ านยงั คอมพิวเตอรอ์ ืน่ ๆ เครอ่ื งมือสามารถจัด
วางตำแหน่งตามผใู้ ช้กำหนด
5. กิจกรรมการเรยี นรู้ (สัปดาหท์ .่ี .....2-3.........)

กระบวนการจัดการเรียนรู้ ขนั้ ตอนการเรียนรู้ หรือกจิ กรรมผูเ้ รยี น
ข้ันตอนการจดั การเรียนรู้ หรอื กิจกรรมครู

5.1 ขั้นนำเข้าสู่บทเรยี น

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

ห้องปฏบิ ัตกิ าร การรักษาความสะอาดภายในห้อง 2. นกั เรยี นยกมือเพือ่ แสดงความคิดเหน็ และ
2. ครสู อบถามนักเรยี นในชนั้ เรียนเรื่องความรู้ สอบถามเม่อื ไมเ่ ข้าใจ

เบื้องต้นเกี่ยวกับโปรแกรมสร้างภาพกราฟิกแบบ

Raster

5.2 ขนั้ สอน 3. นกั เรียนฟังครูอธบิ ายและจดบนั ทึกเนอ้ื หา
3. ครอู ธิบายความรูเ้ บอ้ื งต้นเกี่ยวกบั หลักที่สำคญั

โปรแกรมสรา้ งภาพกราฟิกแบบ Raster 4. นักเรยี นช่วยกันอธบิ ายและซกั ถามขอ้ สงสยั

4. ครใู ห้นักเรียนอธบิ ายความรเู้ บ้อื งต้น เพอ่ื ความเข้าใจ

เก่ยี วกับโปรแกรมสร้างภาพกราฟกิ แบบ Raster 5. นักเรยี นฟังครสู รปุ แลว้ จดบนั ทึกสว่ นทสี่ ำคัญ

5. ครผู ู้สอนทำการสรุปเน้ือหาท่ีกล่าวมา โดย เพิ่มเติม
ใชส้ ื่อเครือ่ ง คอมพวิ เตอร์ โปรแกรม Microsoft 6. นกั เรียนฟงั ครอู ธบิ ายและจด บนั ทึกเนื้อหา
Excel หลกั ที่สำคญั

7. นักเรยี นชว่ ยกนั อธบิ ายเนือ้ หา และทดลองการ

เขา้ สู่โปรแกรม บนเครอ่ื งคอมพวิ เตอร์ เพอื่ ใหเ้ หน็

ภาพท่เี ป็นความจริง

36

5.3 ขั้นสรปุ 9. นักเรยี นนำใบงานไปฝกึ ปฏิบตั ิบนเครื่อง
6. ครูแจกใบงานให้กับนกั เรียน คอมพวิ เตอรใ์ นห้องปฏบิ ัติการ
เพ่ือทำการฝกึ ปฏบิ ัติบน เครอื่ งคอมพวิ เตอรเ์ พือ่ 10. นกั เรียนทำแบบฝกึ หดั จาก แบบประเมนิ
ทา้ ยบทของ หนังสอื เรยี นและสง่ ครตู ามเวลาที่
ฝกึ ทักษะ กำหนด
7. ครใู หน้ ักเรยี นทำแบบประเมินท้ายบทประจำ 11. นักเรยี นนำผลการประเมนิ มารว่ มเฉลยพรอ้ มกัน
กบั ครูผู้สอน
หน่วย และส่งแบบฝึกหัดตามเวลาที่กำหนด
8. ครปู ระเมินผลการเรียนของนกั เรยี น และนำ

ผลการประเมินคืนใหก้ ับนักเรยี นพร้อมเฉลยรว่ มกับ
นักเรยี น

6. สอ่ื และแหล่งการเรยี นรู้
6.1 หนังสือเรียน
6.2 ใบความรู้
6.3 แบบฝึกหดั
6.4 แบบฝกึ ปฏิบตั ิ
6.5 แบบทดสอบหลังเรยี น
6.7 คอมพิวเตอร์
6.8 เคร่ืองฉายโปรเจ็คเตอร์

7. หลักฐานการเรียนรู้
7.1 หลกั ฐานความรู้
ใบงาน แบบฝึกหดั การคน้ คว้าข้อมลู ท่ไี ด้รบั การเรียบเรียง สวยงาม เป็นระเบยี บ ถกู ตอ้ ง

7.2 หลกั ฐานการปฏิบตั งิ าน
ใบงาน แบบฝึกหัด รูปเลม่ รายงานการคน้ ควา้ ข้อมูล ทไ่ี ดร้ บั การเรียบเรยี ง สวยงาม เป็นระเบยี บ ถูกตอ้ ง

พร้อมทั้งเอกสารประกอบการนำเสนองานหนา้ ชัน้ เรียนของผเู้ รยี น และภาพประกอบ
8. การวดั และประเมนิ ผลการเรยี นรู้

8.1 เครือ่ งมอื ประเมนิ
1. ใบงาน
2. แบบฝกึ หัด
3. แบบประเมินผลงาน
4. แบบประเมนิ การนำเสนอผลงาน

37

8.2 เกณฑ์การประเมิน วิธวี ดั และประเมิน เกณฑ์การประเมนิ
เคร่อื งมือการประเมนิ ได้คะแนน
ตรวจแบบฝึกหัด ร้อยละ 75 ขึ้นไป
แบบฝึกหัด ขอ้ ละ 1 คะแนน
ถูก 1 คะแนน ไดค้ ะแนน
แบบฝกึ ปฏิบัติ ไมถ่ ูก 0 คะแนน รอ้ ยละ 75 ขึน้ ไป
ตรวจแบบฝกึ ปฏิบัติ
แบบทดสอบหลงั เรียน ขอ้ ละ 1 คะแนน ได้คะแนน
ถูก 1 คะแนน ร้อยละ 75 ข้ึนไป
แบบสงั เกตพฤตกิ รรมดา้ นคุณธรรม ไมถ่ กู 0 คะแนน
จริยธรรม ค่านยิ ม และคุณลกั ษณะอนั พึง ตรวจแบบทดสอบหลงั เรยี น ไดค้ ะแนน
ประสงค์ ข้อละ 1 คะแนน รอ้ ยละ 80 ขน้ึ ไป
ถกู 1 คะแนน
ไมถ่ ูก 0 คะแนน
สังเกตพฤตกิ รรม
ดี 2 คะแนน
พอใช้ 1 คะแนน
ปรับปรงุ 0 คะแนน

9. กจิ กรรมเสนอแนะ/งานทมี่ อบหมาย (ถา้ มี)
1. ผเู้ รยี นตอ้ งใหค้ วามสนใจในการศึกษา เพือ่ หาเทคนคิ วิธีการ หรอื หลักการงา่ ยเพ่อื ใหห้ าคำตอบได้อย่าง

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

2. ผู้มีการทบทวนบทเรียน ตลอดเพ่ือเสรมิ สร้างความเขา้ ใจอย่างแท้จริง
3. ผเู้ รยี นหมั่นทำใบงาน แบบฝึกหัด และแกไ้ ขขอ้ ทผ่ี ิดให้ถกู ต้องเสมอ
4. ผู้เรียนต้องสร้างมโนภาพให้เกิดความคิดรวบยอดในสาระการเรียนรู้และเทคนิควิธีการพร้อมกับความ
จำเปน็ ในการนำไปประยกุ ต์ใช้ให้เกิดขึ้นโดยตนเองให้ได้เพอ่ื เกิดความรู้ความเขา้ ใจอยา่ งแท้จริงไม่ใช่เกิดจากการ
ทอ่ งจำ
10. เอกสารอา้ งอิง
สิทธิชยั ประสานวงศ์. (2556). แบบเรยี นวชิ าโปรแกรมกราฟิก Adobe Photoshop CS6 สรา้ ง
และตกแต่งงานคอมพวิ เตอร์กราฟกิ ด้วยโปรแกรมกราฟิก. กรุงเทพฯ : ซอฟท์เพรส.

38

ใบความรู้ท่ี 2 หน่วยท่ี 2

รหัสวชิ า 20204-2007 ช่อื วิชา โปรแกรมกราฟิก ภาคเรยี นท่ี 1

ชอ่ื หนว่ ย ความรเู้ บอื้ งต้นเกีย่ วกับโปรแกรมสรา้ ง เวลารวม 8 ช่ัวโมง
ภาพกราฟกิ แบบ Raster

ช่อื เรอ่ื ง ความรู้เบ้อื งต้นเกยี่ วกับโปรแกรมสรา้ งภาพกราฟกิ แบบ Raster เวลา 4 ช่ัวโมง

จดุ ประสงค์การเรยี นรู้

จดุ ประสงคท์ ั่วไป
1.เพื่อให้มีความรู้ความเข้าใจเก่ียวกับความรู้เบื้องต้นเกี่ยวกับโปรแกรม Adobe Photoshop
ได้
2.เพอื่ ให้มีความรคู้ วามเขา้ ใจเกี่ยวกับการกำหนดคา่ Option Bar ได้
3.เพ่ือให้มีความรูค้ วามเข้าใจเกย่ี วกับรูปแบบการทำงาน Menu Bar ได้
4.เพอ่ื ให้มีความรูค้ วามเขา้ ใจเก่ยี วกับขัน้ ตอนการเรียกใชพ้ าเลตได้
5.เพือ่ ใหม้ คี วามรคู้ วามเข้าใจเก่ยี วกับการเรียกใชก้ ลอ่ งเครอ่ื งมือได้
6.เพอ่ื ใหม้ คี วามรู้ความเข้าใจเกี่ยวกับสรา้ งไฟล์ภาพใหมแ่ ละบนั ทึกไฟลภ์ าพได้

จุดประสงคเ์ ชิงพฤตกิ รรม (ความรู้ ทกั ษะ คณุ ธรรม จรยิ ธรรม จรรยาบรรณวชิ าชพี )
1.อธิบายความรูเ้ บือ้ งต้นเกยี่ วกับโปรแกรม Adobe Photoshop ได้
2.กำหนดค่า Option Bar ได้
3.อธบิ ายรปู แบบการทำงาน Menu Bar ได้
4.อธิบายขนั้ ตอนการเรียกใชพ้ าเลตได้
5.เรยี กใช้กลอ่ งเคร่ืองมือได้
6.สร้างไฟล์ภาพใหมแ่ ละบันทกึ ไฟล์ภาพได้
7.มคี วามตรงตอ่ เวลาและมคี ณุ ธรรม

สมรรถนะรายหน่วย
แสดงความรเู้ บอื้ งตน้ เกีย่ วกบั โปรแกรมกราฟกิ

39

หน่วยที่ 2 ความร้เู บือ้ งตน้ เกยี่ วกับโปรแกรมสรา้ งภาพกราฟิกแบบ Raster

2.1 ความรูเ้ บ้อื งต้นเกี่ยวกบั โปรแกรม Adobe Photoshop

โปรแกรม Adobe Photoshop คอื โปรแกรมเพือ่ สรา้ งแกไ้ ขภาพ สามารถสรา้ งชิน้ งานได้

หลากหลาย เชน่ การสรา้ งภาพเพ่ือใช้ในงานเว็บเพจ การปรับแตง่ แก้ไขภาพเพอื่ ใหไ้ ดร้ ปู แบบใหม่ การยา้ ย

ภาพตามต้องการและสร้างสรรค์ตามจนิ ตนาการ

2.1.1 การเรียกใชโ้ ปรแกรม Adobe Photoshop การเรียกใช้งาน มวี ิธกี ารหลายวิธเี ช่น

ขั้นตอนการเรยี กใชจ้ ากหนา้ ตา่ งโปรแกรมท่ีปมุ่ ข้นั ตอนดังนี้

1. คลิกเลอื กป่มุ หรอื ปุ่ม Start

2. เลอื ก โปรแกรมทัง้ หมด (All Program)

3. คลิกเลอื ก โปรแกรม

4. เขา้ สู่หนา้ จอโปรแกรม Adobe Photoshop

2.1.2 ส่วนประกอบของโปรแกรม Adobe Photoshop

หน้าต่างการทำงานของโปรแกรม โดยแบง่ หมวดหมู่ของกล่องเคร่อื งมอื ต่างๆ

การแบ่งพ้นื ทก่ี ารทำงาน Workspace รปู แบบเคร่อื งมอื การทำงานทห่ี ลากหลาย ซงึ่ ประกอบเป็น

หนา้ ตา่ งโปรแกรม Adobe Photoshop

2.2 Menu Bar

ชดุ เมนูคำสัง่ ทีใ่ ช้จดั การไฟล์ภาพทเี่ ปิดใชง้ านการปรับแตง่ แกไ้ ขภาพในโปรแกรม Adobe

Photoshop โดยแบง่ กลุ่มเมนคู ำสง่ั การทำงาน

2.3 Option Bar

Option Bar คือ แผงควบคมุ เครอ่ื งมอื ซึ่งจะมีรปู แบบแตกต่างกันไปตามเคร่ืองมอื ท่ีเลอื กใช้

งานขณะน้นั โดยการทำงานส่วนใหญ่จะมกี ารปรบั แต่งให้เหมาะสมกับการทำงานในแตล่ ะเครอ่ื งมือนัน้ ๆ

เช่น การใชเ้ ครือ่ งมอื Brush Tool

การบันทกึ คา่ การปรบั แต่งของเคร่อื งมอื สามารถบนั ทึกลักษณะของเครือ่ งมือท่ใี ช้เป็นประจำ เชน่

ความฟุ้งของเส้นขอบเครอื่ งมือ Brush Tool ไวใ้ ช้ในภายหลงั ขั้นตอนดังนี้

1. ลกั ษณะของ Option Bar เม่อื เลือกใชเ้ ครอ่ื งมือ

2. กำหนดรูปแบบเคร่ืองมอื ทต่ี ้องการใช้ภายหลงั

3. คลกิ เพือ่ บนั ทึกค่ามีหน้าต่างยืนยนั การบันทกึ กดปุ่ม OK

4. รปู แบบเครือ่ งมือที่บันทกึ แลว้

2.4 วิธกี ารเรยี กใช้ Palette 1

Palette “พาเลต” คอื หนา้ ต่างเพ่มิ ความสะดวกประกอบการทำงานร่วมกับเคร่ืองมอื ต่างๆ แต่

ละพาเลตมรี ปู แบบหน้าทีก่ ารทำงานแตกต่างกนั เชน่ พาเลต Color ใชส้ ำหรบั เลอื กสีพ้ืนหรอื สีเสน้ พาเลต

History บนั ทกึ การทำงานที่ผา่ นมาเพื่อกลบั ไปคำสง่ั กอ่ นหน้ากรณีท่ีตอ้ งการการทำงานชุดเกา่ พาเลต Info

ใชส้ ำหรบั แสดงข้อมลู พาเลต Layer ใชแ้ สดงลำดบั ภาพและขนั้ ตอนการทำงานเหมือนการวางหนังสอื ซ้อน

40

กันหลายเลม่ พาเลต Navigator กำหนดการแสดงภาพและการยอ่ หรอื ขยายภาพ โดยพาเลตทุกพาเลตมี
วธิ ีการเรียกใช้เหมือนกนั เชน่ วิธกี ารเรยี กใช้พาเลต Layer ดังนี้

2.4.1 การเปดิ พาเลต คอื การเปิดใช้งานพาเลตตา่ งๆ ดังนี้
1) การเรียกใชพ้ าเลตจากเมนู Window เชน่ วธิ กี ารเรียกใช้ พาเลต Layer

คลกิ เมาส์ทเี่ มนู Window → Layers

พาเลตใดทถี่ ูกเปดิ ใช้งานอยู่ในปัจจุบนั นน้ั จะมเี ครื่องหมาย  อยหู่ นา้ คำสงั่ เมนู ถา้ ไม่ตอ้ งการ
พาเลตดงั กล่าวให้ทำตามขัน้ ตอนการเรียกใชพ้ าเลตซ้ำอีกครั้งพาเลตนนั้ จะหายไป

2) กดคีย์ลัดจากแปน้ พิมพ์ เช่น กด F7 เพ่ือเปดิ พาเลต Layer เป็นตน้
3) การเรยี กใช้พาเลตทซ่ี ้อนกนั อย่ซู งึ่ อาจจะอยใู่ นกลุม่ เดยี วกนั

4) คลิกเปดิ /ปดิ พาเลตจากไอคอนท่ีแสดงอย่บู นแถบพาเลตท่ีพับเก็บไว้

2.4.2 การปดิ พาเลต คือ การปดิ พาเลตหรือยกเลกิ พาเลตต่างๆ ดังนี้

1) เลอื กคำสั่ง Window → ช่อื พาเลตท่เี ปดิ อยู่ เชน่ การปิดพาเลต Layer

2) คลิกขวาบนแถบช่อื พาเลตแลว้ เลอื ก Close

3) คลิกท่เี มนูของพาเลต แลว้ เลือกโคด้

2.4.3 การยอ่ /ขยายกรอบพาเลต คอื การเรียกใช้งานพาเลตใดแลว้ หากตอ้ งการปิดพาเลต

ดังกลา่ ว หรือตอ้ งการยอ่ หนา้ ต่างพาเลตเพอื่ เพิ่มพ้ืนท่ีการแสดงภาพ และขยายกลบั คืนเม่ือตอ้ งการเรียกใช้

เช่น คลิกเมาส์ เม่ือตอ้ งการย่อพาเลต หรือคลกิ ขยายพาเลต

2.5 กล่องเคร่อื งมอื

2.5.1 การเรยี กใชก้ ลอ่ งเครื่องมือ (Toolbox) คอื ชุดกลอ่ งเครือ่ งมือที่ใช้จดั การไฟลภ์ าพที่

สร้างขึน้ ในหน้าต่างโปรแกรมสามารถปรบั แต่งกล่องเคร่ืองมอื

การรวมกล่องเคร่ืองมอื กับพาเลตสามารถนำเมาส์คลิกทก่ี ลอ่ งเครือ่ งมือแล้วกดเมาสค์ ้างไว้

ดึงกลอ่ งเคร่อื งมือมาวาง ณ มมุ ดา้ นซา้ ยของพาเลตแล้วปล่อยเมาส์ ดงั ภาพ

2.5.2 การเรยี กใชก้ ล่องเครอ่ื งมือ คือ การเรยี กใช้เครือ่ งมือตา่ งๆ ในกลุม่ ซ่งึ มีกลมุ่ เคร่ืองมือ

ยอ่ ยอกี สังเกตจากสัญลักษณร์ ูปสามเหลย่ี มสดี ำมุมด้านล่าง ของเครอ่ื งมอื แต่ละตัวจะสามารถคลิก

เมาสค์ ้างไว้เพื่อเลือกเครอื่ งมือย่อยตา่ งๆ ในกลุม่ ได้

การเรยี กใช้เครือ่ งมือดว้ ยวธิ ีการกดปุม่ Shortcut บนแป้นพิมพ์เปน็ อีกวธิ ีการหนงึ่ ที่นิยมใช้ โดย

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

คำส่งั ท่ียุง่ ยากเปน็ การกดปมุ่ ง่ายๆ บนแปน้ พิมพ์ร่วมกับป่มุ Shift การเรยี กใชค้ ำสัง่ ใดๆ เรียกใชจ้ ากตัวอักษร

ทแี่ สดงอย่ดู ้านหลงั ช่อื ของเครื่องมอื แตล่ ะตวั ขั้นตอนดงั น้ี

การเรียกใชป้ ุ่ม Shortcut ท่ีแปน้ พมิ พ์ กดป่มุ Shift ค้างไว้ แล้วตามด้วยตัวอกั ษรที่เป็นปุม่

Shortcut ของเครือ่ งมือในกลุ่มท่ีต้องการ เช่น กดปมุ่ Shift ค้างไวแ้ ลว้ กดตัวอักษร M ทีแ่ ปน้ พมิ พ์

หมายถึง การเรียกใช้เคร่อื งมือ Rectangular Marquee Tool ถา้ กดซ้ำอีกครัง้ จะเรียกใช้เครือ่ งมอื

Elliptical Marquee Tool

51

41

2.5.3 กลุ่มเครอ่ื งมือของโปรแกรม Adobe Photoshop คือ เคร่อื งมอื ต่างๆ ประกอบดว้ ย
เครอ่ื งมอื ทใ่ี ชใ้ นการทำงานหลากหลาย ซึง่ ไดม้ ีการจดั กลุม่ ของเคร่อื งมอื ทีม่ ีลกั ษณะการทำงานคล้ายกนั อยู่
ในกลุม่ เดียวกัน แบ่งกลุ่มยอ่ ยได้ 8 กลุ่ม ดงั น้ี

2.5.3.1 กลุ่มเครือ่ งมือสำหรับการเลือกเพอ่ื เคล่ือนยา้ ยวตั ถหุ รอื ภาพต่างๆ และสร้าง
ขอบเขตพื้นทเ่ี พือ่ ลบบางสว่ นออกจากภาพ

2.5.3.2 กลุ่มเครื่องมือสำหรับการตัดภาพเพอื่ เลอื กเฉพาะส่วน และบนั ทกึ ไฟล์
ภาพเป็นภาพเลก็ ๆ ขนาดความจขุ องไฟลน์ ้อย เพ่ือใช้งานบนเวบ็ ไซต์ ดังตาราง

2.5.3.3 กลุ่มเครอื่ งมือสำหรับวดั คา่ เชน่ เกบ็ ค่าสีเพ่อื ใชเ้ ปรยี บเทยี บ การวดั ระยะ
การตรวจนบั ภาพ ดังตาราง

2.5.3.4 กลุ่มเคร่ืองมอื สำหรับการระบายสีตา่ งๆ โดยมีแบ่งกลมุ่ ย่อยตามลักษณะของ
การใช้งานด้านต่างๆ เชน่ การระบายสี วาดเส้น แปลงภาพเปน็ ภาพระบายสนี ้ำ หรือการลงสีแบบไล่
โทนสี ดงั ตาราง

2.5.3.5 กลุ่มเคร่ืองมอื สำหรบั การปรบั แตง่ ภาพ โดยแบง่ เครอื่ งมือออกเป็นกลุม่ ย่อยๆ
ไดแ้ ก่ กลุ่มการแกไ้ ขพน้ื ผวิ กลุ่มสำหรบั การตดั ฉากหลัง กล่มุ สำหรับปรับความคมชัดภาพ และกลุ่มสำหรบั
การปรบั แตง่ สเี ฉพาะจดุ

2.5.3.6 กล่มุ เครื่องมอื สำหรบั สรา้ งเสน้ รปู ทรงแบบ Vector สามารถบิดเสน้ หรือดัด
รูปทรงไดโ้ ดยไมส่ ูญเสยี รายละเอียด เช่น การวาดภาพในกลุ่มเครอ่ื งมอื Pen Tool การสรา้ งตวั อกั ษร หรอื
การวาดรปู ทรงในกลุ่ม Shape

2.5.3.7 กลุ่มเครอื่ งมือสำหรับจัดการกับมมุ ของภาพ เช่น การเล่ือนดูภาพแตล่ ะสว่ น
การหมุนภาพไปในทิศทางต่างๆ และการมองภาพ

2.6 การสร้างไฟล์ภาพใหมแ่ ละบนั ทึกไฟล์

การสรา้ งไฟลภ์ าพใหมน่ ั้นจะตอ้ งกำหนดขนาดของภาพกอ่ น เพือ่ ระบขุ นาดของไฟลภ์ าพใชง้ านจรงิ
ภาพนน้ั ที่ทำการบนั ทึกไฟลจ์ ะมีคณุ ภาพของภาพแตกตา่ งกันตามประเภทของไฟลท์ ีบ่ ันทกึ

2.6.1 การสรา้ งไฟล์ภาพใหม่ การสรา้ งไฟลภ์ าพใหมน่ ัน้ จะต้องกำหนดขนาดของภาพก่อน เพ่ือ
ระบขุ นาดของไฟลภ์ าพใช้งานจรงิ เมอ่ื มกี ารพิมพอ์ อกทางเคร่อื งพมิ พ์แลว้ ได้ขนาดรูปภาพตาม ทร่ี ะบใุ น
การสรา้ งไฟล์ภาพใหม่ โดยการคลกิ ที่เมนู File → New หรอื Ctrl + N จะปรากฏหนา้ ตา่ งที่
ใช้สร้างไฟลภ์ าพใหม่ ซงึ่ มสี ่วนประกอบ

โดยสามารถเลือกรูปแบบ หรือกำหนดค่าตา่ งๆ เช่น ความกวา้ ง ความสงู และโหมด
การพมิ พ์ของภาพแตล่ ะรปู แบบมีความหมาย ดังน้ี

Name ตัง้ ช่ือไฟลภ์ าพใหม่
Preset กำหนดขนาดหน้าตา่ งการทำงาน
Width กำหนดความกวา้ ง 30 Pixels

42

Pixels พกิ เซล
Inches นิ้ว
Cm เซนตเิ มตร
Mm มลิ ลิเมตร
Point จดุ
Picas ไพคะ
Columns สดมภ์
Height กำหนดความสูง 24 Pixels
Resolution กำหนดความละเอียดของภาพเป็น 72 Pixels
Color Mode กำหนดโหมดสีภาพเปน็ CMYK Color
Bitmap แบบจุดสี
Gray scale แบบขาวดำ
RGB Color แบบ Additive
CMYK Color แบบใชก้ ับส่ิงพิมพ์
Lab Color แบบไม่คำนึงถงึ อปุ กรณท์ น่ี ำมาใช้
Background Contents กำหนดสีพื้นหนา้ ต่างเป็นสีขาว
White พืน้ หลังสีขวา
Background Color พน้ื หลงั เป็นสีท่ตี ง้ั ไว้
Transparent พื้นหลงั โปรง่ แสง
ตวั อยา่ ง การกำหนดสพี ื้นไฟลภ์ าพใหม่

White Background Color Transparent

2.6.2 การบนั ทกึ File คอื การบนั ทกึ File “ไฟล์” ภาพนน้ั ทท่ี ำการบันทกึ ไฟลจ์ ะมคี ุณภาพ

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

เหมาะสมกับงานทจ่ี ะนำรปู ภาพมาประยกุ ตก์ ับโปรแกรมต่างๆ ในภายหลัง ดงั นี้

1.6.2.1 ไฟล์นามสกุล .PSD (Photoshop) ไฟล์ทเี่ ก็บข้นั ตอนการทำงานไวโ้ ดยดูจาก

Layer การทำงาน ซึง่ สามารถนำไฟล์ไปปรบั ปรงุ แกไ้ ขใหมไ่ ด้ทันที

1.6.2.2 ไฟลน์ ามสกลุ .TIFF (Tagged Image File Format) คอื ไฟลเ์ กบ็ ข้นั ตอน

การทำงานไว้ ขอ้ ดีของไฟลน์ ามสกุลน้ี คือ ภาพมีความละเอยี ด เหมาะกบั งานด้านนติ ยสาร

1.6.2.3 ไฟลน์ ามสกลุ .JPG และ .JPEG (Joint Photoshop Experts Group)

คอื ไฟล์มขี นาดเลก็ สามารถบบี อัดข้อมูลได้มากเหมาะกับงานด้านเว็บเพจ

43

1.6.2.4 ไฟลน์ ามสกุล .GIF (Graphics Interchange Format) คอื ไฟล์ภาพขนาด
เล็กเหมอื นกับไฟล์นามสกุล .JPG และ .JPEG แตเ่ หมาะกับงานดา้ นภาพลายเส้นมากกวา่

2.6.3 การบนั ทึกไฟลภ์ าพด้วยคำสง่ั Save คือ การบนั ทึกไฟลก์ ่อนการทำงานอื่นๆ ควร
บนั ทกึ ไฟลภ์ าพใหเ้ รยี บร้อยก่อนการปิดหรอื เปดิ ไฟล์ภาพอ่นื การบนั ทึกไฟล์ภาพ ข้ันตอนดังนี้

1. เลือกเมนู File โดยคลกิ ทีเ่ มนู File → Save จะปรากฏหน้าตา่ งการบนั ทึก
ไฟล์ดงั ภาพต่อไปนี้

2. เลอื กโฟลเดอรบ์ ันทึกไฟล์ และพมิ พช์ ือ่ ไฟล์
3. คลกิ ป่มุ 2Save
2.6.4 การบันทึกไฟลภ์ าพดว้ ยคำส่ัง Save As คอื บนั ทึกไฟลภ์ าพกรณีที่ตอ้ งการเปลย่ี นชือ่
การทำงานคลา้ ยกบั คำสง่ั Save แตแ่ ตกต่างท่ี Save As จะใช้เมือ่ ตอ้ งการเก็บไฟล์ภาพท่ตี ำแหน่งใหม่
หรือเมื่อตอ้ งการเปลยี่ นชอื่ ไฟล์ภาพใหม่ ข้นั ตอนดงั น้ี

เมือ่ นำเมาส์คลิกปมุ่ Save (บันทกึ ไฟล์นามสกุล .JPEG) จะปรากฏหน้าตา่ ง
ปรับเปลยี่ นคุณภาพของไฟล์ภาพ โดยการกำหนดค่า Image Options) ดงั น้ี

Quality คือ คุณภาพของไฟล์ประกอบดว้ ย
Low ไฟล์คุณภาพต่ำ
Medium คณุ ภาพปานกลาง
High ไฟล์คณุ ภาพดี
Maximum ไฟล์คุณภาพดีสูงสุด
Small File/Large File การปรับขนาดไฟล์ภาพ โดยถ้าลากแถบเลือ่ นไปดา้ นซา้ ยไฟล์

ภาพมขี นาดเล็ก แต่ถ้าเลื่อนไปด้านขวาไฟลภ์ าพจะมขี นาดใหญ่
Format Options คอื คณุ สมบตั ไิ ฟลร์ ูปภาพ ประกอบดว้ ย
Baseline (“Standard”) กำหนดเปน็ ไฟลแ์ บบมาตรฐานสามารถรองรับบราวเซอรไ์ ด้

หลายบรษิ ทั
Baseline Optimized กำหนดเป็นไฟลแ์ บบลดคุณภาพของสลี ง แต่ใช้ไดก้ ับบาง

บราวเซอร์
Progressive กำหนดไฟลแ์ บบแสดงภาพข้ึนมาทีละนดิ ขณะโหลด

ไฟล์ ใช้ได้กบั บางบราวเซอร์
Size คอื ขนาดของไฟลร์ ปู ภาพซึง่ เร่มิ ท่ี 14.4 Kbps ถงึ 2 Mbps
1. นำเมาสค์ ลิกปมุ่ OK
2.6.5 การบนั ทึกไฟล์ภาพ Adobe Photoshop (.PSD) การแกไ้ ขไฟล์ภาพ โดยการสร้าง

ภาพกราฟกิ เช่น การตดั ต่อภาพ การเพิม่ ขนาด หรอื เปล่ยี นแปลงลักษณะไฟล์ที่มผี ลกับโครงสร้างเดมิ
ของภาพ เมอ่ื มกี ารเลือกคำสง่ั File → Save แสดง Dialog box ตรงเมนู Save As ข้ึน โดยเลอื ก
รปู แบบของไฟลภ์ าพเป็น Adobe Photoshop (*.PSD, * .PDD) เปน็ คา่ พนื้ ฐาน

44

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

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

2.6.6.1 การเปิดไฟล์จากเมนไู ฟล์ ข้ันตอนดังนี้
1. คลกิ เมนู File → Open หรอื กดคยี ์ลัด Ctrl + O จะปรากฏ

หนา้ ต่างๆ Open
2. ชอ่ ง Look in เลอื ก Drive และโฟลเดอร์ท่เี ก็บไฟล์
3. ดูตัวอยา่ งภาพและคลิกเลือกชอื่ ไฟล์จากรายการ
4. คลกิ ปุม่ Open

2.6.6.2 การเปดิ ไฟลภ์ าพ Adobe Photoshop (PSD) คือ การเปิดไฟลโ์ ปรแกรม วธิ ี
เรยี กใช้เหมอื นการเปดิ ไฟลภ์ าพทั่วไป แตไ่ มส่ ามารถมองเห็นตัวอยา่ งไฟล์ภาพทั้งหมดในกรอบรายการไฟล์
แตต่ ้องคลิกเลอื กไฟลก์ อ่ นแล้วดูตัวอย่างที่ดา้ นล่างแทน (สามารถคลกิ เลอื กไฟลค์ ร้ังละ 1 ภาพ) แต่เม่ือเปดิ
ไฟล์ภาพข้นึ มาแลว้ บนพาเลต Layer นน้ั จะแสดง Layer ท้งั หมด และสามารถแก้ไขต่อได้ โดยแสดงภาพใน
Layer เปน็

2.6.6.3 การเปดิ ไฟลภ์ าพอย่างรวดเร็วดว้ ยคำส่งั Open Recent เปน็ คำสงั่ การเปิดไฟล์
ภาพอย่างรวดเรว็ ซง่ึ เก็บชือ่ ไฟลภ์ าพทีเ่ คยเปิดใช้งานแล้วกอ่ นหนา้ นนั้ 10 ไฟล์ โดยคลิกท่ีเมนู File
→ Open Recent ปรากฏชอื่ ไฟล์ตา่ งๆ แล้วคลกิ เลือกไฟลท์ ่ีต้องการ

2.6.7 การปิดไฟลภ์ าพ คือ การปิดไฟล์ภาพการทำงานในโปรแกรมจาก Adobe Photoshop
เสรจ็ สน้ิ แล้วสามารถเลอื กปิดไฟลภ์ าพท่ที ำงานอยู่ได้หลากหลายวธิ ี เชน่ คลกิ เคร่อื งหมาย  หรือคลกิ
จากเมนูคำสงั่ ไฟล์ ดังนี้

2.6.7.1 นำเมาส์คลกิ เครือ่ งหมาย  ในหนา้ ตา่ งไฟล์
2.6.7.2 เรยี กใช้คำส่งั จากเมนูไฟล์ คอื การปิดไฟลภ์ าพทีเ่ ปดิ ใช้งานใน
ปจั จบุ นั วิธกี าร

45

แบบฝกึ หดั /เฉลย

ตอนที่ 1 จงเลอื กคําตอบที่ถกู ต้องที่สุดเพียงขอ้ เดียว

คำส่ัง จงทำเคร่อื งหมายกากบาท () หนา้ ขอ้ ทถ่ี กู ต้องมากที่สุดเพยี งข้อเดียว

1. วิธีการเรยี กใชโ้ ปแกรม Adobe Photoshop คือขอ้ ใด

ก. คลิกป่มุ Star → All Programs → Adobe Photoshop CS6

ข. คลกิ ป่มุ Star → Programs Insert → Adobe Photoshop CS6

ค. คลิกป่มุ Star → All Programs → Adobe Master Collection CS6

ง. คลิกป่มุ Star → Programs Adobe → Adobe Photoshop CS6

2. คณุ สมบตั ิของโปรแกรม Adobe Photoshop คอื ขอ้ ใด

ก. การสรา้ งงานนาเสนอขอ้ มลู ข. การสรา้ งสอ่ื มลั ติมีเดีย

ค. การสรา้ งงานแอนนิเมชนั ง. การสรา้ งและแกไ้ ขภาพ

3. ขอ้ ใดไมใ่ ช่เมนบู าร์

ก. Window ข. Insert

ค. File ง. Layer

4. คาส่งั การปรบั แตง่ ค่าคณุ สมบตั ขิ องกลอ่ งเคร่ืองมอื คอื ขอ้ ใด

ก. workspace ข. Swartches

ค. Option Bar ง. Layer

5. ขอ้ ใดคือวิธีการเรยี กใชพ้ าเลตตา่ ง

ก. คลิกเมนู Window → เลือก Layers ข. คลิกเมนู Window → เลอื ก Lay comps

ค. คลกิ เมนู Window → เลอื ก Insert ง. คลิกเมนู Window → เลอื ก Arrange

6. กล่มุ เครื่องมอื สาหรบั ตดั ภาพเพือ่ เลอื กเฉพาะส่วนคอื ขอ้ ใด

ก. Healing Brush Tool และ Dodge Tool ข. Slice Tool และ Crop Tool

ค. Pen Tool และ Custom Shape Tool ง. Brush Tool และ Gradient Brush tool

7. ขอ้ ใดคอื กลมุ่ เครื่องมอื สาหรบั สรา้ งเสน้ ดว้ ยรูปทรงแบบ Vector

ก. กล่มุ เครื่องมือ Healing Brush Tool และ Dodge Tool

ข. กล่มุ เครื่องมือ Slice Tool และ Crop Tool

ค. กล่มุ เครื่องมือ Pen Tool และ Custom Shape Tool

ง. กล่มุ เครอ่ื งมอื Brush Tool และ Gradient Brush tool

8. ขนั้ ตอนการสรา้ งไฟลภ์ าพใหมค่ ือขอ้ ใด

ก. File → New หรือ Ctrl + X ข.File → New หรือ Ctrl + N

ค. File → Save หรอื Ctrl + S ง. File → Open หรอื Ctrl + N