1. นักเรียนสามารถสรางภาพใหดู...

21
1 Adobe Photoshop cs3 จุดประสงค์การเรียนรู1. นักเรียนสามารถสร้างภาพให้ดูกลมกลืนได้ 2. นักเรียนสามารถใช้เครื่องมือในการสร้างภาพ ให้ดูกลมกลืนได้

Transcript of 1. นักเรียนสามารถสรางภาพใหดู...

Page 1: 1. นักเรียนสามารถสรางภาพใหดู ...mrcud2.com/news_file/p67240901225.pdf1 Adobe Photoshop cs3 จ ดประสงคการเร

1

Adobe Photoshop cs3

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

1. นกเรยนสามารถสรางภาพใหดกลมกลนได 2. นกเรยนสามารถใชเครองมอในการสรางภาพ ใหดกลมกลนได

Page 2: 1. นักเรียนสามารถสรางภาพใหดู ...mrcud2.com/news_file/p67240901225.pdf1 Adobe Photoshop cs3 จ ดประสงคการเร

2

Adobe Photoshop cs3

สวสดครบ เพอนๆทกคน วนนเรามาศกษา การสรางภาพใหดกลมกลน กนนะครบ

กอนศกษาบทเรยนเรามาทา แบบทดสอบกอนเรยนกนกอนนะคะ

Page 3: 1. นักเรียนสามารถสรางภาพใหดู ...mrcud2.com/news_file/p67240901225.pdf1 Adobe Photoshop cs3 จ ดประสงคการเร

3

Adobe Photoshop cs3

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

กลมสาระการเรยนรการงานอาชพและเทคโนโลย ชนประถมศกษาปท 6 เรอง การสรางภาพใหดกลมกลน

จานวนขอสอบ 10 ขอ คะแนนเตม 10 คะแนน

คาสง : ใหนกเรยนเขยนเครองหมาย X ทบตวอกษร หนาคาตอบทถกตองทสด

1. ปมเครองมอใดทใชเพอเลอกพนทสวนทไมตองการเพอลบออก? ก. ข. ค. ง.

2. คาสงคยลดเพอใชในการเปดไฟลคอ? ก. Ctrl + A ข. Ctrl +O ค. Ctrl + C ง. Ctrl + P

3. การผสม Layers สอง Layers เขาดวยกนใชรปแบบใด?

ก. Darken ข. Darker Color ค. Multiply ง. Color Burn

4. ปมเครองมอใดทใชเพอลากภาพสอง Layers เขาดวยกน ?

ก. ข.

ค. ง.

5. เมอเราใชเครองมอ Quick Selection Tool เลอกสวนทไมตองการแลวตองกดปมใด บนแปนพมพเลอกลบสวนนนออก ?

ก. TAB ข. Delete ค. End ง. Enter

Page 4: 1. นักเรียนสามารถสรางภาพใหดู ...mrcud2.com/news_file/p67240901225.pdf1 Adobe Photoshop cs3 จ ดประสงคการเร

4

Adobe Photoshop cs3

6. เครองมอ Move Tool หากตองการใชคยลดกดปมใด ? ก. ปมอกษร M บนแปนพมพ

ข. ปมอกษร N บนแปนพมพ ค. ปมอกษร V บนแปนพมพ

ง. ปมอกษร O บนแปนพมพ

7. ภาพทเราเปดขนมาภาพแรกจะปรากฏใน Layers ใด ? ก. Layer 1

ข. Layer 2 ค. Layer 3 ง. Layer Background

8. Move Tool ใชเพอทาอะไร ?

ก. ใชเพอวางภาพ ข. ใชเพอคดลอกภาพ ค. ใชเพอลากภาพหรอเคลอนยายภาพ ง. ใชเพอทาใหภาพกลมกลนกน

9. เครองมอ Quick Selection Tool หากตองการใชคยลดกดปมใด ? ก. ปมอกษร W บนแปนพมพ

ข. ปมอกษร M บนแปนพมพ ค. ปมอกษร V บนแปนพมพ

ง. ปมอกษร O บนแปนพมพ 10. เครองมอทใชในการสรางภาพใหดกลมกลนคอ?

ก. ข. ค. ง.

Page 5: 1. นักเรียนสามารถสรางภาพใหดู ...mrcud2.com/news_file/p67240901225.pdf1 Adobe Photoshop cs3 จ ดประสงคการเร

5

Adobe Photoshop cs3

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

1. ง 6. ค 2. ข 7. ง 3. ค 8. ค 4. ก 9. ก 5. ข 10. ง

ไมไดคะแนนมากไมเปนไร เรยนไปจะเขาใจยงขน

พรอมแลวไปศกษาบทเรยน กนเลยครบ

Page 6: 1. นักเรียนสามารถสรางภาพใหดู ...mrcud2.com/news_file/p67240901225.pdf1 Adobe Photoshop cs3 จ ดประสงคการเร

6

Adobe Photoshop cs3

กระดาษคาตอบแบบทดสอบกอนเรยน

บทเรยนสาเรจรป เรอง การสรางภาพใหดกลมกลน ชนประถมศกษาปท 6

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

คาชแจง : ใหนกเรยนกากบาท (×) คาตอบทถกตองเพยงขอเดยว

คะแนนเตม 10 คะแนน คะแนนทได...................คะแนน นกเรยนมความรอยในระดบ ดมาก ด พอใช ควรปรบปรง

ระดบคณภาพ 9-10 คะแนน มความรเรองนในระดบดมาก 7-8 คะแนน มความรเรองนในระดบด 5-6 คะแนน มความรเรองนในระดบพอใช 0-4 คะแนน มความรเรองนในระดบควรปรบปรง

ขอ ก ข ค ง 1

2

3

4

5

6

7

8

9

10

Page 7: 1. นักเรียนสามารถสรางภาพใหดู ...mrcud2.com/news_file/p67240901225.pdf1 Adobe Photoshop cs3 จ ดประสงคการเร

7

Adobe Photoshop cs3

กรอบท 1

การสรางภาพใหดกลมกลน

เมอเรารจกสวนประกอบของโปรแกรม Adobe Photoshop CS3 แลว เราลองมาฝกการสรางภาพใหดกลมกลนกน ซงการทาภาพใหดกลมกลนนน เปนการนาภาพ สองภาพมาไวในภาพเดยวกนและทาใหภาพดกลมกลนสวยงาม โดยสามารถทาไดตามดงน 1. เปดไฟลรปภาพท 1 (คยลด Ctrl + O) ขนมา จะเปน Layer Background 2. เปดไฟลรปภาพท 2 (คยลด Ctrl + O) ขนมา จะเปน Layer 1 w

1 2

Page 8: 1. นักเรียนสามารถสรางภาพใหดู ...mrcud2.com/news_file/p67240901225.pdf1 Adobe Photoshop cs3 จ ดประสงคการเร

8

Adobe Photoshop cs3

กรอบท 2

3. คลกเลอกเครองมอ Move Tool ทกลองเครองมอ หรอกดคยลด คอ ตวอกษร V ทแปนพมพ

4. คลกลากภาพท 2 ใน Layer 1 ไปไวยงหนาตางของภาพท 1 ใน Layer Background

5. จะปรากฏดงภาพน

4

5

3

Page 9: 1. นักเรียนสามารถสรางภาพใหดู ...mrcud2.com/news_file/p67240901225.pdf1 Adobe Photoshop cs3 จ ดประสงคการเร

9

Adobe Photoshop cs3

กรอบท 3

6. เลอกการผสม Layers เปนแบบ Multiply

7. เมอผสม Layers แลวจะปรากฏภาพท 2 สามารถมองเหนภาพท 1 ได

7

6

Page 10: 1. นักเรียนสามารถสรางภาพใหดู ...mrcud2.com/news_file/p67240901225.pdf1 Adobe Photoshop cs3 จ ดประสงคการเร

10

Adobe Photoshop cs3

กรอบท 4

8. คลกเลอกเครองมอ Quick Selection Tool บนกลองเครองมอ หรอคยลด คอตวอกษร W บนแปนพมพ

9. เลอกพนภาพสวนทไมตองการแลวกดปม Delete บนแปนพมพเพอลบออก 10. จะปรากฏภาพทดกลมกลนกน

8

9

10

Page 11: 1. นักเรียนสามารถสรางภาพใหดู ...mrcud2.com/news_file/p67240901225.pdf1 Adobe Photoshop cs3 จ ดประสงคการเร

11

Adobe Photoshop cs3

กรอบท 5

กจกรรมท 1

คาชแจง : ใหนกเรยนเขยนเครองหมาย�หนาขอทถกและ X หนาขอทผด

…..….1. เครองมอ Move Tool ทาหนาทเคลอนยายภาพ …..….2. ทาหนาทเลอกพนทสวนทไมตองการเพอทาการลบอก

…..….3. เมอเลอกพนทสวนทไมตองการแลวกดปม TAB เพอลบสวนนนนออก …..….4. มชอเรยกวา Quick Selection …..….5. การผสม Layers 2 Layers เขาดวยกนใชแบบ Multiply

ไมยากเลยใชไหมครบเพอนๆ

Page 12: 1. นักเรียนสามารถสรางภาพใหดู ...mrcud2.com/news_file/p67240901225.pdf1 Adobe Photoshop cs3 จ ดประสงคการเร

12

Adobe Photoshop cs3

กรอบท 6

เฉลยกจกรรมท 1

คาชแจง : ใหนกเรยนเขยนเครองหมาย�หนาขอทถกและ X หนาขอทผด

…..….1. เครองมอ Move Tool ทาหนาทเคลอนยายภาพ …..….2. ทาหนาทเลอกพนทสวนทไมตองการเพอทาการลบอก

…..….3. เมอเลอกพนทสวนทไมตองการแลวกดปม TAB เพอลบสวนนนนออก …..….4. มชอเรยกวา Quick Selection …..….5. การผสม Layers 2 Layers เขาดวยกนใชแบบ Multiply

ถาไมเขาใจกลบไปศกษาเนอหา อกครงนะคะ

ถาเขาใจแลวทากจกรรม ตอไปเลยครบ

Page 13: 1. นักเรียนสามารถสรางภาพใหดู ...mrcud2.com/news_file/p67240901225.pdf1 Adobe Photoshop cs3 จ ดประสงคการเร

13

Adobe Photoshop cs3

กรอบท 7

กจกรรมท 2

คาชแจง : ใสลาดบขนตอนการการสรางภาพใหดกลมกลนใหถกตอง

1 2

4

1

Page 14: 1. นักเรียนสามารถสรางภาพใหดู ...mrcud2.com/news_file/p67240901225.pdf1 Adobe Photoshop cs3 จ ดประสงคการเร

14

Adobe Photoshop cs3

กรอบท 8

เฉลยกจกรรมท 2

คาชแจง : ใสลาดบขนตอนการการสรางภาพใหดกลมกลนใหถกตอง

1 2

4

1

5

1 2 10

3

4

6

7

9

8

Page 15: 1. นักเรียนสามารถสรางภาพใหดู ...mrcud2.com/news_file/p67240901225.pdf1 Adobe Photoshop cs3 จ ดประสงคการเร

15

Adobe Photoshop cs3

กรอบท 9

เพอนๆ ฝกบอยๆ จะเกดความชานาญยงขน

หากเขาใจแลว ทาแบบทดสอบหลงเรยนกนเลยคะ

Page 16: 1. นักเรียนสามารถสรางภาพใหดู ...mrcud2.com/news_file/p67240901225.pdf1 Adobe Photoshop cs3 จ ดประสงคการเร

16

Adobe Photoshop cs3

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

กลมสาระการเรยนรการงานอาชพและเทคโนโลย ชนประถมศกษาปท 6

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

คาสง : ใหนกเรยนเขยนเครองหมาย X ทบตวอกษร หนาคาตอบทถกตองทสด

1. ปมเครองมอใดทใชเพอเลอกพนทสวนทไมตองการเพอลบออก? ก. ข. ค. ง.

2. คาสงคยลดเพอใชในการเปดไฟลคอ? ก. Ctrl +O ข. Ctrl + P ค. Ctrl + A ง. Ctrl + C

4. การผสม Layers สอง Layers เขาดวยกนใชรปแบบใด?

ก. Multiply ข. Color Burn ค. Darken ง. Darker Color

4. ปมเครองมอใดทใชเพอลากภาพสอง Layers เขาดวยกน ?

ก. ข.

ค. ง.

5. เมอเราใชเครองมอ Quick Selection Tool เลอกสวนทไมตองการแลวตองกดปมใด บนแปนพมพเลอกลบสวนนนออก ?

ก. End ข. Enter ค. Delete ง. TAB

Page 17: 1. นักเรียนสามารถสรางภาพใหดู ...mrcud2.com/news_file/p67240901225.pdf1 Adobe Photoshop cs3 จ ดประสงคการเร

17

Adobe Photoshop cs3

6. เครองมอ Move Tool หากตองการใชคยลดกดปมใด ? ก. ปมอกษร O บนแปนพมพ

ข. ปมอกษร M บนแปนพมพ ค. ปมอกษร N บนแปนพมพ

ง. ปมอกษร V บนแปนพมพ

7. ภาพทเราเปดขนมาภาพแรกจะปรากฏใน Layer ใด ? ก. Layer 3

ข. Layer Background ค. Layer 2 ง. Layer 1

8. Move Tool ใชเพอทาอะไร ?

ก. ใชเพอลากภาพหรอเคลอนยายภาพ ข. ใชเพอคดลอกภาพ ค. ใชเพอทาใหภาพกลมกลนกน ง. ใชเพอวางภาพ

9. เครองมอ Quick Selection Tool หากตองการใชคยลดกดปมใด ? ก. ปมอกษร O บนแปนพมพ

ข. ปมอกษร V บนแปนพมพ ค. ปมอกษร W บนแปนพมพ

ง. ปมอกษร M บนแปนพมพ 10. เครองมอทใชในการสรางภาพใหดกลมกลนคอ?

ก. ข. ค. ง.

Page 18: 1. นักเรียนสามารถสรางภาพใหดู ...mrcud2.com/news_file/p67240901225.pdf1 Adobe Photoshop cs3 จ ดประสงคการเร

18

Adobe Photoshop cs3

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

1. ก 6. ก 2. ง 7. ข 3. ข 4. ค 9. ข 5. ง 10. ค

เพอนๆคงตอบไดทกขอนะครบ พบกนใหมเรองตอไปครบ

Page 19: 1. นักเรียนสามารถสรางภาพใหดู ...mrcud2.com/news_file/p67240901225.pdf1 Adobe Photoshop cs3 จ ดประสงคการเร

19

Adobe Photoshop cs3

กระดาษคาตอบแบบทดสอบหลงเรยน

บทเรยนสาเรจรป เรอง การสรางภาพใหดกลมกลน ชนประถมศกษาปท 6

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

คาชแจง : ใหนกเรยนกากบาท (×) คาตอบทถกตองเพยงขอเดยว

คะแนนเตม 10 คะแนน คะแนนทได...................คะแนน นกเรยนมความรอยในระดบ ดมาก ด พอใช ควรปรบปรง

ระดบคณภาพ 9-10 คะแนน มความรเรองนในระดบดมาก 7-8 คะแนน มความรเรองนในระดบด 5-6 คะแนน มความรเรองนในระดบพอใช 0-4 คะแนน มความรเรองนในระดบควรปรบปรง

ขอ ก ข ค ง 1

2

3

4

5

6

7

8

9

10

Page 20: 1. นักเรียนสามารถสรางภาพใหดู ...mrcud2.com/news_file/p67240901225.pdf1 Adobe Photoshop cs3 จ ดประสงคการเร

20

Adobe Photoshop cs3

ตารางบนทกคะแนนกจกรรม

เลมท 5 เรอง การสรางภาพใหดกลมกลน

ชอ.....................................................................................ชนประถมศกษาปท 6

แบบทดสอบ คะแนนเตม คะแนนททาได หมายเหต

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

กจกรรมท คะแนนเตม คะแนนททาได หมายเหต

1 5 2 5

Page 21: 1. นักเรียนสามารถสรางภาพใหดู ...mrcud2.com/news_file/p67240901225.pdf1 Adobe Photoshop cs3 จ ดประสงคการเร

21

Adobe Photoshop cs3

บรรณานกรม

กรมวชาการ. การจดการเรยนรกลมสาระการเรยนรการงานอาชพและเทคโนโลย ตามหลกสตรแกนกลางขนพนฐานพทธศกราช 2551. กรงเทพฯ : องคการรบสง สนคาและพสดภณฑ, 2551.

กรวค เจรญด. บทเรยนโปรแกรม Adobe Photoshop CS3. http://krukorawee.com/photoshopcs3/mix_unit1.html.

เขาถงเมอ 12 กนยายน 2554. ทองสข เอยมศร. โปรแกรม Adobe Photoshop CS2.

http://www.kruthong.net/ photoshop/. เขาถงเมอ 10 สงหาคม 2554. พนศกด ธนพนธพาณช. คมอการใชงาน Photoshop CS3 .กรงเทพฯ : เอส.พ.ซ.บคส จากด, 2551. Trueclicklife Team. เรยนสนกไปกบคอมพวเตอร 5.กลมสาระการงานอาชพและ เทคโนโลย ชวงชนท 2. กรงเทพฯ : ทร ดจตอล คอนเทนท แอนดมเดย จากด, 2554.