โรงเรยนสาธตมหาวทยาลยราชภฏสวนสนนทา

แผนการจดการเรยนรท 1 เรอง รจกโปรแกรม Photoshop CS6 เบองตน หนวยการเรยนรท 1 เรอง แนะน ำกำรใช Photoshop CS6 เบองตน ชนประถมศกษาปท 6

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

มำตรฐำน ง 4.1 เขำใจ มทกษะทจ ำเปน มประสบกำรณเหนแนวทำงในงำนอำชพ ใชเทคโนโลยเพอพฒนำอำชพ มคณธรรมและมเจตคตทดตออำชพ

2. จดประสงคการเรยนร - นกเรยนบอกควำมหมำย ควำมส ำคญและกำรเขำใชงำนโปแกรม Photoshop CS6 ได - นกเรยนบอกชนดของงำนทเกดจำกโปรแกรม Photoshop CS6 ได - นกเรยนมควำมรบผดชอบทไดรบมอบหมำย

3. สาระการเรยนร

- กำรปรบแตงแกไขรปภำพใหตรงกบควำมตองกำร - ควำมสำมำรถของโปรแกรม Photoshop - กำรเปดไฟลภำพ - ใชงำนกำรสรำงงำนใหม

4. สาระส าคญ - Photoshop เปนโปรแกรมส ำหรบสรำงและตกแตงภำพทมชอเสยงและไดรบควำมนยม

มำกทสด อน เนองมำจำกคณสมบตเดนซงมอยอยำงมำกมำย ไมวำจะเปนควำมสำมำรถจดกำรกบไฟลสำรพดชนดทใชในงำนประเภทตำง ๆ ทงรปทจะน ำไปผำนกระบวนกำรพมพ และรปทน ำไปใชในเวบเพจหรอสงผำนสออเลกทรอนคส มควำมสำมำรถเปนเยยมในกำรแกไขตกแตงภำพ และกำรสรำงเอฟเฟคเศษตำง ๆ มเครองมอทมประสทธภำพและควำมยดหยนสง สำมำรถบนทกขนตอนทตองท ำซ ำ ๆ ไวเรยกใชภำยหลงตลอดจนมผผลตปลกอน (plug-in) ใหเปนจ ำนวนมำก ซงปลกอนกคอโปรแกรมเสรมส ำหรบชวยใหกำรท ำงำนทซบซอนส ำเรจลงไดอยำงรวดเรว

5. กจกรรมการเรยนร

กจกรรมน าเขาสบทเรยน 1. ครสมเลอกตวแทนนกเรยน 2–3 คนใหเลำประสบกำรณเกยวกบกำรใชงำนโปรแกรม Adobe Photoshop CS6 ทนกเรยนเคยใชงำน 2. ครถำมนกเรยนในหวขอกำรใชงำน Photoshop CS6 จำกประสบกำรณ นกเรยนเคยใชงำนโปรแกรม Adobe Photoshop CS6 ท ำอะไรบำง และนกเรยนรหรอไมวำโปแกรมนมประโยชนอยำงไร

ขนสอน 3. ท ำแบบทดสอบกอนเรยน เรอง รจกโปรแกรม Photoshop CS6 เบองตน 20 ขอ 4. ครสมเลอกนกเรยนเพอชกถำมนกเรยนทเคยใชงำนโปรแกรม Photoshop CS6 มวตถเพอใหนกเรยนไดมสวนรวมในกำรเรยนกำรสอน และมกำรใหคะแนนกบผทตอบถกตอง เพอสรำงแรงจงใจในกำรเรยน 5. ครแจกใบควำมรท 1.1 เรอง แนะน ำกำรใช Photoshop CS6 เบองตน 6. นกเรยนศกษำควำมร เรองแนะน ำกำรใช Photoshop CS6 เบองตน จำกใบควำมร ขนสรป 7. ครสงเกตพฤตกรรมกำรเรยน 8. ครและนกเรยนชวยกนสรปสำระส ำคญของโปรแกรม Photoshop CS6

6. สอและแหลงการเรยนร

- หองคอมพวเตอร - อนเตอรเนต - ใบควำมรท 1.1 เรองแนะน ำกำรใช Photoshop CS6 เบองตน - ใบงำนท 1.1 เรองแนะน ำกำรใช Photoshop CS6 เบองตน - แบบทดสอบกอนเรยน จ ำนวน 20 ขอ - เวบสอกำรสอน Photoshop CS6

7. การวดและประเมลผล

ผลงาน/ชนงาน/ การปฏบตงาน

เครองมอทใช ในการประเมน

แนวทาง การใหคะแนน

เกณฑการประเมน

8. บนทกผลการจดการเรยนร

ผลการจดการเรยนร นกเรยนสำมำรถอธบำยควำมหมำย ควำมส ำคญ และกำรเขำใชงำนโปแกรม Photoshop CS6 ได

ลงชอ..................................................... (อำจำรยศรลกษณ เลศหรญทรพย)

อาจารยผสอน

บนทกความเหนของหวหนากลมสาระ ………………………………………………………………………………….……………..…………………………………………… …………………………………………………………………………………….………..……………………………………………… …………………………………………………………….……………..…………………………….……………..……………………

ลงชอ..................................................... (อำจำรยจฑำรตน สรวบลยผล)

หวหนากลมสาระการเรยนร

แบบสงเกตพฤตกรรมการเรยน

เกณฑการใหคะแนน ด ให 2 พอใช ให 1 ควรปรบปรง ให 0

เกณฑการประเมน กำรผำนกำรประเมนทกรำยกำรตองได 1 ขนไป

เลขท ชอ – สกล คะแนน สรป

3 2 1 รวม ผำน ไมผำน

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

เกณฑ กำรสนใจในกำรฟง ควำมกระตอรอรนกำรปฏบตงำน กำรสนใจในตอบค ำถำม

( ลงชอ ) ………………………………………….… ผประเมน ( ครผสอน )

( ศรลกษณ เลศหรญทรพย )

คะแนนรวมพฤตกรรมไมนอยกวำรอยละ 70 ………. / …………… / ……….

ใบความรท 1.1 เรอง แนะน าการใช Photoshop CS6 เบองตน

โปรแกรม Photoshop CS6

- Photoshop เปนโปรแกรมส ำหรบสรำงและตกแตงภำพทมชอเสยงและไดรบควำมนยมมำกทสด อนเนองมำจำกคณสมบตเดนซงมอยอยำงมำกมำย ไมวำจะเปนควำมสำมำรถจดกำรกบไฟลสำรพดชนดทใชในงำนประเภทตำง ๆ ทงรปทจะน ำไปผำนกระบวนกำรพมพ และรปทน ำไปใช ในเวบเพจหรอสงผำนสออเลกทรอนคส มควำมสำมำรถเปนเยยมในกำรแกไขตกแตงภำพ และกำรสรำงเอฟเฟคพเศษตำง ๆ มเครองมอทมประสทธภำพและควำมยดหยนสง สำมำรถบนทกขนตอนทตองท ำซ ำ ๆ ไวเรยกใชภำยหลงตลอดจนมผผลตปลกอน (plug-in) ใหเปนจ ำนวนมำก ซงปลกอนกคอโปรแกรมเสรมส ำหรบชวยใหกำรท ำงำนทซบซอนส ำเรจลงไดอยำงรวดเรว

ตอไปนเปนตวอยำงของงำนประเภทตำง ๆ ซงคณสำมำรถใช Photoshop ชวยจดกำรไดอยำงงำยดำย

• แกไขภำพถำย ทบกพรองหรอมต ำหน เชน ปรบสทเพยน ปรบแสงเงำทสวำงหรอมดเกนไปลบแสงแฟลชทสะทอนในดวงตำ

• ตกแตงภำพ เชน ตดสวนทไมตองกำรออกไป ลบองคประกอบทรกรงรง ปรบภำพใหเบลอหรอคมชด ปรบผวกำยนำงแบบใหขำวนวลและขจดไฝฝำตำง ๆ ขจดเมดสทเกดในภำพทสแกนจำกสงพมพ

• ดดแปลงภำพ เชน ท ำภำพใหมใหกลำยเปนภำพสซเปยแบบโบรำณ หรอแปลงภำพ

เกำ ๆ ทเปนขำวด ำใหกลำยเปนภำพส เปลยนภำพคนใหอวนขน-ผอมลง หรอเดก-แกกวำทเปนจรง

• ใสเอฟเฟคตพเศษ ใหภำพ เชน ท ำใหเหมอนก ำลงมองภำพผำนกระจกชนดและลำยตำง ๆ หรอเหมอนเงำสะทอนในน ำ เปลยนภำพถำยใหดคลำยภำพวำดดวยเครองมอหลำกหลำยชนด ใสประกำยแสงหรอเงำใหวตถ ท ำวตถแบน ๆ ใหดเปน 3 มต เปลยนโทนสของภำพ

• สรำงภำพกรำฟก ซงผสมผสำนระหวำงภำพถำย ขอควำม และภำพวตถหรอเอฟเฟกตพเศษทสรำงขนใน Photoshop เพอใชในงำนผลตสอโฆษณำ ท ำปกหนงสอหรอนตยสำร หรอใชตกแตงเวบเพจ

ความเปนมาของ Photoshop

- Photoshop เปนโปรแกรมของบรษท Adobe (“อะ-โด-บ”) ซงเปนผพฒนำ ซอฟตแวรดำนกรำฟก และอตสำหกรรมกำรพมพรำยส ำคญ รวมถงเปนผคดคนภำษำ PostScript และไฟลแบบ PDF (Portable Document Format) ทใชกนในวงกำรพมพและกำรจดรปแบบเอกสำรบนอนเตอรเนตดวย ดงนน Photoshop จงสำมำรถท ำงำนรวมและแลกเปลยนไฟลกบโปรแกรมอน ๆ ทใชท ำงำนดำนกรำฟกไดอยำงกวำงขวำง เชน โปรแกรม Illustrator, PageMaker และ Acrobat ซงทงหมดนเปนของ Adobe เชนกน

- Photoshop ออกเวอรชนแรกในป 1990 และไดรบกำรพฒนำตอเนองมำเรอย ๆ เปนเวอรชน 2,2.5, 3, 4, 5, 5.5 และ 6 ,7 ,CS2,CS3,CS4,CS5 จนลำสดคอ เวอรชน CS6 ในขณะน โดยมขดวำมสำมำรถใหมๆ ส ำหรบกำรจดกำรกบภำพขนมำอกตวหนง คอ Adobe Bridge CS 6 ซงเปนโปรแกรมทใชส ำหรบจดกำรภำพถำยของเรำ ซงท ำหนำทเหมอนกำรท ำงำนใน Explorer หรอบำงอยำงอำจจะท ำไดดกวำดวยซ ำ เชน กำรจดกลมภำพ กำรแสดงรำยละเอยดของภำพ เชน กลองทใชถำยดวยเลนสแบบไหน โฟกสเทำไร คำ white balance เทำไร เปนตน และทส ำคญคอสำมำรถดตวอยำงไฟลภำพของ Photoshop นำมสกล .psd ได โดยไมตองเปดดใน Photoshop และยงมค ำสงอตโนมตทสำมำรถเลอกใชกบไฟลภำพไดอกดวย

เวบกราฟก และ Adobe Photoshop

- องคประกอบส ำคญในกำรท ำ Web ใหดนำสนใจ คงหนไมพนรปภำพทน ำมตกแตง ซงผพฒนำหลำยๆ คน บำงกน ำภำพส ำเรจมำใชงำน บำงกน ำภำพจำกเวบอนๆ ทดสวยงำมมำใช และกมไมนอยทสรำงภำพเอง โดยอำศยโปรแกรมกรำฟกตำงๆ เชน Photoshop, Photo Impact, Paint Shop เปนตน โปรแกรม Photoshop นบวำเปนโปรแกรมกรำฟกสดฮต ทนยมใชในกำรปรบแตงภำพ หรอสรำงภำพ เพอน ำมำใชงำนในเวบ เนองจำกมฟงกชนกำรท ำงำน ทหลำกหลำย มฟลดเตอรเพอปรบแตงภำพ จำกคำยตำงๆ ท ำใหงำยตอกำรปรบแตงภำพตำมตองกำร เดมทนยมใช Photoshop เพองำนสอสงพมพ (Desktop Publishing) แตปจจบน Web Design มบทบำทในงำนธรกจและงำนกำรศกษำสงมำก จงน ำ Photoshop มำใชในงำนนดวย

กำรท ำภำพกรำฟกเพอใชในงำนเวบ มหลกกำรเฉพำะ แตกตำงไปจำกงำนสอสงพมพ ทงเรองควำมละเอยดของภำพ (Resolution) ทใชแค 72 dpi หรอจ ำนวนสทใชแสดงผล เปนตน ดงนนกำรศกษำถง ลกษณะเฉพำะในกำรใช Photoshop สรำงกรำฟกในงำนเวบ จงเปนศำสตรทนำสนใจอกศำสตรหนง

กำรสรำงงำนตองตง Resolution เปน 72 dpi ดวย

ควำมสำมำรถของโปรแกรม Photoshop

มอยมำกมำยอยำงทเรำนกไมถงแตทเปนควำมสำมำรถหลกๆของตวโปรแกรมเองจะถกแบงเปน 2เรอง คอ แกไขตกแตงภำพถำย:งำนนเปนงำนถนดของ Photoshop เชน กำรแกไขภำพทมอใหสวำงกำรลบรวรอยทไมตองกำร ออกจำกภำพรวมถงตดตอนำภำพหลำยๆภำพมำรวมกนโดยในสวนนจะเรยกวำเปนสวนของงำนรทชออกแบบ สรำงสรรคงำนกรำฟก:ใช Photoshop ชวยในกำรสรำงภำพสำมตควำมสำมำรถในสวนนจะเปนเรองของกำรขดๆ เขยนๆออกแบบสรำงงำนกรำฟกเชนกำรวำภำพตวกำรตนหรอกำรออกแบบสอสงพมพชนดตำงๆ

1. งานออกแบบสงพมพ ในงำนออกแบบสงพมพทกชนด เชน กำรออกแบบภำพสำมมต , ออกแบบโลโก , แบนเนอร,โบรชวร,

นำมบตร, ใบปลว, แผนพบ, หนงสอ, แคตำลอกสนคำ ,โปสเตอร, ปำยโฆษณำ, ปำยหนำรำนเรำสำมำรถใชโปรแกรมPhotoshopชวยในกำรท ำงำนไดเปนอยำงด

2. งานออกแบบเวบไซต เพ อใหเวบไซตจ ำเปนอยำงยงทตองมภำพกรำฟ กท สวยงำมนำสนใจทงกำรตกแตงดวยภำพขนำดตำง ๆ

กำรสรำงโลโกประกอบเวบไซตกำรสรำงตวอ กษรซงกำรท ำงำนเหลำนจ ำเปนทจะต องใชโปรแกรม Photoshop ชวยในกำรออกแบบ

3. งานแกไขซ อมแซมภาพ ภำพตนฉบบทเรำไดมำในบำงครงมขอบกพรองหลำยๆ อยำง เปนตนวำ ภำพมดเกนไปภำพมรอย

ขรขระหรอม Noise, ภำพเบลอเกนไปเปนตน กำรทเรำจะนะภำพทมขอบกพรองเหลำนมำใชงำนจ ำเปนตองท ำกำรแกไขและซอมแซมภำพดงกลำวกอนเพอใหภำพทมควำมสมบรณเหมำะสมกบงำน

4. งานตดตอดดแปลงภาพหรอสรางสรรคงานกราฟ กสม ยใหม งำนกรำฟกปจจบนผสำนเขำกบกำรใชชวตประจ ำวนจนเปนเรองทไมไกลตวไมวำจะเปนถงใสของปกซด

ปฏทนตงโตะหนำจอคอมพวเตอรเวบไซตหนงสอปกวำรสำรนตยสำรกำรดปำยประชำสมพนธเครองหมำยสญลกษณงำนเหลำนกเกดจำกกำรใชงำนโปรแกรมชวยในกำรออกแบบนำภำพมำสรำงสรรคงำนกรำฟกทสวยงำมมประโยชนใชสอยทดตลอดจนมแนวคดในกำรออกแบบทด

ความตองการของ Photoshop cs6

โปรแกรม Adobe Photoshop CS6 มกำรพฒนำค ำสงและเครองมอตำง ๆ ขนอยำงมำกมำยจงเปนโปรแกรมทตองกำรทรพยำกรเครองคอนขำงสง และเพอใหกำรสรำงงำนกรำฟกมประสทธภำพและเปนไปดวยควำมสะดวก จงควรท ำกำรตรวจสอบเครองคอมพวเตอรทใชงำนอย วำมทรพยำกรเพยงพอหรอไมกอนทจะท ำกำรตดตงโปรแกรม โดยคณสมบตของเครองคอมพวเตอรทเหมำะสมในกำรตดตงโปรแกรม Adobe Photoshop CS6 มรำยละเอยดดงน

1.1 ระบบปฏบตกำร Microsoft Windows XP (Service Pack 3) หรอระบบปฏบตกำร Windows 7 (Service Pack 1) หรอระบบปฏบตกำร Windows 8

1.2 หนวยประมวลผลกลำง (CPU) เปนของ Intel® Pentium® 4 หรอ AMD Athlon® 64

processor ขนไป

1.3 หนวยควำมจ ำ (RAM) ขนำด 1 GB ขนไป 1.4 พนทจดเกบขอมล (Hard disk) ขนำด 1 GB ของพนทวำงบนฮำรดดสกทใชไดส ำหรบกำร

ตดตง

1.5 จอแสดงผลมควำมละเอยดไมนอยกวำ 1024 x 768 พกเซล แสดงผลแบบ 16 บตและม หนวยควำมจ ำไมนอยกวำ 256 MB

1.6 ไดรฟ DVD-ROM การเขาสโปรแกรม Photoshop CS6

1. > ไปท ปม start

2. > All program

3. > โฟลเดอร Adobe master collection cs6

4. > Adobe Photoshop CS 6

หมำยเหต Adobe Photoshop CS 6 จะมทง 36 bit และ 64 bit คอ Adobe Photoshop CS 6จะเปน 32 bit สวน AdobePhotoshopCS6 (64bit) จะเปน 64 bit กำรเลอกใชผมแนะน ำถำเครอง 32 bit ใหใช Adobe Photoshop CS 6 และถำเครอง 64 bit ใหใช Adobe Photoshop CS 6 (64 bit)

หำกเปนเวอรช นอน Function แตละตวอำจจะไมไดอยทเดยวกน

หนาจอแรกของโปรแกรมPhotoshop

เมอเรำเขำโปรแกรมมำแลวจะเจอหนำตำงกำรท ำงำนของโปรแกรม Photoshop cs6 ซงจะประกอบไปดวย Menu bar option bar Toolbar Palette ตำงๆในกำรใชงำนแตองคประกอบกจะแตกตำงกนไป

กำรสรำงและก ำหนดขนำดไฟลงำนใหม ในกรณทเรำตองกำรสรำงไฟลงำนใหม ใหคลกเมน File -> New และใหผใชกำหนดขนำดของไฟลงำนใหมโดยระบชอไฟลงำน ในชอง Name ขนำดควำมสงควำมกวำงของพนทท ำงำน ในสวน ImageSize ตำมควำมตองกำร ก ำหนดลกษณะพนหลงในสวน Contents โดย White (สขำว), BackgroundColor (สทเรำก ำหนด) , Transparent (สพนแบบ - โปรงใส,ไมแสดงสพนโลง)

กำรเปดไฟลใหมขนมำทำงำน

1. Click ทเมน File 2. เลอกคำสง New หรอกด Ctrl + N 3. จะปรำกฏหนำตำง New

Name ตงชอใหกบงำน

Preset ชองส ำหรบเลอกพนท ทโปรแกรมก ำหนดมำให

Width ควำมกวำง ซงมหนวยตำง ๆ เชน Pixel ,เซนตเมตร ,นว

Height ควำมสง ซงมหนวยตำง ๆ เชน Pixel , เซนตเมตร ,นว

Resolution คำควำมละเอยด ( ซงควำมละเอยดบนหนำจอ = 72)

color mode เลอกชนดของระบบส

การเปดไฟลภาพ

เมอเรำมรปภำพ เชน ภำพถำยซงตองกำรนำมำปรบแตงเพมเตมเรำจะตองท ำกำรเปดไฟลรปภำพนนขนมำ จำกนนคอยก ำหนดรปแบบกำรปรบแตงตำมควำมตองกำรกำรเปดไฟลรปภำพท ำไดโดยคลกทเมนFile->Open จะปรำกฏวนโดว Open จำกคลกเลอกชอไฟลรปภำพทตองกำรเมอไดภำพทตองกำรแลวใหคลกทปม Open ถำตองกำรยกเลกใหคลกทปม Cancel

- กำรเปด File jpegตำงๆ

กำรเปดไฟลใหมขนมำท ำงำน

1. Click ทเมน File

2. เลอกคำสง Open หรอกด Ctrl +O

3. จะปรำกฏหนำตำงเพอหำไฟลขน

ภำพแสดงกำรคนหำและเลอกไฟลทตองกำรเปด

4. จะไดไฟลภำพทเรำตองกำร

การยอ-ขยายภาพ

1. เรำตองกำรแกไขขนำดรปภำพทเรำไดเปดขนมำใหตรงกบควำมตองกำรใหคลกทเมน Image->Image Size จะปรำกฏวนโดว Image Size จำกนนใหก ำหนดขนำดของรปภำพเปดภำพทเรำตองกำรจะยอหรอขยำย ขนำด ดวยโปรแกรม Photoshop CS6

2. ไปทเมน Image => Image Size หรอกดปม Alt + Ctrl = I 3. จำกรปจะไดคำดงน

- Pixel Dimensions จะม ขนำดอย 306.8k ทขนำดกวำงยำว 283x370pixel - Document Size จะอยท 9.99x13.04cm (เรำสำมำรถปรบเปลยนหนวยเปนนว,%,mm หรอ

อยำงอนกได) - Resolution โดยทวไปถำเปนรปทใชตำม web social ตำงๆ เรำมกจะใชแค 72

ppi (pixelperinch) แตถำเปนตำมขนำดงำนพมพแลวแคตรงนควรจะสงๆไวกอนเพอควำมละเอยดของงำน

- ควรจะเลอก Constrain Proportions ไวทกครงเพอทจะคงอตรำสวนกวำง-ยำวเอำไว ครำวน เรำจะเพมหรอขนำดรป กสำมำรถท ำไดเลยโดยกำรปรบแกทชองตำมทไดอธบำยดำนบน ตำมวตถประสงคของ เรำแกเสรจกเซฟงำนไดเลย

4. ในกำรเซฟไฟล โปรแกรม Photoshop CS 6 จะถำมเรำอกครง ในเรองของคณภำพไฟลวำจะเอำ ขนำดไหน(ตำมรป) ใน ตวอยำงจะเลอกแค 8 กพอเพยงพอแลว โดยคำยงมำกขนำดไฟลกจะใหญขนตำม

การบนทกงานบนทกไฟล Photoshop(.PSD)

กำรแกไขไฟลภำพโดยกำรสรำงกรำฟก เพมกำรตดตอหรอเปลยนแปลงลกษณะของไฟลภำพทมผลกบโครงสรำงเดมของภำพเมอเลอกค ำสง File > Save จะแสดงไดอะลอกบอกซ Save As ขนมำโดยจะเลอกรปแบบของไฟลเปน Photoshop (*.PSD, *.PDD) เปนคำพนฐำนดงน

คณสมบตของไฟล PSD จะเกบรำยละเอยดกำรท ำงำนตำง ๆ เชน เลเยอร, ฟอนตและเสนพำธ ไวไดอยำง ครบถวนชวยใหกำรน ำไฟลภำพกลบมำแกไขท ำไดงำยในขณะทไฟลประเภทอนจะเกบขอมลเหลำนไมไดหรอไดเพยงบำงสวน

บนทกไฟลทบของเดม

กำรเปดไฟลภำพมำตกแตงส ,แสงเงำหรอกำหนดค ำเอฟเฟ กตใหกบภำพแต ไมไดใช ค ำสงเก ยวกบกำรสรำงเลเยอร(เลเยอรค อช นทจดวำงรปภำพ)หรอสรำงกรำฟ กอ นๆเพ มเตมในภำพเม อเลอกคำสง File>Saveโปรแกรมจะใหบนทกท บช อไฟลเดมรปแบบเดม(จะไมม ไดอะล อกบ อกซSaveAs เปดขนมำหำกไมต องกำรใหทบไฟลเดมต องคลก เลอกคำสง File>SaveAs )

บนทกเปนไฟลรปแบบอ นๆ นอกจำกกำรบนทกเปนไฟล .psd และบนทกลงในรปแบบของไฟลตนฉบนเดม แลวยงบนทกไฟล

ภำพเกบไวในรปแบบอน ๆ ไดตำมตองกำร โดยคลกเลอกค ำสง File > Save As แลวเลอกรปแบบของไฟลในชอง Format ซงจะมรปแบบไฟลใหเลอกหลำยแบบดงภำพ

กำรเลกใชงำนโปรแกรม เมอเรำตองกำรเลกใชงำนโปรแกรม Adobe Photoshop ด ำเนนกำรดงน

- คลกเลอกค ำสง File --> Exit หรอคลกเมำสทเครองหมำย

- จำกนนโปรแกรมจะปดโดยอตโนมต

ใบงานท 1.1

เรอง เรองแนะน าการใช Photoshop CS6 เบองตน ค าชแจง : ใหนกเรยนตอบค ำถำมตอไปนมำพอสงเขป

1. จงอธบำยหมำย และลกษณะงำนทเกยวกบโปรแกรม Adobe ใช Photoshop CS6 มำพอเขำใจ …………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………...…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………...…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………

2. จงอธบำยกำรเขำสโปรแกรม Photoshop CS6 มกขนตอนอะไรบำง ……………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………

3. คณสมบตของเครองคอมพวเตอรทเหมำะสมในกำรตดตงโปรแกรม Adobe Photoshop CS6 ม คณสมบตอยำงไร

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

โรงเรยนสาธตมหาวทยาลยราชภฏสวนสนนทา

แผนการจดการเรยนรท 1 เรอง รจกโปรแกรม Photoshop CS6 เบองตน หนวยการเรยนรท 2 เรอง ขนำดและควำมละเอยดของภำพ ชนประถมศกษาปท 6

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

มำตรฐำน ง 4.1 เขำใจ มทกษะทจ ำเปน มประสบกำรณเหนแนวทำงในงำนอำชพ ใชเทคโนโลยเพอพฒนำอำชพ มคณธรรมและมเจตคตทดตออำชพ

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

- นกเรยนอธบำยวธกำรตงคำกำรภำพทมขนำดตำมตองกำรในโปรแกรม Photoshop CS6 ได - นกเรยนเลอกใช ก ำหนด ปรบขนำดภำพตองกำรในโปรแกรม Photoshop CS6 ได - ใฝเรยนร มควำมมงมนในกำรท ำงำน และมควำมรบผดชอบ

3. สาระการเรยนร

- ขนำดและควำมละเอยดของภำพ

4. สาระส าคญ - คอมพวเตอรมบทบำทในชวตประจ ำวนเพมมำกขน โปรแกรม Photoshop CS6 จงมควำม

จ ำเปนตอ นกเรยน วธกำรตงคำกำรใชภำพทมขนำดตำมตองกำร กำรรจกโปรแกรมเบองตน กำรใชเครองมอตำง ๆ ของโปรแกรม Photoshop CS6

5. กจกรรมการเรยนร

กจกรรมน าเขาสบทเรยน 1. ครบอกถงขนำดของภำพแตละชนดแตละขนำดมควำมแตกตำงกนออกไป ขนอยกบชนด

และ ประเภทของภำพทเรำไดเลอกนนเอง

2. ครใหนกเรยนเตรยมเปดเครองใหพรอม ขนสอน 1. ครแจกใบควำมรกำรก ำหนดขนำดและควำมละเอยดของภำพ Photoshop cs6 2. ครอธบำยตำมใบควำมร วธกำรก ำหนดขนำด ดขนำดและควำมละเอยดของรปภำพ วธลดขนำดรป Photoshop CS 6 และใหนกเรยนไดศกษำตำมใบควำมร 3. ครใหนกเรยนท ำตำมขนตอนกำรก ำขนำดและควำมละเอยด รปภำพ 4. นกเรยนศกษำควำมรเปนรำยบคคล เพอใหเขำใจมำยงขนใหนกเรยนศกษำผำนเวบสอกำรสอน Photoshop cs6 จำกอนเตอรเนตและกำรแนะน ำจำกคร เพอศกษำขนตอนกำรท ำจำกวดโอในเวบ

5. ใหคนหำรปภำพ คนละ 1 รปภำพในอนเตอรเนต และใหนกเรยนหำขนำดและรำยละเอยดตำงๆของรปภำพ 6. ครแจกใบงำนท 1.2 เรอง กำรก ำหนดขนำดและควำมละเอยดของภำพ ขนสรป 7. ครสงเกตพฤตกรรมกำรปฏบตงำนตำมค ำสง 5. ครและนกเรยนชวยกนสรปสำระส ำคญของโปรแกรม Photoshop CS6

6. สอและแหลงการเรยนร 1. คอมพวเตอร 2. เวบสอกำรสอน Photoshop CS6 3. อนเตอรเนต 4. ใบควำมรท 1.2 เรอง กำรก ำหนดขนำดและควำมละเอยดของภำพ 5. ใบงำนท 1.2 เรอง กำรก ำหนดขนำดและควำมละเอยดของภำพ

7. การวดและประเมลผล

ผลงาน/ชนงาน/ การปฏบตงาน

เครองมอทใช ในการประเมน

แนวทาง การใหคะแนน

เกณฑการประเมน

8. บนทกผลการจดการเรยนร

ผลการจดการเรยนร - นกเรยนอธบำยและเลอกวธกำรตงคำกำรใชภำพทมขนำดตำมตองกำรได ความคดเหน/ขอเสนอแนะ ………………………………………………………………………………….……………..…………………………………………… …………………………………………………………………………………….………..……………………………………………… …………………………………………………………….……………..…………………………….……………..…………………… …………………………………………………………………………………….………..………………………………………………

ลงชอ..................................................... (อำจำรยศรลกษณ เลศหรญทรพย)

อาจารยผสอน

บนทกความเหนของหวหนากลมสาระ ………………………………………………………………………………….……………..…………………………………………… …………………………………………………………………………………….………..……………………………………………… …………………………………………………………….……………..…………………………….……………..……………………

ลงชอ..................................................... (อำจำรยจฑำรตน สรวบลยผล)

หวหนากลมสาระการเรยนร

ใบงานท 1.2 เรอง การก าหนดขนาดและความละเอยดของภาพ

ค าชแจง ใหนกเรยนตอบค ำถำมตอไปนใหถกตอง 1. จงอธบำยขนตอนกำรก ำหนดขนำดของรปภำพและควำมละเอยดมำพอเขำใจ

………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………. ………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………. ………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………. ……………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………….

ใบความรท 1.2

เรอง การก าหนดขนาดและความละเอยดของภาพ รจกการก าหนดขนาดของงานทเราตองการจะสราง File > New หรอกดปม Ctrl+N กไดครบ

ปรำกฏหนำตำง New ตำมภำพดำนลำง โดยมรำยละเอยดดงน

Name : นกเรยน สำมำรถตงชอไฟลทตองกำรไดทนท แตหำกยงไมตองกำรตงกใชชอทใหมำ ไดกอน Untitled-1

Preset : ใชส ำหรบเลอกลกษณะของงำนทคณตองกำรจะท ำ เชน สรำงเวบไซต หรอ ท ำรปภำพ

Width : ก ำหนดหนวยควำมกวำงใหกบชนงำน (หนวยดำนหลงเลอกไดหลำยลกษณะใหเหมำะสมกบงำน)

Height : ก ำหนดควำมสงใหกบชนงำน (หนวยดำนหลงเลอกไดหลำยลกษณะใหเหมำะสมกบงำน)

Resolution : เปนกำรก ำหนดควำมละเอยดใหกบชนงำนหำกเปนงำนเวบไซต 72 pixels/Inch ทใหมำกสำมำรถใชงำนได แตถำเปนงำนรปภำพก ำหนดเปน 300 pixels/Inch (ย ำวำไมใชสตรตำยตวนะครบ ลองเอำไปประยกตตำมควำมเหมำะสม)

Color Mode : เลอกโหมดสทตองกำร หำกตองกำรท ำงำนรปภำพธรรมดำผมเลอก RGB Color แตถำตองกำรท ำงำนปำยโฆษณำลองเลอก CMYK ดสจะถกตองมำกกวำ

Background Contents : คำเดมก ำหนดมำเปนสขำว นอกจำกนยงมคำอก 2 คำใหเลอก นนคอ Background Color (เลอกตำมสพนหลง) และ Transparent (เนนทท ำภำพแบบไมมพนหลง)

เพยงเทำนเรำกก ำหนดรำยละเอยดตำง ๆ เสรจแลว พรอมส ำหรบกำรท ำงำนขนตอไป

รจกกบคาความละเอยดของภาพ (Resolution)

Resolution คอ คำควำมละเอยดของภำพ ๆ หนงซงก ำหนดเปนจ ำนวนเมดส (pixels) ตอหนงหนวยควำมยำวของภำพ ตวเชน หำกภำพนนมคำ Resolution = 150 pixels/inches แสดงวำในพนท 1 ตำรำงนวของภำพนนประกอบไปดวยเมดสจ ำนวน 150 ส (Pixels) เปนตน

ภาพทมความละเอยด Resolution ต า (มจ านวนเมดสนอย)

ภาพทมความละเอยด Resolution สง (มจ านวนเมดสมากกวาในขณะทมพนทเทากน)

ท าไมเราตองก าหนดคา Resolution

- ในกำรท ำงำนนนจะตองอำงองถงคำอยเสมอเพอใหเกดควำมเหมำะสมกบกำรใชงำนประเภทตำง ๆ นอกจำกนนยงเกยวของกบขนำดไฟลงำนอกดวย เพรำะงำนทมคำ Resolution สงกจะมขนำดของไฟลใหญขนตำมไปดวย ซงอำจท ำใหเกดปญหำในกำรท ำงำน เชน ท ำใหเครองคอมพวเตอรของคณประมวลผลชำลงใน

กรณท สเปคเครองไมสงนกซงหนวยของ Resolution ทใชกนอย 2 แบบคอ

pixels/inch จ ำนวนหรอปรมำณของเมดส ในพนท 1 ตำรำงนว pixels/cm จ ำนวนหรอปรมำณของเมดส ในพนท 1 ตำรำงเซนตเมตร คำ Resolution ทเรำนยมใชคอ จ ำนวนพเซลตอนว หรอ pixels/inch ( ppi ) นนเอง

ภำพขนำด 1024x768 Resolution = 300 ppi ขนำดไฟล 2.87M เมอขยำย 200 เทำ

ภำพขนำด 1024x768 Resolution = 72 ppi ขนำดไฟล 169 k เมอขยำย 200 เทำ

นอกจากภาพทมคา Resolution สงจะใชความคมชดกวาแลว ขนาดไฟลงานกจะใหญกวาดวย

ก าหนดคา Resolution

ในกำรใชงำนทวๆ ไปเรำมกก ำหนดควำมละเอยดของงำนหรอคำ Resolution อยท 100-1150 ppi (pixels/inch) แตส ำหรบกำรท ำงำนเกยวกบเวบไซตนน เรำจ ำเปนตองใชงำนทมควำมละเอยดนอยเพอใหมกำรแสดงผลทรวดเรว จงมกใชคำ Resolution = 72 ppi

ส ำหรบกำรออกแบบสงพมพเรำมกจะก ำหนหดคำ Resolution อยท 300-350 ppi เพรำะตองกำรควำมคมชดในกำรแสดงผลสง เชน งำนออกแบบสงพมพ งำนนตยสำร โปสเตอรขนำดใหญ และสมดภำพกำรตงคำของ Resolution ใหไปท Image - Image size

โรงเรยนสาธตมหาวทยาลยราชภฏสวนสนนทา

แผนการจดการเรยนรท 1 เรอง รจกโปรแกรม Photoshop CS6 เบองตน หนวยการเรยนรท 3 เรอง สวนประกอบของโปรแกรม Photoshop CS6 ชนประถมศกษาปท 6

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

มำตรฐำน ง 4.1 เขำใจ มทกษะทจ ำเปน มประสบกำรณเหนแนวทำงในงำนอำชพ ใชเทคโนโลยเพอพฒนำอำชพ มคณธรรมและมเจตคตทดตออำชพ

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

- เพอใหนกเรยนมควำมรควำมเขำใจสวนประกอบของโปรแกรมและสำมำรถบอกขนตอนกำรใช

เครองมอตำงๆในโปรแกรม Adobe Photoshop CS6 ได เชน ก ำหนดพนทเพอแกไขภำพ, สรำงขอควำมและเปลยนรปรำงของรปภำพได (K)

- เพอใหนกเรยนสำมำรถใชแถบเมนและแถบเครองมอของโปรแกรม Adobe Photoshop CS6 ใน กำรฝกทกษะกำรตกแตง แกไข และเปลยนแปลงรปภำพ เชน กำรท ำใหภำพสวำงขน กำรลบพนหลงหรอสวนทไมตองกำรออก และสำมำรถใสขอควำมตวอกษรได (P) - เพอใหนกเรยนเกดควำมภำคภมใจในผลงำนของตนเอง มควำมสข สนก และมควำม

สนใจในกำรใชโปรแกรม Adobe Photoshop CS6 เพอตกแตงภำพและน ำไปประยกตใชไดดวยตนเอง (A)

3. สาระการเรยนร - เมนบำร (Menu Bar) - แทบชอไฟลภำพ - พนทในกำรท ำงำนของ Photoshop (Workspace) - กลองเครองมอ (Toolbox) - ออปชนบำร (Option Bar) - พำเนล (Panel) (ชวโมงท - ทลพำเนล (tool Panel)

4. สาระส าคญ - กำรท ำควำมรจกและสรำงควำมคนเคยกบสวนประกอบตำง ๆ ของโปรแกรมเปนพนฐำนทดทจะน ำไป สกำรใชงำนโปรแกรมในระดบสง เพรำะจะท ำใหเรำมควำมคลองตวเปนอยำงมำกในกำรท ำงำนทมควำมสลบ ซบซอนมำก ๆ เรำจะมำท ำควำมรจกกบหนำตำ และสวน ตำง ๆ ของ Photoshop CS6 กน เมอเรำเปดโปรแกรม Photoshop CS6 ขนมำเรำกเหนพนท

ท ำงำนของโปรแกรม Photoshop CS6 ถกเปดขนมำ ซงภำยในจะประกอบ ไปดวยสวนกำรท ำงำนหลกดงตอไปน - เมนบำร (Menu Bar) - แทบชอไฟลภำพ - พนทในกำรท ำงำนของ Photoshop (Workspace) - กลองเครองมอ (Toolbox) - ออปชนบำร (Option Bar) - พำเนล (Panel) (ชวโมงท - ทลพำเนล (tool Panel)

5. กจกรรมการเรยนร

กจกรรมน าเขาสบทเรยน 1. ครสนทนำกบนกเรยนเกยวกบโปรแกรม Adobe Photoshop CS6 ขนกจกรรม 2. ครแจกใบควำมรท 1.3 เรอง สวนประกอบของโปรแกรม Adobe Photoshop CS6 และ

ใหนกเรยน เพอใชในกำรประกอบกำรเรยนกำรสอน 3. ครอธบำยสวนประกอบและหนำทของสวนประกอบในโปรแกรม Adobe Photoshop

CS6 ใหนกเรยนฟงทละตวเพอใหเกดควำมเขำใจในกำรเรยนรแลว สอนกำรใชงำนงำนเครองมอ - เมนบำร (Menu Bar) - แทบชอไฟลภำพ - พนทในกำรท ำงำนของ Photoshop (Workspace) - กลองเครองมอ (Toolbox) - ออปชนบำร (Option Bar) - พำเนล (Panel) (ชวโมงท - ทลพำเนล (tool Panel)

4. ครใหนกเรยนท ำใบงำนท 1.3 เรอง สวนประกอบของโปรแกรม Adobe Photoshop CS6

5. ใหนกเรยนท ำแบบทดสอบหลงเรยน เรอง รจกโปรแกรม Photoshop CS6 จ ำนวน 20 ขอ

ขนสรปบทเรยน 6. ครสงเกตพฤตกรรมกำรเรยน 7. ครและนกเรยนชวยกนสรปเนอหำทเรยนไปในวนน

6. สอและแหลงการเรยนร

1. วธกำรวด - สงเกตกำรฟง กำรตอบค ำถำม กำรปฏบต - ตรวจใบงำนท 1.3 เรอง สวนประกอบของโปรแกรม Adobe Photoshop CS6 2. เครองกำรวดผลประเมนผล

- แบบสงเกตพฤตกรรม - ใบงำนท 1.3 เรอง สวนประกอบของโปรแกรม Adobe Photoshop CS6 3. เกณฑกำรวดผลประเมนผล ใชกำรผำนเกณฑ รอยละ 70 ขนไป

7. การวดและประเมลผล ใชกำรผำนเกณฑ รอยละ 70 ขนไป

บนทกผลการจดการเรยนร ผลการจดการเรยนร - นกเรยนมควำมรควำมเขำใจสวนประกอบของโปรแกรมและสำมำรถบอกสวนประกอบของโปรแกรม ตำงๆในโปรแกรม Adobe Photoshop CS6 ได ความคดเหน/ขอเสนอแนะ ………………………………………………………………………………….……………..…………………………………………… …………………………………………………………………………………….………..……………………………………………… …………………………………………………………….……………..…………………………….……………..…………………… …………………………………………………………………………………….………..………………………………………………

ลงชอ..................................................... (อำจำรยศรลกษณ เลศหรญทรพย)

อาจารยผสอน

บนทกความเหนของหวหนากลมสาระ ………………………………………………………………………………….……………..…………………………………………… …………………………………………………………………………………….………..……………………………………………… …………………………………………………………….……………..…………………………….……………..……………………

ลงชอ..................................................... (อำจำรยจฑำรตน สรวบลยผล)

หวหนากลมสาระการเรยนร

ใบความรท 1.3 เรอง สวนประกอบของโปรแกรม Adobe Photoshop CS6

1. เมนบาร (Menu Bar) : ประกอบดวยกลมค ำสงตำงๆ ทใชจดกำรกบไฟล, ท ำงำนกบรปภำพ และ

ใชกำรปรบแตงกำรท ำงำนของโปรแกรม โดยแบงเมนตำมลกษณะงำน นอกจำกนบำงเมนหลก จะมเมนยอยซอนอย โดยสงเกตจำกเครองหมำยลกศรสด ำ แถบเมนค ำสงประกอบไปดวยทงหมด 10 เมนค ำสง โดยแสดงชอเมนค ำสงและรปแบบกำรท ำงำน สวนประกอบตำง ๆ ของโปรแกรม Adobe Photoshop CS6

1. File หมำยถง รวมคำสงทใชจดกำรกบไฟลรปภำพ เช น สร ำงไฟลใหม , เปด, ปด, บนทกไฟล ,

น ำเขำไฟล , สงออกไฟล และอ น ๆ ทเก ยวกบไฟล 2. Edit หมำยถง รวมคำสงทใช สำหรบแกไขภำพ และปรบแตงกำรทำงำนของโปรแกรม

เบองตน เช น กอปป ,วำง, ยกเลกคำสง, แกไขเคร องม อ และอ น ๆ 3. Image หมำยถง รวมค ำสงทใชปรบแตงภำพ เช น ส , แสง, ขนำดของภำพ (image size),

ขนำดของ เอกสำร (canvas), โหมดสของภำพ, หมนภำพ และอ น ๆ 4. Layer หมำยถง รวมคำสงทใชจดกำรกบเลเยอร ทงกำรสร ำงเลเยอร , แปลงเลเยอร และกำร

จดกำร กบเลเยอรในด ำนตำง ๆ 5. Type รวมคำสงทใชปร บแตงขอควำม แปลงข อควำม 6. Select รวม ค ำสงเกยวกบกำรเลอกวตถหรอพนทบนรปภำพ (Selection) เพ อนำไปใชงำน

ร วมก บ ค ำสงอ น ๆ เช น เลอกเพ อเปล ยนส , ลบ หรอใช เอฟเฟกตตำง ๆ กบรปภำพ 7. Filter เปนค ำสงกำรเลน Effects ตำงๆส ำหรบรปภำพและวตถ 8. View เปนค ำสงเกยวกบมมมองของภำพและวตถในลกษณะตำงๆ เช น กำรขยำยภำพและยอ

ภำพใหดเลก 9. Window เปนสวนค ำสงในกำรเลอกใชอปกรณเสรมตำงๆทจำเปนในกำรใชสรำง Effects

ตำงๆ 10. Help เปนค ำสงเพ อแนะน ำเกยวกบกำรใชโปรแกรมฯ และจะมลำยละเอ ยดของโปรแกรมอย

ในนน

2. ไตเตลบาร (Title Bar) แถบชอเร อง (Title Bar) เปนสวนทแสดงชอไฟลภำพทเปดใชงำนอย ส ำหรบโปรแกรม

Adobe Photoshop CS6 แถบช อเร องจะเรยงก นเปน แทบ (Tab) ดงแสดงในภำพ ด งตอไปน

3. ออปชนบาร (Option Bar) : เปนสวนทใชปรบแตงคำกำรท ำงำนของเครองมอตำงๆ โดย

รำยละเอยดในออปชนบำรจะเปลยนไปตำมเครองมอทเรำเลอกจำกทลบอกซในขณะนน เชน เมอเรำเลอกเครองมอ Brush (พกน) บนออปชนบำรจะปรำกฏ ออปชนทใชในกำรก ำหนดขนำด และลกษณะหวแปรง, โหมดในกำรระบำยควำมโปรงใสของส และอตรำกำรไหลของส เปนตน

4. กลองเครองม อ (Toolbox) เปนสวนทใชเกบเครองมอพนฐำนในกำรทำงำน ในโปรแกรม สำมำรถเรยกใชช ดเครองม อยอยโดยกำร คลกรปสำมเหล ยมท มมดำนล ำง ดงแสดงในภำพ ดงตอไปน

5. พาเนล (Panel) ใชสำหรบจดกำรกบภำพ โดยแยกออกเป นหมวดหม เช น พำเนลส ำหรบเล อก ส

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

5.1 Navigator ใชปรบมมมองของภำพ โดยคลกเลอกบรเวณ Zoom Slider เพอยอขยำยมมมองภำพ

5.2 Color ใชก ำหนดสพนหนำ (Foreground) และสพนหลง (Background) โดยกำรเลอนแถบส เพอปรบแตงตำมตองกำร

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

5.4 Styles ใชส ำหรบก ำหนดกำรตกแตงรปแบบตำง ๆ ทโปรแกรมก ำหนดขนมำ เชน กำรตกแตงส

ใหกบรปแบบขอควำม

5.5 Adjustments ใชปรบแตงสใหกบภำพ เพอแกไขขอบกพรองหรอสทผดเพยน

5.6 Layers ใชควบคมกำรใชงำนเลเยอรตำง ๆ ทเกดจำกกำรสรำงชนงำน ดงแสดงในภำพท 12

5.7 History ท ำหนำทในกำรเกบรำยละเอยดขนตอนกำรท ำงำนทงหมดทผำนมำ เพออ ำนวย ควำมสะดวกเมอตองกำรยอนกลบไปใชค ำสงเกำหรอยอนดกำรท ำงำนทผำนมำ

6. แถบสถานะ (Status Bar) เปนสวนทแสดงคณสมบตเกยวกบภำพ เชน เปอรเซนตในกำรยอ

ขยำยไฟลภำพ ขนำดไฟลภำพ เปนตน

7. พนทใชงาน (Working Area) เปนสวนทใชในกำรสรำงงำนกรำฟก โดยกำรเปดไฟลภำพเพอ

แกไขบนพนทใชงำน หรอวำดภำพใหมลงไปบนพนทใชงำน

ใบงานท 1.3

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

ชอ-สกล…………………………………………………..เลขท……...ชนมธยมศกษำปท...........

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

ตอบ .…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………… 2.จากรป เปนเครองมอชนดใด และมหนาทอยางไร

ต อ บ ………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………

3. พาเนล (Panel) ประกอบไปดวยเครองมอชนดใดบาง จงอธบาย ตอบ………………………………………………………………………………………………………………………………………………. ………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………

โรงเรยนสาธตมหาวทยาลยราชภฏสวนสนนทา

แผนการจดการเรยนรท 1 เรอง รจกโปรแกรม Photoshop CS6 เบองตน

หนวยการเรยนรท 4 เรอง ชดเครองมอส ำหรบกำรสรำง Selection ชนประถมศกษาปท 6

1. มาตรฐานการเรยนร/ตวชวด มำตรฐำน ง 4.1 เขำใจ มทกษะทจ ำเปน มประสบกำรณเหนแนวทำงในงำนอำชพ

ใชเทคโนโลยเพอพฒนำอำชพ มคณธรรมและมเจตคตทดตออำชพ

2. จดประสงคการเรยนร - นกเรยนมควำมรควำมเขำใจกำรใชชดเครองมอส ำหรบกำรสรำง Selection ใน Toolbox ของ

โปรแกรม Adobe Photoshop CS6 กำรใช เชน ก ำหนดพนทเพอแกไขภำพ, สรำงขอควำมและเปลยนรปรำงของรปภำพได (K)

- นกเรยนสำมำรถกำรใชชดเครองมอส ำหรบกำรสรำง Selection ใน Toolbox ของโปรแกรม Adobe Photoshop CS6 กำรฝกทกษะกำรตกแตง แกไข และเปลยนแปลงได (P)

- เพอใหนกเรยนเกดควำมภำคภมใจในผลงำนของตนเอง มควำมสข สนก และมควำมสนใจในกำรใชโปรแกรม Adobe Photoshop CS6 เพอตกแตงภำพและน ำไปประยกตใชไดดวยตนเอง (A)

3. สาระการเรยนร

- ชดเครองมอส ำหรบกำรสรำง Selection

4. สาระส าคญ - เครองมอตำงๆ ใน Toolbox จะถกจดวำงเอำไวโดยแบงเปนหมวดหมตำมลกษณะกำรใชงำน

ซงนอกจำกเครองมอทเหนในตอนเรมตนแลว ในบำงเครองมอยงมปมตำงๆ ซงเปนเครองมอในหมวดเดยวกนซอนอยอก โดยกำรแบงกลมของเครองมอจะแบงไดดงรำยละเอยดตอไปน

- เครองมอตำงๆ ใน Toolbox จะถกจดวำงเอำไวโดยแบงเปนหมวดหมตำมลกษณะกำรใชงำน ซงนอกจำกเครองมอทเหนในตอนเรมตนแลว ในบำงเครองมอยงมปมตำงๆ ซงเปนเครองมอในหมวดเดยวกนซอนอยอก โดยกำรแบงกลมของเครองมอจะแบงไดดงรำยละเอยดตอไปน

- ชดเครองมอส ำหรบกำรสรำง Selection - ชดเครองมอส ำหรบกำร Crop ภำพ - ชดเครองมอส ำหรบกำรรทชภำพ - ชดเครองมอส ำหรบระบำยส - ชดเครองมอส ำหรบวำดภำพและสรำงตวอกษร - ชดเครองมอชวยอ ำนวยควำมสะดวกในกำรท ำงำน - กลมเครองมอในกำรเลอกส Foreground (สทปรำกฏเมอเรำเตมหรอวำดลงไป) และส Background (ส ทปรำกฏเมอเรำทำกำรลบหรอตดบรเวณนนออก) ประกอบดวย - กลมเครองมอ Quick mask เกยวกบกำรเลอกพนทอกรปแบบหนง

5. กจกรรมการเรยนร กจกรรมน าเขาสบทเรยน 1. สนทนำกบนกเรยนเกยวกบสวนประกอบตำงๆ ของโปรแกรม Adobe Photoshop CS6 เพอ

น ำเขำสบทเรยน ซกถำมนกเรยนเรอง เวลำนกเรยนท ำงำนเรำจะตองเลอกเครองมอในกำรท ำงำน แลวเครองมอแตละตวทเรำเลอกมำนน มควำมสำมำรถทแตกตำงกนออกไป เรำจะรไดอยำงไรวำเรำควรจะเลอกเครองตวไหนมำใชงำน ใหเหมำะสมกบงำนทเรำก ำลงท ำ ใน Toolbox ของโปรแกรม Adobe Photoshop มเครองมอและหนำท ทท ำงำนตำงกนออกไปเรำจะมำเรยนรกนใชเครองใน Toolbox ของโปรแกรม Adobe Photoshop CS6 กนครบ

2. ใหนกเรยนท ำแบบทดสอบหลงเรยน เรอง กำรใชงำนเครองมอใน Toolbox และหนำทในกำร ท ำงำนของ Adobe Photoshop Cs6 จ ำนวน 20 ขอ

3. ครแจกใบควำมรท 2.1 เรอง ชดเครองมอส ำหรบกำรสรำง Selection ใน Toolbox และหนำท ในกำรท ำงำน ใหนกเรยน

ขนสอน 4. ใหนกเรยนศกษำถงชดเครองมอส ำหรบกำรสรำง Selection ใน Toolbox และหนำทในกำร

ท ำงำนจำกใบควำมรทครแจก 5. ครอธบำยหลกกำรและหนำทในกำรท ำงำนของชดเครองมอส ำหรบกำรสรำง Selection ใน

Toolbox ทละตวและพรอมแสดงวธกำรใชงำนชดเครองมอส ำหรบกำรสรำง Selection ใน Toolbox ทละตวและใหนกเรยนลงมอปฏบตตำม เพอจะไดเกดทกษะกำรท ำงำนมำกยงขนกวำอำนในใบควำมร หรอดครอธบำย

6. ใหนกเรยนท ำตำมค ำสงในใบงำนท 2.1 ชดเครองมอส ำหรบกำรสรำง Selection ใน Toolbox 7. ครคอยสงเกตกำรท ำงำน หำกใครไมมควำมคลองแคลวหรอใชชดเครองมอส ำหรบกำรสรำง

Selection ใน Toolbox ไมไดหรอตดขด ใหฝกใหมโดยขออำสำสมครคนทท ำงำนคลองแคลวแลวเปนคนสอนเพอนๆ หลงจำกนนเรยกนกเรยนคนนนๆ มำประเมนใหมใหผำนทกคนจงคอยท ำกจกรรมตอไป

ขนสรป 8. ครเปดโอกำสใหนกเรยนสอบถำมปญหำทเกดจำกกำรเรยนรในสวนทนกเรยนยงไมเขำใจคร

แนะน ำใหนกเรยนหำขอมลเพมเตมจำกอนเตอรเนตหรอจำกแหลงขอมลอนๆ และฝกปฏบตตำมเนอหำทไดเรยน เพอทจะไดใชชดเครองมอส ำหรบกำรสรำง Selection ใน Toolbox ไดอยำงคลองแคลว

9. สมถำมนกเรยน 3-4 คน ใหนกเรยนสรปเกยวกบหลกกำรและหนำทกำรท ำงำนของชด เครองมอส ำหรบกำรสรำง Selection ใน Toolbox

6. สอและแหลงการเรยนร

- คอมพวเตอร - เครองขยำยเสยง - ใบควำมรท 2.1เรอง ชดเครองมอส ำหรบกำรสรำง Selection ใน Toolbox และหนำทในกำรท ำงำน - ใบงำนท 2.1 เรอง ชดเครองมอส ำหรบกำรสรำง Selection ใน Toolbox และหนำทในกำรท ำงำน - แบบทดสอบกอนเรยน เรอง กำรใชงำนเครองมอใน Toolbox จ ำนวน 20 ขอ - เวบสอกำรสอน โปรแกรม Adobe Photoshop CS6 - โปรแกรม Adobe Photoshop CS6

7. การวดและประเมลผล 1. วธกำรวด - สงเกตกำรฟง กำรตอบค ำถำม กำรปฏบตงำน - ตรวจใบงำนท 2.1 เรอง ชด เครองมอส ำหรบกำรสรำง Selection 2. เครองกำรวดผลประเมนผล - แบบสงเกตพฤตกรรม - ใบงำนท 2.1 เรอง ชด เครองมอส ำหรบกำรสรำง Selection 3. เกณฑกำรวดผลประเมนผล - ใชกำรผำนเกณฑ รอยละ 60 ขนไปบนทกผลกำรจดกำรเรยนร ความคดเหน/ขอเสนอแนะ ………………………………………………………………………………….……………..…………………………………………… …………………………………………………………………………………….………..……………………………………………… …………………………………………………………….……………..…………………………….……………..…………………… …………………………………………………………………………………….………..………………………………………………

ลงชอ..................................................... (อำจำรยศรลกษณ เลศหรญทรพย)

อาจารยผสอน

ลงชอ..................................................... (อำจำรยจฑำรตน สรวบลยผล)

หวหนากลมสาระการเรยนร

ใบความรท 2.1 เรอง ชดเครองมอส าหรบการสราง Selection ใน Toolbox และหนาทในการท างาน

เครองมอพนฐานของโปรแกรม Adobe Photoshop CS6 เครองมอพนฐำนบนกลองเครองมอของโปรแกรม Adobe Photoshop CS6 ได แบง กำรท ำงำนออกเปนหมวดหม หรอเปนกลมย อย ใน Toolbox เครองมอตางๆ ใน Toolbox และหน าทในการท างาน

กลองเครองม อ (Toolbox) เปนสวนทใชเกบเครองมอพนฐำนในกำรทำงำน ในโปรแกรม สำมำรถ เรยกใชช ด เครองมอยอยโดยกำรคลกรปสำมเหลยมทมมดำนลำง ดงแสดงในภำพ ดงตอไปน

ภาพกลองเครองม อ (Toolbox)

1. กลมเครองม อการเลอก Selection 2. กลมเครองม อ Crop 3. กลมเครองม อส ำหรบกำรรทชภำพ 4. กลมเคร องม อสำหรบกำรระบำยส 5. กลมคำสงพเศษเกยวกบกำรวำดภำพ 6. กลมเครองม ออำนวยควำมสะดวกในกำรท ำงำน 7. กลมเครองม อในกำรเล อกส Foreground (สทปรำกฏเมอเรำเตมหรอวำดลงไป) และส

Background (ส ทปรำกฏเมอเรำท ำกำรลบหรอตดบรเวณนนออก) 8. กลมเครองมอ Quick mask เกยวกบกำรเลอกพนทอกรปแบบหนง

กลมเครองม อการเลอก Selection ประกอบดวย

ชนดของชดเครองม อสำหรบการสราง Selection และหนาทการท างาน

Option ของชดเครองม อสำหรบการสร าง Selection - Option ของเครองมอ Rectangular Marquee

ภำพแสดงตวอยำง Option ของเคร องม อRectangular Marquee

- Option ของเครองมอ Move

ภำพแสดงตวอยำง Option ของเคร องม อ Move

- Option ของเครองมอ Lasso

ภำพแสดงตวอยำง Option ของเคร องม อ Lasso

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

ขนตอนการใชงานชดเครองมอส าหรบการสราง Selection - กำรเลอก Selection คอ กำรก ำหนดขอบเขตในกำรท ำงำน เชน แกไขภำพ ปรบแตงภำพ

กลม ภาพ เครองมอ หนาทการท างาน

1

หรอวำดภำพ ฯลฯ ซงไมวำจะใชเครองมอใด ๆ กจะมผลเพยงบรเวณทเรำเลอกไวเทำนน เรำจะลองมำดตวอยำงกำรสรำง Selection จำกขนตอนตอไปน

- กำรใชเครองม อ Rectangular Marquee Tool คลกเคร องม อ Rectangular Marquee Tool รปส เหล ยมจำกนนช ทภำพ กดปมซำยของเมำส แลวคำงไว แล วลำกเปนเส นประ เพ อเลอกสวนนน

ภำพแสดงตวอยำงกำรใช เครองม อ Rectangular Marquee Tool

กำรใชเครองมอ Move คลกเครองมอ Move กดปมซำยของเมำสคำงไว แล วลำก เมำสออกก เปนกำรยำยตำแหนงภำพถำไดเล อกภำพเปนเส นประไว กเปนกำรยำยเฉพำะบำงสวนของภำพเทำนน

ภำพแสดงตวอยำงกำรใช เครองม อ Move - กำรใชเครองมอ Lasso คลกเครองมอ Lasso, ลำกเมำสครอบสวนของภำพท

ตองกำร, กำรใชงำนอกวธหนงใหกดปม Alt ทแปนพมพ คำงไว , คลกเมำสไปรอบๆ ,หำกตองกำรยกเลกใหเสนประหำยไปใหกดปม Ctrl+D ภำพแสดงตวอยำงกำรใชเครองม อ Lasso

- กำรใชเครองมอ Magic Wand คลกท เครองมอ Magic Wand, คลกต ำแหนงท

ตองกำรเลอก, บรเวณทถกเลอกจะปรำกฏเปนเสนประ โดยรอบ หำกตองกำรยกเลกใหเสนประหำยไปใหกดปม Ctrl+D

ภำพแสดงตวอยำงกำรใช เครองม อ Magic Wand ใบงานท 2.1

เรอง ชดเครองมอส าหรบการสราง Selection ใน Toolbox และหนาทในการท างาน

ค าชแจง : ใหนกเรยนตอบค ำถำมตอไปนมำพอสงเขป ตอนท 1 1. จงอธบายสวนประกอบ ชดเครองมอส าหรบการสราง Selection ใน (Toolbox)

ตอบ ชดเครองมอส ำหรบกำรสรำง Selection ใน (Toolbox) หมำยเลข …………ประกอบไปดวย…….............. ..................................................................................................................................................................................................................................................................................................................................................................

โรงเรยนสาธตมหาวทยาลยราชภฏสวนสนนทา

แผนการจดการเรยนรท 1 เรอง รจกโปรแกรม Photoshop CS6 เบองตน หนวยการเรยนรท 5 เรองชดเครองมอ Crop โปรแกรม Adobe Photoshop CS6 ชนประถมศกษาปท 6

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

มำตรฐำน ง 4.1 เขำใจ มทกษะทจ ำเปน มประสบกำรณเหนแนวทำงในงำนอำชพ ใชเทคโนโลยเพอพฒนำอำชพ มคณธรรมและมเจตคตทดตออำชพ

2. จดประสงคการเรยนร - นกเรยนมควำมรควำมเขำใจกำรใชชดเครองมอส ำหรบกำร Crop ใน Toolbox ของ โปรแกรม

Adobe Photoshop CS6 - นกเรยนสำมำรถกำรใชชดเครองมอส ำหรบกำร Crop ใน Toolbox ของโปรแกรม Adobe

Photoshop CS6 กำรฝกทกษะกำรตกแตง แกไข และเปลยนแปลงได - เพอใหนกเรยนเกดควำมภำคภมใจในผลงำนของตนเอง มควำมสข สนก และมควำมสนใจในกำรใช

โปรแกรม Adobe Photoshop CS6 เพอตกแตงภำพและน ำไปประยกตใชไดดวยตนเอง (A)

3. สาระการเรยนร - ชดเครองมอส ำหรบกำร Crop ภำพ

4. สาระส าคญ - เครองมอตำงๆ ใน Toolbox จะถกจดวำงเอำไวโดยแบงเปนหมวดหมตำมลกษณะกำรใชงำน ซง

นอกจำกเครองมอทเหนในตอนเรมตนแลว ในบำงเครองมอยงมปมตำงๆ ซงเปนเครองมอในหมวดเดยวกนซอนอยอก โดยกำรแบงกลมของเครองมอจะแบงไดดงรำยละเอยดตอไปน

- เครองมอตำงๆ ใน Toolbox จะถกจดวำงเอำไวโดยแบงเปนหมวดหมตำมลกษณะกำรใชงำน ซง นอกจำกเครองมอทเหนในตอนเรมตนแลว ในบำงเครองมอยงมปมตำงๆ ซงเปนเครองมอในหมวดเดยวกนซอนอยอก โดยกำรแบงกลมของเครองมอจะแบงไดดงรำยละเอยดตอไปน

- ชดเครองมอส ำหรบกำรสรำง Selection - ชดเครองมอส าหรบการ Crop ภาพ - ชดเครองมอส ำหรบกำรรทชภำพ - ชดเครองมอส ำหรบระบำยส - ชดเครองมอส ำหรบวำดภำพและสรำงตวอกษร - ชดเครองมอชวยอ ำนวยควำมสะดวกในกำรท ำงำน - กลมเครองม อในกำรเล อกส Foreground (สทปรำกฏเมอเรำเตมหรอวำดลงไป) และส

Background (ส ทปรำกฏเมอเรำทำกำรลบหรอตดบรเวณนนออก) ประกอบดวย - กลมเครองมอ Quick mask เกยวกบกำรเลอกพนทอกรปแบบหนง

5. กจกรรมการเรยนร กจกรรมน าเขาสบทเรยน ขนน าเขาสบทเรยน 1. สนทนำกบนกเรยนเกยวกบสวนประกอบตำงๆ ของโปรแกรม Adobe Photoshop CS6 เพอ

น ำเขำสบทเรยน ซกถำมนกเรยนเรอง เวลำนกเรยนท ำงำนเรำจะตองเลอกเครองมอในกำรท ำงำน แลวเครองมอแตละตวทเรำเลอกมำนน มควำมสำมำรถทแตกตำงกนออกไป เรำจะรไดอยำงไรวำเรำควรจะเลอกเครองตวไหนมำใชงำน ใหเหมำะสมกบงำนทเรำก ำลงท ำ ใน Toolbox ของโปรแกรม Adobe Photoshop มเครองมอและหนำท ทท ำงำนตำงกนออกไปเรำจะมำเรยนรกนใชเครองใน Toolbox ของโปรแกรม Adobe Photoshop CS6 กนครบ

2. ครแจกใบควำมรท 2.2 เรอง ชดเครองมอส ำหรบกำร Crop ใน Toolbox และหนำทในกำร ท ำงำน ใหนกเรยน

ขนสอน 3. ใหนกเรยนศกษำถงชดเครองมอส ำหรบกำร Crop ใน Toolbox และหนำทในกำรท ำงำน จำกใบ

ควำมรทครแจก 4. ครอธบำยหลกกำรและหนำทในกำรท ำงำนของชดเครองมอส ำหรบกำร Crop ใน Toolbox ทละ

ตวและพรอมแสดงวธกำรใชงำนชดเครองมอส ำหรบกำร Crop ใน Toolbox และใหนกเรยนลงมอปฏบตตำม เพอจะไดเกดทกษะกำรท ำงำนมำกยงขนกวำอำนในใบควำมร หรอดครอธบำย

5. ใหนกเรยนท ำตำมค ำสงในใบงำนท 2.2 ชดเครองมอส ำหรบกำร Crop ใน Toolbox 6. ครคอยสงเกตกำรท ำงำน หำกใครไมมควำมคลองแคลวหรอใชชดเครองมอส ำหรบกำร Crop ใน

Toolbox ไมไดหรอตดขดใหฝกใหมโดยขออำสำสมครคนทท ำงำนคลองแคลวเปนคนสอนเพอนๆ หลงจำกนนเรยกนกเรยนคนนนๆ มำประเมนใหมใหผำนทกคนจงคอยท ำกจกรรมตอไป

ขนสรป 7. ครเปดโอกำสใหนกเรยนสอบถำมปญหำทเกดจำกกำรเรยนรในสวนทนกเรยนยงไมเขำใจคร

แนะน ำใหนกเรยนหำขอมลเพมเตมจำกอนเตอรเนตหรอจำกแหลงขอมลอนๆ และฝกปฏบตตำมเนอหำทไดเรยน เพอทจะไดใชชดเครองมอส ำหรบกำร Crop ใน Toolbox ไดอยำงคลองแคลว

8. สมถำมนกเรยน 3-4 คน ใหนกเรยนสรปเกยวกบหลกกำรและหนำทกำรท ำงำนของชด เครองมอส ำหรบกำร Crop ใน Toolbox

6. สอและแหลงการเรยนร - คอมพวเตอร - เครองขยำยเสยง - ใบควำมรท 2.2 เรอง ชดเครองมอส ำหรบกำร Crop ใน Toolbox และหนำทในกำรท ำงำน - ใบงำนท 2.2 เรอง ชดเครองมอส ำหรบ Crop ใน Toolbox และหนำทในกำรท ำงำน - เวบสอกำรสอน โปรแกรม Adobe Photoshop CS6 - โปรแกรม Adobe Photoshop CS6

7. การวดและประเมลผล 1. วธกำรวด - สงเกตกำรฟง กำรตอบค ำถำม กำรปฏบตงำน - ตรวจใบงำนท 2.2 เรอง ชด เครองมอส ำหรบกำร Crop ใน Toolbox 2. เครองกำรวดผลประเมนผล - แบบสงเกตพฤตกรรม

- ใบงำนท 2.2 เรอง ชด เครองมอส ำหรบกำร Crop ใน Toolbox และหนำทในกำรท ำงำน 3. เกณฑกำรวดผลประเมนผล ใชกำรผำนเกณฑ รอยละ 60 ขนไป

8. บนทกผลการจดการเรยนร ผลการจดการเรยนร - นกเรยนมควำมรควำมเขำใจ กำรใชงำนชดเครองมอส ำหรบกำร Crop ใน Toolbox อธบำยหลกกำรและหนำทในกำรท ำงำน และกำรใชชดเครองมอส ำหรบกำร Crop ใน Toolbox ของโปรแกรม Adobe Photoshop CS6 ได ความคดเหน/ขอเสนอแนะ ………………………………………………………………………………….……………..…………………………………………… …………………………………………………………………………………….………..……………………………………………… …………………………………………………………….……………..…………………………….……………..…………………… …………………………………………………………………………………….………..………………………………………………

ลงชอ..................................................... (อำจำรยศรลกษณ เลศหรญทรพย)

อาจารยผสอน

ลงชอ..................................................... (อำจำรยจฑำรตน สรวบลยผล)

หวหนากลมสาระการเรยนร

ใบความรท 2.2 เรอง ชดเครองมอส าหรบการ Crop ใน Toolbox

และหนาทในการท างานเครองมอพนฐานของโปรแกรม Adobe Photoshop CS6 เครองมอพนฐานบนกลองเครองมอของโปรแกรม Adobe Photoshop CS6 ได แบง การท างานออกเปนหมวดหม หรอเปนกลมย อย ใน Toolbox

กลองเครองม อ (Toolbox) เปนสวนทใชเกบเครองมอพนฐานในการทางาน ในโปรแกรม สามารถ เรยกใชช ด เครองมอยอยโดยการคลกรปสามเหลยมทมมดานลาง ดงแสดงในภาพ ดงตอไปน

ภาพกลองเครองม อ (Toolbox)

9. กลมเครองม อกำรเลอก Selection 10. กลมเครองม อ Crop 11. กลมเครองม อสำหรบกำรรทชภำพ 12. กลมเคร องม อสำหรบกำรระบำยส 13. กลมคำสงพเศษเกยวกบกำรวำดภำพ 14. กลมเครองม ออำนวยควำมสะดวกในกำรทำงำน 15. กลมเครองม อในกำรเล อกส Foreground (สทปรำกฏเมอเรำเตมหรอวำดลงไป) และส

Background (ส ทปรำกฏเมอเรำทำกำรลบหรอตดบรเวณนนออก) 16. กลมเครองมอ Quick mask เกยวกบกำรเลอกพนทอกรปแบบหนง

กลมเครองมอ Crop ประกอบดวย

ชนดของชดเครองมอส าหรบ Crop ภาพ และหนาทการท างาน

กลม ภาพ เครองม อ หนาทการทางาน

2

Option ของช ดเครองม อสาหรบ Crop ภาพ

- Option ของเครองมอ Crop

ภำพแสดงตวอยำง Option ของเคร องม อ Crop

- Option ของเครองมอ Slice

ภำพแสดงตวอยำง Option ของเคร องม อ Slice

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

ขนตอนการใชงานชดเครองมอส าหรบการ Crop ภาพ

- กำรใชเครองมอ Crop คลกเมำสทเครองมอ Crop, ลำกเมำสเปนกรอบสเหลยม ครอบสวนของภำพทตองกำร, กดปม Enter, ผลงำนทได ภำพถกตดออกบำงสวนออกไป

ภำพแสดงตวอยำง Option ของเคร องม อ Crop

- กำรใชเครองมอ Slice คลกเมำสทเครองมอ Slice ลำกเปนกรอบสเหลยมครอบ

สวนทตองกำร, กำรซอนใหคลกเมน View >Show->Slice คลกเอำเครองหมำยถกออก

แสดงตวอยำงกำรใชเคร องม อ Slice ใบงานท 2.2

เรอง ชดเครองมอส าหรบการ Crop ใน Toolbox และหนาทในการท างาน

ค าชแจง : ใหนกเรยนตอบค ำถำมตอไปนมำพอสงเขป ตอนท 1 1. จงอธบายสวนประกอบ ชดเครองมอส าหรบการ Crop ใน Toolbox

ตอบ ชดเครองมอส ำหรบกำร Crop ใน Toolbox หมำยเลข …………ประกอบไปดวย……....………………………..

โรงเรยนสาธตมหาวทยาลยราชภฏสวนสนนทา

แผนการจดการเรยนรท 1 เรอง รจกโปรแกรม Photoshop CS6 เบองตน หนวยการเรยนรท 6 เรอง ชดเครองมอส ำหรบกำรรทชภำพ ชนประถมศกษาปท 6

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

มำตรฐำน ง 4.1 เขำใจ มทกษะทจ ำเปน มประสบกำรณเหนแนวทำงในงำนอำชพ ใชเทคโนโลยเพอพฒนำอำชพ มคณธรรมและมเจตคตทดตออำชพ

2. จดประสงคการเรยนร - นกเรยนมควำมรควำมเขำใจกำรใชชดเครองมอส ำหรบกำรรทชภำพ ใน Toolbox ของ โปรแกรม

Adobe Photoshop CS6 - นกเรยนสำมำรถกำรใชชดเครองมอส ำหรบกำรรทชภำพ ใน Toolbox ของโปรแกรม Adobe

Photoshop CS6 กำรฝกทกษะกำรตกแตง แกไข และเปลยนแปลงได - เพอใหนกเรยนเกดควำมภำคภมใจในผลงำนของตนเอง มควำมสข สนก และมควำมสนใจในกำรใช

โปรแกรม Adobe Photoshop CS6 เพอตกแตงภำพและน ำไปประยกตใชไดดวยตนเอง (A)

3. สาระการเรยนร - ชดเครองมอส ำหรบกำรรทชภำพ

ดานคณลกษณะอนพงประสงค - มวนย - มจตสำธำรณะ - มงมนในกำรท ำงำน

สมรรถนะผเรยน

- ควำมสำมำรถในกำรสอสำร - ควำมสำมำรถในกำรคด - ควำมสำมำรถในกำรแกปญหำ - 4. สาระส าคญ

- เครองมอตำงๆ ใน Toolbox จะถกจดวำงเอำไวโดยแบงเปนหมวดหมตำมลกษณะกำรใชงำน ซง นอกจำกเครองมอทเหนในตอนเรมตนแลว ในบำงเครองมอยงมปมตำงๆ ซงเปนเครองมอในหมวด

เดยวกนซอนอยอก โดยกำรแบงกลมของเครองมอจะแบงไดดงรำยละเอยดตอไปน - เครองมอตำงๆ ใน Toolbox จะถกจดวำงเอำไวโดยแบงเปนหมวดหมตำมลกษณะกำรใชงำน ซง นอกจำกเครองมอทเหนในตอนเรมตนแลว ในบำงเครองมอยงมปมตำงๆ ซงเปนเคร องมอในหมวด

เดยวกนซอนอยอก โดยกำรแบงกลมของเครองมอจะแบงไดดงรำยละเอยดตอไปน - ชดเครองมอส ำหรบกำรสรำง Selection - ชดเครองมอส ำหรบกำร Crop ภำพ

- ชดเครองมอส าหรบการรทชภาพ - ชดเครองมอส ำหรบระบำยส - ชดเครองมอส ำหรบวำดภำพและสรำงตวอกษร - ชดเครองมอชวยอ ำนวยควำมสะดวกในกำรท ำงำน - กลมเครองม อในกำรเล อกส Foreground (สทปรำกฏเมอเรำเตมหรอวำดลงไป) และส Background (ส ทปรำกฏเมอเรำทำกำรลบหรอตดบรเวณนนออก) ประกอบดวย - กลมเครองมอ Quick mask เกยวกบกำรเลอกพนทอกรปแบบหนง

5. กจกรรมการเรยนร

กจกรรมน าเขาสบทเรยน 1. สนทนำกบนกเรยนเกยวกบสวนประกอบตำงๆ ของโปรแกรม Adobe Photoshop CS6 เพอ

น ำเขำสบทเรยน ซกถำมนกเรยนเรอง เวลำนกเรยนท ำงำนเรำจะตองเลอกเครองมอในกำรท ำงำน แลวเครองมอแตละตวทเรำเลอกมำนน มควำมสำมำรถทแตกตำงกนออกไป เรำจะรไดอยำงไรวำเรำควรจะเลอกเครองตวไหนมำใชงำน ใหเหมำะสมกบงำนทเรำก ำลงท ำ ใน Toolbox ของโปรแกรม Adobe Photoshop มเครองมอและหนำท ทท ำงำนตำงกนออกไปเรำจะมำเรยนรกนใชเครองใน Toolbox ของโปรแกรม Adobe Photoshop CS6 กนครบ

2. ครแจกใบควำมรท 2.3 เรอง ชดเครองมอส ำหรบกำรรทชภำพ ใน Toolbox และหนำทในกำร ท ำงำน ใหนกเรยน

ขนสอน 3. ใหนกเรยนศกษำถงชดเครองมอส ำหรบกำรรทชภำพ ใน Toolbox และหนำทในกำรท ำงำน จำก

ใบควำมรทครแจก 4. ครอธบำยหลกกำรและหนำทในกำรท ำงำนของชดเครองมอส ำหรบกำรรทชภำพ ใน Toolbox ท

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

5. ใหนกเรยนท ำตำมค ำสงในใบงำนท 2.3 ชดเครองมอส ำหรบกำร Crop ใน Toolbox 6. ครคอยสงเกตกำรท ำงำน หำกใครไมมควำมคลองแคลวหรอใชชดเครองมอส ำหรบกำรรทชภำพ

ใน Toolbox ไมไดหรอตดขดใหฝกใหมโดยขออำสำสมครคนทท ำงำนคลองแคลวเปนคนสอนเพอนๆ หลงจำกนนเรยกนกเรยนคนนนๆ มำประเมนใหมใหผำนทกคนจงคอยท ำกจกรรมตอไป

ขนสรป 7. ครเปดโอกำสใหนกเรยนสอบถำมปญหำทเกดจำกกำรเรยนรในสวนทนกเรยนยงไมเขำใจคร

แนะน ำใหนกเรยนหำขอมลเพมเตมจำกอนเตอรเนตหรอจำกแหลงขอมลอนๆ และฝกปฏบตตำมเนอหำทไดเรยน เพอทจะไดใชชดเครองมอส ำหรบกำรรทชภำพ ใน Toolbox ไดอยำงคลองแคลว

8. สมถำมนกเรยน 3-4 คน ใหนกเรยนสรปเกยวกบหลกกำรและหนำทกำรท ำงำนของชดเครองมอ ส ำหรบกำรรทชภำพ ใน Toolbox

9. สอและแหลงการเรยนร - คอมพวเตอร

- เครองขยำยเสยง - ใบควำมรท 2.3 เรอง ชดเครองมอส ำหรบกำรรทชภำพ ใน Toolbox และหนำทในกำรท ำงำน - ใบงำนท 2.3 เรอง ชดเครองมอส ำหรบกำรรทชภำพ ใน Toolbox และหนำทในกำรท ำงำน - เวบสอกำรสอน โปรแกรม Adobe Photoshop CS6 - โปรแกรม Adobe Photoshop CS6

10. บนทกผลการจดการเรยนร

ผลการจดการเรยนร - นกเรยนมควำมรควำมเขำใจ กำรใชงำนชดเครองมอส ำหรบกำรรทชภำพ ใน Toolbox อธบำยหลก

กำรและหนำทในกำรท ำงำน ของชดเครองมอส ำหรบกำรรทชภำพ ใน Toolbox ของโปรแกรม Adobe Photoshop CS6 ได

ความคดเหน/ขอเสนอแนะ ………………………………………………………………………………….……………..…………………………………………… …………………………………………………………………………………….………..……………………………………………… …………………………………………………………….……………..…………………………….……………..…………………… …………………………………………………………………………………….………..………………………………………………

ลงชอ..................................................... (อำจำรยศรลกษณ เลศหรญทรพย)

อาจารยผสอน

บนทกความเหนของหวหนากลมสาระ ………………………………………………………………………………….……………..…………………………………………… …………………………………………………………………………………….………..……………………………………………… …………………………………………………………….……………..…………………………….……………..……………………

ลงชอ..................................................... (อำจำรยจฑำรตน สรวบลยผล)

หวหนากลมสาระการเรยนร

ใบความรท 2.3 เรอง ชดเครองมอส าหรบการรทชภาพ ใน Toolbox

และหนาทในการท างานเครองมอพนฐานของโปรแกรม Adobe Photoshop CS6 เครองมอพนฐำนบนกลองเครองมอของโปรแกรม Adobe Photoshop CS6 ได แบง กำรท ำงำนออกเปนหมวดหม หรอเปนกลมย อย ใน Toolbox

กลองเครองม อ (Toolbox) เปนสวนทใชเกบเครองมอพนฐำนในกำรทำงำน ในโปรแกรม สำมำรถ เรยกใชช ด เครองมอยอยโดยกำรคลกรปสำมเหลยมทมมดำนลำง ดงแสดงในภำพ ดงตอไปน

ภาพกลองเครองม อ (Toolbox)

1. กลมเครองม อกำรเลอก Selection 2. กลมเครองม อ Crop 3. กลมเครองม อสำหรบกำรรทชภำพ 4. กลมเคร องม อสำหรบกำรระบำยส 5. กลมคำสงพเศษเกยวกบกำรวำดภำพ 6. กลมเครองม ออำนวยควำมสะดวกในกำรทำงำน 7. กลมเครองม อในกำรเล อกส Foreground (สทปรำกฏเมอเรำเตมหรอวำดลงไป) และส

Background (ส ทปรำกฏเมอเรำทำกำรลบหรอตดบรเวณนนออก) 8. กลมเครองมอ Quick mask เกยวกบกำรเลอกพนทอกรปแบบหนง

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

กลม ภาพ เครองมอ หนาทการทางาน

3

Option ของช ดเครองม อส าหรบการ รท ชภาพ

- Option ของชดเคร องม อ Healing Brush

ภำพแสดงตวอยำง Option ของเคร องม อ Healing Brush - Option ของชดเคร องม อ Clone Stamp -

ภำพแสดงตวอยำง Option ของเคร องม อ Clone Stamp

- Option ของชดเคร องม อ Eraser

ภำพแสดงตวอยำง Option ของเคร องม อ Eraser

- Option ของชดเคร องม อ Blur

ภำพแสดงตวอยำง Option ของเคร องม อ Blur

- Option ของชดเคร องม อ Dodge -

ภำพแสดงตวอยำง Option ของเคร องม อ Dodge

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

สว ำงในรป

ขนตอนการใชงานชดเครองมอส าหรบการรท ชภาพ - กำรใชเครองมอ Healing Brush เลอกทเครองมอ ไปทภำพ แล วกด Alt คำงไว

คลกเลอกบร เวณพ นผ วสวนทเรยบ ๆ แลวปล อยปม Alt หล ง จำกนนกไปคลกในสวนทตองกำรทำใหเรยบ

ภำพแสดงตวอยำงกำรใช เครองม อ Healing Brush - กำรใชเครองมอ Clone Stamp คลกท เคร องมอ Clone Stamp กด Alt ท

แปนพมพ คำงไว คลกต ำแหนงทต องกำรใชเป นแมแบบ,ขนำด ของ Clone Stamp เลอกไดตำมควำมเหมำะ สมกบภำพ

ภำพแสดงตวอยำงกำรเลอกต ำแหนงทจะปมภำพโดยใช Clone Stamp

คลกปมสร ำง Layer ใหม ช เมำสในต ำแหน งทต องกำรสรำงภำพ กดปมซำยเมำสคำงไว แลวคอยปล อยปม Alt แลวลำกเมำสไปมำ ภำพแมแบบจะปรำกฏพนททำงำนผลทไดจะแสดงสวนทเรำได ปมภำพข ำงตน

ภำพแสดงตวอยำงกำรใช เครองม อ Clone Stamp

- กำรใชเครองมอ Eraser คลกทเครองมอ Eraser จำกนนชสวนทตองกำรลบ แลว ลำกเมำส หรอคลกบรเวณนน,ขนำดของ Eraser เลอกไดตำมควำมเหมำะสมกบภำพ

ภำพแสดงตวอยำงกำรใช เครองม อ Eraser

- กำรใชเครองมอ Blur คลกทเครองมอ Blur ชสวนทตองกำร เชน ตรงขอบ กด ปมซำยของเมำสคำงไว แลวลำกถไปมำ จะท ำ ใหภำพสวนนนมลกษณะเบลอ ,ขนำดของ Blur เลอกไดตำมควำมเหมำะสม

ภำพแสดงตวอยำงกำรใช เครองม อ Blur

- กำรใชเครองมอ Dodge คลกทเครองมอ Dodge อำจก ำหนดเกยวกบตวเลอก

ในกำรใชเครองมอชสวนของภำพทตองกำร กดปม ซำยของเมำสคำงไว แล วลำกเมำสแบบถ ไถไปมำ ภำพสวนนนจะดสว ำงข น ,ขนำดของ Dodge เลอกไดตำมควำม เหมำะสม

ภำพแสดงตวอยำงกำรใชเครองมอ Dodge

ใบงานท 2.3 เรอง ชดเครองมอส าหรบการรทชภาพ และหนาทในการท างาน

ค าชแจง : ใหนกเรยนตอบค ำถำมตอไปนมำพอสงเขป ตอนท 1 1. จงอธบายสวนประกอบ ชดเครองมอส าหรบการรทชภาพ ใน (Toolbox)

ตอบ ชดเครองมอส ำหรบกำรรทชภำพ ใน (Toolbox) หมำยเลข …………ประกอบไปดวย……....…………………..................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................

โรงเรยนสาธตมหาวทยาลยราชภฏสวนสนนทา

แผนการจดการเรยนรท 1 เรอง รจกโปรแกรม Photoshop CS6 เบองตน หนวยการเรยนรท 7 เรอง วธการแตงภาพสไตล Double exposure ภาพซอนภาพ ชนประถมศกษาปท 6

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

มำตรฐำน ง 4.1 เขำใจ มทกษะทจ ำเปน มประสบกำรณเหนแนวทำงในงำนอำชพ ใชเทคโนโลยเพอพฒนำอำชพ มคณธรรมและมเจตคตทดตออำชพ

2. จดประสงคการเรยนร - นกเรยนมควำมรควำมเขำใจ วธกำรแตงภำพสไตล Double exposure ภำพซอนภำพ ของ

โปรแกรมAdobe Photoshop CS6 - นกเรยนสำมำรถอธบำย วธกำรแตงภำพสไตล Double exposure ภำพซอนภำพ ของโปรแกรม - นกเรยนรบผดชอบในภำระงำนทไดรบมอบหมำย

3. สาระการเรยนร

- วธกำรแตงภำพสไตล Double exposure ภำพซอนภำพ

4. สาระส าคญ - เทคนควธกำรแตงภำพ สไตล Double exposure ภำพซอนภำพ เปนเทคนคงำยๆ ทท ำให รปภำพ

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

5. กจกรรมการเรยนร กจกรรมน าเขาสบทเรยน

1. สนทนำกบนกเรยนเกยวกบสวนประกอบตำงๆ ของโปรแกรม Adobe Photoshop CS6 เพอน ำเขำสบทเรยน ซกถำมนกเรยนเรอง เวลำนกเรยนท ำงำนเรำจะตองเลอกเครองมอในกำรท ำงำน แลวเครองมอแตละตวทเรำเลอกมำนน มควำมสำมำรถทแตกตำงกนออกไป เรำจะรไดอยำงไรวำเรำควรจะเลอกเครองมอตวไหนมำใชงำน ใหเหมำะสมกบงำนทเรำก ำลงท ำ ใน วนนเรำจะเรยนรเกยววธกำรแตงภำพสไตล Double exposure ภำพซอนภำพ กนครบ

ขนสอน 2. ครแจกใบควำมรท 4.1 วธกำรแตงภำพสไตล Double exposure ภำพซอนภำพ 3. ใหนกเรยนศกษำ วธกำรแตงภำพสไตล Double exposure ภำพซอนภำพ จำกใบควำมรทคร

แจก 4. ครอธบำยวธกำร และขนตอน วธกำรแตงภำพสไตล Double exposure ภำพซอนภำพ พรอม

แสดงวธกำรท ำและใหนกเรยนลงมอปฏบตตำม เพอจะไดเกดทกษะกำรท ำงำนมำกยงขนกวำอำนในใบควำมร หรอดครอธบำย

5. ครคอยสงเกตกำรท ำงำน หำกใครไมมควำมคลองแคลวหรอตดขด ใหฝกใหมโดยขออำสำสมครคนทท ำงำนคลองแคลวแลวเปนคนสอนเพอนๆ หลงจำกนนเรยกนกเรยนคนนนๆ มำประเมนใหมใหผำนทกคนจงคอยท ำกจกรรมตอไป

6. เมอใหนกเรยนไดทดลองท ำตำมขนตอนนนแลว จำกนนครไดแจกใบงำนท 4.1 เรอง วธกำรแตงภำพสไตล Double exposure ภำพซอนภำพ ใหนกเรยน

ขนสรป 7. ครเปดโอกำสใหนกเรยนสอบถำมปญหำทเกดจำกกำรเรยนรในสวนทนกเรยนยงไมเขำใจคร

แนะน ำใหนกเรยนหำขอมลเพมเตมจำกอนเตอรเนตหรอจำกแหลงขอมลอนๆ และฝกปฏบตตำมเนอหำทไดเรยน เพอทจะไดอยำงคลองแคลวสมถำมนกเรยน 3-4 คน ครและนกเรยนสรปเกยวกบวธกำรแตงภำพสไตล Double exposure ภำพซอนภำพ

8. สอและแหลงการเรยนร

- คอมพวเตอร - ใบควำมรท 4.1 เรอง วธกำรแตงภำพสไตล Double exposure ภำพซอนภำพ - ใบงำนท 4.1 เรอง วธกำรแตงภำพสไตล Double exposure ภำพซอนภำพ - Powerpoint เรอง วธกำรแตงภำพสไตล Double exposure ภำพซอนภำพ - โปรแกรม Adobe Photoshop CS6

9. การวดและประเมลผล

1. วธกำรวด

- แบบสงเกตพฤตกรรม สงเกตกำรฟง กำรตอบค ำถำม กำรปฏบตงำน

- ใบงำนท 4.1 เรอง วธกำรแตงภำพสไตล Double exposure ภำพซอนภำพ 2. เครองกำรวดผลประเมนผล - แบบสงเกตพฤตกรรม - ใบงำนท 4.1 เรอง วธกำรแตงภำพสไตล Double exposure ภำพซอนภำพ 3. เกณฑกำรวดผลประเมนผล

- ใชกำรผำนเกณฑ รอยละ 70 ขนไป

10. บนทกผลการจดการเรยนร ผลการจดการเรยนร ………………………………………………………………………………….……………..…………………………………………… …………………………………………………………………………………….………..……………………………………………… …………………………………………………………….……………..…………………………….……………..…………………… …………………………………………………………………………………….………..………………………………………………

ความคดเหน/ขอเสนอแนะ ………………………………………………………………………………….……………..…………………………………………… …………………………………………………………………………………….………..……………………………………………… …………………………………………………………….……………..…………………………….……………..…………………… …………………………………………………………………………………….………..………………………………………………

ลงชอ..................................................... (อำจำรยศรลกษณ เลศหรญทรพย)

อาจารยผสอน

ลงชอ..................................................... (อำจำรยจฑำรตน สรวบลยผล)

หวหนากลมสาระการเรยนร

ใบความรท 4.1 เรอง วธการแตงภาพสไตล Double exposure ภาพซอนภาพ

วธกำรแตงภำพสไตล Double exposure ภำพซอนภำพ กำรแตงภำพสไตล Double exposure กไดมผลตอบรบคอนขำงด มเพอนๆ หลำยคนชอบ และอยำกร

ขนตอนวธท ำ ซงขนตอนกไมไดซบซอนอะไรมำก ใชโปรแกรม Photoshop กบเครองมองำยๆ ทเรำใชกนอยประจ ำและขนตอนกำรท ำเพยงไมกขนตอน ลองมำดกนไดเลยครบตำมขนตอนดำนลำงนเลย

ขนตอนท 1 เปดภำพ Portrait ทตองกำรจะใชเปนภำพตนแบบขนมำ และเรมตนตดภำพ โดยใช เครองมอ Pen tool เดนเสน Path จนรอบรปของเรำ

ขนตอนท 2 ใหคลก ขวำทบนเสน Path แลวเลอก Make selection และปรบคำ feather Radius 0.5 ตำมภำพดำนบน

ขนตอนท 3 จำกนนใหไปท Select>Refine Edge เพอปรบควำมคมชดของขอบภำพทตด หรอสวนทเปนเสนผม โดยใชพกน ลำกๆ ไปบรเวณผม จำกนน เลอก Output To เปน Selection ดวย แลวกด OK

ขนตอนท 3 คดลอก Layer ของภำพทไดคดขอบขนมำ (Ctrl+J) จำกนนกเลอกภำพพนหลงทตองกำรจะใชซอนไปในภำพหลก แลวน ำไปไวดำนบนสด

ขนตอนท 5 สรำง Layer สขำวขนมำอนนง น ำไปไวดำนลำง จำกนนให คลก Ctrl คำงไว แลวคลกเลอกท เลเยอร รปคน เพอท ำกำร Copy Mask จำกนนคลกทภำพวว และ Add Layer Mask (ไอคอนขวำมอตดกบ fx) ภำพววกจะม Mask ทเปนรปคนดงภำพดำนบน

ขนตอนท 6 จำกนน Copy Layer คนอกครง แลวน ำไปบนสด จำกนนใหไปท Image>Adjustment Levels เพอปรบ Levels ใหภำพดมดๆ หนอย จำกนนกปรบ Blending Mode ใหเปน Screen

เพยงเทาน กได ภาพสไตล Double exposure