Adobe Photoshop CS6 · ใบงานที่ 1.1 - 1.3 และใบงานที่ 1.4...

51
1 ชุดฝึกทักษะสร้างสรรค์การออกแบบ เรื่อง เรียนรู้โปรแกรม Adobe Photoshop CS6 กลุ่มสาระการเรียนรู้การงานอาชีพและเทคโนโลยี รายวิชาเทคนิคการตัดต่อภาพ (ง30227) ชั้นมัธยมศึกษาปีท่ 5 ชุดที่ 1 เรื่อง แนะนำกำรใช้โปรแกรม Adobe Photoshop CS6 มีองค์ประกอบ ดังนีองค์ประกอบของเนื้อหำ ชุดฝึกทักษะสร้างสรรค์การออกแบบ เรื่อง เรียนรู้โปรแกรม Adobe Photoshop CS6 ชุดที่ 1 เรื่อง แนะนาการใช้โปรแกรม Adobe Photoshop CS6 มีองค์ประกอบ ดังนีประกอบด้วย 1. คาชี้แจง 2. คาแนะนาสาหรับครู 3. คาแนะนาสาหรับนักเรียน 4. สาระ มาตรฐานการเรียนรู้/ผลการเรียนรู5. จุดประสงค์การเรียนรู6. แบบทดสอบก่อนเรียนและหลังเรียน พร้อมเฉลย 7. ใบความรู8. ใบงานที1.1 - 1.3 และใบงานที่ 1.4 (ใบงานปฏิบัติ) พร้อมเฉลย 9. บรรณานุกรม 10. แบบบันทึกคะแนน

Transcript of Adobe Photoshop CS6 · ใบงานที่ 1.1 - 1.3 และใบงานที่ 1.4...

Page 1: Adobe Photoshop CS6 · ใบงานที่ 1.1 - 1.3 และใบงานที่ 1.4 (ใบงานปฏิบัติ) พร้อมเฉลย 9. บรรณานุกรม

1

ชดฝกทกษะสรางสรรคการออกแบบ เรอง เรยนรโปรแกรม Adobe Photoshop CS6

กลมสาระการเรยนรการงานอาชพและเทคโนโลย รายวชาเทคนคการตดตอภาพ (ง30227)

ชนมธยมศกษาปท 5 ชดท 1 เรอง แนะน ำกำรใชโปรแกรม Adobe Photoshop CS6

มองคประกอบ ดงน

องคประกอบของเนอหำ

ชดฝกทกษะสรางสรรคการออกแบบ เรอง เรยนรโปรแกรม Adobe

Photoshop CS6 ชดท 1 เรอง แนะน าการใชโปรแกรม Adobe Photoshop CS6

มองคประกอบ ดงน

ประกอบดวย

1. ค าชแจง

2. ค าแนะน าส าหรบคร

3. ค าแนะน าส าหรบนกเรยน

4. สาระ มาตรฐานการเรยนร/ผลการเรยนร

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

6. แบบทดสอบกอนเรยนและหลงเรยน พรอมเฉลย

7. ใบความร

8. ใบงานท 1.1 - 1.3 และใบงานท 1.4 (ใบงานปฏบต) พรอมเฉลย

9. บรรณานกรม

10. แบบบนทกคะแนน

Page 2: Adobe Photoshop CS6 · ใบงานที่ 1.1 - 1.3 และใบงานที่ 1.4 (ใบงานปฏิบัติ) พร้อมเฉลย 9. บรรณานุกรม

2

กำรวดผลประเมนผล

การวดผลประเมนผล ใชเกณฑการประเมนคดเปนรอยละ 80 มการประเมน ดงน

1. ทดสอบกอนเรยนและหลงเรยน

2. วดทกษะการปฏบตกจกรรมจากชดฝกทกษะ (ใบงานปฏบต)

3. ประเมนทกษะการท างานกลม

4. ประเมนคณลกษณะอนพงประสงค

บทบำทครผสอน

1. ครผสอนเตรยมตวใหพรอมโดยศกษารายละเอยดเกยวกบการใชชดฝกทกษะ

การจดชนเรยนและการเตรยมสอการเรยนรทใชประกอบการจดการเรยนร

2. การจดกจกรรม ตองจดกจกรรมใหครบตามทระบไวในแผนการจดการเรยนร

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

3. กอนการท ากจกรรมทกครงตองอธบาย ชแจงวธปฏบตกจกรรมใหชดเจน

เพอใหนกเรยนเขาใจตรงกน จงจะท าใหการจดกจกรรมการเรยนรบรรล

เปาหมายและมประสทธภาพ

4. กอนการท ากจกรรม ครจดกลมนกเรยนออกเปนกลมละ 7 - 8 คน คละ

ความสามารถประกอบดวย คนเกง ปานกลาง และออน โดยก าหนดบทบาท

หนาทการปฏบตกจกรรมการเรยนรของนกเรยนอยางชดเจน ซงใหแตละกลม

เลอก ประธาน รองประธาน กรรมการ และเลขานการ

Page 3: Adobe Photoshop CS6 · ใบงานที่ 1.1 - 1.3 และใบงานที่ 1.4 (ใบงานปฏิบัติ) พร้อมเฉลย 9. บรรณานุกรม

3

5. ครเนนใหนกเรยนทกคนมสวนรวมในการปฏบตกจกรรม เพอเปนการ

ใหนกเรยนรจกการท างานรวมกน ชวยเหลอซงกนและกน รบผดชอบตอหนาท

และมความคดกลาแสดงออก โดยครเปนผแนะน าใหกบนกเรยน ขณะท

นกเรยนปฏบตกจกรรม

6. ขณะปฏบตกจกรรม ครสงเกตพฤตกรรมของนกเรยนแตละกลมและบนทกผล

ในแบบสงเกตพฤตกรรมของนกเรยนเปนรายกลมหรอรายบคคล

7. หลงจากการจดกจกรรมการเรยนรเสรจสนครประเมนผลการเรยนของนกเรยน

โดยประเมนดานความร สมรรถนะส าคญของผเรยนและคณลกษณะอนพง

ประสงคตามเกณฑการประเมนและใหนกเรยนประเมนความพงพอใจตอการใช

ชดฝกทกษะ

8. หากเสรจสนการจดกจกรรมถามนกเรยนทไมผานเกณฑการประเมน

ครจดกจกรรมซอมเสรมทนทกอนเรยนในชดฝกทกษะถดไป

สงทครตองเตรยม

1. แผนการจดการเรยนรประกอบชดฝกทกษะชดท 1

2. ชดฝกทกษะ ชดท 1 เรอง แนะน าการใชโปรแกรม Adobe Photoshop CS6

ประกอบดวย

2.1 ค าแนะน า

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

2.3 ใบความร

2.4 ใบงาน

3. สอและอปกรณทใชประกอบการปฏบตกจกรรม (ใบงานปฏบต)

Page 4: Adobe Photoshop CS6 · ใบงานที่ 1.1 - 1.3 และใบงานที่ 1.4 (ใบงานปฏิบัติ) พร้อมเฉลย 9. บรรณานุกรม

4

ส าหรบคร ควรปฏบตกจกรรม ดงน

1. ชดฝกทกษะ ชดท 1 เรอง แนะน าการใชโปรแกรม Adobe Photoshop CS6

ประกอบแผนการจดการเรยนรท 1 - 2 ครแนะน าแหลงเรยนรเพมเตม

2. ครแจงมาตรฐานการเรยนร จดประสงคการเรยนร ทนกเรยนศกษาชดฝกทกษะน

เพอใหนกเรยนมความร เรอง โปรแกรม Adobe Photoshop CS6 ครแนะน า

ใหนกเรยนศกษาและการใชชดฝกทกษะ เนอหาจากใบความรและกจกรรม

จากใบงานใหเขาใจกอน

3. ครชแจงใหนกเรยน อานค าแนะน าการใชชดฝกทกษะและปฏบตตามขนตอน

ตามล าดบ โดยไมเปดดเฉลยกอนปฏบตกจกรรมในใบงาน การท าแบบทดสอบ

ทายชดฝกทกษะ โดยเนนย าคณธรรม ความซอสตย

4. ในขณะทศกษาชดฝกทกษะน ครตองสอนนกเรยนเรองความซอสตยตอตนเอง

และปฏบตกจกรรมโดยไมเปดดเฉลยค าตอบกอน

5. หากพบวา นกเรยนมปญหาระหวางการเรยนรดวยชดฝกทกษะเลมน ครตองรบ

ใหความชวยเหลอจนกวานกเรยนจะเขาใจเนอหาไดถกตอง ตรงตามเนอหาทเรยน

Page 5: Adobe Photoshop CS6 · ใบงานที่ 1.1 - 1.3 และใบงานที่ 1.4 (ใบงานปฏิบัติ) พร้อมเฉลย 9. บรรณานุกรม

5

นกเรยนตองปฏบตกจกรรม ดงน

1. ท าแบบทดสอบกอนเรยน เพอประเมนความรพนฐานของตนเองกอนปฏบต

กจกรรมในชดฝกทกษะ

2. นกเรยนแบงกลม ใหหวหนากลมเปนผน าในการศกษาใบความรเรองนน ๆ

เพอใหเกดความรความเขาใจกอนปฏบตตามค าสงแตละชดฝกทกษะ

3. นกเรยนและครชวยกนสรปสาระส าคญจากเนอหาเพอพฒนาทกษะการเรยน

รายวชาเทคนคการตดตอภาพ

4. นกเรยนท าใบงานท 1.1 - 1.3 และใบงานท 1.4 (ใบงานปฏบต)

อยางละเอยดรอบคอบและดวยความซอสตยตอตนเอง

5. นกเรยนท าแบบทดสอบหลงเรยน อยางละเอยดรอบคอบและดวยความซอสตย

ตอตนเอง โดยไมดเฉลย

6. เมอมปญหาหรอขอสงสยเกยวกบการท าชดฝกทกษะใหปรกษาครผสอนทนท

ฝกบอย ๆ ท ำบอย ๆ นะคะ

Page 6: Adobe Photoshop CS6 · ใบงานที่ 1.1 - 1.3 และใบงานที่ 1.4 (ใบงานปฏิบัติ) พร้อมเฉลย 9. บรรณานุกรม

6

ถาเพอน ๆ ท าใบงานหรอแบบทดสอบหลงเรยน ไมผานเกณฑใหกลบไปศกษาใบความรและท าใบงาน อกครงแลวจงท าแบบทดสอบอกรอบนะครบ

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

- อำนและท ำควำมเขำใจกบเนอหำในใบควำมร

- ท ำใบงำนท 1.1 – 1.4 ใหครบ

- รวมตรวจค ำตอบกบเฉลยพรอม ๆ กน โดยครเปนผเฉลย

เมอเรยนจบในแตละเรองเพอวดควำมรทพฒนำขนในเรองนน ๆ

ชดท 1 เรอง แนะน ำกำรใชโปรแกรม Adobe Photoshop CS6

ศกษำจดประสงคกำรเรยนร

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

Page 7: Adobe Photoshop CS6 · ใบงานที่ 1.1 - 1.3 และใบงานที่ 1.4 (ใบงานปฏิบัติ) พร้อมเฉลย 9. บรรณานุกรม

7

สำระท 3 เทคโนโลยสำรสนเทศและกำรสอสำร

มำตรฐำน ง 3.1 เขาใจ เหนคณคาและใชกระบวนการเทคโนโลยสารสนเทศ

ในการสบคนขอมลการเรยนร การสอสาร การแกปญหา การท างานและอาชพ

อยางมประสทธภาพ ประสทธผล มคณธรรม

ผลกำรเรยนร

- สามารถบอกสวนประกอบหนาตางโปรแกรม Adobe Photoshop CS6 ได

- สามารถบอกคณสมบตของเครองมอแตละกลมได

- สามารถปฏบตการเกยวกบโปรแกรม Adobe Photoshop CS6 ได

Page 8: Adobe Photoshop CS6 · ใบงานที่ 1.1 - 1.3 และใบงานที่ 1.4 (ใบงานปฏิบัติ) พร้อมเฉลย 9. บรรณานุกรม

8

ดำนควำมร (K)

1. นกเรยนสามารถอธบายความหมายและประวตของโปรแกรม Adobe

Photoshop CS6 ได

2. นกเรยนสามารถบอกความตองการของโปรแกรม Adobe Photoshop

CS6 ได

3. นกเรยนสามารถบอกวธการก าหนดและสรางไฟลงานใหมได

4. นกเรยนสามารถอธบายการเขาสโปรแกรมเพอสรางและก าหนดไฟลงาน

ใหมในโปรแกรม Adobe Photoshop CS6 ได

ดำนทกษะ/กระบวนกำร (P)

1. นกเรยนสามารถฝกปฏบตกจกรรมการเขาสโปรแกรมเพอสรางและ

ก าหนดไฟลงานใหมในโปรแกรม Adobe Photoshop CS6

ไดอยางถกตอง

2. นกเรยนมทกษะในการท างาน

3. นกเรยนมทกษะในการจดการงาน

4. นกเรยนมทกษะกระบวนการท างานกลม

5. นกเรยนมทกษะในการใชเทคโนโลย

ดำนคณลกษณะอนพงประสงค (A)

1. นกเรยนมความซอสตยสจรต

2. นกเรยนมวนย

3. นกเรยนมความตรงตอเวลา

4. นกเรยนมสวนรวมและมความรบผดชอบ

5. นกเรยนมงมนในการท างาน

Page 9: Adobe Photoshop CS6 · ใบงานที่ 1.1 - 1.3 และใบงานที่ 1.4 (ใบงานปฏิบัติ) พร้อมเฉลย 9. บรรณานุกรม

9

เรอง แนะน ำกำรใชโปรแกรม Adobe Photoshop CS6

ค ำชแจง ใหนกเรยนท าเครองหมายกากบาท () ลงในชองตวอกษร

ก ข ค หรอ ง ทถกตองทสดเพยงขอเดยว

1. ขอใดตอไปนคอคณสมบตของโปรแกรม Adobe Photoshop CS6

ก. แทรกดนตร

ข. สรางและตกแตงภาพ

ค. ถายวดโอ

ง. ถายภาพ

2. โปรแกรม Photoshop CS6 เปนโปรแกรมของบรษทใด

ก. Acrobat

ข. PostScript

ค. Adobe

ง. PDF

3. โปรแกรม Photoshop ออกเวอรชนแรกในปใด

ก. 1987

ข. 1988

ค. 1989

ง. 1990

Page 10: Adobe Photoshop CS6 · ใบงานที่ 1.1 - 1.3 และใบงานที่ 1.4 (ใบงานปฏิบัติ) พร้อมเฉลย 9. บรรณานุกรม

10

4. ขอใดตอไปนไมใชสวนประกอบของโปรแกรม Adobe Photoshop CS6

ก. Menu Bar

ข. Toolbox

ค. Option Bar

ง. Channel

5. ขอใดกลาวถกตองเกยวกบ ความสามารถของโปรแกรม Adobe Photoshop CS6

ก. ความสามารถของโปรแกรม Photoshop แบงเปน 2 เรอง คอ แกไข

ตกแตงภาพถายกบการรทชออกแบบและสรางสรรคงานกราฟก

ข. มบทบาทในงานธรกจและงานการศกษาสงมาก

ค. ท าหนาทเหมอนกบการท างานใน Explorer

ง. นยมใชเพองานสอสงพมพ

6. Panel หมายถงอะไร

ก. เครองมอทกชนในกลองเครองมอ

ข. วนโดวเลก ๆ ทใชส าหรบแสดงรายละเอยด หรอควบคมการท างาน

ตาง ๆ ของโปรแกรม

ค. ปรบคา Option ตาง ๆ ของเครองมอทก าลงเลอกใหกลบไปเปน

คาเรมตน

ง. การปรบแตงการท างานของเครองมอตาง ๆ

7. แถบเมนหรอ Menu Bar นนเปนแถบส าหรบเลอกค าสงท างานซงจะอยทใด

ก. ดานบน

ข. ดานลาง

ค. ดานซาย

ง. ดานขวา

Page 11: Adobe Photoshop CS6 · ใบงานที่ 1.1 - 1.3 และใบงานที่ 1.4 (ใบงานปฏิบัติ) พร้อมเฉลย 9. บรรณานุกรม

11

8. พนทการท างานทปรากฏในหนาจอแรกของโปรแกรม Adobe Photoshop CS6

เรยกวาอะไร

ก. Panel

ข. Menu bar

ค. Option bar

ง. Document window

9. คาพนฐานการบนทกงานบนทกไฟลใน Adobe Photoshop CS6 คออะไร

ก. Photoshop (*.PSD, *.PDD)

ข. Photoshop PDF (*.PDF, *.PDP)

ค. Photoshop Raw (*.RAW)

ง. Photoshop EPS (*.EPS)

10. การท าภาพกราฟกเพอใชในงานเวบ มหลกการเฉพาะ แตกตางไปจากงาน

สอสงพมพอนอยางไร

ก. เรองความละเอยดของภาพ

ข. จ านวนสทใชแสดงผล

ค. แสง

ง. ถกทงขอ ก และ ขอ ข

เพอน ๆ ท ำขอสอบ ไดไหมคะ อยำแอบดเฉลยกอน

ท ำขอสอบนะคะ

Page 12: Adobe Photoshop CS6 · ใบงานที่ 1.1 - 1.3 และใบงานที่ 1.4 (ใบงานปฏิบัติ) พร้อมเฉลย 9. บรรณานุกรม

12

เรอง แนะน ำกำรใชโปรแกรม Adobe Photoshop CS6

ชอ - นามสกล........................................................................เลขท.............

ลงชอ.............................................ผตรวจ

(นางสาวพรณรตน ศกดแกว)

ขอท ตวเลอก

ก ข ค ง

1

2

3

4

5

6

7

8

9

10

1. เกณฑการประเมน 1. ตอบถกตอง ใหขอละ 1 คะแนน 2. ตอบไมถกตอง ใหขอละ 0 คะแนน

2. แปลผลการประเมน

ด ไดคะแนน 8 – 10 คะแนน พอใช ไดคะแนน 5 – 7 คะแนน ปรบปรง ไดคะแนน 0 – 4 คะแนน

3. สรปผลการประเมน

ไดคะแนน 8 คะแนนขนไป ถอวา ผาน ไดคะแนนต ากวา 8 คะแนน ถอวา ไมผาน

Page 13: Adobe Photoshop CS6 · ใบงานที่ 1.1 - 1.3 และใบงานที่ 1.4 (ใบงานปฏิบัติ) พร้อมเฉลย 9. บรรณานุกรม

13

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

จนกระทงลาสด คอ เวอรชน CC ในขณะน โดยมขดความสามารถใหม ๆ ส าหรบการ

จดการกบภาพขนมาอกตวหนง คอ Adobe Bridge CS6 ซงเปนโปรแกรมทใชส าหรบ

จดการภาพถายของเรา ซงท าหนาทเหมอนกบการท างานใน Explorer หรอบางอยาง

อาจจะท าไดดกวาดวยซ า เชน การจดกลมภาพ การแสดงรายละเอยดของภาพ เชน

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

ไฟลภาพของ Photoshop นามสกล .psd ได โดยไมตองเปดดในโปรแกรม Photoshop

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

Page 14: Adobe Photoshop CS6 · ใบงานที่ 1.1 - 1.3 และใบงานที่ 1.4 (ใบงานปฏิบัติ) พร้อมเฉลย 9. บรรณานุกรม

14

องคประกอบส าคญในการท า Web ใหดนาสนใจ ตองมรปภาพทน ามาตกแตง

ซงผพฒนาหลายๆ คน น าภาพส าเรจมาใชงาน น าภาพจากเวบอนๆ มาใช และกสราง

ภาพเอง โดยอาศยโปรแกรมกราฟกตางๆ เชน Photoshop, Photo Impact, Paint

เปนตน โปรแกรม Photoshop เปนโปรแกรมกราฟกทนยมใชในการปรบแตงภาพ หรอ

สรางภาพ เพอน ามาใชงานในเวบ เนองจากมฟงกชนการท างาน ทหลากหลาย มฟลเตอร

เพอปรบแตงภาพ จากคายตางๆ ท าใหงายตอการปรบแตงภาพตามตองการ เดมทนยม

ใชโปรแกรม Photoshop เพองานสอสงพมพ (Desktop Publishing) แตปจจบน Web

Design มบทบาทในงานธรกจและงานการศกษาสงมาก จงน า Photoshop มาใชในงาน

นดวย

การท าภาพกราฟกเพอใชในงานเวบ มหลกการเฉพาะ แตกตางไปจากงานสอ

สงพมพ ทงเรองความละเอยดของภาพ (Resolution) หรอจ านวนสทใชแสดงผล เปนตน

ดงนนการศกษาถง ลกษณะเฉพาะในการใช Photoshop สรางกราฟกในงานเวบ จงเปน

ศาสตรทนาสนใจอกศาสตรหนง

Page 15: Adobe Photoshop CS6 · ใบงานที่ 1.1 - 1.3 และใบงานที่ 1.4 (ใบงานปฏิบัติ) พร้อมเฉลย 9. บรรณานุกรม

15

ความสามารถของโปรแกรม Photoshop แบงเปน 2 เรอง คอ แกไขตกแตง

ภาพถาย : งานนเปนงานถนดของ Photoshop เชน การแกไขภาพทมใหสวางการลบ

รวรอยทไมตองการออกจากภาพ รวมถงการน าภาพหลายๆ ภาพมารวมกน รวมถงการ

ตดตอ โดยสวนนจะเรยกวาการรทชออกแบบ สรางสรรคงานกราฟก : ใช Photoshop

ชวยสรางภาพสามมตเรองของการขด เขยน ออกแบบสรางงานกราฟก เชน การวาดภาพ

ตวการตนหรอการออกแบบสอสงพมพชนดตางๆ

1. งำนออกแบบสงพมพ

การใชโปรแกรม Photoshop ชวยในงานออกแบบสงพมพทกชนด เชน

การออกแบบภาพสามมต, ออกแบบโลโก, แบนเนอร, โบรชวร, นามบตร, ใบปลว,

แผนพบ, หนงสอ, แคตตาลอกสนคา, โปสเตอร, ปายโฆษณา, และปายหนาราน

สามารถใชโปรแกรม Photoshop ในการออกแบบตกแตง

2. งำนออกแบบเวบไซต

การออกแบบเวบไซตตองมภาพกราฟกทสวยงามนาสนใจทงการตกแตง

ดวยภาพขนาดตางๆ การสรางโลโกประกอบเวบไซต การสรางตวอกษรซงการท างาน

เหลานจ าเปนทจะตองใชโปรแกรม Photoshop ชวยในการออกแบบ

3. งำนแกไขซอมแซมภำพ

ภาพตนฉบบทเราไดมาในบางครงมขอบกพรองหลายๆ อยาง เชน ภาพมด

เกนไปภาพมรอยขรขระหรอม Noise, ภาพเบลอเกนไป เปนตน การทจะน าภาพทม

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

สมบรณเหมาะสมกบงาน

Page 16: Adobe Photoshop CS6 · ใบงานที่ 1.1 - 1.3 และใบงานที่ 1.4 (ใบงานปฏิบัติ) พร้อมเฉลย 9. บรรณานุกรม

16

4. งำนตดตอดดแปลงภำพหรอสรำงสรรคงำนกรำฟกสมยใหม

งานกราฟกปจจบนผสานเขากบการใชชวตประจ าวน เชน ใสของปกซด

ปฏทนตงโตะหนาจอคอมพวเตอร เวบไซต หนงสอปกวารสาร นตยสาร การด

ปายประชาสมพนธ เครองหมายสญลกษณงานเหลานกเกดจากการใชงานโปรแกรม

ชวยในการออกแบบน าภาพมาสรางสรรคงานกราฟกทสวยงาม มประโยชนใชสอย

ตลอดจนมแนวคดในการออกแบบทด

โปรแกรม 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 ของพนทวางบน

ฮารดดสกทใชไดส าหรบการตดตง

Page 17: Adobe Photoshop CS6 · ใบงานที่ 1.1 - 1.3 และใบงานที่ 1.4 (ใบงานปฏิบัติ) พร้อมเฉลย 9. บรรณานุกรม

17

1.5 จอแสดงผลมความละเอยดไมนอยกวา 1024 x 768 พกเซล แสดงผล

แบบ 16 บตและมหนวยความจ าไมนอยกวา 256 MB

1.6 ไดรฟ DVD-ROM

1. > ไปท ปม start

2. > All program

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

4. > Adobe Photoshop CS6

5. > อกชองทางในการเขาสโปรแกรม คอ คลกเปดท icon Adobe

Photoshop CS6 ทหนาจอ หรอ ไปท ปม start แลวคลกท icon Adobe Photoshop CS6

ไดเลย

Page 18: Adobe Photoshop CS6 · ใบงานที่ 1.1 - 1.3 และใบงานที่ 1.4 (ใบงานปฏิบัติ) พร้อมเฉลย 9. บรรณานุกรม

18

เมอเราเขาโปรแกรมจะเจอหนาตางการท างานของโปรแกรม Adobe Photoshop

CS6 ซงจะประกอบไปดวย Menu bar Option bar Toolbar Palette ตางๆ ในการใชงาน

แตองคประกอบกจะแตกตางกนไป

Page 19: Adobe Photoshop CS6 · ใบงานที่ 1.1 - 1.3 และใบงานที่ 1.4 (ใบงานปฏิบัติ) พร้อมเฉลย 9. บรรณานุกรม

19

ในกรณทเราตองการสรางไฟลงานใหม ใหคลกเมน File - > New และใหผใช

ก าหนดขนาดของไฟลงานใหมโดยระบชอไฟลงาน ในชอง Name ขนาดความสงความ

กวางของพนทท างาน ในสวน Image Size ตามความตองการ ก าหนดลกษณะพนหลง

ในสวน Contents โดย White (สขาว), Background Color (สทเราก าหนด),

Transparent (สพนแบบ - โปรงใส, ไมแสดงสพนหลง)

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

1. Click ทเมน File

2. เลอกคาสง New หรอกด Ctrl + N

3. จะปรากฏหนาตาง New

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

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

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

Page 20: Adobe Photoshop CS6 · ใบงานที่ 1.1 - 1.3 และใบงานที่ 1.4 (ใบงานปฏิบัติ) พร้อมเฉลย 9. บรรณานุกรม

20

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

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

Color Mode เลอกชนดของระบบส

2. กำรเปดไฟลภำพ

เมอเรามรปภาพ เชน ภาพถายซงตองการน ามาปรบแตงเพมเตมเรา

จะตองท าการเปดไฟลรปภาพนนขนมา จากนนคอยก าหนดรปแบบการปรบแตงตาม

ความตองการการเปดไฟลรปภาพท าไดโดยคลกทเมน File->Open จะปรากฏหนาตาง

Open จากนนคลกเลอกชอไฟลรปภาพทตองการ เมอไดภาพทตองการแลวใหคลกทปม

Open ถาตองการยกเลกใหคลกทปม Cancel

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

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

1. Click ทเมน File

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

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

Page 21: Adobe Photoshop CS6 · ใบงานที่ 1.1 - 1.3 และใบงานที่ 1.4 (ใบงานปฏิบัติ) พร้อมเฉลย 9. บรรณานุกรม

21

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

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

Page 22: Adobe Photoshop CS6 · ใบงานที่ 1.1 - 1.3 และใบงานที่ 1.4 (ใบงานปฏิบัติ) พร้อมเฉลย 9. บรรณานุกรม

22

3. กำรยอ-ขยำยภำพ

1. เราตองการแกไขขนาดรปภาพทเราไดเปดขนมาใหตรงกบความตองการ

ใหคลกทเมน Image->Image Size จะปรากฏหนาตาง Image Size จากนนใหก าหนด

ขนาดของรปภาพเปดภาพทเราตองการจะยอหรอขยาย ขนาด ดวยโปรแกรม Adobe

Photoshop CS6

2. ไปทเมน Image => Image Size หรอกดปม Alt + Ctrl = + Q

Page 23: Adobe Photoshop CS6 · ใบงานที่ 1.1 - 1.3 และใบงานที่ 1.4 (ใบงานปฏิบัติ) พร้อมเฉลย 9. บรรณานุกรม

23

3. จากรปจะไดคา ดงน

- Pixel Dimensions จะมขนาดอย 1.4 OM ทขนาดกวางยาว 564 x 870 pixel

- Document Size จะอยท 19.9 x 30.69 cm (เราสามารถปรบเปลยนหนวย

เปนนว, %, mm หรออยางอนกได)

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

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

เพอความละเอยดของงาน

- ควรจะเลอก Constrain Proportions ไวทกครงเพอทจะคงอตราสวนกวาง-ยาว

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

อธบายดานบน ตามวตถประสงคของ เราแกเสรจกเซฟงานไดเลย

4. ในการเซฟไฟล โปรแกรม Adobe Photoshop CS6 จะถามเราอกครง

ในเรองของคณภาพไฟลวาจะเอาขนาดไหน (ตามรป) ในตวอยางจะเลอกแค 8

กพอเพยงพอแลว โดยคายงมากขนาดไฟลกจะใหญขนตาม

Page 24: Adobe Photoshop CS6 · ใบงานที่ 1.1 - 1.3 และใบงานที่ 1.4 (ใบงานปฏิบัติ) พร้อมเฉลย 9. บรรณานุกรม

24

การแกไขไฟลภาพโดยการสรางกราฟก เพมการตดตอหรอเปลยนแปลงลกษณะ

ของไฟลภาพทมผลกบโครงสรางเดมของภาพเมอเลอกค าสง File > Save จะแสดง

ไดอะลอกบอกซ Save As ขนมาโดยจะเลอกรปแบบของไฟลเปน Photoshop (*.PSD,

*.PDD) เปนคาพนฐานดงน

คณสมบตของไฟล PSD จะเกบรายละเอยดการท างานตาง ๆ เชน เลเยอร,

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

ในขณะทไฟลประเภทอนจะเกบขอมลเหลานไมไดหรอไดเพยงบางสวน

Page 25: Adobe Photoshop CS6 · ใบงานที่ 1.1 - 1.3 และใบงานที่ 1.4 (ใบงานปฏิบัติ) พร้อมเฉลย 9. บรรณานุกรม

25

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

การเปดไฟลภาพมาตกแตงส,แสงเงาหรอก าหนดคาเอฟเฟกตใหกบภาพแตไมได

ใชค าสงเกยวกบการสรางเลเยอร (เลเยอรคอชนทจดวางรปภาพ) หรอสรางกราฟกอนๆ

เพมเตมในภาพเมอเลอกค าสง File > Save โปรแกรมจะใหบนทกทบชอไฟลเดมรป

แบบเดม (จะไมมไดอะลอกบอกซ Save As เปดขนมา หากไมตองการใหทบไฟลเดม

ตองคลก เลอกค าสง File > Save As) บนทกเปนไฟลรปแบบอนๆ

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

แลวยงบนทกไฟลภาพเกบไวในรปแบบอน ๆ ไดตามตองการ โดยคลกเลอกค าสง File >

Save As แลวเลอกรปแบบของไฟลในชอง Format ซงจะมรปแบบไฟลใหเลอกหลาย

แบบดงภาพ

Page 26: Adobe Photoshop CS6 · ใบงานที่ 1.1 - 1.3 และใบงานที่ 1.4 (ใบงานปฏิบัติ) พร้อมเฉลย 9. บรรณานุกรม

26

กำรเลกใชงำนโปรแกรม

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

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

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

Page 27: Adobe Photoshop CS6 · ใบงานที่ 1.1 - 1.3 และใบงานที่ 1.4 (ใบงานปฏิบัติ) พร้อมเฉลย 9. บรรณานุกรม

27

ชอ-นามสกล ............................................................................เลขท..............

ค ำชแจง จงท าเครองหมายถก () หนาขอความทถก และท าเครองหมาย

กากบาท () หนาขอความทผดถกตอง (10 คะแนน)

______ 1. Photoshop เปนโปรแกรมส าหรบสรางและตกแตงภาพทมชอเสยง

และไดรบความนยมมากทสด

______ 2. องคประกอบส าคญในการท า Web ใหดนาสนใจ คงหนไมพนรปภาพ

ทน ามาตกแตง

______ 3. การท าภาพกราฟกเพอใชในงานเวบ มหลกการเฉพาะ ทเหมอนกน

กบงานสอสงพมพ

______ 4. ในการเปดใชงานโปรแกรม คลก Start Adobe master collection

Adobe Photoshop

______ 5. Tool box เปนกลองส าหรบเกบเครองมอส าหรบใชท างานกบพนท

ท างานโดยจะประกอบไดดวยเครองมอหลาย ๆ ชนดดวยกน

______ 6. Menu Bar เปนแถบกลมค าสงทบรรจค าสงส าหรบการท างานทงหมด

ใน Photoshop CS6 โดยจะแบง ออกเปน 10 หมวดหมดวยกนตาม

กลมชนดของการใชงาน

______ 7. Reset All Tools คอปรบคา option ของเครองมอทกชนในกลอง

เครองมอกลบไปเปนคาเรมตน

______ 8. พาเนล หมายถง วนโดวเลกๆ ทใชส าหรบแสดงรายละเอยด

หรอควบคมการท างานตางๆ ของโปรแกรม

เรอง แนะน ำกำรใชโปรแกรม Adobe Photoshop CS6

กลมสำระกำรเรยนรกำรงำนอำชพและเทคโนโลย ชนมธยมศกษำปท 5

Page 28: Adobe Photoshop CS6 · ใบงานที่ 1.1 - 1.3 และใบงานที่ 1.4 (ใบงานปฏิบัติ) พร้อมเฉลย 9. บรรณานุกรม

28

______ 9. พนทการท างานของ Adobe Photoshop CS6 จะเรยกวา

Document window

______ 10. Edit รวมค าสงทใชส าหรบแกไขภาพ และปรบแตงการท างาน

ของโปรแกรมเบองตน

เกณฑกำรประเมนใบงำน

1. กำรใหคะแนน

รำยกำร คะแนน

1. ท าเครองหมายถก หนาขอความทถก และท าเครองหมายกากบาท

หนาขอความทผดไดถกตอง 1

2. ท าเครองหมายถก หนาขอความทถก และท าเครองหมายกากบาท

หนาขอความทผดไมถกตอง 0

2. สรปผลกำรประเมน

ระดบคณภาพ = 3 ด (8 – 10 คะแนน)

ระดบคณภาพ = 2 พอใช (5 – 7 คะแนน)

ระดบคณภาพ = 1 ปรบปรง (0 – 4 คะแนน)

ลงชอ.....................................................ผตรวจ

(นางสาวพรณรตน ศกดแกว)

Page 29: Adobe Photoshop CS6 · ใบงานที่ 1.1 - 1.3 และใบงานที่ 1.4 (ใบงานปฏิบัติ) พร้อมเฉลย 9. บรรณานุกรม

29

ชอ-นามสกล ............................................................................เลขท..........

ค ำชแจง ใหนกเรยนบอกสวนประกอบหนาตางโปรแกรม Adobe Photoshop CS6

จากภาพทก าหนดให (6 คะแนน)

1) …………………………………………………………………………………………………………….

2) …………………………………………………………………………………………………………….

3) …………………………………………………………………………………………………………….

เรอง แนะน ำกำรใชโปรแกรม Adobe Photoshop CS6

กลมสำระกำรเรยนรกำรงำนอำชพและเทคโนโลย ชนมธยมศกษำปท 5

1 2

3 4

5

6

Page 30: Adobe Photoshop CS6 · ใบงานที่ 1.1 - 1.3 และใบงานที่ 1.4 (ใบงานปฏิบัติ) พร้อมเฉลย 9. บรรณานุกรม

30

4) …………………………………………………………………………………………………………….

5) …………………………………………………………………………………………………………….

6) …………………………………………………………………………………………………………….

เกณฑกำรประเมนใบงำน

1. กำรใหคะแนน

รำยกำร คะแนน

1. บอกสวนประกอบหนาตางโปรแกรม Photoshop CS6 จากภาพ

ทก าหนดใหไดถกตอง 1

2. บอกสวนประกอบหนาตางโปรแกรม Photoshop CS6 จากภาพ

ทก าหนดใหไมถกตอง 0

2. สรปผลกำรประเมน

ระดบคณภาพ = 3 ด (5 – 6 คะแนน)

ระดบคณภาพ = 2 พอใช (3 – 4 คะแนน)

ระดบคณภาพ = 1 ปรบปรง (0 – 2 คะแนน)

ลงชอ.....................................................ผตรวจ

(นางสาวพรณรตน ศกดแกว)

Page 31: Adobe Photoshop CS6 · ใบงานที่ 1.1 - 1.3 และใบงานที่ 1.4 (ใบงานปฏิบัติ) พร้อมเฉลย 9. บรรณานุกรม

31

ชอ-นามสกล ............................................................................เลขท..........

ค ำชแจง ใหนกเรยนตอบค าถามตอไปนใหถกตอง (10 คะแนน)

1. จงอธบายความหมายและลกษณะงานทเกยวกบโปรแกรม Adobe Photoshop

CS6 มาพอเขาใจ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

เรอง แนะน ำกำรใชโปรแกรม Adobe Photoshop CS6

กลมสำระกำรเรยนรกำรงำนอำชพและเทคโนโลย ชนมธยมศกษำปท 5

Page 32: Adobe Photoshop CS6 · ใบงานที่ 1.1 - 1.3 และใบงานที่ 1.4 (ใบงานปฏิบัติ) พร้อมเฉลย 9. บรรณานุกรม

32

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

Photoshop CS6 มคณสมบตอยางไร

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

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

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

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

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

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

4. การสรางและก าหนดขนาดไฟลงานใหมมอะไรบาง

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

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

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

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

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

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

5. จงบอกความสามารถของโปรแกรม Adobe Photoshop CS6

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

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

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

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

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

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

Page 33: Adobe Photoshop CS6 · ใบงานที่ 1.1 - 1.3 และใบงานที่ 1.4 (ใบงานปฏิบัติ) พร้อมเฉลย 9. บรรณานุกรม

33

เกณฑกำรประเมนใบงำน

1. กำรใหคะแนน

รำยกำร คะแนน

1. เขยนอธบายถกตองตามหวขอทก าหนดใหไดดมาก 2

2. เขยนอธบายถกตองตามหวขอทก าหนดใหได แตไมชดเจน 1

3. เขยนอธบายถกตองตามหวขอทก าหนดใหไมถกตองหรอไมตอบ 0

2. สรปผลกำรประเมน

ระดบคณภาพ = 3 ด (8 – 10 คะแนน)

ระดบคณภาพ = 2 พอใช (5 – 7 คะแนน)

ระดบคณภาพ = 1 ปรบปรง (0 – 4 คะแนน)

ลงชอ.....................................................ผตรวจ

(นางสาวพรณรตน ศกดแกว)

Page 34: Adobe Photoshop CS6 · ใบงานที่ 1.1 - 1.3 และใบงานที่ 1.4 (ใบงานปฏิบัติ) พร้อมเฉลย 9. บรรณานุกรม

34

กจกรรมกลม : ใบงำนปฏบต

ปฏบตกจกรรมวนท...........เดอน.............................................พ.ศ. ..............

ค ำชแจง นกเรยนศกษาเกยวกบแนะน าการใชโปรแกรม Adobe Photoshop CS6

ใหเขาใจและลงมอปฏบตกจกรรมทก าหนดให

แบบบนทกแบบฝกกจกรรม

ชอกลม......................................................................................

สมาชกกลม

1)...........................................................................เลขท..........

2)...........................................................................เลขท..........

3)...........................................................................เลขท..........

4)...........................................................................เลขท..........

5)...........................................................................เลขท..........

6)...........................................................................เลขท..........

7)...........................................................................เลขท..........

8)...........................................................................เลขท..........

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

นกเรยนสามารถฝกปฏบตกจกรรมการเขาสโปรแกรมเพอสรางและก าหนด

ไฟลงานใหมโปรแกรม Adobe Photoshop CS6 ไดอยางถกตอง

เรอง แนะน ำกำรใชโปรแกรม Adobe Photoshop CS6

กลมสำระกำรเรยนรกำรงำนอำชพและเทคโนโลย ชนมธยมศกษำปท 5

Page 35: Adobe Photoshop CS6 · ใบงานที่ 1.1 - 1.3 และใบงานที่ 1.4 (ใบงานปฏิบัติ) พร้อมเฉลย 9. บรรณานุกรม

35

สอและอปกรณกำรเรยน

1. สอสงพมพ เชน หนงสอ ใบความรเกยวกบแนะน าการใชโปรแกรม Adobe

Photoshop CS6

2. สออเลกทรอนกส เชน คอมพวเตอรชวยสอน เวบไซตทางการศกษาท

น าเสนอเกยวกบ Adobe Photoshop CS6

3. คอมพวเตอรและอปกรณตอพวงครบชด

4. กระดาษส าหรบเขยนขอความ

ขนตอนกำรปฏบตกจกรรม

1. นกเรยนแตละกลมศกษาขนตอนแนะน าการใชโปรแกรม Adobe Photoshop

CS6 ในใบความรและสอการเรยนรอน ๆ ทน ามาประกอบการสอนอยางละเอยด จากนน

ฝกใชการใชงานดงหวขอตอไปน

- กำรเขำสโปรแกรม

- กำรสรำงและก ำหนดไฟลงำนใหม

- กำรบนทกงำนบนทกไฟล

2. นกเรยนแตละกลมฝกปฏบตกจกรรมตามขนตอนทก าหนดให

3. เสรจกจกรรมแลว นกเรยนแตละกลมชวยกนเกบวสด อปกรณเครองมอเขาท

ใหเรยบรอย

4. นกเรยนแตละกลมสรปผลจากการปฏบตกจกรรมรวมกน พรอมน าเสนอผล

ของกลมใหเพอนและครแสดงความคดเหนรวมกน

Page 36: Adobe Photoshop CS6 · ใบงานที่ 1.1 - 1.3 และใบงานที่ 1.4 (ใบงานปฏิบัติ) พร้อมเฉลย 9. บรรณานุกรม

36

แบบบนทกคะแนนแบบฝกกจกรรม

ท ชอ-นำมสกล

(สมำชกกลม)

พฤตกรรม

กำรปฏบตงำน

แบบฝกกจกรรม

รวม รอยละ

ควำมสนใจ

กำรตอบค ำถำม

กำรตงใจท ำงำน

(4) (4) (4) (20) (32)

1

2

3

4

5

6

7

8

รวม

หมายเหต

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

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

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

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

Page 37: Adobe Photoshop CS6 · ใบงานที่ 1.1 - 1.3 และใบงานที่ 1.4 (ใบงานปฏิบัติ) พร้อมเฉลย 9. บรรณานุกรม

37

เกณฑกำรประเมนใบงำน

1. กำรใหคะแนน

รำยกำร คะแนน

1. ควำมสนใจ

- มความกระตอรอรนใฝร ใฝเรยน มความสขทไดเรยน

- สนกสนานมความสขแตขาดความกระตอรอรน

- เขารวมกจกรรม แตขาดความกระตอรอรน

- เฉอยชาแสดงอาการไมอยากเขารวมกจกรรม

4

3

2

1

2. กำรตอบค ำถำม

- ถกตองชดเจนตรงประเดน

- คอนขางชดเจนตรงประเดน

- ไมคอยชดเจน

- ตอบค าถามไมได

4

3

2

1

3. กำรตงใจท ำงำน

- ตงใจท างานดเยยม

- ตงใจท างานด

- ตงใจท างานพอใช - ไมตงใจท างาน

4

3

2

1

4. แบบฝกกจกรรมท 1

- ท าไดครบทกขอ 5

- ทนเวลา 5

- ความสวยงาม 5

- ความคดสรางสรรค 5

Page 38: Adobe Photoshop CS6 · ใบงานที่ 1.1 - 1.3 และใบงานที่ 1.4 (ใบงานปฏิบัติ) พร้อมเฉลย 9. บรรณานุกรม

38

กำรใหคะแนนแบบฝกกจกรรม

ปฏบตไดดมาก ได 5 คะแนน

ปฏบตไดด ได 4 คะแนน

ปฏบตไดพอใช ได 3 คะแนน

ปฏบตไดคอยด ได 2 คะแนน

ปฏบตไมได ได 1 คะแนน

2. สรปผลกำรประเมน

ระดบคณภาพ = 3 ด (26 – 32 คะแนน)

ระดบคณภาพ = 2 พอใช (16 – 25 คะแนน)

ระดบคณภาพ = 1 ปรบปรง (0 – 15 คะแนน)

ลงชอ.....................................................ผตรวจ

(นางสาวพรณรตน ศกดแกว)

Page 39: Adobe Photoshop CS6 · ใบงานที่ 1.1 - 1.3 และใบงานที่ 1.4 (ใบงานปฏิบัติ) พร้อมเฉลย 9. บรรณานุกรม

39

เรอง แนะน ำกำรใชโปรแกรม Adobe Photoshop CS6

ค ำชแจง ใหนกเรยนท าเครองหมายกากบาท () ลงในชองตวอกษร

ก ข ค หรอ ง ทถกตองทสดเพยงขอเดยว

1. Panel หมายถงอะไร

ก. เครองมอทกชนในกลองเครองมอ

ข. วนโดวเลก ๆ ทใชส าหรบแสดงรายละเอยด หรอควบคมการท างาน

ตาง ๆ ของโปรแกรม

ค. ปรบคา option ตาง ๆ ของเครองมอทก าลงเลอกใหกลบไป

เปนคาเรมตน

ง. การปรบแตงการท างานของเครองมอตาง ๆ

2. แถบเมนหรอ Menu Bar นนเปนแถบส าหรบเลอกค าสงท างานซงจะอยทใด

ก. ดานบน

ข. ดานลาง

ค. ดานซาย

ง. ดานขวา

3. พนทการท างานทปรากฏในหนาจอแรกของโปรแกรม Adobe Photoshop CS6

เรยกวาอะไร

ก. Panel

ข. Menu bar

ค. Option bar

ง. Document window

Page 40: Adobe Photoshop CS6 · ใบงานที่ 1.1 - 1.3 และใบงานที่ 1.4 (ใบงานปฏิบัติ) พร้อมเฉลย 9. บรรณานุกรม

40

4. คาพนฐานการบนทกงานบนทกไฟลใน Adobe Photoshop CS6 คออะไร

ก. Photoshop (*.PSD, *.PDD)

ข. Photoshop PDF (*.PDF, *.PDP)

ค. Photoshop Raw (*.RAW)

ง. Photoshop EPS (*.EPS)

5. การท าภาพกราฟกเพอใชในงานเวบ มหลกการเฉพาะ แตกตางไปจากงานสอ

สงพมพอนอยางไร

ก. เรองความละเอยดของภาพ

ข. จ านวนสทใชแสดงผล

ค. แสง

ง. ถกทงขอ ก และ ขอ ข

6. ขอใดตอไปนคอคณสมบตของโปรแกรม Adobe Photoshop CS6

ก. แทรกดนตร

ข. สรางและตกแตงภาพ

ค. ถายวดโอ

ง. ถายภาพ

7. โปรแกรม Photoshop CS6 เปนโปรแกรมของบรษทใด

ก. Acrobat

ข. PostScript

ค. Adobe

ง. PDF

8. โปรแกรม Photoshop ออกเวอรชนแรกในปใด

ก. 1987

ข. 1988

ค. 1989

ง. 1990

Page 41: Adobe Photoshop CS6 · ใบงานที่ 1.1 - 1.3 และใบงานที่ 1.4 (ใบงานปฏิบัติ) พร้อมเฉลย 9. บรรณานุกรม

41

9. ขอใดตอไปนไมใชสวนประกอบของโปรแกรม Adobe Photoshop CS6

ก. Menu Bar

ข. Toolbox

ค. Option Bar

ง. Channel

10. ขอใดกลาวถกตองเกยวกบ ความสามารถของโปรแกรม Adobe Photoshop

CS6

ก. ความสามารถของโปรแกรม Photoshop แบงเปน 2 เรอง คอ แกไข

ตกแตงภาพถายกบการรทชออกแบบและสรางสรรคงานกราฟก

ข. มบทบาทในงานธรกจและงานการศกษาสงมาก

ค. ท าหนาทเหมอนกบการท างานใน Explorer

ง. นยมใชเพองานสอสงพมพ

เพอน ๆ ท ำขอสอบ ไดไหมคะ อยำแอบดเฉลยกอน

ท ำขอสอบนะคะ

Page 42: Adobe Photoshop CS6 · ใบงานที่ 1.1 - 1.3 และใบงานที่ 1.4 (ใบงานปฏิบัติ) พร้อมเฉลย 9. บรรณานุกรม

42

เรอง แนะน ำกำรใชโปรแกรม Adobe Photoshop CS6

ชอ - นามสกล........................................................................เลขท.............

ลงชอ.............................................ผตรวจ

(นางสาวพรณรตน ศกดแกว)

ขอท ตวเลอก

ก ข ค ง

1

2

3

4

5

6

7

8

9

10

1. เกณฑการประเมน 1. ตอบถกตอง ใหขอละ 1 คะแนน 2. ตอบไมถกตอง ใหขอละ 0 คะแนน

2. แปลผลการประเมน

ด ไดคะแนน 8 – 10 คะแนน พอใช ไดคะแนน 5 – 7 คะแนน ปรบปรง ไดคะแนน 0 – 4 คะแนน

3. สรปผลการประเมน

ไดคะแนน 8 คะแนนขนไป ถอวา ผาน ไดคะแนนต ากวา 8 คะแนน ถอวา ไมผาน

Page 43: Adobe Photoshop CS6 · ใบงานที่ 1.1 - 1.3 และใบงานที่ 1.4 (ใบงานปฏิบัติ) พร้อมเฉลย 9. บรรณานุกรม

43

กรมวชาการ กระทรวงศกษาธการ. (2551). ตวชวดและสำระกำรเรยนรแกนกลำง กลมสำระ

กำรเรยนรกำรงำนอำชพและเทคโนโลย ตำมหลกสตรแกนกลำงกำรศกษำขนพนฐำน

พทธศกรำช 2551. กรงเทพฯ : ส านกงานวชาการและมาตรฐานการศกษา ส านกงาน

คณะกรรมการการศกษาขนพนฐาน.

_______. (2551). แนวทำงกำรจดกำรเรยนรตำมหลกสตรแกนกลำงกำรศกษำขนพนฐำน

พทธศกรำช 2551. กรงเทพฯ : ส านกงานวชาการและมาตรฐานการศกษา ส านกงาน

คณะกรรมการการศกษาขนพนฐาน.

ธนยพฒน วงศรตน. Photoshop CS6 ฉบบสมบรณ. กรงเทพฯ : สวสดไอท, 2554.

ทศยาภรณ เกอนนและคณะ. (2556). คมอ Adobe Photoshop CS6. กรงเทพฯ : โปรวชน, บจก.

ปยะ นากสงค. (2558). ตกแตงภำพกรำฟก Adobe Photoshop CS6 ฉบบสมบรณ. กรงเทพฯ :

รไววา.

ประชา พฤกษประเสรฐ และคณะ. คมอกำรเรยนรและเทคนคกำรใชงำน Adobe Photoshop 5.5.

พมพครงท 2 กรงเทพฯ : ซคเซส มเดย, 2545.

พมพพชชา ใจ อารย. (2559). กำรใชงำนโปรแกรม Adobe Photoshop CS6. สบคนเมอวนท

16 พฤษภาคม 2560, จาก http://www.kroopim.net/lesson2.html#bookmark1.

สทธชย ประสานวงศ. (2557). โปรแกรมกรำฟก Adobe Photoshop CS6. กรงเทพฯ :

ซอฟทเพรส, สนพ. ClickHereProVideo.

_______. (2556). โปรแกรมกรำฟก Adobe Photoshop CS6. กรงเทพฯ : ซอฟทเพรส.

Page 44: Adobe Photoshop CS6 · ใบงานที่ 1.1 - 1.3 และใบงานที่ 1.4 (ใบงานปฏิบัติ) พร้อมเฉลย 9. บรรณานุกรม

44

Page 45: Adobe Photoshop CS6 · ใบงานที่ 1.1 - 1.3 และใบงานที่ 1.4 (ใบงานปฏิบัติ) พร้อมเฉลย 9. บรรณานุกรม

45

เรอง แนะน ำกำรใชโปรแกรม Adobe Photoshop CS6

กอนเรยน หลงเรยน

1. ข

2. ค

3. ง

4. ง

5. ก

6. ข

7. ก

8. ง

9. ก

10. ง

1. ข

2. ก

3. ง

4. ก

5. ง

6. ข

7. ค

8. ง

9. ง

10. ก

Page 46: Adobe Photoshop CS6 · ใบงานที่ 1.1 - 1.3 และใบงานที่ 1.4 (ใบงานปฏิบัติ) พร้อมเฉลย 9. บรรณานุกรม

46

ค ำชแจง จงท าเครองหมายถก () หนาขอความทถก และท าเครองหมาย

กากบาท () หนาขอความทผดถกตอง

______ 1. Photoshop เปนโปรแกรมส าหรบสรางและตกแตงภาพทมชอเสยง

และไดรบความนยมมากทสด

______ 2. องคประกอบส าคญในการท า Web ใหดนาสนใจ คงหนไมพนรปภาพ

ทน ามาตกแตง

______ 3. การท าภาพกราฟกเพอใชในงานเวบ มหลกการเฉพาะ ทเหมอนกน

กบงานสอสงพมพ

______ 4. ในการเปดใชงานโปรแกรม คลก Start Adobe master collection

Adobe Photoshop

______ 5. Tool box เปนกลองส าหรบเกบเครองมอส าหรบใชท างานกบพนท

ท างานโดยจะประกอบไดดวยเครองมอหลาย ๆ ชนดดวยกน

______ 6. Menu Bar เปนแถบกลมค าสงทบรรจค าสงส าหรบการท างานทงหมด

ใน Photoshop CS6 โดยจะแบง ออกเปน 10 หมวดหมดวยกนตาม

กลมชนดของการใชงาน

______ 7. Reset All Tools คอปรบคา option ของเครองมอทกชนในกลอง

เครองมอกลบไปเปนคาเรมตน

______ 8. พาเนล หมายถง วนโดวเลกๆ ทใชส าหรบแสดงรายละเอยด

หรอควบคมการท างานตางๆ ของโปรแกรม

เรอง แนะน ำกำรใชโปรแกรม Adobe Photoshop CS6

กลมสำระกำรเรยนรกำรงำนอำชพและเทคโนโลย ชนมธยมศกษำปท 5

Page 47: Adobe Photoshop CS6 · ใบงานที่ 1.1 - 1.3 และใบงานที่ 1.4 (ใบงานปฏิบัติ) พร้อมเฉลย 9. บรรณานุกรม

47

______ 9. พนทการท างานของ Adobe Photoshop CS6 จะเรยกวา

Document window

______ 10. Edit รวมค าสงทใชส าหรบแกไขภาพ และปรบแตงการท างาน

ของโปรแกรมเบองตน

Page 48: Adobe Photoshop CS6 · ใบงานที่ 1.1 - 1.3 และใบงานที่ 1.4 (ใบงานปฏิบัติ) พร้อมเฉลย 9. บรรณานุกรม

48

ค ำชแจง ใหนกเรยนบอกสวนประกอบของโปรแกรม Adobe Photoshop CS6

จากภาพทก าหนดให

1) แถบค าสง (Menu Bar)

2) แถบค าสง (Menu Bar)

3) พาเนล (panel) ทรวบรวมคณสมบตการท างานตาง ๆ อยในกรอบททจดเกบ

4) พนทการท างานของ Adobe Photoshop CS6 (Document window)

5) กลองเครองมอ (Toolbox)

6) แถบก าหนดรปแบบของเครองมอใชงาน (Tool options bar)

เรอง แนะน ำกำรใชโปรแกรม Adobe Photoshop CS6

กลมสำระกำรเรยนรกำรงำนอำชพและเทคโนโลย ชนมธยมศกษำปท 5

1 2

3 4

5

6

Page 49: Adobe Photoshop CS6 · ใบงานที่ 1.1 - 1.3 และใบงานที่ 1.4 (ใบงานปฏิบัติ) พร้อมเฉลย 9. บรรณานุกรม

49

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

1. จงอธบายความหมายและลกษณะงานทเกยวกบโปรแกรม Adobe Photoshop CS6

มาพอเขาใจ

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

และไดรบความนยมมากทสด อนเนองมาจากคณสมบตเดนซงมอยอยางมากมาย ไมวา

จะเปนความสามารถจดการกบไฟลสารพดชนดทใชในงานประเภทตาง ๆ ทงรปทจะ

น าไปผานกระบวนการพมพ และรปทน าไปใชในเวบเพจหรอสงผานสออเลกทรอนคส

มความสามารถเปนเยยมในการแกไขตกแตงภาพ และการสรางเอฟเฟคพเศษตาง ๆ

มเครองมอทมประสทธภาพและความยดหยนสง สามารถบนทกขนตอนทตองท าซ า ๆ

ไวเรยกใชภายหลงตลอดจนมผผลตปลกอน (plug-in) ใหเปนจ านวนมาก ซงปลกอน

กคอโปรแกรมเสรมส าหรบชวยใหการท างานทซบซอนส าเรจลงไดอยางรวดเรว

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

แนวค ำตอบ

1. > ไปท ปม start

2. > All program

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

4. > Adobe Photoshop CS6

เรอง แนะน ำกำรใชโปรแกรม Adobe Photoshop CS6

กลมสำระกำรเรยนรกำรงำนอำชพและเทคโนโลย ชนมธยมศกษำปท 5

Page 50: Adobe Photoshop CS6 · ใบงานที่ 1.1 - 1.3 และใบงานที่ 1.4 (ใบงานปฏิบัติ) พร้อมเฉลย 9. บรรณานุกรม

50

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

Photoshop CS6 มคณสมบตอยางไร

แนวค ำตอบ

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

หรอมดเกนไปลบแสงแฟลชทสะทอนในดวงตา

• ตกแตงภาพ เชน ตดสวนทไมตองการออกไป ลบองคประกอบทรกรงรง ปรบ

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

ทเกดในภาพทสแกนจากสงพมพ

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

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

แกกวาทเปนจรง

• ใสเอฟเฟคตพเศษ ใหภาพ เชน ท าใหเหมอนก าลงมองภาพผานกระจกชนด

และลายตาง ๆ หรอเหมอนเงาสะทอนในน า เปลยนภาพถายใหดคลายภาพวาดดวย

เครองมอหลากหลายชนด ใสประกายแสงหรอเงาใหวตถ ท าวตถแบน ๆ ใหดเปน 3 มต

เปลยนโทนสของภาพ

• สรางภาพกราฟก ซงผสมผสานระหวางภาพถาย ขอความ และภาพวตถหรอ

เอฟเฟกตพเศษทสรางขนใน Photoshop เพอใชในงานผลตสอโฆษณา ท าปกหนงสอหรอ

นตยสาร หรอใชตกแตงเวบเพจ

4. การสรางและก าหนดขนาดไฟลงานใหมมอะไรบาง

แนวค ำตอบ

ในกรณทเราตองการสรางไฟลงานใหม ใหคลกเมน File - > New และใหผใช

ก าหนดขนาดของไฟลงานใหมโดยระบชอไฟลงาน ในชอง Name ขนาดความสง

ความกวางของพนทท างาน ในสวน Image Size ตามความตองการ ก าหนดลกษณะ

พนหลงในสวน Contents โดย White (สขาว), Background Color (สทเราก าหนด),

Transparent (สพนแบบ - โปรงใส,ไมแสดงสพนโลง)

Page 51: Adobe Photoshop CS6 · ใบงานที่ 1.1 - 1.3 และใบงานที่ 1.4 (ใบงานปฏิบัติ) พร้อมเฉลย 9. บรรณานุกรม

51

5. จงบอกความสามารถของโปรแกรม Adobe Photoshop CS6

แนวค ำตอบ

1. งานออกแบบสงพมพ การใชโปรแกรม Photoshop ชวยในงานออกแบบสงพมพ

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

นามบตร, ใบปลว, แผนพบ, หนงสอ, แคตตาลอกสนคา, โปสเตอร, ปายโฆษณา,

และปายหนาราน สามารถใชโปรแกรม Photoshop ในการออกแบบตกแตง

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

ทงการตกแตงดวยภาพขนาดตางๆ การสรางโลโกประกอบเวบไซต การสราง

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

ออกแบบ

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

อยาง เชน ภาพมดเกนไปภาพมรอยขรขระหรอม Noise, ภาพเบลอเกนไป เปนตน

การทจะน าภาพทมขอบกพรองมาใชงาน จ าเปนตองท าการแกไขและซอมแซมภาพ

กอนเพอใหภาพมความสมบรณเหมาะสมกบงาน

4. งานตดตอดดแปลงภาพหรอสรางสรรคงานกราฟกสมยใหม งานกราฟกปจจบน

ผสานเขากบการใชชวตประจ าวน เชน ใสของปกซด ปฏทนตงโตะหนาจอคอมพวเตอร

เวบไซต หนงสอปกวารสาร นตยสาร การด ปายประชาสมพนธ เครองหมายสญลกษณ

งานเหลานกเกดจากการใชงานโปรแกรมชวยในการออกแบบน าภาพมาสรางสรรค

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