Transcript
Page 1: Adobe Photoshop CS6 - kroobannok.com3. นักเรียนสามารถใช้เครื่องมือในโปรแกรม Adobe Photoshop CS6 ในการสร้าง
Page 2: Adobe Photoshop CS6 - kroobannok.com3. นักเรียนสามารถใช้เครื่องมือในโปรแกรม Adobe Photoshop CS6 ในการสร้าง

ชดกจกรรมท 6 เทคนคการปรบแสง แตงส

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6 http://www.prasitramphan.wordpress.com

ค าน า

การจดกจกรรมการเรยนรใหกบนกเรยน จ า เปนอยางยงทครจะตองจดกจกรรมใหนกเรยนไดเกดทกษะและกระบวนการเรยนร ดงนนครจงตองคดคนและสรางนวตกรรมใหม ๆ มาประกอบการสอน เปนการเพมประสทธภาพการเรยนรของนกเรยน ชดกจกรรมการฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6 ส าหรบนกเรยนชนประถมศกษาปท 6 วชาคอมพวเตอร กลมสาระการเรยนรการงานอาชพและเทคโนโลย จดท าขนเพอใชควบคกบแผนการจดการเรยนร เรองการใชคอมพวเตอรชวยสรางชนงานจากจนตนาการ มจ านวน 6 ชดกจกรรม ดงน

ชดกจกรรมท 1 เทคนคการสรางภาพกราฟก ชดกจกรรมท 2 เทคนคการออกแบบตวอกษร ชดกจกรรมท 3 เทคนคการสรางกรอบรป ชดกจกรรมท 4 เทคนคการรทชรปภาพ ชดกจกรรมท 5 เทคนคการตดตอภาพ ชดกจกรรมท 6 เทคนคการปรบแสง แตงส

ชดกจกรรมการฝกทกษะเพอสรางสรรคผลงานจากโปรแกรม Adobe Photoshop CS6 ส าหรบนกเรยนชนประถมศกษาปท 6 วชาคอมพวเตอร กลมสาระ การเรยนรการงานอาชพและเทคโนโลย ชดกจกรรมท 6 เทคนคการปรบแสง แตงส เลมน ประกอบดวย จดประสงคการเรยนร แบบทดสอบกอนเรยน ใบความร แบบฝกปฏบต และแบบทดสอบหลงเรยน ซงชวยใหนกเรยนเขาใจเนอหาไดงายและชดเจน ซงจะน าไปสการพฒนาผลสมฤทธทางการเรยนทสงขน ตลอดจนสามารถน าความรและประสบการณ ทไดรบไปประยกตใชกบการใชโปรแกรมอน ๆ ไดเปนอยางด

ผจดท าหวงเปนอยางยงวา ชดกจกรรมการฝกทกษะเพอสรางสรรคผลงาน ดวยโปรแกรม Adobe Photoshop CS6 ส าหรบนกเรยนชนประถมศกษาปท 6 วชาคอมพวเตอร กลมสาระการเรยนรการงานอาชพและเทคโนโลยน จะชวยพฒนาการเรยนการสอนวชาคอมพวเตอรใหกบนกเรยนไดเปนอยางดและสรางสรรค ตลอดจนผทสนใจ จะไดรบประโยชนจากชดกจกรรม และน าไปประยกตสรางชนงานตอไป

ประสทธ ร าพรรณ

Page 3: Adobe Photoshop CS6 - kroobannok.com3. นักเรียนสามารถใช้เครื่องมือในโปรแกรม Adobe Photoshop CS6 ในการสร้าง

ชดกจกรรมท 6 เทคนคการปรบแสง แตงส

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6 http://www.prasitramphan.wordpress.com

สารบญ

เนอหา หนา ค าน า ก สารบญ ข ค าชแจงส าหรบนกเรยน 1 มาตรฐานการเรยนร / ตวชวด 2 จดประสงคการเรยนร 2 แบบทดสอบกอนเรยน 3 ใบความรท 1 การปรบแสงดวย Auto Contrast และ Brightness/Contrast 6 แบบฝกปฏบตท 1 การปรบแสงดวย Auto Contrast และ Brightness/Contrast 8 ใบความรท 2 การปรบแสงดวย Levels และ Curves 9 แบบฝกปฏบตท 2 การปรบแสงดวย Levels และ Curves 12 ใบความรท 3 การแกปญหารปถายยอนแสง ดวย Shadow/Highlights 13 แบบฝกปฏบตท 3 การแกปญหารปถายยอนแสง ดวย Shadow/Highlights 15 ใบความรท 4 ยอมสรปถายใหสมจรง ดวย Color Balance 16 แบบฝกปฏบตท 4 ยอมสรปถายใหสมจรง ดวย Color Balance 18 ใบความรท 5 การแตงรปสหมน ใหสดใส ดวย Hue/Saturation 19 แบบฝกปฏบตท 5 การแตงรปสหมน ใหสดใส ดวย Hue/Saturation 20 แบบทดสอบหลงเรยน 21 ภาคผนวก 24 กระดาษค าตอบ ชดกจกรรมท 6 เทคนคการปรบแสง แตงส 25 แบบบนทกคะแนน 25 เกณฑการประเมนแบบฝกปฏบต 26 เฉลยแบบทดสอบกอนเรยน 27 เฉลยแบบทดสอบหลงเรยน 28 บนทกชวยจ า 29 บรรณานกรม 30

Page 4: Adobe Photoshop CS6 - kroobannok.com3. นักเรียนสามารถใช้เครื่องมือในโปรแกรม Adobe Photoshop CS6 ในการสร้าง

ชดกจกรรมท 6 เทคนคการปรบแสง แตงส

1

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6 http://www.prasitramphan.wordpress.com

ค าชแจงส าหรบนกเรยน

การเรยนโดยใช ชดกจกรรมการฝกทกษะเพอสรางสรรคผลงานจากโปรแกรม Adobe Photoshop CS6 ส าหรบนกเรยนชนประถมศกษาปท 6 วชาคอมพวเตอร กลมสาระการเรยนรการงานอาชพและเทคโนโลย ชดกจกรรมท 6 เทคนคการปรบแสง แตงส ใหนกเรยนฝกปฏบตตามขนตอนดวยความมงมนและตงใจ ดงน

1. อานค าชแจงการใชชดกจกรรมใหเขาใจกอนลงมอศกษาและปฏบตกจกรรม 2. ท าแบบทดสอบกอนเรยนเพอทดสอบความรพนฐาน ตรวจค าตอบและ

บนทกผลคะแนนทได 3. ศกษาใบความรและปฏบตตามขนตอนทไดก าหนดไว 4. เมอปฏบตการฝกเทคนคตามขนตอนทไดก าหนดไวแลว ลงมอฝกทกษะ

ตามแบบฝกทกษะใหครบทกแบบฝก และสงครบนทกคะแนนทกแบบฝก 5. ท าแบบทดสอบหลงเรยน ตรวจค าตอบและบนทกผลคะแนนเพอตรวจสอบ

ความกาวหนาทางการเรยน 6. ประเมนผลการเรยนร

ขอควรปฏบต

1. หากมขอสงสยใหขอค าอธบายจากครผสอน 2. เพอใหเกดประโยชนสงสด นกเรยนตองมความซอสตยตอตนเอง ไมคดลอก

งานผอนมาเปนของตนเอง และไมเปดเฉลยแบบทดสอบกอน จนกวานกเรยนจะท าแบบทดสอบเสรจ

Page 5: Adobe Photoshop CS6 - kroobannok.com3. นักเรียนสามารถใช้เครื่องมือในโปรแกรม Adobe Photoshop CS6 ในการสร้าง

ชดกจกรรมท 6 เทคนคการปรบแสง แตงส

2

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6 http://www.prasitramphan.wordpress.com

มาตรฐาน ง 3.1 เ ขาใจ เหนคณคา และใชกระบวนการเทคโนโลยสารสนเทศ ในการสบคนขอมล การเรยนร การสอสาร การแกปญหา การท างาน และอาชพอยางมประสทธภาพ ประสทธผล และมคณธรรม

ตวชวด ป.6/2 ใชคอมพวเตอรในการคนหาขอมล ตวชวด ป.6/5 ใชคอมพวเตอรชวยสรางชนงานจากจนตนาการ หรองานทท าใน

ชวตประจ าวนอยางมจตส านก และความรบผดชอบ

1. นกเรยนมความรความเขาใจในการใชโปรแกรม Adobe Photoshop CS6 2. นกเรยนสามารถปรบแสง แตงส ดวยโปรแกรม Adobe Photoshop CS6 ได 3. นกเรยนสามารถใชเครองมอในโปรแกรม Adobe Photoshop CS6 ในการสราง

ชนงานได

มาตรฐานการเรยนร / ตวชวด

จดประสงคการเรยนร

เรามาเรม การปรบแสง แตงส

กนเลยนะครบนกเรยน

Page 6: Adobe Photoshop CS6 - kroobannok.com3. นักเรียนสามารถใช้เครื่องมือในโปรแกรม Adobe Photoshop CS6 ในการสร้าง

ชดกจกรรมท 6 เทคนคการปรบแสง แตงส

3

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6 http://www.prasitramphan.wordpress.com

แบบทดสอบกอนเรยน

ชดกจกรรมท 6 เทคนคการปรบแสง แตงส ค าชแจง ใหนกเรยนเลอกค าตอบทถกตองทสดเพยงขอเดยว (คะแนนเตม 10 คะแนน)

1. การใชเครองมอ Auto Contrast อยางรวดเรวโดยกดปมใด ก. L ข. Ctrl+L ค. Shift+Ctrl+L ง. Alt+Shift+Ctrl+L

2. การปรบแสงตามใจทเราตองการ ควรใชเครองมอใด ก. Auto Contrast ข. Color Balance ค. Hue/Saturation ง. Brightness/Contrast

3. การปรบแสงเงาจากระดบความสวาง คอเครองมอชนดใด ก. Levels ข. Color Balance ค. Hue/Saturation ง. Brightness/Contrast

4. ค าสงคยลด <Ctrl+L> คอเครองมอชนดใด ก. Levels ข. Color Balance ค. Hue/Saturation ง. Brightness/Contrast

Page 7: Adobe Photoshop CS6 - kroobannok.com3. นักเรียนสามารถใช้เครื่องมือในโปรแกรม Adobe Photoshop CS6 ในการสร้าง

ชดกจกรรมท 6 เทคนคการปรบแสง แตงส

4

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6 http://www.prasitramphan.wordpress.com

5. เครองมอชนดใดสามารถปรบแสงเงาพรอมปรบความคมชดในตวไดอยางละเอยด

ก. Curves ข. Color Balance ค. Hue/Saturation ง. Shadow/Highlights

6. การแกไขปญหารปถายยอนแสง ใชเครองมอใดในการปรบแกไดตรงจด ก. Auto Contrast ข. Color Balance ค. Hue/Saturation ง. Shadow/Highlights

7. เครองมอชนดใด สามารถปรบแกรปถายทมโทนสผดเพยนใหกลบมามชวตชวา ไดตามความตองการของเรา ก. Levels ข. Color Balance ค. Hue/Saturation ง. Brightness/Contrast

8. ขอใดคอเครองมอปรบแตงรปสหมน ๆ ใหสดใสขน พรอมลด/เพมสสนของภาพ ก. Curves ข. Color Balance ค. Hue/Saturation ง. Brightness/Contrast

Page 8: Adobe Photoshop CS6 - kroobannok.com3. นักเรียนสามารถใช้เครื่องมือในโปรแกรม Adobe Photoshop CS6 ในการสร้าง

ชดกจกรรมท 6 เทคนคการปรบแสง แตงส

5

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6 http://www.prasitramphan.wordpress.com

9. คยลด <Ctrl+U> เมอกดแลวจะไดเครองมอชนดใดปรากฏขนมาในโปรแกรม

ก. Curves ข. Color Balance ค. Hue/Saturation ง. Brightness/Contrast

10. ค าสงใดทชวยปรบแสงของภาพ ใหมดหรอสวางไดอยางงาย ก. Levels ข. Curves ค. Color Balance ง. Hue/Saturation

Page 9: Adobe Photoshop CS6 - kroobannok.com3. นักเรียนสามารถใช้เครื่องมือในโปรแกรม Adobe Photoshop CS6 ในการสร้าง

ชดกจกรรมท 6 เทคนคการปรบแสง แตงส

6

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6 http://www.prasitramphan.wordpress.com

ใบความรท 1 การปรบแสงดวย Auto Contrast

และ Brightness/Contrast

ปญหาของภาพหลาย ๆ ภาพทเราไดจากกลองถายรป อาจมแสงไมเหมาะสม ซงโปรแกรม Adobe Photoshop CS6 มเครองมอส าหรบแกไขปญหา หลากหลายค าสง แตละค าสงจะมลกษณะพเศษเฉพาะตวตางกนไป ดงรายละเอยดและขนตอนตอไปน

ปรบความสวางและความคมชดอตโนมต (Auto Contrast)

Auto Contrast จะท าใหเราสามารถปรบไดทงความมดและสวาง รวมไปถง ปรบความคมชดใหเราทนทแบบอตโนมต โดยรปทเหมาะกบการใชค าสงนจะเปนรปทถายมาแลวยงไมดพอ คอ มดหรอสวางจาเกนไป มขนตอนของค าสงดงน

1. เปดรปภาพทมปญหาแสงจา มากเกนไป

3. โปรแกรมจะปรบแสงเงาใหสมดล โดยอตโนมต

2. คลกเมน Image > Auto Contrast หรอกดปม <Alt+Shift+Ctrl+L> บนคยบอรด

1

BEFORE

3

2 2

Page 10: Adobe Photoshop CS6 - kroobannok.com3. นักเรียนสามารถใช้เครื่องมือในโปรแกรม Adobe Photoshop CS6 ในการสร้าง

ชดกจกรรมท 6 เทคนคการปรบแสง แตงส

7

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6 http://www.prasitramphan.wordpress.com

ปรบความสวางและความสมดลของแสงในภาพ (Brightness/Contrast)

Brightness/Contrast จะท าให เราปรบแตงไดทงความมดและความสวาง ร วมถ ง ค ว ามสมด ล ขอ งแสง ในภาพ โดยรปแบบก าหนดคาดวยตนเอง ในกรณ ทตองการปรบแสงและความคมชดดวยตวเอง สามารถท าไดดงน 1. เปดรปภาพทมปญหาทตองการปรบ 2. คลกเมน Image>Adjustments>

Brightness/Contrast 3. คลกปม Auto เพอดผลการปรบแตง

แบบอตโนมต ถายงไมพอใจกใหปรบคาเพมเตม

4. ก าหนดคาความมด/สวาง เพมเตม ถาคาตดลบจะลดความสวางและคามากกจะเพมความสวางของภาพให

5. ปรบแตงความแตกตางระหวางสวนทมดทสดกบสวนทสวางทสด ใหภาพสมดล

6. คลกปม OK รปถายจะมแสงสทสมดลมากขนตามทเราตองการ

ไมยากพรอม

แลวไปกนเลย

1

2

BEFORE

3

4

5

6

Page 11: Adobe Photoshop CS6 - kroobannok.com3. นักเรียนสามารถใช้เครื่องมือในโปรแกรม Adobe Photoshop CS6 ในการสร้าง

ชดกจกรรมท 6 เทคนคการปรบแสง แตงส

8

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6 http://www.prasitramphan.wordpress.com

แบบฝกปฏบตท 1 การปรบแสงดวย Auto Contrast

และ Brightness/Contrast

ค าชแจง : ใหนกเรยนใชเครองมอในโปรแกรม Adobe Photoshop CS6 ปรบแตงรปมด/สวางเกนไป ใหไดรปทสมดล ตามใบความรท 1 โดยฝกปฏบตใหไดผลลพธตามภาพทก าหนดให หรอภาพทนกเรยนตองการ ตามจนตนาการของนกเรยน

Auto Contrast

…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………

Brightness/Contrast

BEFORE

BEFORE

AFTER

AFTER

Page 12: Adobe Photoshop CS6 - kroobannok.com3. นักเรียนสามารถใช้เครื่องมือในโปรแกรม Adobe Photoshop CS6 ในการสร้าง

ชดกจกรรมท 6 เทคนคการปรบแสง แตงส

9

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6 http://www.prasitramphan.wordpress.com

1

3

4

2

5 6

7

ใบความรท 2

การปรบแสงดวย Levels และ Curves

ปรบแสงเงาจากระดบความสวาง (Levels)

Levels เปนอกทางเลอกส าหรบการปรบแตงความมด ความสวางของภาพ ซงเปนการปรบแตงคาไดตามความตองการ มากกวาปรบดวย Auto Levels

1. เปดไฟลภาพทตองการปรบแกไข ซงภาพดมดคล า ไมสดใส

2. คลกเมน Image>Adjustments> Levels หรอ กดปม <Ctrl+L>

3. คลกปม Auto เพอดผลการปรบแตงแบบอตโนมต ถายงไมสมดลกใหปรบเพมเตมได

4. ลกศรสด าดานซายใชส าหรบควบคมความมด ถาเลอนไปดานขวาจะเปนการเพมความมด

5. ลกศรสเทาตรงกลางเปนการควบคมโทนสโดยรวมของรป ถาเลอนไปทางดานซายรปจะสวาง ถาเลอนไปทางขวารปจะมดลง

6. ลกศรสขาวควบคมความสว า ง ถาเลอนไปดานซายรปจะสวาง

7. คลกปม OK แสงเงาของรปกจะถกปรบคาตามทเราตองการ

Page 13: Adobe Photoshop CS6 - kroobannok.com3. นักเรียนสามารถใช้เครื่องมือในโปรแกรม Adobe Photoshop CS6 ในการสร้าง

ชดกจกรรมท 6 เทคนคการปรบแสง แตงส

10

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6 http://www.prasitramphan.wordpress.com

BEFORE AFTER

Page 14: Adobe Photoshop CS6 - kroobannok.com3. นักเรียนสามารถใช้เครื่องมือในโปรแกรม Adobe Photoshop CS6 ในการสร้าง

ชดกจกรรมท 6 เทคนคการปรบแสง แตงส

11

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6 http://www.prasitramphan.wordpress.com

ปรบแตงแสงเงาอยางละเอยด (Curves)

Curves เปนเครองมอส าหรบปรบแตงแสงเงาและปรบความคมชดในตว และทส าคญเราสามารถเลอกเองไดวา จะปรบแต งค า เฉพาะส วน ใดของร ป วธการใชเครองมอ ท าไดดงน

1. เปดไฟลภาพทเราตองการแกไข 2. คลก เมน Image>Adjustments>

Curves… หรอ กดปม <Ctrl+M> 3. ก ด ป ม <Ctrl+ค ล ก บ น แ ส ง เ ง า

ในภาพทเราจะแกไข> 4. บนเสน Curves จะมจดเกดขนมา

ใหแดรกเมาส เลอนจดลงมาดานลาง ภาพจะมดลง ถาเลอนจดขนดานบน ภาพจะสวาง

5. คลกปม OK 6. กจะไดภาพทเราตองการ

1

2

3

BEFORE

6

4

5

Page 15: Adobe Photoshop CS6 - kroobannok.com3. นักเรียนสามารถใช้เครื่องมือในโปรแกรม Adobe Photoshop CS6 ในการสร้าง

ชดกจกรรมท 6 เทคนคการปรบแสง แตงส

12

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6 http://www.prasitramphan.wordpress.com

แบบฝกปฏบตท 2

การปรบแสงดวย Levels และ Curves

ค าชแจง : ใหนกเรยนใชเครองมอ Levels และ Curves ในโปรแกรม Adobe Photoshop CS6 แกไขปญหารปภาพทมด/สวางเกนไป ตามใบความรท 2 โดยฝกปฏบต ใหไดผลลพธตามภาพทก าหนดให

BEFORE

BEFORE

AFTER

AFTER

Page 16: Adobe Photoshop CS6 - kroobannok.com3. นักเรียนสามารถใช้เครื่องมือในโปรแกรม Adobe Photoshop CS6 ในการสร้าง

ชดกจกรรมท 6 เทคนคการปรบแสง แตงส

13

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6 http://www.prasitramphan.wordpress.com

ใบความรท 3 แกปญหารปถายยอนแสง ดวย Shadow/Highlights

Shadow/Highlights เปนเครองมอส าหรบแกไขปญหารปถายยอนแสง จะท าใหไลแสงเงา ลดความสวางทแสงจาจนเกนไป และเปดรายละเอยดในสวนทเปนเงามดขนมา ท าใหรปถายยอนแสง กลบมามรายละเอยดทดขน มวธการดงน

1. เปดไฟลภาพทมปญหาขนมา 2. คลกเครองมอ Image>Adjustments>

Shadow/Highlights

3. ในสวน Shadows ในชอง Amount ก าหนดคายงมาก สวนทยอนแสงมด ๆ ในภาพจะสวางขน

4. ในสวน highlights ในชอง Amount ก าหนดคายงมาก สวนทสวางในภาพจะยงมดลง

5. ในสวน Adjustments ในชอง color ก าหนดคายงมาก สภาพจะยงสดขน

6. คลกปม OK

1

2

3

4

5

6

Page 17: Adobe Photoshop CS6 - kroobannok.com3. นักเรียนสามารถใช้เครื่องมือในโปรแกรม Adobe Photoshop CS6 ในการสร้าง

ชดกจกรรมท 6 เทคนคการปรบแสง แตงส

14

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6 http://www.prasitramphan.wordpress.com

BEFORE

รปภาพยอนแสงทมด

กจะกลบมามชวตชวา

มากยงขน

Page 18: Adobe Photoshop CS6 - kroobannok.com3. นักเรียนสามารถใช้เครื่องมือในโปรแกรม Adobe Photoshop CS6 ในการสร้าง

ชดกจกรรมท 6 เทคนคการปรบแสง แตงส

15

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6 http://www.prasitramphan.wordpress.com

แบบฝกปฏบตท 3 แกปญหารปถายยอนแสง ดวย Shadow/Highlights

ค าชแจง : ใหนกเรยนใชค าสง Shadow/Highlights และเครองมอในโปรแกรม Adobe Photoshop CS6 แกไขรปภาพทถายยอนแสง ตามใบความรท 3 โดยฝกปฏบต ใหไดผลลพธตามภาพทก าหนด หรอภาพทนกเรยนคนควาเอง จาก Internet ตามความตองการของนกเรยน

BEFORE

Page 19: Adobe Photoshop CS6 - kroobannok.com3. นักเรียนสามารถใช้เครื่องมือในโปรแกรม Adobe Photoshop CS6 ในการสร้าง

ชดกจกรรมท 6 เทคนคการปรบแสง แตงส

16

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6 http://www.prasitramphan.wordpress.com

1

ใบความรท 4 ยอมสรปถายใหสมจรง ดวย Color Balance

การปรบแตงยอมสรปถาย ถอเปนอกหนงงานส าคญในการตกแตงรปถาย เนองจากรปทมการเลนสสนสดใส หรอปรบยอมจากรปสใหเปนรปโทนเกา ๆ หรอ ขาวด า หรอแมกระทงเปลยนใหเฉดสดแปลกตา เปนการสรางลกเลนใหรปถายไดเปนอยางด

ปรบแตงส (Color Balance)

รปทแสดงผลบนหนาจอเกดจากการผสมกนของแสง สแดง สเขยว และ สน าเงน ดงนน ถารปทเราถายมามโทนสใดสหน งมากหรอนอย ไป อาจท า ให รปโดยรวมมสทเพยนไปได ส าหรบปญหาสของรปเพยนแบบน เราสามารถแกไขไดดวยวธการดงน

1. เปดไฟลรปภาพทมสแดงมากเกนไป 2. คลกเมน Image>Adjustments>

Color Balance หรอกดปม<Ctrl+B> 3. ปรบส Cyan เพอลด/เพมสฟาอมเขยว 4. ปรบส Magenta เพอลด/เพมสแดง

อมมวง 5. ปรบส Yellow เพอลด/เพมสเหลอง 6. คลกปม OK 7. โทนสทผดเพยนในภาพจะดขน

2

3

4

6

5

Page 20: Adobe Photoshop CS6 - kroobannok.com3. นักเรียนสามารถใช้เครื่องมือในโปรแกรม Adobe Photoshop CS6 ในการสร้าง

ชดกจกรรมท 6 เทคนคการปรบแสง แตงส

17

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6 http://www.prasitramphan.wordpress.com

BEFORE

AFTER

Page 21: Adobe Photoshop CS6 - kroobannok.com3. นักเรียนสามารถใช้เครื่องมือในโปรแกรม Adobe Photoshop CS6 ในการสร้าง

ชดกจกรรมท 6 เทคนคการปรบแสง แตงส

18

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6 http://www.prasitramphan.wordpress.com

แบบฝกปฏบตท 4 ยอมสรปถายใหสมจรง

ดวย Color Balance

ค าชแจง : ใหนกเรยนใชเครองมอ Color Balance ในโปรแกรม Adobe Photoshop CS6 ยอมสรปภาพใหสมจรง ตามใบความรท 4 โดยฝกปฏบตใหไดผลลพธตามภาพทก าหนดให

BEFORE

AFTER

Page 22: Adobe Photoshop CS6 - kroobannok.com3. นักเรียนสามารถใช้เครื่องมือในโปรแกรม Adobe Photoshop CS6 ในการสร้าง

ชดกจกรรมท 6 เทคนคการปรบแสง แตงส

19

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6 http://www.prasitramphan.wordpress.com

1

2 3

4

ใบความรท 5 แตงรปสหมน ใหสดใส ดวย Hue/Saturation

ส าหรบรปทถายออกมามสไมสดใส หมน หมองคล า ขาดชวตชวา อยางทตองการเราสามารถแกไขปรบแตงสภาพลกษณะนไดดวยวธการดงน

1. เปดไฟลรปภาพทมสหมน ไมสดใส 2. คลกเมน Image>Adjustments>

Hue/Saturation หรอกดปม <Ctrl+U>

3. ปรบคา Saturation คายงมากสจะยงสดมาก

4. คลกปม OK 5. ภาพสหมองคล ากลบมาสดใสมชวตชวา

5

Page 23: Adobe Photoshop CS6 - kroobannok.com3. นักเรียนสามารถใช้เครื่องมือในโปรแกรม Adobe Photoshop CS6 ในการสร้าง

ชดกจกรรมท 6 เทคนคการปรบแสง แตงส

20

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6 http://www.prasitramphan.wordpress.com

แบบฝกปฏบตท 5 แตงรปสหมน ใหสดใส ดวย Hue/Saturation

ค าชแจง : ใหนกเรยนใช เครองมอในโปรแกรม Adobe Photoshop CS6 แตงรป สหมน ใหสดใส ดวยค าสง Heu/Saturation ตามใบความรท 5 โดยฝกปฏบตใหไดผลลพธตามภาพทก าหนดให หรอภาพทนกเรยนตองการตามจนตนาการของนกเรยน

ไมมอะไรยากเลย

เรากท าได จรง ๆ ดวย

BEFORE AFTER

Page 24: Adobe Photoshop CS6 - kroobannok.com3. นักเรียนสามารถใช้เครื่องมือในโปรแกรม Adobe Photoshop CS6 ในการสร้าง

ชดกจกรรมท 6 เทคนคการปรบแสง แตงส

21

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6 http://www.prasitramphan.wordpress.com

แบบทดสอบหลงเรยน

ชดกจกรรมท 6 เทคนคการปรบแสง แตงส ค าชแจง ใหนกเรยนเลอกค าตอบทถกตองทสดเพยงขอเดยว (คะแนนเตม 10 คะแนน)

1. คยลด <Ctrl+U> เมอกดแลวจะไดเครองมอชนดใดปรากฏขนมาในโปรแกรม ก. Curves ข. Color Balance ค. Hue/Saturation ง. Brightness/Contrast

2. ค าสงใดทชวยปรบแสงของภาพ ใหมดหรอสวางไดอยางงายดาย ก. Levels ข. Curves ค. Color Balance ง. Hue/Saturation

3. เครองมอชนดใดสามารถปรบแสงเงาพรอมปรบความคมชดในตวไดอยางละเอยด ก. Curves ข. Color Balance ค. Hue/Saturation ง. Shadow/Highlights

4. การแกไขปญหารปถายยอนแสง ใชเครองมอใดในการปรบแกไดตรงจด ก. Auto Contrast ข. Color Balance ค. Hue/Saturation ง. Shadow/Highlights

Page 25: Adobe Photoshop CS6 - kroobannok.com3. นักเรียนสามารถใช้เครื่องมือในโปรแกรม Adobe Photoshop CS6 ในการสร้าง

ชดกจกรรมท 6 เทคนคการปรบแสง แตงส

22

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6 http://www.prasitramphan.wordpress.com

5. เครองมอชนดใด สามารถปรบแกรปถายทมโทนสผดเพยนใหกลบมามชวตชวา ไดตามความตองการของเรา ก. Levels ข. Color Balance ค. Hue/Saturation ง. Brightness/Contrast

6. ขอใดคอเครองมอปรบแตงรปสหมน ๆ ใหสดใสขน พรอมลด/เพมสสนของภาพ ก. Curves ข. Color Balance ค. Hue/Saturation ง. Brightness/Contrast

7. การใชเครองมอ Auto Contrast อยางรวดเรวโดยกดปมใด ก. L ข. Ctrl+L ค. Shift+Ctrl+L ง. Alt+Shift+Ctrl+L

8. การปรบแสงตามใจทเราตองการ ควรใชเครองมอใด ก. Auto Contrast ข. Color Balance ค. Hue/Saturation ง. Brightness/Contrast

Page 26: Adobe Photoshop CS6 - kroobannok.com3. นักเรียนสามารถใช้เครื่องมือในโปรแกรม Adobe Photoshop CS6 ในการสร้าง

ชดกจกรรมท 6 เทคนคการปรบแสง แตงส

23

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6 http://www.prasitramphan.wordpress.com

9. การปรบแสงเงาจากระดบความสวาง คอเครองมอชนดใด ก. Levels ข. Color Balance ค. Hue/Saturation ง. Brightness/Contrast

10. ค าสงคยลด <Ctrl+L> คอเครองมอชนดใด ก. Levels ข. Color Balance ค. Hue/Saturation ง. Brightness/Contrast

Page 27: Adobe Photoshop CS6 - kroobannok.com3. นักเรียนสามารถใช้เครื่องมือในโปรแกรม Adobe Photoshop CS6 ในการสร้าง

ชดกจกรรมท 6 เทคนคการปรบแสง แตงส

24

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6 http://www.prasitramphan.wordpress.com

ภาคผนวก

Page 28: Adobe Photoshop CS6 - kroobannok.com3. นักเรียนสามารถใช้เครื่องมือในโปรแกรม Adobe Photoshop CS6 ในการสร้าง

ชดกจกรรมท 6 เทคนคการปรบแสง แตงส

25

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6 http://www.prasitramphan.wordpress.com

กระดาษค าตอบ ชดกจกรรมท 6 เทคนคการปรบแสง แตงส

ชอ – สกล........................................................ชน.................เลขท................

ทดสอบกอนเรยน ทดสอบหลงเรยน

ขอ ก ข ค ง ขอ ก ข ค ง

1. 1.

2. 2.

3. 3.

4. 4.

5. 5.

6. 6.

7. 7.

8. 8.

9. 9.

10. 10.

แบบบนทกคะแนน

ประเมนผล แบบฝกปฏบต คะแนน

รวม

ผลทดสอบกอนเรยน

ผลทดสอบหลงเรยน ผลการ

พฒนา 1 2 3 4 5

คะแนนเตม 10 10 10 10 10 50 10 10

คะแนนทได

Page 29: Adobe Photoshop CS6 - kroobannok.com3. นักเรียนสามารถใช้เครื่องมือในโปรแกรม Adobe Photoshop CS6 ในการสร้าง

ชดกจกรรมท 6 เทคนคการปรบแสง แตงส

26

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6 http://www.prasitramphan.wordpress.com

เกณฑการประเมนแบบฝกปฏบต ชดกจกรรมท 6 เทคนคการปรบแสง แตงส

หวขอการประเมน ระดบคณภาพ น าหนก

คะแนน 3 2 1

1. สอดคลองกบจดประสงค

ผลงานสอดคลองและสมพนธกบทกจดประสงค

ผลงานสอดคลองและสมพนธบางจดประสงค

ผลงานไมสอดคลองกบจดประสงค 3

2. ใชเทคนคของ โปรแกรม Adobe Photoshop CS6

ใชเทคนคของโปรแกรมตามขนตอนไดครบถวน

ใชเทคนคของโปรแกรมขาดไป 1 ขนตอน

ใชเทคนคของโปรแกรมขาดมากกวา 1 ขนตอน

3

3. มความสวยงาม สสนสวยงาม เดนสะดดตา องคประกอบครบสมบรณ

สสนสวยงาม องคประกอบครบ

สสนธรรมดา

2

4. มความคดสรางสรรค

ผลงานนาสนใจแนวคดแปลกใหม ทนสมย

ผลงานมความนาสนใจ แตยงไมแปลกใหม

ผลงานไมแปลกใหม 2

เกณฑการตดสน/ระดบคณภาพ 30 คะแนน เฉลย 10 คะแนน คะแนน 8 - 10 คะแนน หมายถง ดเยยม คะแนน 4 - 7 คะแนน หมายถง ด คะแนน 1 - 3 คะแนน หมายถง ปรบปรง ผานเกณฑ 80% คะแนนรวมตองได 24 คะแนน ขนไป คะแนนงานแตละชนตองได 8 คะแนน ขนไป คะแนนรวมแบบฝกปฏบต 50 คะแนน ตองไดคะแนน 40 คะแนน ขนไป

Page 30: Adobe Photoshop CS6 - kroobannok.com3. นักเรียนสามารถใช้เครื่องมือในโปรแกรม Adobe Photoshop CS6 ในการสร้าง

ชดกจกรรมท 6 เทคนคการปรบแสง แตงส

27

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6 http://www.prasitramphan.wordpress.com

เฉลยแบบทดสอบกอนเรยน

ขอ เฉลย

1 ง

2 ง

3 ก

4 ก

5 ก

6 ง

7 ข

8 ค

9 ค

10 ข

Page 31: Adobe Photoshop CS6 - kroobannok.com3. นักเรียนสามารถใช้เครื่องมือในโปรแกรม Adobe Photoshop CS6 ในการสร้าง

ชดกจกรรมท 6 เทคนคการปรบแสง แตงส

28

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6 http://www.prasitramphan.wordpress.com

เฉลยแบบทดสอบหลงเรยน

ขอ เฉลย

1 ค

2 ข

3 ก

4 ง

5 ข

6 ค

7 ง

8 ง

9 ก

10 ก

Page 32: Adobe Photoshop CS6 - kroobannok.com3. นักเรียนสามารถใช้เครื่องมือในโปรแกรม Adobe Photoshop CS6 ในการสร้าง

ชดกจกรรมท 6 เทคนคการปรบแสง แตงส

29

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6 http://www.prasitramphan.wordpress.com

บนทกชวยจ า

Page 33: Adobe Photoshop CS6 - kroobannok.com3. นักเรียนสามารถใช้เครื่องมือในโปรแกรม Adobe Photoshop CS6 ในการสร้าง

ชดกจกรรมท 6 เทคนคการปรบแสง แตงส

30

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6 http://www.prasitramphan.wordpress.com

บรรณานกรม

เกยรตพงษ บญจตร. คมอ Photoshop CS4 Professional Guide ฉบบสมบรณ. นนทบร : ไอดซ อนโฟ ดสทรบวเตอร เซนเตอร จ ากด. 2552.

เกยรตพงษ บญจตร. คมอPHOTOSHOP CS6 Professional Guide ฉบบสมบรณ. นนทบร : บรษท ไอดซพรเมยร จ ากด. 2555.

เกยรตพงษ บญจตร. Photoshop CC Professional Guide. กรงเทพมหานคร : บรษท ไอดซพรเมยร จ ากด. 2557.

จนตวร คลายสงข. E-Learning Courseware อเลรนนงคอรสแวรแนวคดสการปฏบต - ส าหรบการเรยนการสอนอเลรนนงในทกระดบ. กรงเทพมหานคร : จฬาลงกรณ มหาวทยาลย. 2556.

ดวงพร เกยงค า. Insight Photoshop CS5 ฉบบสมบรณ. กรงเทพมหานคร : โปรวชน. 2549.

ทศยาภรณ เกอนน. คมอ Adobe Photoshop CS6. กรงเทพมหานคร : โปรวชน. 2555. ธนชสร จตตเนอง. แตงภาพดจตอลสวยทนใจดวย Photoshop CS4. กรงเทพมหานคร :

เสรมวทย อนฟอรเมชน เทคโนโลย จ ากด. 2552. ปยะ นากสงค. ตกแตงภาพกราฟก Photoshop CS6+CC ฉบบสมบรณ. นนทบร :

รไววา. 2559. อนน วาโซะ. มอใหหดแตงภาพ Photoshop CS6. นนทบร : ไอดซฯ. 2555. อนน วาโซะ. Photoshop CC basic Retouch ฉบบมอใหมหดแตงภาพ. นนทบร :

ไอดซฯ. 2559. การใชงานของ Adobe Photoshop. (ออนไลน). https://noteswband.wordpress.

com. (สบคนเมอ 12 พฤศจกายน 2559) การไดคท. (ออนไลน). https://photohackz.com. (สบคนเมอวนท 21 มกราคม 2560) การปรบแสง. (ออนไลน). http://www.howto108.com. (สบคนเมอวนท 21 มกราคม

2560)

Page 34: Adobe Photoshop CS6 - kroobannok.com3. นักเรียนสามารถใช้เครื่องมือในโปรแกรม Adobe Photoshop CS6 ในการสร้าง

ชดกจกรรมท 6 เทคนคการปรบแสง แตงส

31

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6 http://www.prasitramphan.wordpress.com

การเลอกพนท. (ออนไลน). https://noteswband.wordpress.com. (สบคนเมอ 27 มกราคม 2560)

การสรางกรอบรป. (ออนไลน). http://www.photoshotrich.com. (สบคนเมอ 20 มกราคม 2560)

การสรางตวอกษร. (ออนไลน). http://202.29.239.50/temp/learnphotoshop. (สบคนเมอ 29 มกราคม 2560)

ความเปนมาของ Adobe Photoshop. (ออนไลน). http://wanwisa1211.blogspot. com. (สบคนเมอ 15 พฤศจกายน 2559)

ความรเบองตนเกยวกบ Adobe Photoshop CS3. (ออนไลน).http://www. Edu- mine.com/photoshop/. (สบคนเมอ 12 พฤศจกายน 2559)

ความรพนฐานเกยวกบโปรแกรม Photoshop CS6. (ออนไลน).http://teacherjaray. blogspot.com/2014/05/blog-post.html. (สบคนเมอ 20 มกราคม 2560)

ประวตความเปนมาของ Adobe Photoshop. 2559. (ออนไลน). http://www. bombzii10.blogspot.com/2016/02/adobe-photoshop.html. (สบคนเมอ 12 พฤศจกายน 2559)

Page 35: Adobe Photoshop CS6 - kroobannok.com3. นักเรียนสามารถใช้เครื่องมือในโปรแกรม Adobe Photoshop CS6 ในการสร้าง

Recommended