35

Adobe Photoshop CS6 - WordPress.com › 2018 › 12 › 05book.pdfใบความรู้ที่ 4 การตัดต่อภาพด้วย Magic Wand Tool 15 แบบฝึกปฏิบัติที่

  • Upload
    others

  • View
    4

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Adobe Photoshop CS6 - WordPress.com › 2018 › 12 › 05book.pdfใบความรู้ที่ 4 การตัดต่อภาพด้วย Magic Wand Tool 15 แบบฝึกปฏิบัติที่
Page 2: Adobe Photoshop CS6 - WordPress.com › 2018 › 12 › 05book.pdfใบความรู้ที่ 4 การตัดต่อภาพด้วย Magic Wand Tool 15 แบบฝึกปฏิบัติที่

ชดกจกรรมท 5 เทคนคการตดตอภาพ ก

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6

http://www.prasitramphan.wordpress.com

ค าน า

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

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

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

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

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

Page 3: Adobe Photoshop CS6 - WordPress.com › 2018 › 12 › 05book.pdfใบความรู้ที่ 4 การตัดต่อภาพด้วย Magic Wand Tool 15 แบบฝึกปฏิบัติที่

ชดกจกรรมท 5 เทคนคการตดตอภาพ ข

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6

http://www.prasitramphan.wordpress.com

สารบญ

เนอหา หนา ค าน า ก สารบญ ข ค าชแจงส าหรบนกเรยน 1 มาตรฐานการเรยนร / ตวชวด 2 จดประสงคการเรยนร 2 แบบทดสอบกอนเรยน 3 ใบความรท 1 การตดภาพดวยเครองมอ Marquee 6 แบบฝกปฏบตท 1 การตดภาพดวยเครองมอ Marquee 8 ใบความรท 2 การตดภาพดวยเครองมออสระ Lasso 9 แบบฝกปฏบตท 2 การตดภาพดวยเครองมออสระ Lasso 11 ใบความรท 3 การตดตอภาพดวย Quick Selection Tool 12 แบบฝกปฏบตท 3 การตดตอภาพดวย Quick Selection Tool 14 ใบความรท 4 การตดตอภาพดวย Magic Wand Tool 15 แบบฝกปฏบตท 4 การตดตอภาพดวย Magic Wand Tool 17 ใบความรท 5 การเลอกพนทดวย Quick Mask 18 แบบฝกปฏบตท 5 การเลอกพนทดวย Quick Mask 20 แบบทดสอบหลงเรยน 21 ภาคผนวก 24 กระดาษค าตอบ ชดกจกรรมท 5 เทคนคการตดตอภาพ 25 แบบบนทกคะแนน 25 เกณฑการประเมนแบบฝกปฏบต 26 เฉลยแบบทดสอบกอนเรยน 27 เฉลยแบบทดสอบหลงเรยน 28 บนทกชวยจ า 29 บรรณานกรม 30

Page 4: Adobe Photoshop CS6 - WordPress.com › 2018 › 12 › 05book.pdfใบความรู้ที่ 4 การตัดต่อภาพด้วย Magic Wand Tool 15 แบบฝึกปฏิบัติที่

ชดกจกรรมท 5 เทคนคการตดตอภาพ 1

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6

http://www.prasitramphan.wordpress.com

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

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

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

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

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

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

ขอควรปฏบต

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

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

Page 5: Adobe Photoshop CS6 - WordPress.com › 2018 › 12 › 05book.pdfใบความรู้ที่ 4 การตัดต่อภาพด้วย Magic Wand Tool 15 แบบฝึกปฏิบัติที่

ชดกจกรรมท 5 เทคนคการตดตอภาพ 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 - WordPress.com › 2018 › 12 › 05book.pdfใบความรู้ที่ 4 การตัดต่อภาพด้วย Magic Wand Tool 15 แบบฝึกปฏิบัติที่

ชดกจกรรมท 5 เทคนคการตดตอภาพ 3

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6

http://www.prasitramphan.wordpress.com

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

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

1. ปมใดบนคยบอรดทชวยใหการ Selection เปนรปสเหลยมจตรส ดวยเครองมอ Rectangular Marquee Tool ก. Alt ข. Ctrl ค. Shift ง. Enter

2. คยลดของเครองมอ Rectangular Marquee Tool คอปมใด ก. B ข. M ค. R ง. D

3. ปมใดทชวยในการสลบเครองมอระหวาง และ เพอเรยกใชงานอยางรวดเรว ก. <B + Shift> ข. <D + Shift> ค. <R + Shift> ง. <M + Shift>

4. เครองมอ มชอเรยกวาอะไร ก. Lasso Tool ข. Move Tool ค. Eraser Tool ง. Hand Tool

Page 7: Adobe Photoshop CS6 - WordPress.com › 2018 › 12 › 05book.pdfใบความรู้ที่ 4 การตัดต่อภาพด้วย Magic Wand Tool 15 แบบฝึกปฏิบัติที่

ชดกจกรรมท 5 เทคนคการตดตอภาพ 4

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6

http://www.prasitramphan.wordpress.com

5. กลมเครองมอใดทใชส าหรบสราง Selection รปทรงเรขาคณต ก. Type Tool ข. Brush Tool ค. Lasso Tool ง. Marquee Tool

6. ถาตองการเลอกพนทของภาพโดยใชเมาสลากผาน ทมสแตกตางกนอยางรวดเรว ควรใชเครองมอใด ก. Magic Wand Tool ข. Magnetic Lasso Tool ค. Quick Selection Tool ง. Elliptical Marquee Tool

7. เครองมอน เมอเลอกพนทไมถกต าแหนงทตองการ สามารถยอนการเลอกได โดยกดปมใดบนคยบอรด ก. Enter ข. Delete ค. spacebar ง. backspace

8. ถาตองการเลอกพนทไปตามขอบของภาพ ควรใชเครองมอใดจงจะเหมาะสมทสด

ก. ข. ค. ง.

Page 8: Adobe Photoshop CS6 - WordPress.com › 2018 › 12 › 05book.pdfใบความรู้ที่ 4 การตัดต่อภาพด้วย Magic Wand Tool 15 แบบฝึกปฏิบัติที่

ชดกจกรรมท 5 เทคนคการตดตอภาพ 5

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6

http://www.prasitramphan.wordpress.com

9. เครองมอ Quick Mask เปนการสราง Selection ดวยการระบายสแดง ใชเครองมอใดในการเพม และใชเครองมอใดในการลดพนทสแดง ก. กดปม <+> และ <-> บนคยบอรด ข. ใชเครองมอ และ ท Tool bar

ค. ใชเครองมอ และ ท Tool bar ง. กดปม <Shift> และ <Ctrl> บนคยบอรด

10. การยกเลกเสน Selection ตองใชค าสงใด ก. <Ctrl + D> ข. <Ctrl + A> ค. <Ctrl + S> ง. <Ctrl + C>

Page 9: Adobe Photoshop CS6 - WordPress.com › 2018 › 12 › 05book.pdfใบความรู้ที่ 4 การตัดต่อภาพด้วย Magic Wand Tool 15 แบบฝึกปฏิบัติที่

ชดกจกรรมท 5 เทคนคการตดตอภาพ 6

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6

http://www.prasitramphan.wordpress.com

1

ใบความรท 1

การตดภาพดวยเครองมอ Marquee

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

1. เปดไฟลภาพทตองการ 2. คลกปม Rectangular Marquee

Tool เปนเครองมอทใชส าหรบสราง Selection แบบสเหลยม จงเหมาะทจะน าไปใชเลอกหรอตดภาพรปเปนสเหลยมจตรสหรอผนผา โดยการแดรกเมาสใหครอบคลมพนททตองการ พรอมกดปม <Ctrl+C> บนคยบอรดคดลอกรปภาพ

3. เมอเปดไฟลงานใหม กดปม <Ctrl+V> วางรปภาพ เทานกจะไดรปไปใชงานตามทตองการ

4. นอกจากน เราสามารถกดปม <Shift> บนคยบอรดคางไว แลวแดรกเมาส กจะได Selection รปสเหลยมจตรส

1

3

4

2

Page 10: Adobe Photoshop CS6 - WordPress.com › 2018 › 12 › 05book.pdfใบความรู้ที่ 4 การตัดต่อภาพด้วย Magic Wand Tool 15 แบบฝึกปฏิบัติที่

ชดกจกรรมท 5 เทคนคการตดตอภาพ 7

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6

http://www.prasitramphan.wordpress.com

การสราง Selection รปวงกลมหรอวงรนน ใหใชเครองมอ Elliptical Marquee Tool ดงน

1. เปดไฟลทตองการ 2. คลกเครองมอ Elliptical

Marquee Tool เปนเครองมอทใชส าหรบสราง Selection แบบวงร จงเหมาะทจะน าไปใชเลอกหรอตดภาพทเปนรปทรงวงรหรอวงกลม โดยการแดรกเมาสใหครอบคลมพนท ทตองการ และกดปม <Ctrl+C> บนคยบอรดคดลอกรปภาพ

3. เปดไฟลงานใหม จากนนกดปม <Ctrl+V> วางรปภาพ เทานกจะไดรปไปใชงานแลว

4. นอกจากน เราสามารถกดปม <Shift> บนคยบอรดคางไว แลวแดรกเมาส กจะได Selection รปวงกลมสวย ๆ

ไมยากใชไหม

พรอมแลวไปฝกกน

1

2

3

4

Page 11: Adobe Photoshop CS6 - WordPress.com › 2018 › 12 › 05book.pdfใบความรู้ที่ 4 การตัดต่อภาพด้วย Magic Wand Tool 15 แบบฝึกปฏิบัติที่

ชดกจกรรมท 5 เทคนคการตดตอภาพ 8

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6

http://www.prasitramphan.wordpress.com

แบบฝกปฏบตท 1

การตดภาพดวยเครองมอ Marquee

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

Rectangular Marquee Tool

กอน หลง

Elliptical Marquee Tool

กอน หลง

Page 12: Adobe Photoshop CS6 - WordPress.com › 2018 › 12 › 05book.pdfใบความรู้ที่ 4 การตัดต่อภาพด้วย Magic Wand Tool 15 แบบฝึกปฏิบัติที่

ชดกจกรรมท 5 เทคนคการตดตอภาพ 9

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6

http://www.prasitramphan.wordpress.com

1 2

3 4

ใบความรท 2

การตดภาพดวยเครองมออสระ Lasso

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

1. เปดไฟลภาพทตองการ 2. คลกปม Lasso Tool 3. แดรกเมาสลอมรอบสวนทตองการ 4. กดปม <Ctrl+J> ทคยบอรดกจะได

เลเยอรใหมขน เปนภาพในสวนท เราเลอก สามารถน าไปใชตามทนกเรยนตองการ

Page 13: Adobe Photoshop CS6 - WordPress.com › 2018 › 12 › 05book.pdfใบความรู้ที่ 4 การตัดต่อภาพด้วย Magic Wand Tool 15 แบบฝึกปฏิบัติที่

ชดกจกรรมท 5 เทคนคการตดตอภาพ 10

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6

http://www.prasitramphan.wordpress.com

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

Magnetic Lasso Tool สามารถใชงานตามวธการดงน

1. เปดไฟลภาพทเราตองการ

2. ค ล ก เ ค ร อ ง ม อ Magnetic Lasso Tool

3. คลก เลอกไปตามขอบของภาพ ในสวนทตองการ

4. เมอเลอกในสวนทตองการไดครบ จนบรรจบจดทเรมตน กจะไดเสน Selection ดงภาพ

5. ท าการกดปม <Ctrl+J> เพอท า การคดลอกในสวนทตองการ กจะไดภาพทเราตองการ น าไปใชไดเลย

1 2

3

4

5

Page 14: Adobe Photoshop CS6 - WordPress.com › 2018 › 12 › 05book.pdfใบความรู้ที่ 4 การตัดต่อภาพด้วย Magic Wand Tool 15 แบบฝึกปฏิบัติที่

ชดกจกรรมท 5 เทคนคการตดตอภาพ 11

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6

http://www.prasitramphan.wordpress.com

แบบฝกปฏบตท 2

การตดภาพดวยเครองมออสระ Lasso

ค าชแจง : ใหนกเรยนใชเครองมอในโปรแกรม Adobe Photoshop CS6 ตดภาพดวย

เครองมออสระ Magnetic Lasso Tool ตามใบความรท 2 โดยฝกปฏบตใหไดผลลพธตามภาพทก าหนด

กอน หลง

ใคร ๆ กท าได ใชไหมนกเรยน

ไมยากเลย ฝกบอย ๆ

จะเกดความช านาญนะครบ

Page 15: Adobe Photoshop CS6 - WordPress.com › 2018 › 12 › 05book.pdfใบความรู้ที่ 4 การตัดต่อภาพด้วย Magic Wand Tool 15 แบบฝึกปฏิบัติที่

ชดกจกรรมท 5 เทคนคการตดตอภาพ 12

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6

http://www.prasitramphan.wordpress.com

1

ใบความรท 3 การตดตอภาพดวย

Quick Selection Tool

การตดตอภาพ (ไดคท) หรอเลอกสวนใดสวนหนงของรปภาพ เพอน าไปใชงาน โดยการเลอกเครองมอใหเหมาะสมกบงานทเราตองการ ในทนเปนการเลอกตามเมาส ลากผาน โดยมขนตอนการสรางดงน

กอน หลง

1. เปดไฟลภาพทตองการขนมา

2. เครองมอ Quick Selection Tool จากนน ท าการแดรกเมาสไปทภาพบคคลจะปรากฏเสน Selection ลอมรอบบคคลในภาพ กดปม Ctrl+C ทคยบอรด เพอคดลอก

2

Page 16: Adobe Photoshop CS6 - WordPress.com › 2018 › 12 › 05book.pdfใบความรู้ที่ 4 การตัดต่อภาพด้วย Magic Wand Tool 15 แบบฝึกปฏิบัติที่

ชดกจกรรมท 5 เทคนคการตดตอภาพ 13

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6

http://www.prasitramphan.wordpress.com

3

3. เปดไฟลภาพใหมทตองการขนมาอกหนงภาพ

4. จากนนกดปม Ctrl+V ทคยบอรด เพอท าการวางรปภาพบคคลลงในภาพ จากนนกดปม Ctrl+T เพอลดขนาดบคคลใหมความเหมาะสม กบภาพ และเลอกเครองมอ Move Tool (หรอกดปม M ทคยบอรด) เพอท าการยายภาพบคคลไป ณ ต าแหนงทเราตองการ

4

มาลองไดคท

รปภาพกนเถอะ

Page 17: Adobe Photoshop CS6 - WordPress.com › 2018 › 12 › 05book.pdfใบความรู้ที่ 4 การตัดต่อภาพด้วย Magic Wand Tool 15 แบบฝึกปฏิบัติที่

ชดกจกรรมท 5 เทคนคการตดตอภาพ 14

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6

http://www.prasitramphan.wordpress.com

แบบฝกปฏบตท 3 การตดตอภาพดวย

Quick Selection Tool

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

ภาพท 1 ภาพท 2

ผลลพธทได

Page 18: Adobe Photoshop CS6 - WordPress.com › 2018 › 12 › 05book.pdfใบความรู้ที่ 4 การตัดต่อภาพด้วย Magic Wand Tool 15 แบบฝึกปฏิบัติที่

ชดกจกรรมท 5 เทคนคการตดตอภาพ 15

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6

http://www.prasitramphan.wordpress.com

1

ใบความรท 4

การตดตอภาพดวย Magic Wand Tool

การเลอกพนททมสตางกนอยางชดเจน โดยใชเครองมอ Magic Wand Tool เปนเทคนคงาย ๆ ทความสามารถของโปรแกรมคอยอ านวยความสะดวกใหเรา มขนตอนการสรางดงน

กอน หลง

1. เปดไฟลภาพทตองการหรอทก าหนดให

2. คลกเครองมอ Magic Wand Tool ท าการคลกเลอกไปททองฟาหรอสวนทเราตองการลบออก พรอมกบกดปม Shift ทคยบอรดคางไวจน Selection ทองฟาไดครบถวน

2

Page 19: Adobe Photoshop CS6 - WordPress.com › 2018 › 12 › 05book.pdfใบความรู้ที่ 4 การตัดต่อภาพด้วย Magic Wand Tool 15 แบบฝึกปฏิบัติที่

ชดกจกรรมท 5 เทคนคการตดตอภาพ 16

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6

http://www.prasitramphan.wordpress.com

4

5

3. ท าการกลบเสน Selection โดยใชค าสง <Ctrl+Shift+I> เพอเลอกสงตรงขาม จากนนใชค าสง <Ctrl+C> คดลอกและน าไปวางซอนอกภาพทก าหนด

4. เปดไฟลภาพเพอน ามาเปนพนหลงหรอ background

5. กดปม <Ctrl+V> เพอวางภาพทคดลอกมาจากขอ 3 จากนนใชเครองมอ Move Tool ยายต าแหนงของภาพตามตองการ

3

Page 20: Adobe Photoshop CS6 - WordPress.com › 2018 › 12 › 05book.pdfใบความรู้ที่ 4 การตัดต่อภาพด้วย Magic Wand Tool 15 แบบฝึกปฏิบัติที่

ชดกจกรรมท 5 เทคนคการตดตอภาพ 17

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6

http://www.prasitramphan.wordpress.com

แบบฝกปฏบตท 4

การตดตอภาพดวย Magic Wand Tool

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

กอน หลง

“สงทอยากม คอ ความฝน

ความส าเรจ คอ ฝาฟน

ความมงมน คอ เสนชย”

Page 21: Adobe Photoshop CS6 - WordPress.com › 2018 › 12 › 05book.pdfใบความรู้ที่ 4 การตัดต่อภาพด้วย Magic Wand Tool 15 แบบฝึกปฏิบัติที่

ชดกจกรรมท 5 เทคนคการตดตอภาพ 18

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6

http://www.prasitramphan.wordpress.com

1

2

3 4

5

6

ใบความรท 5

การเลอกพนทดวย Quick Mask

การสราง Selection ดวยการวาดภาพดวยพกนและยางลบ ใชพกนระบายลงไปบนสวนของภาพทตองการ และใชยางลบเพอลบพนทสวนทไมตองการการสราง Selection ออกไป มขนตอนการสรางดงน

1. เปดไฟลภาพตามทตองการ

2. คลกปม Quick Mask หรอ กดปม Q ทคยบอรด

3. คลกเครองมอ Brush Tool 4. แดรกเมาสเพอระบายสทภาพ ในสวนท

ตองการ Selection

5. คลกเครองมอ Eraser Tool เพอลบ สวนเกน

6. คลกปม Quick Mask หรอ กดปม Q ทคยบอรด อกครง กจะไดเสน Selection

Page 22: Adobe Photoshop CS6 - WordPress.com › 2018 › 12 › 05book.pdfใบความรู้ที่ 4 การตัดต่อภาพด้วย Magic Wand Tool 15 แบบฝึกปฏิบัติที่

ชดกจกรรมท 5 เทคนคการตดตอภาพ 19

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6

http://www.prasitramphan.wordpress.com

7

8

7. กดปม <Ctrl+Shift+I> ทคยบอรดเพอกลบดาน เพยงเทานกจะได Selection ตามตองการ

8. กดปม <Ctrl+J> ทคยบอรดเพอคดลอก เลเยอร ขนมาใชงาน เรากจะไดภาพไปใชงานตาง ๆ

Page 23: Adobe Photoshop CS6 - WordPress.com › 2018 › 12 › 05book.pdfใบความรู้ที่ 4 การตัดต่อภาพด้วย Magic Wand Tool 15 แบบฝึกปฏิบัติที่

ชดกจกรรมท 5 เทคนคการตดตอภาพ 20

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6

http://www.prasitramphan.wordpress.com

แบบฝกปฏบตท 5

การเลอกพนทดวย Quick Mask

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

กอน หลง

ถาไมมอปสรรค เรากไมรจก

ความพยายาม

Page 24: Adobe Photoshop CS6 - WordPress.com › 2018 › 12 › 05book.pdfใบความรู้ที่ 4 การตัดต่อภาพด้วย Magic Wand Tool 15 แบบฝึกปฏิบัติที่

ชดกจกรรมท 5 เทคนคการตดตอภาพ 21

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6

http://www.prasitramphan.wordpress.com

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

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

1. เครองมอ มชอเรยกวาอะไร ก. Lasso Tool ข. Move Tool ค. Eraser Tool ง. Hand Tool

2. ปมใดบนคยบอรดทชวยใหการ Selection เปนรปสเหลยมจตรส ดวยเครองมอ Rectangular Marquee Tool ก. Alt ข. Ctrl ค. Shift ง. Enter

3. คยลดของเครองมอ Rectangular Marquee Tool คอปมใด ก. B ข. D ค. R ง. M

4. ปมใดทชวยในการสลบเครองมอระหวาง และ เพอเรยกใชงานอยางรวดเรว ก. <B + Shift> ข. <M + Shift> ค. <R + Shift> ง. <D + Shift>

Page 25: Adobe Photoshop CS6 - WordPress.com › 2018 › 12 › 05book.pdfใบความรู้ที่ 4 การตัดต่อภาพด้วย Magic Wand Tool 15 แบบฝึกปฏิบัติที่

ชดกจกรรมท 5 เทคนคการตดตอภาพ 22

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6

http://www.prasitramphan.wordpress.com

5. การยกเลกเสน Selection ตองใชค าสงใด ก. <Ctrl + D> ข. <Ctrl + A> ค. <Ctrl + S> ง. <Ctrl + C>

6. กลมเครองมอใดทใชส าหรบสราง Selection รปทรงเรขาคณต ก. Type Tool ข. Lasso Tool ค. Brush Tool ง. Marquee Tool

7. เครองมอ Quick Mask เปนการสราง Selection ดวยการระบายสแดง ใชเครองมอใดในการเพม และใชเครองมอใดในการลดพนทสแดง ก. กดปม <+> และ <-> บนคยบอรด ข. กดปม <Shift> และ <Ctrl> บนคยบอรด

ค. ใชเครองมอ และ ท Tool bar

ง. ใชเครองมอ และ ท Tool bar 8. ถาตองการเลอกพนทของภาพโดยใชเมาสลากผาน ทมสแตกตางกนอยางรวดเรว

ควรใชเครองมอใด ก. Magic Wand Tool ข. Magnetic Lasso Tool ค. Quick Selection Tool ง. Elliptical Marquee Tool

Page 26: Adobe Photoshop CS6 - WordPress.com › 2018 › 12 › 05book.pdfใบความรู้ที่ 4 การตัดต่อภาพด้วย Magic Wand Tool 15 แบบฝึกปฏิบัติที่

ชดกจกรรมท 5 เทคนคการตดตอภาพ 23

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6

http://www.prasitramphan.wordpress.com

9. เครองมอน เมอเลอกพนทไมถกต าแหนงทตองการ สามารถยอนการเลอกได โดยกดปมใดบนคยบอรด ก. Enter ข. Delete ค. spacebar ง. backspace

10. ถาตองการเลอกพนทไปตามขอบของภาพ ควรใชเครองมอใดจงจะเหมาะสมทสด

ก. ข. ค. ง.

Page 27: Adobe Photoshop CS6 - WordPress.com › 2018 › 12 › 05book.pdfใบความรู้ที่ 4 การตัดต่อภาพด้วย Magic Wand Tool 15 แบบฝึกปฏิบัติที่

ชดกจกรรมท 5 เทคนคการตดตอภาพ 24

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6

http://www.prasitramphan.wordpress.com

ภาคผนวก

Page 28: Adobe Photoshop CS6 - WordPress.com › 2018 › 12 › 05book.pdfใบความรู้ที่ 4 การตัดต่อภาพด้วย Magic Wand Tool 15 แบบฝึกปฏิบัติที่

ชดกจกรรมท 5 เทคนคการตดตอภาพ 25

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6

http://www.prasitramphan.wordpress.com

กระดาษค าตอบ ชดกจกรรมท 5 เทคนคการตดตอภาพ

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

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

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

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 - WordPress.com › 2018 › 12 › 05book.pdfใบความรู้ที่ 4 การตัดต่อภาพด้วย Magic Wand Tool 15 แบบฝึกปฏิบัติที่

ชดกจกรรมท 5 เทคนคการตดตอภาพ 26

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6

http://www.prasitramphan.wordpress.com

เกณฑการประเมนแบบฝกปฏบต ชดกจกรรมท 5 เทคนคการตดตอภาพ

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

คะแนน 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 - WordPress.com › 2018 › 12 › 05book.pdfใบความรู้ที่ 4 การตัดต่อภาพด้วย Magic Wand Tool 15 แบบฝึกปฏิบัติที่

ชดกจกรรมท 5 เทคนคการตดตอภาพ 27

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6

http://www.prasitramphan.wordpress.com

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

ขอ เฉลย

1 ค

2 ข

3 ง

4 ก

5 ง

6 ค

7 ง

8 ข

9 ข

10 ก

Page 31: Adobe Photoshop CS6 - WordPress.com › 2018 › 12 › 05book.pdfใบความรู้ที่ 4 การตัดต่อภาพด้วย Magic Wand Tool 15 แบบฝึกปฏิบัติที่

ชดกจกรรมท 5 เทคนคการตดตอภาพ 28

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6

http://www.prasitramphan.wordpress.com

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

ขอ เฉลย

1 ก

2 ค

3 ง

4 ข

5 ก

6 ง

7 ค

8 ค

9 ง

10 ข

Page 32: Adobe Photoshop CS6 - WordPress.com › 2018 › 12 › 05book.pdfใบความรู้ที่ 4 การตัดต่อภาพด้วย Magic Wand Tool 15 แบบฝึกปฏิบัติที่

ชดกจกรรมท 5 เทคนคการตดตอภาพ 29

การฝกทกษะเพอสรางสรรคผลงานดวยโปรแกรม Adobe Photoshop CS6

http://www.prasitramphan.wordpress.com

บนทกชวยจ า

Page 33: Adobe Photoshop CS6 - WordPress.com › 2018 › 12 › 05book.pdfใบความรู้ที่ 4 การตัดต่อภาพด้วย Magic Wand Tool 15 แบบฝึกปฏิบัติที่

ชดกจกรรมท 5 เทคนคการตดตอภาพ 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 - WordPress.com › 2018 › 12 › 05book.pdfใบความรู้ที่ 4 การตัดต่อภาพด้วย Magic Wand Tool 15 แบบฝึกปฏิบัติที่

ชดกจกรรมท 5 เทคนคการตดตอภาพ 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 - WordPress.com › 2018 › 12 › 05book.pdfใบความรู้ที่ 4 การตัดต่อภาพด้วย Magic Wand Tool 15 แบบฝึกปฏิบัติที่