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

๑๒๗

............................................................................................................................. ...................................
................................................................................................ ................................................................
............................................................................................................................. ...................................
............................................................................................................................. ...................................

10.2 ผลการเรยี นรูข้ องนกั เรียน นักศึกษา
....................................................................................... .........................................................................
............................................................................................................................. ...................................
.................................................................................................................................. ..............................
....................................................................................................................... .........................................
............................................................................................................................. ...................................
................................................................................................................................................................

10.3 แนวทางการพัฒนาคณุ ภาพการเรยี นรู้
................................................................................................................ ................................................
............................................................................................................................. ...................................
................................................ ............................................................................................................ ....
............................................................................................................................. ...................................
............................................................................................................................. ...................................
................................................................................................................................................................

แผนการจัดการเรียนรู้มุ่งเน้นสมรรถนะ ๑๒๘
ช่ือหน่วย การปรบั แตง่ ภาพ
หน่วยที่ 10
สปั ดาหท์ ่ี 15
จานวน 3 ชัว่ โมง

จานวน 3 ชั่วโมง

1. สาระสาคญั
Photoshop สามารถปรบั แต่งภาพ ปรับโทนสี เพือ่ สรา้ งสสี ันแปลกใหม่ และเพ่ิมจุดนา่ สนใจ

เช่นการปรับสีให้เข้ากัน เปลี่ยนสีภาพเฉพาะจุด การปรับภาพเป็นขาว-ดา และปรับภาพเป็นสีตรงกัน
ข้าม เปน็ ต้น

2. สมรรถนะประจาหน่วย
2.1 ปรับแต่งภาพแบบอตั โนมัติ
2.2 ปรบั แต่งความมดื สวา่ งใหก้ ับภาพ
2.3 ปรับแตง่ สีใหก้ ับภาพ
2.4 ปรับแต่งภาพด้วยเทคนคิ พเิ ศษ
2.5 ปรับแตง่ ภาพดว้ ยแสงเงา
2.6 ปรับแต่งภาพดว้ ยการแทนสีและปรับสีให้เขา้ กัน

3. จุดประสงค์การเรยี นรู้
3.1 ดา้ นความรู้
3.1.1 การปรบั แตง่ ภาพแบบอตั โนมัติ
3.1.2 การปรบั แตง่ ความมืดสว่างให้กบั ภาพ
3.1.3 การปรบั แต่งสใี หก้ ับภาพ
3.1.4 การปรบั แต่งภาพด้วยเทคนคิ พเิ ศษ
3.1.5 การปรบั แต่งภาพด้วยแสงเงาได้
3.1.6 ปรับแตง่ ภาพด้วยการแทนสีและปรับสใี ห้เขา้ กัน
3.2 ดา้ นทกั ษะ
3.2.1 สามารถปรบั แต่งภาพแบบอตั โนมตั ิได้
3.2.2 สามารถปรบั แตง่ ความมืดสว่างใหก้ ับภาพได้ถกู ต้อง
3.2.3 สามารถปรบั แต่งสีให้กบั ภาพได้
3.2.4 สามารถปรับแต่งภาพด้วยเทคนิคพิเศษได้
3.2.6 สามารถปรับแต่งภาพด้วยแสงเงาได้
3.2.7 ปรับแตง่ ภาพดว้ ยการแทนสีและปรับสีให้เขา้ กัน
3.3 คณุ ลักษณะที่พงึ ประสงค์
3.3.1 ใฝ่เรยี นรู้
3.3.2 ทางานเป็นระเบียบเรียบร้อย

๑๒๙

3.3.3 ผูเ้ รียนมคี วามรับผิดชอบตอ่ หนา้ ท่ี
3.3.4 ปฏิบัตงิ านดา้ นความซื่อสัตย์สจุ ริต
3.3.5 มคี วามมุ่งมัน่ ในการทางาน
3.3.6 ใชเ้ วลาอยา่ งคุ้มคา่
3.3.7 มจี ติ สาธารณะ

แผนการจดั การเรยี นรู้ม่งุ เนน้ สมรรถนะ ๑๓๐
ชือ่ หน่วย การปรับแต่งภาพ
หนว่ ยท่ี 10
สปั ดาห์ที่ 15
จานวน 3 ชั่วโมง

จานวน 3 ช่ัวโมง

4. เนอ้ื หาสาระการเรยี นรู้
10.1 ปรบั แตง่ ภาพแบบอตั โนมัติ

ใน Photoshop มีคาสง่ั ต่าง ๆ ทช่ี ่วยใหส้ ามารถปรบั แตง่ ภาพได้อย่างรวดเรว็ ดังน้ี

 ปรับโทนสีของภาพแบบอัตโนมัติด้วย Auto tone

 ปรบั ความคมชดั ของภาพแบบอัตโนมัตดิ ้วย Auto Contrast

 ปรบั คา่ สขี องภาพแบบอตั โนมัติดว้ ย Auto Color
ปรบั โทนสีของภาพแบบอัตโนมัตดิ ว้ ย Auto tone

สามารถปรับโทนสขี องภาพแบบอัตโนมตั ไิ ด้ ใน 2 สว่ นด้วยกนั คอื
สว่ นท่ี 1 ปรบั คา่ เฉลย่ี ของสีในแต่ละโหมด
สว่ นที่ 2 ปรับระดับความสวา่ งและความมดื (ความสว่าง = สีขาว และความ

มดื =
สดี า) ของสใี นแตล่ ะช่องสี (Channel) ทาให้โทนสีของภาพท่ี

ออกมาอยู่ใน
อยู่ในระดับกลาง ๆ

เลอื กคาสง่ั Image -> Auto Tone

ปรับความชดั ของภาพแบบอตั โนมัติดว้ ย Auto Contrast
Auto Contrast เปน็ การปรับระดับความต่างของสีในภาพใหป้ รากฏชดั ย่ิงข้ึน ทาให้บริเวณที่

มีความสว่างอยู่แลว้ (Highlight) จะสวา่ งยง่ิ ข้ึน ส่วนบริเวณทีเ่ ปน็ เงา (Shadow) จะมดื มากขน้ึ
เลอื กคาสงั่ Image -> Auto Contrast

๑๓๑

ปรบั คา่ สีของภาพแบบอัตโนมัติดว้ ย Auto Color
Auto Color จะปรบั คา่ ทง้ั โทนสแี ละส่วนมดื สว่างภาพไปด้วยกนั ทั้งในสว่ น Shadows (ส่วน

ทีม่ ืดสดุ ), Mid tone (มที ้งั มดื และสวา่ ง) และ Highlight (สว่ นที่สวา่ งทส่ี ุด)
เลือกคาส่ัง Image -> Auto Color

10.2 ปรับแตง่ ความมืดสว่างใหก้ บั ภาพ
ใน Photoshop มีคาสง่ั ตา่ ง ๆ ที่ช่วยให้สามารถเร่งสี เรง่ ความสวา่ งใหก้ ับทงั้ ภาพได้ ดังน้ี

 ปรับความสวา่ ง/คมชัดของภาพดว้ ย Brightness/Contrast

 ปรับเพ่ิมลดแสงของภาพด้วย Exposure
ตวั อย่างการปรับความสว่าง/คมชัดของภาพดว้ ย Brightness/Contrast

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

Brightness ปรบั ค่าความมืด-สว่างใหก้ ับภาพ

Contrast ปรับความคมชดั ให้กับภาพ

1. เลือกเมนูคาสงั่ Image -> Adjustments-> Brightness/Contrast…

๑๓๒

2. ปรับคา่ ความสว่าง/คมชดั ให้กับภาพ จากน้ันคิดเมาส์ OK เพอ่ื กาหนดคา่

ตวั อยา่ งการปรับเพมิ่ ลดแสงของภาพด้วย Exposure

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

กับ Exposure ซึ่งเป็นค่าระยะเวลาในการเปิดรูรับแสง จะมีผลต่อการเพ่ิมและลดความสว่างภาพ ซ่ึง

จะมคี ่าใหป้ รบั อยู่ 3 คา่ ดังน้ี

Exposure เพ่มิ ลดแสงให้กับภาพ

Offset เพ่ิมลดระยะชดเชยแสง

Gamma Correction เพิ่มลดคา่ Gamma

1. เลอื กเมนคู าสง่ั Image -> Adjustments->Exposure

2. ปรับค่าความสวา่ งให้กับภาพ จากนัน้ กด OK

๑๓๓

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

จริง และแบบเกินจริง ดงั นี้
 ปรบั สภี าพด้วย Hue/Saturation
 ปรบั สีภาพดว้ ยสมดุลสี Color Balance
 ปรับสภี าพเป็นขาวดาด้วย Black & White
 ปรบั สภี าพโดยใชฟ้ ิลเตอร์ด้วย Photo Filter
 ปรับสีภาพโดยการผสมสดี ว้ ย Channel Mixer

ปรับสภี าพด้วย Hue/Saturation
การปรับภาพโดยชา้ คาส่ัง Hue/Saturation จะอาศยั พ้นื ฐานของการมองสภี าพในโมเดลของ

HSB ดงั รายละเอยี ดท่ีกล่าวมาแล้วในบท “ความรูเ้ รื่องสแี ละการเลือกใชโ้ หมดสี” ซ่งึ จะเปน็ การปรับสี
ภาพโดยรวมท้งั หมด และปรับภาพให้เป็นโทนสเี ดียวกนั ซ่ึงจะมีค่าใหป้ รบั อยู่ 3 ค่า

Hue ปรบั คา่ สีที่มองเหน็
Saturation ปรับคา่ ความอ่มิ ตัวของสี โดยคา่ บวกจะทาใหส้ ภี าพดูอิม่ และมีสีเทาน้อย
ส่วนค่าลบ

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

ภาพมดื
1. เลือกเมนูคาส่งั Image -> Adjustments ->Hue/Saturation..

2. กาหนดช่วงของสที ต่ี ้องการปรับ ในท่ีนีค้ อื ชว่ งสที งั้ หมด (Master) จากนัน้ ปรับคา่ HSB แล้วคลกิ
เมาส์ OK

๑๓๔

ปรับสภี าพดว้ ยสมดลุ สี Color Balance
ในการปรับแตง่ สีของภาพจะพิจารณาวงล้อสี ดังรูป ซง่ึ จะเหน็ วา่ ในโหมดสี RGB และ CMYK

มสี ที ี่ตรงกันอยู่ ซงึ่ จะเอาความรู้นีไ้ ปใชใ้ นการปรบั แต่งสีของภาพโดยใช้สมดลุ ของสี
1. เลือกเมนูคาสง่ั Image ->Adjustments->color Balance..

2. ปรบั สมดุล

ปรบั สีภาพเปน็ ขาวดาดว้ ย Black & White
เป็นการเปล่ยี นภาพสใี หเ้ ปน็ ขาวดา(Grayscale) นอกจากนี้ ยังสามารถย้อมเป็นสตี า่ ง ๆ ซง่ึ

เหมาะสาหรับการสร้างภาพแบบ Sepia
1. เลือกเมนูคาสงั่ Image -> Adjustments -> Black&White

๑๓๕

2. กาหนดคา่ รูปแบบของสีขาวสดี า

ปรับสีภาพโดยใชฟ้ ลิ เตอรด์ ว้ ย Photo Filter
สาหรับนักถ่ายภาพมักใช้ฟิลเตอร์กับกลอ้ ง เพ่ือให้ภาพถ่ายมีความแปลกใหม่หรือเป็นไปตาม

ความต้องการ เช่น ใส่ฟิลเตอร์เพ่ือให้ภาพออกมานุ่มนวล หรือใส่ฟิลเตอร์ลดแสงยูวี ซ่ึงโปรแกรม
Photoshop ได้นาคณุ ลกั ษณะน้เี ขา้ มาประยุกต์ใชใ้ นการตกแต่งภาพ
1. เลือกเมนูคาส่ัง Image -> Adjustments -> photo Filter…

๑๓๖

2. เลือกฟิลเตอร์ จากน้ันกด OK

ปรบั สภี าพโดยการผสมสีด้วย Channel Mixer
เน่ืองจากภาพท่ีแสดงบนจอเกิดจากการผสมของสีในแต่ละชอ่ งสี (Channel) ดังนั้น สามารถ

แกไ้ ขสเี พยี งบางช่องสเี พ่อื ใหม้ ีผลตอ่ การแสดงภาพได้
1. เลือกเมนูคาสั่ง Image->Adjustments->Channel Mixer..

2. เลอื กชอ่ งสีท่ตี ้องการ และปรับค่าสขี องสที เ่ี ลือก จากนน้ั กด OK

๑๓๗

10.4 ปรบั แต่งภาพดว้ ยเทคนคิ พเิ ศษ
ใน Photoshop มีคาสงั่ ต่าง ๆ ทชี่ ว่ ยให้สามารถแตง่ สีภาพในลกั ษณะอ่ืน ๆ ได้ ดังนี้
 ปรบั ภาพให้เปน็ สีตรงกันขา้ มด้วย Invert
 ปรับระดับโทนสใี นภาพด้วย Posterize
 ปรบั ภาพใหเ้ หลอื สขี าวและสีดาดว้ ย Threshold
 ปรบั ภาพโดยการไลโ่ ทนสดี ้วย Gradient Map
 ปรบั บางสขี องภาพดว้ ย Selective Color

ปรบั ภาพให้เปน็ สีตรงกนั ขา้ มดว้ ย Invert
การปรับภาพแบบ Invert เป็นการปรับภาพให้เป็นสีตรงกันข้าม กล่าวง่าย ๆ คือ สีดาจะ

กลายเป็นสีขาว และสีขาวจะเป็นสีดา ถ้าดูในแต่ละช่องสีตั้งแต่ 0 ถึง 255 ค่าสีเป็น 255 จะ
เปล่ียนเปน็ ค่า 0 หรือ คา่ สีท่ีเปน็ 5 จะเปล่ียนเปน็ คา่ 250 เป็นตน้
1. เลือกเมนูคาสง่ั Image->Adjustments->invert

ปรับระดับโทนสีในภาพด้วย Posterize
เป็นการกาหนดระดับโทนสี (Level) ให้กับแต่ละช่องสี (Channel) ของภาพ โดยถ้ากาหนด

ระดบั โทนสีนอ้ ยช้นั ก็จะมจี านวนสใี นภาพไม่กี่สี แต่ถ้ากาหนดระดบั โทนสีมากชน้ั กจ็ ะมีสใี นภาพเยอะ
มากกวา่

๑๓๘

1. เลอื กเมนคู าสัง่ Image->Adjustments->Posterize

2.กาหนดระดบั โทนสี จากนั้นคลกิ เมาส์ OK

ปรับภาพใหเ้ หลือสีขาวและสีดาด้วย Threshold
เป็นการเปลี่ยนค่าสีในภาพให้เป็นขาวหรือสีดา โดยจะพิจารณาจากค่า Threshold เช่นถ้า

กาหนดให้ค่า Threshold เป็น 70 จะทาให้ค่าสีที่อยู่ระหว่าง 1 – 70 ถูกเปล่ียนเป็นสีขาว และค่าสี
ทอ่ี ยู่ระหว่าง 71 – 255 จะเปล่ยี นเปน็ สีดา
1. เลอื กเมนคู าสง่ั Image->Adjustments->Threshold

2. คลกิ เลือกเพ่อื ดกู ารเปล่ียนแปลงภาพขณะปรับ จากนน้ั กาหนดคา่ Threshold แลว้ กด OK

๑๓๙

ปรับภาพโดยการไลโ่ ทนสดี ว้ ย Gradient Map
เป็นการไล่โทนสีของภาพโดยอ้างอิงสี Foreground เป็นสี Background โดยค่าสีบริเวณที่

มืด จะเปล่ียนเป็นสี Foreground ค่าสีบริเวณสว่างจะเปล่ียนเป็นสี Background และค่าสีระหว่าง
บรเิ วณที่มืดและสว่างกจ็ ะใชส้ ี ทไ่ี ลจ่ าก Foreground ไป Background ตามลาดบั
1. เลือกเมนูคาส่ัง Image->Adjustments->Gradient Map…

2. เลือกรปู แบบการไล่โทนสีที่ตอ้ งการ จากนน้ั กด OK

ปรับบางสขี องภาพด้วย Selective Color
Selective Color เป็นเทคนิคท่ีใช้ได้ทั้งภาพในโหมด CMYK และ RGB โดยสามารถเลือกแม่

สีในภาพทต่ี อ้ งการเพม่ิ /ลดความเขม้ ทาใหป้ รบั สเี ฉพาะแม่สีท่ีตอ้ งการได้
1. เลือกเมนูคาสง่ั Image->Adjustments->Selective Color…

๑๔๐

2. เลอื กช่องสีทีต่ ้องการปรบั แต่ง จากนน้ั ปรับค่าสที ี่เลือก

10.5 ปรบั แต่งภาพดว้ ยแสงเงา
ปรับแสงเงาของภาพดว้ ย Shadow/Highlight

ในการถ่ายภาพย้อนแสง หรือจัดวางวัตถุหรือแบบผิดมุม จะทาให้ภาพที่ถ่ายน้ันเกิดเงาขึ้นมา
ได้ ในกรณีนี้ ตอ้ งนาภาพมาแก้ไขลดเงา เพื่อให้เหน็ รายละเอยี ดสว่ นที่เงาบงั อยู่อยา่ งชัดเจน
1. เลือกเมนคู าส่ัง Image->Adjustments->Shadows/Highlights…

๑๔๑

2. ปรับทง้ั คา่ Shadows และ Highlights เพ่อื ลดเงาบนภาพ จากนัน้ กด OK

10.6 ปรบั แต่งภาพดว้ ยการแทนสแี ละปรับสใี ห้เข้ากัน
ปรบั ภาพใหเ้ ป็นภาพขาวดาด้วย Desaturate

เปน็ การถอดเอาคา่ สีออกจากภาพ ทาให้ภาพท่ีเหลือมีเฉพาะสีขาว เทา และดา โดยทโี่ หมดสี
ของภาพยงั เป็นโหมดเดมิ และสามารถทางานกับสไี ด้ (ไมไ่ ด้เปลย่ี นใหเ้ ป็นโหมด Grayscale)
ปรบั สภี าพดว้ ยการจับคู่สี Match Color

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

สามารถเลอื กแทนสลี งในจุดใดจดุ หนึง่ ของภาพด้วยคาสั่ง Replace Color โดยจะต้องเลอื กสี
ในภาพทต่ี ้องการให้ถูกแทนทเี่ สยี กอ่ นหลงั จากน้ัน ใหเ้ ลือกสีทจ่ี ะแทนลงในภาพ

แผนการจดั การเรียนรู้มุง่ เนน้ สมรรถนะ ๑๔๒
ชื่อหน่วย การปรับแต่งภาพ
หน่วยที่ 10
สปั ดาห์ท่ี 15
จานวน 3 ชว่ั โมง

จานวน 3 ชว่ั โมง

5.กิจกรรมการเรยี นการสอน
5.1 การนาเข้าสู่บทเรียน
5.1.1ครู เช็คชอื่ และตรวจการแตง่ กาย
นักเรยี น ขานชอ่ื และลุกขึน้ ให้ครูตรวจการแตง่ กายทีละคน
5.1.2ครู ทบทวนกอ่ นเรยี นโดยการซักถามเกีย่ วกบั การปรบั แตง่ ภาพ
นักเรยี น ตอบคาถาม ซักถามข้อสงสยั
5.2 การเรียนรู้
5.2.1ครู อธิบายถึงการปรบั แตง่ ภาพ และการใช้งานโปรแกรม โดยการ
สาธิต
การใชง้ านโปรแกรม ตอบคาถาม/ซกั ภามขอ้ สงสัย
นกั เรยี น จดบันทกึ ตอบคาถาม ปรกึ ษา/อภปิ รายกับเพ่ือน
5.2.2ครู ทดสอบผ้เู รียนโดยการถามตอบกันภายในหอ้ งเรยี น และอธิบาย
บางในข้อที่ผเู้ รยี นมีข้อสงสัยจดบนั ทกึ ย่อ
นักเรยี น ร่วมกนั อภปิ รายหาข้อสรุป
5.2.3ครู ใหน้ กั เรยี นทาแบบทดสอบเร่ืองการปรับแตง่ ภาพ เพ่ือเกบ็
คะแนน
นกั เรยี น ทาแบบทดสอบ
5.2.4ครู ให้ทาการทดลองใบงาน/ให้คาแนะนา
นกั เรยี น ปฏบิ ัตกิ ารทดลองตามใบงาน
5.3 การสรปุ
5.3.1ครู ส่มุ เรียกนักเรียนออกมาสรุปเน้ือหาที่ได้เรียนมาทีละคนจน
ครอบคลุมเนอ้ื หาทงั้ หมด โดยครูช่วยใหค้ าแนะนา และอธิบาย
เพิม่ เติม
นักเรยี น ออกมาหนา้ ชน้ั เรียนสรปุ เนื้อหาซักถามปญั หาและจดบันทึก
เพมิ่ เติม
5.3.2ครู ใหน้ ักเรียนทาใบปฏบิ ตั กิ ารทดลองให้เสร็จสมบูรณ์และให้
นกั เรยี นซักถามปญั หาในการเรียน
นกั เรียน ซกั ถามปัญหาและข้อสงสัยในใบปฏิบตั กิ ารทดลอง สรุปผลการ
ทดลองและสง่ ใบปฏบิ ตั ิการทดลอง
5.4 การวัดและประเมนิ ผล
5.4.1ครู สุ่มถามนักเรียนเกีย่ วกบั เน้ือหาทเ่ี รียน

๑๔๓

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

6. สอ่ื การเรียนร/ู้ แหล่งเรียนรู้
สือ่ ส่งิ พมิ พ์
หนงั สอื เรียนวชิ า โปรแกรมกราฟกิ (Photoshop CS6) ปยิ ะ นากสงค์. (2562). กรงุ เทพ :
ซัคเซส มีเดยี

7. เอกสารประกอบการจดั การเรียนรู้ (ใบความรู้ ใบงาน ใบมอบหมายงาน ฯลฯ)
7.1 ใบความร้ปู ระกอบการเรียนวิชา โปรแกรมกราฟิก หนว่ ยที่ 10 เรือ่ ง การปรับแตง่ ภาพ
7.2 ใบปฏบิ ัติการทดลองที่ 9

8. การบูรณาการ/ความสัมพนั ธ์กับวชิ าอ่ืน
8.1 สามารถนาความร้มู าใช้ในการตกแตง่ ภาพกราฟิก
8.2 สามารถนาความรมู้ าใชร้ ่วมกบั วิชาโครงงาน

9. การวดั และประเมินผล
9.1กอ่ นเรยี น
9.1.1.ผูเ้ รียนศึกษา ค้นคว้าจากเอกสาร ตารา เกยี่ วกับความรูเ้ กี่ยวกับโปรแกรมกราฟิก
9.1.2.ผู้เรยี นทาแบบทดสอบก่อนเรียน
9.2ขณะเรียน
9.2.1.การสงั เกตพฤติกรรมภายในช้ันเรียน
9.2.2.ทาแบบฝึกหดั ประจาหน่วย
9.3 หลังเรียน
9.3.1.ใหผ้ ู้เรยี นช่วยกันสรปุ เน้อื หา
9.3.2.ทาแบบทดสอบหลงั เรยี น
9.3.3.ทาแบบทดสอบประจาหนว่ ย เพื่อวัดผลสมั ฤทธท์ิ างการเรียน

10.บนั ทกึ หลังการสอน
10.1 ผลการใช้แผนการจัดการเรยี นรู้

............................................................................................................................. ...................................
................................................................................................ ................................................................
............................................................................................................................. ...................................

๑๔๔

............................................................................................................................................................ ....
............................................................................................................................. ...................................
............................................................................................................................. ...................................
................................................................................................................................................................

10.2 ผลการเรียนรู้ของนกั เรยี น นักศกึ ษา
...................................................................................................................... ..........................................
............................................................................................................................. ...................................
................................................................................................................................................................
.............................................................................................................................. ..................................
............................................................................................................................. ...................................
................................................................................................................................................................

10.3 แนวทางการพัฒนาคณุ ภาพการเรยี นรู้
............................................................................................................................. ...................................
............................................................................................................................. ...................................
................................................................................................................................................................
............................................................................................................................. ...................................
............................................................................................................................. ...................................
................................................................................................ ................................................................

แผนการจดั การเรยี นรู้ม่งุ เน้นสมรรถนะ ๑๔๕
ชอ่ื หน่วย ตกแตง่ ภาพด้วยการรีทชั
หน่วยที่ 11
สปั ดาห์ที่ 16
จานวน 3 ชั่วโมง

จานวน 3 ชั่วโมง

1. สาระสาคัญ
การรีทัช เป็นเทคนิคการตกแต่งภาพที่ใช้ลบจุดตาหนิ และปรับแก้ไขภาพเฉพาะในบางจดุ ให้

ดสู วยงาม จะพบบอ่ ยในการตกแตง่ ภาพดารา นางแบบ เพอื่ ใช้ประกอบในงานกราฟิกตา่ ง ๆ

2. สมรรถนะประจาหน่วย
2.1 รีทัชเทคนคิ การแต่งภาพสาหรบั Photoshop
2.2 ปรบั ความคมชดั ของภาพ
2.3 เกลย่ี สีภาพโดยใช้ Smudge Tool
2.4 ปรบั โทนสีภาพ
2.5 ปรบั ภาพโดยการใช้สาเนา
2.6 ปรับแกไ้ ขตาหนิภาพ

3. จุดประสงคก์ ารเรยี นรู้
3.1 ดา้ นความรู้
3.1.1 ปรับแตง่ ความคมชัดของภาพตามความตอ้ งการ
3.1.2 ปรับโทนสขี องภาพให้สวยงาม
3.1.3 สรา้ งลวดลายใหภ้ าพ
3.1.4 เลอื กใช้เครอ่ื งมือรที ัชใหเ้ หมาะสมกบั ภาพ
3.1.5 ใช้เทคนิครที ชั เพ่อื แก้ไขสว่ นทเี่ ป็นตาหนิในภาพ
3.1.6 ทาสาเนาภาพเพอ่ื ใชใ้ นการตกแตง่ ภาพ
3.1.7 อธบิ ายการแก้ไขภาพ
3.2 ด้านทักษะ
3.2.1 สามารถปรับแต่งความคมชัดของภาพตามความต้องการได้
3.2.2 สามารถปรบั โทนสีของภาพใหส้ วยงามได้
3.2.3 สามารถสร้างลวดลายใหภ้ าพได้
3.2.4 สามารถเลอื กใช้เคร่ืองมอื รที ัชใหเ้ หมาะสมกบั ภาพได้
3.2.5 สามารถใชเ้ ทคนิครีทัชเพอ่ื แก้ไขส่วนท่ีเปน็ ตาหนิในภาพได้
3.2.6 สามารถทาสาเนาภาพเพอ่ื ใชใ้ นการตกแตง่ ภาพได้
3.2.7 อธบิ ายการแก้ไขภาพได้ถกู ต้อง
3.3 คณุ ลกั ษณะท่ีพงึ ประสงค์
3.3.1 ใฝ่เรียนรู้

๑๔๖

3.3.2 ทางานเปน็ ระเบยี บเรียบร้อย
3.3.3 ผเู้ รยี นมคี วามรบั ผิดชอบตอ่ หนา้ ท่ี
3.3.4 ปฏิบัตงิ านด้านความซื่อสัตยส์ จุ รติ
3.3.5 มคี วามมุ่งมน่ั ในการทางาน
3.3.6 ใช้เวลาอย่างคุม้ ค่า
3.3.7 มีจติ สาธารณะ

แผนการจดั การเรยี นรู้มงุ่ เนน้ สมรรถนะ ๑๔๗
ชอื่ หน่วย ตกแต่งภาพด้วยการรที ัช
หน่วยท่ี 11
สัปดาหท์ ี่ 16
จานวน 3 ชว่ั โมง

จานวน 3 ชวั่ โมง

4. เน้ือหาสาระการเรยี นรู้
11.1 รีทัชเทคนิคการแตง่ ภาพสาหรบั Photoshop

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

Focus Tools เป็นเครื่องมอื ปรบั ค่าความคมชดั ของภาพ แบง่ ย่อยเป็น

Blur Tool ทาใหภ้ าพเบลอ

Sharpen Tool ทาใหภ้ าพมีความคมชัด

Smudge Tool เกล่ยี สที าใหส้ ีภาพดูเรียบเนียนและกลมกลืนขน้ึ

Toning Tools เป็นเคร่ืองมือสาหรบั ปรับโทนสขี องภาพให้มืดหรอื สวา่ ง

Dodge Tool ทาให้ภาพมีความสว่างขน้ึ

Burn Tool ทาให้สีของภาพดูเขม้ ข้ึน

Sponge Tool ปรับคา่ ความอิม่ ตวั (Saturate) ของสีทาใหส้ มี ีความเข้ม
และจาง ในระดบั ที่แตกต่างกนั

Clone Tools เป็นเคร่อื งมือทีใ่ ชใ้ นการทาสาเนาภาพ

Clone Stamp Tool นาภาพบางส่วนมาเปน็ สาเนา

Pattern Stamp Tool นาลวดลายทต่ี อ้ งการมาเปน็ สาเนา
Repair Tools เป็นเครอ่ื งมือทใี่ ชแ้ ก้ไขจดุ ตาหนิภายในภาพ

๑๔๘

Spot Healing Brush Tool เป็นการแก้ไขตาหนอที่เป็นจุดเลก็ ๆ

Healing Brush Tool เปน็ การแก้ไขตาหนิท่เี ป็นบรเิ วณพนื้ ท่ี

Patch Tool เปน็ การแก้ไขตาหนโิ ดยการปะ

Red Eye Tool เปน็ การแก้ไขภาพตาแดง (เกดิ จากการใช้แฟลช
ถา่ ยรูป)

11.2 ปรบั ความคมชดั ของภาพ
เปน็ การรีทชั ภาพโดยใชเ้ คร่ืองมอื Focus Tools ซ่งึ มรี ายละเอียดดงั น้ี

ปรับภาพเบลอโดยใช้ Blur Tool

Blur Tool เป็นเครื่องมือท่ีทาให้ภาพเบลอ ดูพร่ามัว โดยสามารถทาเบลอบางส่วน เพ่ือเน้น
สว่ นทต่ี ้องการให้ดูเด่นได้

1. คลกิ เมาสท์ ่ี Blur Tool

2. ปรบั แตง่ ค่าพู่กันท่ีใช้

3. ลากเมาส์ไปมาบรเิ วณท่ตี ้องการทาใหภ้ าพเบลอ

ปรบั ภาพคมชดั โดยใช้ Sharpen Tool
Sharpen Tool จะช่วยเน้นความเข้มของขอบภาพและเพิ่มความคมชัดของภาพ (มีลักษณะ

การใช้งานตรงข้ามกับ Blur Tool) เครื่องมือนี้จะช่วยทาให้ภาพดูชัดข้ึน แต่ต้องระวังตรงที่ถ้าใช้
เครือ่ งมือน้ีมาก ๆ อาจทาใหภ้ าพที่ไดด้ ูแข็งกระด้างได้

1. คลิกเมาส์ท่ี Sharpen Tool

๑๔๙

2. ปรบั แตง่ คา่ พู่กันที่ใช้
3. ลากเมาสไ์ ปมาบรเิ วณทตี่ ้องการทาใหภ้ าพคมชัด

11.3 เกล่ยี สภี าพโดยใช้ Smudge Tool
Smudge Tool เป็นเครื่องมือท่ีมีลักษณะการทางานคล้าย ๆ กับการเอาน้ิวเกลี่ยสีที่เปียก

เพือ่ กระจายไปตามทิศทางที่นว้ิ เกลย่ี นั้น
1. คลิกเมาสท์ ่ี Smudge Tool

2. ปรับแต่งค่าพู่กนั ท่ีใช้

3. ลากเมาสไ์ ปมาบรเิ วณทีต่ ้องการเกลย่ี สี

11.4 ปรับโทนสภี าพ

๑๕๐

เปน็ การรที ัชภาพโดยใชเ้ ครือ่ งมือ Toning Tools ซงึ่ มีรายละเอยี ดดังน้ี
ปรับภาพใหส้ ว่างข้นึ โดยใช้ Dodge Tool

Dodge Tool เป็นเคร่ืองมือกปรับความสว่างภาพเฉพาะบางส่วน หรือเรียกง่าย ๆ ว่า
เปน็ การเพ่ิมแสงให้กับภาพเฉพาะสว่ นท่ตี ้องการ

1. คลิกเมาสท์ ่ี Dodge Tool

2. เลอื กรูปแบบของการเพิ่มแสง
3. กาหนดค่า Exposure

4. ลากเมาสไ์ ปมาบรเิ วณทีต่ ้องการปรบั ความสว่าง

ปรับภาพใหส้ เี ข้มขึ้นโดยใช้ Burn Tool
Burn Tool เป็นเคร่ืองมือปรับให้ภาพมืดลงเฉพาะบางส่วน หรือเรียกง่าย ๆ ว่าเป็นการสร้าง

เงาใหก้ บั ภาพเฉพาะส่วนที่ตอ้ งการ

1. คลิกเมาสท์ ่ี Burn Tool

๑๕๑

2. เลอื กรูปแบบของการสร้างเงา
3. กาหนดคา่ Exposure

4. ลากเมาส์ไปมาบรเิ วณที่ต้องการปรบั ความสวา่ ง

ปรบั ภาพให้สอี ่มิ ขน้ึ โดยใช้ Sponge Tool
Sponge Tool เป็นเครือ่ งมอื ปรบั เนื้อสีของภาพใหม้ ีสีท่ีอ่ิมหรือซีดจางลง เพื่อให้ภาพดู

น่าสนใจมากขึน้
1. คลกิ เมาสท์ ่ี Sponge Tool

2. กาหนดโหมดสี
3. กาหนดค่า Flow

4. ลากเมาส์บรเิ วณทีต่ ้องการ

๑๕๒

11.5 ปรับภาพโดยการใชส้ าเนา
เปน็ การรีทชั ภาพโดยใชเ้ ครือ่ งมือ Clone Tools ซ่งึ มรี ายละเอียดดงั นี้

สาเนาภาพโดยใช้ Clone Stamp Tool
Clone Stamp Tool เป็นเครื่องมือทาสาเนาแบบหน่ึงต่อหนึ่ง หรือเรียกว่า “โคลนนิ่งภาพ”

โดยใชบ้ างส่วนของภาพทีเ่ ลือกไว้มาสร้างเป็นภาพที่เหมอื นกนั ในพื้นทใ่ี หม่
1. คลิกเมาส์ท่ี Clone Stamp Tool
2. กดแป้น <Alt> คา้ งไวแ้ ลว้ คลิกเมาส์
3. คลิกเมาส์ทชี่ อ่ ง Aligned
4. ลากเมาสไ์ ปมาบรเิ วณที่ต้องการทาสาเนาภาพ
สาเนาลวดลายโดยใช้ Pattern Stamp Tool

Pattern Stamp Tool เป็นเคร่ืองมือสาหรับสร้างลวดลายให้กับภาพ โดยมีวิธีคร่าว ๆ คือ
ต้องกาหนดหรือสร้างลวดลายภาพ (Pattern) เสียก่อน หลังจากนั้นจึงระบายภาพนั้นลงไปได้ตาม
ตอ้ งการ ดงั นี้
1. คลิกเมาสท์ ่ี Pattern Stamp Tool
2. คลิกเลือกภาพลวดลายสาเรจ็ รปู
3. เลือกพืน้ ท่ีในสว่ นทต่ี อ้ งการใสล่ วดลาย
4. ลากเมาส์เพื่อใส่ลวดลายให้ทั่วทงั้ พ้ืนที่
11.6 ปรับแกไ้ ขตาหนภิ าพ
แก้ไขตาหนิภาพที่เป็นจุดโดยใช้ Spot Healing Brush Tool

Spot Healing Brush Tool เป็นเครื่องมือท่ีเหมาะกับการใช้แก้ไขตาหนิที่เป็นจุด เช่น ภาพ
ท่ีเป็นสิว หรือไฝ สามารถแก้ไขได้โดยใช้ Spot Healing Brush Tool คลิกลงไปบนจุดตาหนิ จากน้ัน
โปรแกรมจะดึงสีจากพื้นท่ีข้างเคียงมาแทนที่ลงอย่างอัตโนมัติ ซ่ึงจะยังคงรักษาระดับของเฉดสีต่าง ๆ
เอาไวอ้ ย่างแนบเนียน
1. คลิกเมาสท์ ี่ Spot Healing Brush Tool
2. ปรับขนาดของหวั พู่กนั และรปู แบบการแก้ไขภาพ

๑๕๓

3. คลกิ เมาสล์ งบนจดุ ตาหนทิ ี่ตอ้ งการแก้ไข
แก้ไขตาหนิที่เปน็ บรเิ วณโดยใช้ Healing Brush Tool

Healing Brush Tool เป็นเคร่ืองมือที่ใช้แก้ไขตาหนิบริเวณกว้าง โดยการดึงภาพจาก
ตาแหน่งอ่นื มาปดิ ทบั เหมือนการใช้เคร่อื งมอื Clone Tool ทกี่ ล่าวไป
1. คลิกเมาสท์ ่ี Healing Brush Tool

2. ปรบั ลักษณะของหวั พู่กนั

3. กดแปน้ <Alt> แลว้ คลกิ เมาสล์ งจุดที่เปน็ จดุ ตัง้ ต้น

4. ลากเมาส์เอาพน้ื ทบ่ี ริเวณจุดต้ังตน้ มาแปะแทน
ปะรอยตาหนโิ ดยใช้ Patch Tool

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

2. เลือกพ้นื ที่ท่ตี ้องการจะตกแตง่

3. คลิกลากเมาส์ไปบริเวณที่ต้องการ พืน้ ทีบ่ ริเวณนั้นจะถูกนามาปะในสว่ นของพื้นที่ทเ่ี ลอื ก
แก้ไขภาพตาแดงโดยใช้ Red Eye Tool

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

2. ปรับขนาดของดวงตา

3. ปรับขนาดความเข้มของสีดา

4. ลากเมาสล์ งบนดวงตาทัง้ สองขา้ ง

แผนการจดั การเรียนรู้มุง่ เนน้ สมรรถนะ ๑๕๔
ช่อื หน่วย ตกแตง่ ภาพด้วยการรีทชั
หน่วยที่ 11
สปั ดาหท์ ี่ 16
จานวน 3 ช่ัวโมง

จานวน 3 ชว่ั โมง

5.กิจกรรมการเรยี นการสอน
5.1 การนาเข้าสบู่ ทเรียน
5.1.1ครู เชค็ ชอื่ และตรวจการแต่งกาย
นกั เรียน ขานช่อื และลุกขน้ึ ให้ครตู รวจการแตง่ กายทีละคน
5.1.2ครู ทบทวนก่อนเรียนโดยการซักถามเก่ียวกบั การตกแต่งภาพด้วยการ
รที ัช
นักเรยี น ตอบคาถาม ซักถามข้อสงสัย
5.2 การเรียนรู้
5.2.1ครู อธิบายถงึ การตกแต่งภาพดว้ ยการรที ัช และการใชง้ านโปรแกรม
โดยการสาธิตการใชง้ านโปรแกรม ตอบคาถาม/ซกั ภามข้อสงสัย
นักเรียน จดบนั ทึก ตอบคาถาม ปรกึ ษา/อภปิ รายกับเพ่อื น
5.2.2ครู ทดสอบผเู้ รยี นโดยการถามตอบกนั ภายในหอ้ งเรยี น และอธิบาย
บางในข้อทผี่ เู้ รยี นมีข้อสงสยั จดบนั ทกึ ย่อ
นักเรยี น ร่วมกันอภิปรายหาข้อสรุป
5.2.3ครู ให้นักเรยี นทาแบบทดสอบเร่ืองตกแต่งภาพด้วยการรีทชั เพื่อเกบ็
คะแนน
นกั เรยี น ทาแบบทดสอบ
5.2.4ครู ให้ทาการทดลองใบงาน/ให้คาแนะนา
นักเรยี น ปฏบิ ัติการทดลองตามใบงาน
5.3 การสรปุ
5.3.1ครู สุ่มเรียกนกั เรียนออกมาสรุปเนือ้ หาที่ได้เรียนมาทีละคนจน
ครอบคลุมเน้ือหาทง้ั หมด โดยครชู ว่ ยใหค้ าแนะนา และอธบิ าย
เพม่ิ เติม
นกั เรียน ออกมาหน้าช้นั เรยี นสรุปเนอื้ หาซักถามปญั หาและจดบนั ทึก
เพม่ิ เติม
5.3.2ครู ใหน้ กั เรียนทาใบปฏิบัตกิ ารทดลองใหเ้ สรจ็ สมบรู ณ์และให้
นกั เรยี นซกั ถามปญั หาในการเรยี น
นักเรียน ซักถามปญั หาและข้อสงสยั ในใบปฏิบตั กิ ารทดลอง สรุปผลการ
ทดลองและสง่ ใบปฏบิ ัติการทดลอง
5.4 การวดั และประเมนิ ผล
5.4.1ครู สุ่มถามนกั เรยี นเกย่ี วกับเน้ือหาทีเ่ รยี น
นักเรยี น ตอบคาถามท่คี รถู าม

๑๕๕

5.4.2ครู ใหน้ ักเรยี นทาแบบทดสอลประจาหนว่ ย ตรวจใบปฏบิ ัตกิ าร
นักเรียน ทดลองของนักเรียน เฉลยแบบทดสอบประจาหนว่ ยและบันทกึ
คะแนน
ทาแบบทดสอบประจาหนว่ ย และแลกเปลย่ี นกนั ตรวจ
แบบทดสอบ

6. สือ่ การเรยี นร/ู้ แหล่งเรียนรู้
ส่อื สงิ่ พิมพ์
หนังสอื เรียนวชิ า โปรแกรมกราฟิก (Photoshop CS6) ปิยะ นากสงค์. (2562). กรงุ เทพ :
ซัคเซส มเี ดยี

7. เอกสารประกอบการจดั การเรียนรู้ (ใบความรู้ ใบงาน ใบมอบหมายงาน ฯลฯ)
7.1 ใบความรู้ประกอบการเรียนวิชา โปรแกรมกราฟิก หนว่ ยที่ 11 เร่ือง ตกแต่งภาพด้วยการ
รีทัช
7.2 ใบปฏบิ ตั ิการทดลองที่ 10

8. การบูรณาการ/ความสมั พนั ธก์ บั วชิ าอืน่
8.1 สามารถนาความร้มู าใชใ้ นการตกแตง่ ภาพกราฟิก
8.2 สามารถนาความรูม้ าใช้ร่วมกบั วิชาโครงงาน

9. การวดั และประเมนิ ผล
9.1กอ่ นเรียน
9.1.1.ผเู้ รยี นศกึ ษา คน้ ควา้ จากเอกสาร ตารา เก่ยี วกับความร้เู ก่ยี วกับโปรแกรมกราฟกิ
9.1.2.ผเู้ รยี นทาแบบทดสอบก่อนเรียน
9.2ขณะเรียน
9.2.1.การสงั เกตพฤติกรรมภายในช้ันเรยี น
9.2.2.ทาแบบฝกึ หดั ประจาหนว่ ย
9.3 หลงั เรียน
9.3.1.ใหผ้ ู้เรยี นชว่ ยกันสรุปเนื้อหา
9.3.2.ทาแบบทดสอบหลงั เรยี น
9.3.3.ทาแบบทดสอบประจาหน่วย เพอ่ื วดั ผลสมั ฤทธทิ์ างการเรียน

10.บันทึกหลังการสอน
10.1 ผลการใช้แผนการจัดการเรยี นรู้

............................................................................................................................. ...................................
................................................................................................ ................................................................
............................................................................................................................. ...................................

๑๕๖

............................................................................................................................................................ ....
............................................................................................................................. ...................................
............................................................................................................................. ...................................
................................................................................................................................................................

10.2 ผลการเรยี นรขู้ องนกั เรียน นกั ศึกษา
...................................................................................................................... ..........................................
............................................................................................................................. ...................................
................................................................................................................................................................
.............................................................................................................................. ..................................
............................................................................................................................. ...................................
................................................................................................................................................................

10.3 แนวทางการพัฒนาคุณภาพการเรียนรู้
............................................................................................................................. ...................................
............................................................................................................................. ...................................
................................................................................................................................................................
............................................................................................................................. ...................................
.......................................................................................................................................... ......................
............................................................................................................. ...................................................

แผนการจัดการเรียนรู้มุง่ เนน้ สมรรถนะ ๑๕๗
ชอ่ื หน่วย ตกแตง่ ภาพดว้ ยฟลิ เตอร์
หนว่ ยที่ 12
สปั ดาหท์ ่ี 17
จานวน 3 ชัว่ โมง

จานวน 3 ชั่วโมง

1. สาระสาคัญ
บทน้ีจะทาการตกแต่งภาพจากโปรแกรม Photoshop โดยใช้คาสั่งพิเศษ ที่ช่วยให้สามารถ

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

2.1 ฟิลเตอรค์ ืออะไร
2.2 กฎการใช้งานฟลิ เตอร์
2.3. วิธกี ารใช้งานฟลิ เตอร์
2.4. ปรับสดั สว่ นของภาพดว้ ย Liquify
2.5. ตกแต่งภาพในแนวระนาบด้วย Vanishing Point

3. จุดประสงค์การเรยี นรู้
3.1 ด้านความรู้
3.1.1 คณุ สมบตั แิ ละความสาคญั ของฟลิ เตอร์
3.1.2 การใชง้ านฟลิ เตอร์ชนดิ ต่าง ๆ
3.1.3 กฎการใช้เงานฟิลเตอร์
3.1.4 การใช้ฟิลเตอรใ์ นการตกแตง่ ภาพให้สวยงาม
3.1.5 การใช้ Liquify มาใชว่ ยในการปรบั สัดสว่ นของภาพได้
3.2 ด้านทกั ษะ
3.2.1 อธบิ ายคุณสมบตั ิและความสาคญั ของฟลิ เตอรไ์ ด้
3.2.2 อธิบายการใช้งานฟิลเตอรช์ นดิ ตา่ ง ๆ ได้
3.2.3 อธิบายกฎการใชเงานฟิลเตอร์ได้
3.2.4 สามารถใช้ฟลิ เตอรใ์ นการตกแตง่ ภาพให้สวยงามได้
3.2.5 สามารถใช้ Liquify มาใช่วยในการปรับสัดส่วนของภาพได้
3.3 คณุ ลกั ษณะท่ีพึงประสงค์
3.3.1 ใฝเ่ รียนรู้
3.3.2 ทางานเปน็ ระเบยี บเรียบร้อย
3.3.3 ผู้เรียนมคี วามรบั ผิดชอบตอ่ หนา้ ที่
3.3.4 ปฏิบตั ิงานด้านความซ่ือสัตย์สุจรติ
3.3.5 มคี วามมุ่งม่นั ในการทางาน

๑๕๘

3.3.6 ใช้เวลาอยา่ งคุ้มค่า
3.3.7 มีจติ สาธารณะ

แผนการจดั การเรียนรู้มุ่งเนน้ สมรรถนะ ๑๕๙
ช่อื หน่วย ตกแต่งภาพด้วยฟิลเตอร์
หน่วยที่ 12
สัปดาหท์ ี่ 17
จานวน 3 ชั่วโมง

จานวน 3 ช่ัวโมง

4. เน้อื หาสาระการเรยี นรู้
12.1 ฟลิ เตอรค์ ืออะไร

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

1. Layer Style เป็นฟิลเตอร์สาหรับปรับแต่งภาพในแต่ละเลเยอร์ ซึ่งเลือกใช้ได้โดยเมนู
คาส่งั Layer -> Layer Style ->ฟิลเตอร์ทตี่ ้องการ โดยไดก้ ลา่ วถึงวิธใี ช้งานไปแลว้ ในบท “การทางาน
กบั เลเยอร”์

2. Filter เป็นฟิลเตอร์ที่สร้างโดยบริษัทผู้ผลิตโปรแกรม Photoshop ประกอบด้วยฟิลเตอร์
9 กลุ่ม ซึง่ จะกลา่ วอยา่ งละเอยี ดในบทนี้

3. Plug-in เป็นฟิลเตอร์เพิ่มเติมที่ถูกพัฒนาจากบริษัทอ่ืน เช่น Eye Candy 5 : Impact,
Nature, Textures, Xenofex 2 และ SnapArt จากบริษัท Alien Skin Software
12.2 กฎการใชง้ านฟิลเตอร์

ลักษณะของการตกแต่งภาพด้วยการใช้ฟิลเตอร์น้ัน เป็นเหมือนกับการซ้อนภาพด้วย

แผน่ ฟิล์มบาง ๆ ท่ีช่วยเปล่ียนใหภ้ าพปกติแปลกตาออกไป เหมอื นกบั การถ่ายภาพด้วยการใส่ฟลิ เตอร์

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

ของฟิลเตอรม์ ีกฎงา่ ย ๆ ดังน้ี 1. ฟิลเตอร์สามารถทางานได้กับเลเยอร์ที่ถูกเลือก

(Active), เลเยอร์ที่มองเห็น (Visible) หรอื เฉพาะพน้ื ท่เี ลอื กได้

2. ฟิลเตอรไ์ มส่ ามารถใช้กับภาพในโหมดสี Bitmap และ Indexed Color

3. มีบางฟลิ เตอรใ์ ชไ้ ดเ้ ฉพาะภาพในโหมดสี RGB

4. ทกุ ฟิลเตอร์สามารถใชไ้ ด้กบั ภาพสี 8 บิต

12.3. วธิ ีการใชง้ านฟลิ เตอร์
สามารถเรียกใช้ฟิลเตอร์ ด้วยการใช้นคาส่ังที่อยู่ในเมนู Filters ที่หน้าต่าง Image Menu

และ เลือกฟิลเตอร์ทต่ี อ้ งการใส่ข้ันตอนในการใชง้ านฟิลเตอร์
12.4. ปรับสดั ส่วนของภาพดว้ ย Liquify

๑๖๐

Liquify Filter เป็นฟิลเตอร์ที่ใช้สาหรับตกแต่งรูปภาพเฉพาะส่วน ให้มีรูปแบบต่างๆ ตาม

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

1. Forward Wrap Tool ( ) คือ เครื่องมือสาหรับทาให้รูปภาพส่วนท่ีต้องการบิด

เบี้ยวไปตาม

ทศิ ทางทีล่ ากเมาสไ์ ป

2. Reconstruct Tool ( ) คือ เคร่ืองมือสาหรับการทางานในส่วนท่ีต้องการของ
รปู ภาพใหก้ ลบั สูส่ ภาพเดมิ โดยการคลิกเมาสบ์ รเิ วณท่ีต้องการ

3. Twirl Clockwise Tool ( ) คือ เครื่องมือสาหรับบิด หมุนรูปภาพโดยหมุนทิศทาง
ตามเข็มนาฬิกา โดยการคลิกเมาส์ค้างบริเวณท่ีต้องการ ภาพส่วนที่เลือกจะหมุนไปเร่ือยๆ จนกว่าจะ
ปล่อยเมาส์

4. Pucker Tool ( ) คือเครอื่ งมือสาหรบั บีบรปู ภาพส่วนทีต่ อ้ งการลง

5. Bloat Tool ( ) คอื เครือ่ งมอื ขยายภาพสว่ นทีต่ อ้ งการใหพ้ องออก

6. Push Left Tool ( ) คือ เครื่องมือสาหรับดันรูปภาพส่วนที่ต้องการให้เล่ือนไป

ทางซา้ ย

7. Mirror Tool ( ) คือ เครื่องมือสาหรับทาหน้าท่ีเป็นกระจกสาหรับสะท้อนส่วน
ของรปู ภาพท่ตี ้องการ

8.Turbulence Tool ( ) คอื เครอ่ื งมอื สาหรบั รับรูปภาพให้บิดเบ้ียว สบั สน

12.5. ตกแต่งภาพในแนวระนาบดว้ ย Vanishing Point
ฟิลเตอร์ Vanishing Point เป็นฟิลเตอร์ที่ใช้สาหรับการแก้ไขและตกแต่งรูปภาพในแนว

ระนาบ โดยการคัดลอกและปรบั เปลยี่ นพ้ืนทท่ี ่ตี อ้ งการให้เข้ากบั แนวระนาบของพ้นื ทนี่ น้ั โดยอตั โนมัติ
Vanishing Point สามารถคดั ลอกรปู ภาพตน้ แบบโดยใช้เครอ่ื งมือ 2 ชนดิ คอื Marquee

Tool หรือ Stamp Tool

แผนการจัดการเรียนรมู้ งุ่ เน้นสมรรถนะ ๑๖๑
ชอื่ หน่วย ตกแต่งภาพด้วยฟลิ เตอร์
หนว่ ยที่ 12
สปั ดาหท์ ี่ 17
จานวน 3 ชั่วโมง

จานวน 3 ชั่วโมง

5.กิจกรรมการเรยี นการสอน
5.1 การนาเขา้ สูบ่ ทเรยี น
5.1.1ครู เชค็ ชอ่ื และตรวจการแตง่ กาย
นกั เรยี น ขานชือ่ และลุกขึ้นให้ครตู รวจการแตง่ กายทลี ะคน
5.1.2ครู ทบทวนก่อนเรียนโดยการซักถามเกยี่ วกบั การใช้งานโปรแกรม
Photoshop
นกั เรยี น ตอบคาถาม ซักถามข้อสงสัย
5.2 การเรยี นรู้
5.2.1ครู อธบิ ายถึงการตกแตง่ ภาพด้วยฟิลเตอร์และการใช้งานโปรแกรม
โดยสือ่ PowerPoint ตอบคาถาม/ซักภามข้อสงสยั
นกั เรียน จดบันทกึ ตอบคาถาม ปรึกษา/อภปิ รายกบั เพอื่ น
5.2.2ครู ทดสอบผเู้ รียนโดยการถามตอบกนั ภายในหอ้ งเรยี น และอธิบาย
บางในข้อท่ผี ูเ้ รยี นมีขอ้ สงสยั จดบนั ทึกย่อ
นกั เรยี น ร่วมกันอภปิ รายหาข้อสรปุ
5.2.3ครู ให้นกั เรียนทาแบบทดสอบเร่ืองการตกแต่งภาพดว้ ยฟลิ เตอร์
เพอื่ เกบ็ คะแนน
นกั เรียน ทาแบบทดสอบ
5.2.4ครู ใหท้ าการทดลองใบงาน/ให้คาแนะนา
นักเรียน ปฏิบตั กิ ารทดลองตามใบงาน
5.3 การสรุป
5.3.1ครู สุ่มเรยี กนกั เรยี นออกมาสรุปเนือ้ หาที่ได้เรยี นมาทลี ะคนจน
ครอบคลุมเน้ือหาท้งั หมด โดยครชู ว่ ยให้คาแนะนา และอธบิ าย
เพิ่มเติม
นักเรียน ออกมาหนา้ ชน้ั เรยี นสรปุ เนอ้ื หาซกั ถามปญั หาและจดบันทึก
เพม่ิ เติม
5.3.2ครู ให้นกั เรียนทาใบปฏบิ ตั ิการทดลองให้เสร็จสมบรู ณ์และให้
นกั เรียนซกั ถามปัญหาในการเรียน
นักเรยี น ซกั ถามปัญหาและข้อสงสยั ในใบปฏบิ ตั ิการทดลอง สรุปผลการ
ทดลองและส่งใบปฏบิ ัติการทดลอง
5.4 การวดั และประเมนิ ผล
5.4.1ครู สมุ่ ถามนกั เรยี นเกี่ยวกบั เน้ือหาทเี่ รยี น
นกั เรยี น ตอบคาถามทค่ี รูถาม

๑๖๒

5.4.2ครู ใหน้ ักเรียนทาแบบทดสอลประจาหนว่ ย ตรวจใบปฏบิ ตั ิการ
ทดลองของนักเรียน เฉลยแบบทดสอบประจาหนว่ ยและบันทึก
คะแนน

นักเรียน ทาแบบทดสอบประจาหน่วย และแลกเปลยี่ นกันตรวจ
แบบทดสอบ

6. สือ่ การเรียนรู/้ แหล่งเรยี นรู้
ส่อื ส่งิ พิมพ์
หนงั สือเรยี นวิชา โปรแกรมกราฟกิ (Photoshop CS6) ปิยะ นากสงค์. (2562). กรุงเทพ :
ซคั เซส มเี ดยี

7. เอกสารประกอบการจดั การเรียนรู้ (ใบความรู้ ใบงาน ใบมอบหมายงาน ฯลฯ)
7.1 ใบความรู้ประกอบการเรียนวิชา โปรแกรมกราฟิก หน่วยท่ี 12 เร่อื ง ตกแต่งภาพดว้ ย
ฟิลเตอร์
7.2 ใบปฏบิ ัติการทดลองที่ 11

8. การบูรณาการ/ความสมั พนั ธ์กบั วชิ าอน่ื
8.1 สามารถนาความรู้มาใชใ้ นการตกแตง่ ภาพกราฟิก
8.2 สามารถนาความรมู้ าใช้ร่วมกับวิชาโครงงาน

9. การวดั และประเมนิ ผล
9.1ก่อนเรียน
9.1.1.ผูเ้ รยี นศกึ ษา ค้นคว้าจากเอกสาร ตารา เก่ียวกบั ความรเู้ กยี่ วกบั โปรแกรมกราฟกิ
9.1.2.ผู้เรยี นทาแบบทดสอบก่อนเรียน
9.2ขณะเรียน
9.2.1.การสังเกตพฤติกรรมภายในชั้นเรยี น
9.2.2.ทาแบบฝกึ หดั ประจาหนว่ ย
9.3 หลงั เรียน
9.3.1.ให้ผเู้ รียนชว่ ยกันสรุปเน้ือหา
9.3.2.ทาแบบทดสอบหลงั เรยี น
9.3.3.ทาแบบทดสอบประจาหนว่ ย เพือ่ วัดผลสัมฤทธิ์ทางการเรยี น

10.บนั ทึกหลงั การสอน
10.1 ผลการใช้แผนการจัดการเรยี นรู้

............................................................................................................................. ...................................
................................................................................................................................................................
............................................................................................................................. ...................................
.............................................................................................................................. ..................................
................................................................................................. ...............................................................

๑๖๓

............................................................................................................................. ...................................
............................................................................................................................. ...................................

10.2 ผลการเรียนร้ขู องนกั เรยี น นักศกึ ษา
........................................................................................ ........................................................................
............................................................................................................................. ...................................
.................................................................................................................................. ..............................
........................................................................................................................ ........................................
............................................................................................................................. ...................................
................................................................................................................................................................

10.3 แนวทางการพัฒนาคุณภาพการเรยี นรู้
................................................................................................................. ...............................................
............................................................................................................................. ...................................
................................................. ........................................................................................................... ....
............................................................................................................................. ...................................
............................................................................................................................. ...................................
................................................................................................ ................................................................

๑๖๔

บรรณานกุ รม

ดนพุ ล ก่ิงสุคนธ.์ 2546.200.Photoshop Supertips. นนทบรุ ี: พมิ พ์ครั้งที่ 1,อิโฟเพรส.
ทัศยาภรณ์ เกื้อน่มุ . 2552. Photoshop for Retouching คมู่ ือรที ัชภาพบคุ คลอย่างมืออาชีพ.

กรุงเทพมหานคร :โปรวิชน่ั จากัด.
ปิยะ นากสงค์ โปรแกรมกราฟิก (Photoshop CS6). กรุงเทพฯ :ซคั เซส มีเดีย, 2562.
ภาวัฒน์ เลิศบัญญาติรนั กลู วงศ.์ 2547. แตง่ ภาพใหส้ วยดว้ ยPhotoshop CS เวอรช์ ่ัน 8.

กรุงเทพมหานคร : สานกั พิมพด์ อกหญา้ กรปุ๊ .
มนสุพร เลาหะพนั ธ์ุ. 2548. Adobe Photoshop cs6. กรุงเทพมหานคร:ฟิวเจอร์ววิ จากัด.
สมพร จินโต. 2550. รวมเทคนคิ ปรับแสงแต่งสดี ว้ ย Photoshop. กรงุ เทพมหานคร:

เอสพ.ี ซี.บคุ๊ ส์จากัด.