แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/t1302-56-2204-2105.pdf ·...

37
แผนการจัดการเรียนรูรหัสวิชา 2204-2105 ชื่อวิชา โปรแกรมกราฟิก (3 หน่วยกิต 4 ชั่วโมง / สัปดาห์) หมวดวิชา ทักษะวิชาชีพ กลุ่มทักษะวิชาชีพเฉพาะ หลักสูตรประกาศนียบัตรวิชาชีพ พุทธศักราช 2556 ประเภทวิชา พาณิชยกรรม สาขาวิชา คอมพิวเตอร์ธุรกิจ ระดับประกาศนียบัตรวิชาชีพปีท2 โดย อาจารย์เกสรา ฉายารัตน์ กลุ่มวิชาคอมพิวเตอร์และเทคโนโลยีสานักงาน วิทยาลัยอาชีวศึกษาสันติราษฎร์ ในพระอุปถัมภ์ฯ สมเด็จพระเจ้าภคินีเธอ เจ้าฟ้าเพชรรัตนราชสุดา สิริโสภาพัณณวดี ภาคเรียนที1 ปีการศึกษา 2561 แผนการจัดการเรียนรู

Upload: others

Post on 21-Jun-2020

9 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1302-56-2204-2105.pdf · 2018-09-18 · แผนการจัดการเรียนรู้

แผนการจดการเรยนร

รหสวชา 2204-2105 ชอวชา โปรแกรมกราฟก (3 หนวยกต 4 ชวโมง / สปดาห)

หมวดวชา ทกษะวชาชพ กลมทกษะวชาชพเฉพาะ

หลกสตรประกาศนยบตรวชาชพ พทธศกราช 2556

ประเภทวชา พาณชยกรรม สาขาวชา คอมพวเตอรธรกจ

ระดบประกาศนยบตรวชาชพปท 2

โดย อาจารยเกสรา ฉายารตน

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

วทยาลยอาชวศกษาสนตราษฎร ในพระอปถมภฯ สมเดจพระเจาภคนเธอ เจาฟาเพชรรตนราชสดา สรโสภาพณณวด

ภาคเรยนท 1 ปการศกษา 2561 แผนการจดการเรยนร

Page 2: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1302-56-2204-2105.pdf · 2018-09-18 · แผนการจัดการเรียนรู้

รหสวชา 2204-2105 ชอวชา โปรแกรมกราฟก จ านวน 2 หนวยกต 4 ชวโมง/สปดาหหลกสตร ประกาศนยบตรวชาชพชนสง ประเภทวชา พาณชยกรรม สาขาวชา คอมพวเตอรธรกจ ----------------------------------------------------------------------------------------------------------------------------

จดประสงครายวชา เพอให

1. มความรความเขาใจเกยวกบหลกการของภาพกราฟก 2. มความรความเขาใจเกยวกบประเภทและคณลกษณะของแฟมภาพกราฟก 3. มทกษะการใชโปรแกรมกราฟก 4. สรางและตกแตงภาพกราฟก 5. จดการแฟมภาพกราฟก 6. มคณธรรม จรยธรรม และคานยมทดในการใชคอมพวเตอร

สมรรถนะรายวชา

1. แสดงความรเกยวกบหลกการพนฐานคอมพวเตอรกราฟก 2. ออกแบบภาพกราฟกตามหลกองคประกอบศลป 3. สรางภาพกราฟกและจดการแฟมภาพดวยโปรแกรมกราฟก

ค าอธบายรายวชา

ศกษาและปฏบตเกยวกบความรพนฐานเกยวกบภาพกราฟก หลกการของภาพกราฟกแบบ Vector และ Bitmap ประเภทและคณลกษณะของแฟมภาพกราฟก การสรางและตกแตงภาพกราฟก การจดแฟมภาพกราฟก ความแตกตาง

ของภาพกราฟกแบบ 2 มต การใชโปรแกรมสรางภาพกราฟกแบบ Vector และ Bitmap

Page 3: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1302-56-2204-2105.pdf · 2018-09-18 · แผนการจัดการเรียนรู้

หนวยการเรยนรและสมรรถนะรายวชา รหสวชา 2204-2105 ชอวชา โปรแกรมกราฟก จ านวน 2 หนวยกต 4 ชวโมง/สปดาห

หนวย ชอหนวย สมรรถนะรายวชา

1 ความรเบองตนเกยวกบทฤษฎคอมพวเตอร

กราฟก

- แสดงความรพนฐานเกยวกบทฤษฎ

คอมพวเตอรกราฟกได

2 การเลอกพนทและการปรบรปทรงวตถ - ปฏบตการสรางชนงานกราฟกจากการ

เลอกพนทได

3 การจดการเลเยอรและการสรางตวอกษร - ใชเลเยอรแยกภาพและสรางตวอกษรบน

ชนงานไดเหมาะสม

4 การปรบแตงส แสง เงา และการแกไขรปภาพ - ปรบแตงสแสงใหกบภาพถายและแกไข

รทชภาพได

5 การใชงานโปรแกรมกราฟกแบบ Vector - ปฏบตการวาดและระบายสภาพได

Page 4: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1302-56-2204-2105.pdf · 2018-09-18 · แผนการจัดการเรียนรู้

ตารางวเคราะหหนวยการเรยนร และเวลาทใชในการจดการเรยนร

รหสวชา 2204-2105 ชอวชา โปรแกรมกราฟก จ านวน 2 หนวยกต 4 ชวโมง/สปดาห

หนวย ชอหนวยการเรยน สปดาหท ชวโมงท

1 แสดงความรพนฐานเกยวกบทฤษฎคอมพวเตอรกราฟก 1-2 1-8 1.1 ความรเกยวกบความหมายและประเภทกราฟก

1.1.1 ความหมายของกราฟกและคอมพวเตอรกราฟก 1.1.2 ประเภทของกราฟก 1.2 หลกการท างานและการแสดงผลของคอมพวเตอรกราฟก 1.2.1 หลกการของกราฟกแบบ Raster และแบบ Vector

1.2.2 ความแตกตางระหวางกราฟกแบบRaster และVector ได

1.3 ความรเบองตนเกยวกบทฤษฎสและการจดองคประกอบศลป 1.3.1 โมเดลส,โหมดสและการเลอกใชไดถกตองได

1.3.2 หลกการจดองคประกอบศลปได 1.4 การใชงานโปรแกรมเบองตน 1.4.1 คณสมบตและสวนประกอบของโปรแกรม 1.4.2 การใชงานโปรแกรม Photoshop เบองตน

2 การสรางชนงานกราฟกจากการเลอกพนท 3-6 9-24 2.1 ทกษะเกยวกบการเลอกพนท

2.1.1 ยกลมเครองมอในการเลอกพนท 2.1.2 การเลอกพนภาพในรปทรงเลขาคณต 2.1.3 การเลอกพนทแบบอสระ 2.1.4 เลอกพนทแบบ Pen tool

2.2 การปรบรปทรงวตถ

2.2.1 การยายและบดวตถ 2.2.2 การหมนและปรบขนาดวตถ 2.3 การเตมสใหกบพนทหรอวตถ 2.3.1 การเตมสและลวดลายดวย Paint Bucket, Fill

2.3.2 การเตมสและลวดลายดวย Gradient tool

2.3.3 การใช Brush Tool

Page 5: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1302-56-2204-2105.pdf · 2018-09-18 · แผนการจัดการเรียนรู้

หนวย ชอหนวยการเรยน สปดาหท ชวโมงท

3 การใชเลเยอรแยกภาพและสรางตวอกษรบนชนงานไดเหมาะสม 7-11 25-44

3.1 การใชงานเลเยอรเบองตน 3.1.1 บอกลกษณะและการใชงานของพาเลตเลเยอรได 3.1.2 บอกลกษณะเลเยอร Background และการแปลง

เลเยอรได

3.2 การจดการเลเยอร 3.2.1 ปฏบตจดการใชงานเลเยอรไดถกตอง 3.2.2 ปฏบตการใช Blending Mode และ Opacityได

3.2.3 ปฏบตการใช Mask Layer ได

3.2.4 ปฏบตการใช Effect กบ Layer ได

3.3 กลมเครองมอในการสรางอกษร

3.3.1 บอกเกยวกบกลมเครองมอในการสรางอกษรได

3.4 การสรางขอความ

3.4.1 สรางขอความแบบ Point Type ไดถกตอง

3.4.2 สรางขอความแบบ Paragraph Type ไดถกตอง

3.4.3 สรางขอความบนเสนพาธไดถกตอง

3.5 การจดการขอความ

3.5.1 ท าการปรบรปทรงตวอกษรไดถกตองเหมาะสม

3.5.2 สรางเอฟเฟคและ Style ใหขอความไดเหมาะสม

4 ปรบแตงสแสงใหกบภาพถายและแกไขรทชภาพได 12-15 45-60

4.1 เพอใหรและเขาใจเกยวกบการปรบแสงเงาและการใช Fillter

4.1.1 บอกสวนประกอบพาเลต Histogram ได

4.1.2 อธบายคณสมบตของฟลเตอรกลมตางๆได

4.2 เพอใหมทกษะในการเลอกใชค าสงปรบสและแสงเงาภาพ 4.2.1 ปฏบตการปรบแตงสและแสงเงาดวย Level ได

4.2.2 สรางและปรบแตงสและแสงเงาดวย Curves ได

4.2.3 ปฏบตการปรบแสงเงาดวย Brightnees /Contrass ได

4.2.4 ปฏบตการปรบแตงสดวย Hue/Saturation

4.2.5 ปฏบตการใช Fillter Gallery ในการแตงภาพได

Page 6: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1302-56-2204-2105.pdf · 2018-09-18 · แผนการจัดการเรียนรู้

หนวย ชอหนวยการเรยน สปดาหท ชวโมงท

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

4.3.1 อธบายกลมเครองมอในการปรบแตงและแกไขภาพได

4.4 มทกษะในการเลอกใชเครองมอในการปรบแตงและแกไขภาพได 4.4.1 ปฏบตการใช Healing Brush และ Patch ในการปรบแตงภาพ

ได

4.4.2 ปฏบตการใช Clone Stamp ในการปรบแตงแกไขภาพได

4.4.3 ปฏบตการใช Doge,BurnและSpongeในการปรบแตงภาพได

4.4.4 ปฏบตการใช History Brush ในการปรบแตงแกไขภาพได

5 ปฏบตการวาดและระบายสภาพได 16-17 61-68

5.1 เพอใหรและเขาใจเกยวกบเกยวกบ Adobe Illustrator เบองตนได

5.1.1 บอกคณสมบตและสวนประกอบของโปรแกรมได

5.1.2 อธบายความสามารถโดยรวมของโปรแกรมได

5.1.3 บอกเกยวกบสวนตาง ๆ ของโปรแกรมได

5.2 เพอใหมทกษะเกยวกบการใชงานโปรแกรม Adobe Illustrator ได

5.2.1 ปฏบตการเรยกใชเครองมอกลมตาง ๆ ได

5.2.2 ปฏบตการเปด ปด แยก รวม และเคลอนยายหนาตางงานได 5.2.3 ปฏบตการสรางไฟลใหมและบนทกไฟลภาพได 5.3 เพอใหมทกษะเกยวกบการวาดและระบายสภาพได

5.3.1 สรางภาพดวย Pen ได

5.3.2 สรางภาพดวย Brush ได

5.3.3 สรางภาพโดยใช Ractangle และ Line Segment ได

5.3.4 สรางขอความและปรบรปทรงได สอบปลายภาค 18 69-72

Page 7: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1302-56-2204-2105.pdf · 2018-09-18 · แผนการจัดการเรียนรู้

แผนการจดการเรยนรแบบฐานสมรรถนะ

หนวยท 1 ชอวชา การใชโปรแกรมกราฟก รหสวชา 2204-2105 สอนสปดาหท 1-2

ชอหนวย ความรเบองตนเกยวกบทฤษฎคอมพวเตอรกราฟก ชวโมงรวม 8 ชวโมง

ระดบ ปวช.2 ชอผสอน เกสรา ฉายารตน จ านวน 4 ชวโมง/สปดาห

สาระส าคญ ในปจจบนทเทคโนโลยเขาสยคดจตอล ไมวาจะหนมองไปทางใด เราตองพบวาคอมพวเตอรไดเขามบทบาทในงานตางๆ มากยงขน รวมไปถงงานดานกราฟก ทไดมการน าเอาคอมพวเตอรเขามาสรางสรรคเปนผลงาน และเกดการพฒนาอยางตอเนอง ซงในบทนเราจะศกษาและท าความเขาใจกบคอมพวเตอรกราฟก จดประสงคการเรยนร จดประสงคทวไป

1. รและเขาใจเกยวกบความหมายและประเภทกราฟก 2. รและเขาใจหลกการท างานและการแสดงผลของคอมพวเตอรกราฟก 3. รและเขาใจเกยวกบทฤษฎสและการจดองคประกอบศลป 4. รและเขาใจเกยวกบการใชงานโปรแกรมเบองตน

จดประสงคเชงพฤตกรรม

1. บอกความหมายของกราฟกและคอมพวเตอรกราฟกไดถกตอง 2. อธบายประเภทของกราฟกไดถกตอง 3. บอกหลกการของกราฟกแบบ Raster ได 4. บอกหลกการของกราฟกแบบ Vector ได 5. บอกความแตกตางระหวางกราฟกแบบ Raster และ Vector ได 6. บอกโมเดลสได 7. อธบายโหมดสและการเลอกใชไดถกตอง 8. บอกหลกการจดองคประกอบศลปได 9. บอกคณสมบตและสวนประกอบของโปรแกรมได 10. ปฏบตการใชงานโปรแกรม Photoshop เบองตนได

สมรรถนะรายหนวย แสดงความรเกยวกบทฤษฎคอมพวเตอรกราฟกได

Page 8: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1302-56-2204-2105.pdf · 2018-09-18 · แผนการจัดการเรียนรู้

รายวชาทจดควบคหรอบรณาการ -

วธการบรณาการ -

สาระการเรยนร 1 แสดงความรพนฐานเกยวกบทฤษฎคอมพวเตอรกราฟก

1.1 ความรเกยวกบความหมายและประเภทกราฟก 1.1.1 ความหมายของกราฟกและคอมพวเตอรกราฟก 1.1.2 ประเภทของกราฟก 1.2 หลกการท างานและการแสดงผลของคอมพวเตอรกราฟก 1.2.1 หลกการของกราฟกแบบ Raster และแบบ Vector 1.2.2 ความแตกตางระหวางกราฟกแบบRaster และVector ได 1.3 ความรเบองตนเกยวกบทฤษฎสและการจดองคประกอบศลป 1.3.1 โมเดลส,โหมดสและการเลอกใชไดถกตองได 1.3.2 หลกการจดองคประกอบศลปได 1.4 การใชงานโปรแกรมเบองตน 1.4.1 คณสมบตและสวนประกอบของโปรแกรม 1.4.2 การใชงานโปรแกรม Photoshop เบองตน

ปรชญาเศรษฐกจพอเพยงและคณธรรมทมงเนน 1. ความตรงตอเวลา 2. เนนใหผเรยนเปนผใฝร 3. การเปดโอกาสใหผเรยนไดแลกเปลยนเรยนร และแสดงความคดเหน น าปญหาและอปสรรคในการเรยนการสอนมาปรบปรงการเรยนการสอน

-

Page 9: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1302-56-2204-2105.pdf · 2018-09-18 · แผนการจัดการเรียนรู้

กจกรรมการเรยนการสอน (สปดาหท 1 ชวโมงท 1-4) 1. ผสอนชแจงจดประสงคการเรยน เกณฑการใหคะแนน ขอตกลงกอนเรยน 2. ผสอนน าเขาสบทเรยนโดยการตงค าถาม ใหผเรยนในหองแสดงความคดเหนเกยวกบภาพกราฟกในความเขาใจ

ของผเรยน และความส าคญของกราฟกในงานยคปจจบนพรอมยกตวอยาง 3. ผสอนแบงกลมผเรยนเพอท าการศกษาความหมายประเภทของกราฟก หลกการท างานความแตกตางของกราฟก

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

4. ผเรยนแตละกลมรวมกนศกษาและสงตวแทนกลมออกมาสรปหนาชนเรยนแลวน าสรปสงผสอนทายชวโมง

5. ผสอนอธบายพรอมกลาวสรปเนอหาในการเรยนเพมเตมพรอมใหผเรยนสรปความคดรวบยอด

6. ผเรยนสรปความคดรวบยอดเกยวกบเนอหาประจ าหนวยการเรยนร

7. ผสอนรวมกบผเรยนอภปรายแลกเปลยนปญหา และหาขอแกไขเพอสามารถน าไปใชในโอกาสตอไป

เทคนควธการสอนทน ามาใช 1. การอภปรายแลกเปลยนเรยนรระหวางผเรยนกบผสอน 2. การจดการเรยนรแบบใชค าถาม สอการเรยนการสอนและแหลงเรยนร

1. สอสงพมพ ไดแก 1.1 หนงสอ “โปรแกรมกราฟก” โดย เผดจ อ านาเพยง 1.2 หนงสอ “โปรแกรมกราฟก” โดย ปยะ นากสงค 1.3 หนงสอ “โปรแกรมกราฟก” โดย ศวช กาญจนชม,วชาญ หงษบน

2. โสตทศนปกรณ ไดแก กระดานไวทบอรด

การวดประเมนผล เกณฑการประเมนผล 1. สงเกตจากการท างานกลมตามทไดรบมอบหมาย 2. การน าเสนองานหนาชนเรยน

1. ผ เรยนมสวนรวมในการท างานกลมตามทไดรบมอบหมายคดเปนรอยละ 80

2. ผเรยนสามารถน าเสนองานหนาชนเรยนไดด คดเปนรอยละ 70

เอกสารอางอง/เวบไซต

1. หนงสอ “โปรแกรมกราฟก” โดย เผดจ อ านาเพยง 2. หนงสอ “โปรแกรมกราฟก” โดย ปยะ นากสงค 3. หนงสอ “โปรแกรมกราฟก” โดย ศวช กาญจนชม,วชาญ หงษบน

Page 10: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1302-56-2204-2105.pdf · 2018-09-18 · แผนการจัดการเรียนรู้

กจกรรมการเรยนการสอน (สปดาหท 2 ชวโมงท 5-8) 1. ผสอนชแจงจดประสงคการเรยน เนอหารายวชา เกณฑการใหคะแนน ขอตกลงในการเรยนรายหนวยน 2. น าเขาสบทเรยนโดยตงค าถามเกยวกบส และแมสทผเรยนรจกพรอมอธบาย 3. ครอธบายเกยวกบโมเดลสการเลอกใชและหลกการจดองคประกอบศลป พรอมมอบหมายใหผเรยนศกษาถง

คณสมบตและสวนประกอบของโปรแกรม Adobe Photoshop CS6 4. ผเรยนฝกปฏบตการใชสวนประกอบหนาจอ และการใชโปรแกรมเบองตน การสรางไฟลใหม บนทก เปด/ปด

ไฟล การจดการไฟลภาพเบองตน 5. ผเรยนฝกปฏบตยอ – ขยายมมมองรปภาพ, ปรบขนาดภาพดวยค าสง Image size, เพมและลดพนทการท างาน

กบ Canvas size, การใช Crop tool 6. ครอธบายพรอมกลาวสรปเนอหาในการเรยนเพมเตม 7. ผเรยนท าแบบทดสอบหนวยท 1 8. ครรวมกบผเรยนอภปรายแลกเปลยนปญหา และหาขอแกไขเพอสามารถน าไปใชในโอกาสตอไป

เทคนควธการสอนทน ามาใช 1. การอภปรายแลกเปลยนเรยนรระหวางผเรยนกบผสอน สอการเรยนการสอนและแหลงเรยนร 1. สอสงพมพ ไดแก

1.1. หนงสอ “การวเคราะหและออกแบบระบบ” โดย บรษท ซเอดยเคชน จ ากด 1.2. หนงสอ “การวเคราะหและออกแบบระบบ” โดย โอภาส เอยมสรวงศ 1.3. หนงสอ “การวเคราะหและออกแบบระบบ” โดย พรพรรณ โสภาพล,วารนทร ผลละมด

2. โสตทศนปกรณ ไดแก กระดานไวทบอรด

การวดประเมนผล เกณฑการประเมนผล 1. การสมจากการตอบค าถามของผเรยนในชนเรยน 2. แบบทดสอบหนวยการเรยนรท 1 ปรนย 20 ขอ

1. ผเรยนมสวนรวมในการตอบค าถาม และแสดงความคดเหนมากกวารอยละ 70

2. ผเรยนสามารถท าแบบทดสอบหนวยการเรยนรท 1 แบบอตนยไดถกตองมากกวารอยละ 70

เอกสารอางอง/เวบไซต

1. หนงสอ “โปรแกรมกราฟก” โดย เผดจ อ านาเพยง 2. หนงสอ “โปรแกรมกราฟก” โดย ปยะ นากสงค 3. หนงสอ “โปรแกรมกราฟก” โดย ศวช กาญจนชม,วชาญ หงสบน

Page 11: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1302-56-2204-2105.pdf · 2018-09-18 · แผนการจัดการเรียนรู้

แผนการจดการเรยนรแบบฐานสมรรถนะ

หนวยท 2 ชอวชา การใชโปรแกรมกราฟก รหสวชา 2204-2105 สอนสปดาหท 3-6

ชอหนวย การเลอกพนทและการปรบรปทรง ชวโมงรวม 16 ชวโมง

ระดบ ปวช.2 ชอผสอน เกสรา ฉายารตน จ านวน 4 ชวโมง/สปดาห

สาระส าคญ การสราง Selection หรอการเลอกพนทการท างานของภาพกราฟก เปนสงส าคญส าหรบการแกไขหรอปรบเปลยนรปภาพในสวนทตองการ Adobe Photoshop CS6 ไดเตรยมเครองมอเพอใชสราง Selection ไวมากมาย เชนกลมสราง Selection พนฐาน, แบบอสระ, แบบก าหนดสใกลเคยง, แบบทมรปทรงซบซอน เปนตน ซงภาพทไดสามารถตดทงหรอคดลอกเพอท าส าเนา และยงสามารถปรบรปทรงของภาพไดตามตองการดวยเครองมอ Transform เปนตน จดประสงคการเรยนร จดประสงคทวไป

1. ความรเบองตนเกยวกบการเลอกพนท

2. ความรเบองตนเกยวกบการปรบรปทรงวตถ

3. ทกษะในการเตมสใหกบพนทหรอวตถ

จดประสงคเชงพฤตกรรม 1. อธบายกลมเครองมอในการเลอกพนทไดถกตอง 2. ปฏบตการเลอกพนภาพในรปทรงเลขาคณตได 3. ปฏบตการเลอกพนทแบบอสระได 4. ปฏบตการสราง Selection ในโหมด Quick Mask ได 5. ปฏบตการสราง Selection ในโหมด Channel ได 6. ปฏบตการยายและบดวตถได 7. ปฏบตการหมนและปรบขนาดวตถได 8. ปฏบตการเตมสและลวดลายดวย Paint Bucket, Fill ได 9. ปฏบตการเตมสและลวดลายดวย Gradient tool ได

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

Page 12: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1302-56-2204-2105.pdf · 2018-09-18 · แผนการจัดการเรียนรู้

รายวชาทจดควบคหรอบรณาการ -

วธการบรณาการ -

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

2. การสรางชนงานกราฟกจากการเลอกพนท 2.1 ทกษะเกยวกบการเลอกพนท 2.1.1 ยกลมเครองมอในการเลอกพนท 2.1.2 การเลอกพนภาพในรปทรงเลขาคณต 2.1.3 การเลอกพนทแบบอสระ 2.1.4 เลอกพนทแบบ Pen tool 2.2 การปรบรปทรงวตถ 2.2.1 การยายและบดวตถ 2.2.2 การหมนและปรบขนาดวตถ 2.3 การเตมสใหกบพนทหรอวตถ 2.3.1 การเตมสและลวดลายดวย Paint Bucket, Fill 2.3.2 การเตมสและลวดลายดวย Gradient tool 2.3.3 การใช Brush Tool

ปรชญาเศรษฐกจพอเพยงและคณธรรมทมงเนน 1. ความตรงตอเวลา 2. เนนใหผเรยนเปนผใฝร 3. ความเปนผมเหตผล น าปญหาและอปสรรคในการเรยนการสอนมาปรบปรงการเรยนการสอน

-

Page 13: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1302-56-2204-2105.pdf · 2018-09-18 · แผนการจัดการเรียนรู้

กจกรรมการเรยนการสอน (สปดาหท 3 ชวโมงท 9-12)

1. ผสอนชแจงจดประสงคการเรยน เกณฑการใหคะแนน ขอตกลงกอนเรยน 2. ผสอนน าเขาสบทเรยนโดยการใหดผลงานตางๆ ทเกยวเนอหาในสปดาหน เชนตวอยางการท า Wallpaper,

Retouch การตกแตงแกไขภาพแบบตางๆ เพอกระตนใหเกดความสนใจ และสรางสรรคผลงาน 3. ผสอนอธบายกลมเครองมอในการเลอกพนท และสาธตการเลอกพนทแบบรปทรงเลขาคณต และการเลอกพนท

แบบอสระ โดยสาธตผาน Net Support 4. ผเรยนฝกปฏบตการ Selection แบบตางๆ ตามเนอหาทก าหนดไวในสปดาหน 5. ผเรยนซกถามเมอพบปญหาในการฝกปฏบตงาน 6. ผเรยนท าใบงานเรองตดตอหนาผลไม โดยน ารปทอยในโฟลเดอรทผสอนเตรยมประกอบดวยรปผลไมตางๆ

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

7. ผสอนสงเกตพฤตกรรมความมเหตผลและมภมคมกนในการฝกปฏบตตดตอหนาผลไม การเลอกภาพท าคว ปาก จมก ผม ไดอยางสรางสรรค

8. ผสอนรวมกบผเรยนรวมกนสรปเนอหาการ Selection แบบรปทรงเลขาคณต และแบบอสระแตละแบบมการใชงานอยางไร

9. ผสอนแนะน าเวบไซต http://www.com5dow.com เพอทบทวนเนอหาทเรยนมา เทคนควธการสอนทน ามาใช 1. การอภปรายแลกเปลยนเรยนรระหวางผเรยนกบผสอน 2. การจดการเรยนรแบบใชค าถาม 3. การสอนแบบสาธต สอการเรยนการสอนและแหลงเรยนร 1. สอสงพมพ ไดแก

1.1. หนงสอ “โปรแกรมกราฟก” โดย เผดจ อ านาเพยง 1.2. หนงสอ “โปรแกรมกราฟก” โดย ปยะ นากสงค 1.3. หนงสอ “โปรแกรมกราฟก” โดย ศวช กาญจนชม,วชาญ หงษบน

2. โสตทศนปกรณ ไดแก กระดานไวทบอรด

Page 14: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1302-56-2204-2105.pdf · 2018-09-18 · แผนการจัดการเรียนรู้

การวดประเมนผล เกณฑการประเมนผล

1. สงเกตจากกรารวมแลกเปลยนเรยนรในการตอบค าถาม

2. ใบงานเรองการตดตอหนาผลไม Dicut1

1. ผเรยนมสวนรวมในการถาม-ตอบแลกเปลยนเรยนร คดเปนรอยละ 80

2. ผเรยนสามารถใชเครองมอ Selection แบบตางๆ ในการท าใบงานเรองการตดตอหนาผลไมไดดและเหมาะสมคดเปนรอยละ 70

เอกสารอางอง/เวบไซต

1. หนงสอ “โปรแกรมกราฟก” โดย เผดจ อ านาเพยง 2. หนงสอ “โปรแกรมกราฟก” โดย ปยะ นากสงค 3. หนงสอ “โปรแกรมกราฟก” โดย ศวช กาญจนชม,วชาญ หงสบน 4. http://www.com5dow.com

กจกรรมการเรยนการสอน (สปดาหท 4 ชวโมงท 13-16)

1. ผสอนชแจงจดประสงคการเรยน เนอหารายวชา เกณฑการใหคะแนน ขอตกลงในการเรยนรายหนวยน 2. ผสอนและผเรยนรวมกนทบทวนเนอหาการ Selection แบบรปทรงเลขาคณต และแบบอสระ 3. ผสอนแนะน าเวบไซต http://www.showwallpaper.com เพอดผลงานwallpaper และเทคนค Workshopตางๆ

เกยวกบ Photoshop ผเรยนเขาดเวบไซต 4. ผสอนน าเสนอผลงานในสปดาหทแลวทผเรยนฝกปฏบตพรอมเสนอแนะผลงานและตชม เพอใหงานชน

ตอไปเกดการพฒนา 5. ผเรยนฝกปฏบตการสราง Selection แบบ Quick selection, Magic Van tool 6. ผสอนเปดไฟลภาพทมรปทรงซบซอนมากขน ลองใหผเรยนฝกใชเครองมอทเรยนมา Selection แลวรวมกน

แสดงความคดเหนวาภาพทผสอนยกตวอยางเหมาะสมกบการใชเครองมอ Selection ทเรยนมาหรอไม 7. ผสอนสาธตการใชเครองมอ Pen tool สราง Selection และผเรยนฝกปฏบต

เทคนควธการสอนทน ามาใช 1. การอภปรายแลกเปลยนเรยนรระหวางผเรยนกบผสอน 2. การฝกปฏบตจากการคนควา 3. การสอนแบบสาธต สอการเรยนการสอนและแหลงเรยนร

1. สอสงพมพ ไดแก 1.1 หนงสอ “การวเคราะหและออกแบบระบบ” โดย บรษท ซเอดยเคชน จ ากด 1.2 หนงสอ “การวเคราะหและออกแบบระบบ” โดย โอภาส เอยมสรวงศ 1.3 หนงสอ “การวเคราะหและออกแบบระบบ” โดย พรพรรณ โสภาพล,วารนทร ผลละมด

Page 15: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1302-56-2204-2105.pdf · 2018-09-18 · แผนการจัดการเรียนรู้

2. โสตทศนปกรณ ไดแก กระดานไวทบอรด

การวดประเมนผล เกณฑการประเมนผล 1. การสมจากการตอบค าถามของผเรยนในชนเรยน 2. ใบงานการสราง Selection ดวย Pen tool

1. ผเรยนมสวนรวมในการตอบค าถาม และแสดงความคดเหนมากกวารอยละ 70

2. ผ เ รยนสามารถท า ใบงานไดดและใชเค รองมอ Selection ถกตองมากกวารอยละ 70

เอกสารอางอง/เวบไซต

1. หนงสอ “โปรแกรมกราฟก” โดย เผดจ อ านาเพยง 2. หนงสอ “โปรแกรมกราฟก” โดย ปยะ นากสงค 3. หนงสอ “โปรแกรมกราฟก” โดย ศวช กาญจนชม,วชาญ หงสบน 4. http://www.com5dow.com

กจกรรมการเรยนการสอน (สปดาหท 5 ชวโมงท 17-20)

1. ผสอนชแจงจดประสงคการเรยน เนอหารายวชา เกณฑการใหคะแนน ขอตกลงในการเรยนรายหนวยน 2. ผสอนและผเรยนรวมกนทบทวนเนอหา การใชเครองมอ Pen tool สราง Selection 3. ผสอนสาธต การใชค าสง Edit Transform เพอบดภาพใหดมมต การพลกภาพ

4. ผเรยนซกถามปญหาตางๆ เมอพบในขณะฝกปฏบต 5. ผเรยนฝกปฏบตใบงาน การตดตอรปรถยนต และท าแบบฝกหดทายบทท 4 6. ผสอนรวมกบผเรยนรวมกนสรปเนอหาการ Selection, และการบดภาพในแบบตางๆ 7. ผเรยนรวมกนเฉลยแบบฝกหดทายบทท 4

เทคนควธการสอนทน ามาใช 1. การอภปรายแลกเปลยนเรยนรระหวางผเรยนกบผสอน 2. การสาธต 3. การเรยนรจากการฝกปฏบต สอการเรยนการสอนและแหลงเรยนร

1. สอสงพมพ ไดแก 1.1 หนงสอ “การวเคราะหและออกแบบระบบ” โดย บรษท ซเอดยเคชน จ ากด 1.2 หนงสอ “การวเคราะหและออกแบบระบบ” โดย โอภาส เอยมสรวงศ 1.3 หนงสอ “การวเคราะหและออกแบบระบบ” โดย พรพรรณ โสภาพล,วารนทร ผลละมด

2. โสตทศนปกรณ ไดแก กระดานไวทบอรด

Page 16: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1302-56-2204-2105.pdf · 2018-09-18 · แผนการจัดการเรียนรู้

การวดประเมนผล เกณฑการประเมนผล 1. สงเกตจากความต งใจในการฝกปฏบต ความ

ซอสตย ความขยน อดทน และแบงปน 2. ใบงาน การตดตอรปรถยนต

1. ผ เรยนมความต งใจในการปฏบตงานดวยความซอสตย ขยน อดทน และแบงปนมากกวารอยละ 70

2. ผ เ รยนสามารถท าใบงานไดดและใชเครองมอ ถกตองมากกวารอยละ 70

เอกสารอางอง/เวบไซต

1. หนงสอ “โปรแกรมกราฟก” โดย เผดจ อ านาเพยง 2. หนงสอ “โปรแกรมกราฟก” โดย ปยะ นากสงค 3. หนงสอ “โปรแกรมกราฟก” โดย ศวช กาญจนชม,วชาญ หงสบน 4. http://www.com5dow.com

กจกรรมการเรยนการสอน (สปดาหท 6 ชวโมงท 21-24) 1. ผสอนชแจงจดประสงคการเรยน เนอหารายวชา เกณฑการใหคะแนน ขอตกลงในการเรยนรายหนวยน 2. ผสอนและผเรยนรวมกนทบทวนเนอหา Quick selection, Pen tool, Edit Transform 3. ผสอนอธบายการเตมสใหกบพนทหรอวตถแบบ Paint Bucket ,Fill และ Gradient tool 4. ผเรยนฝกปฏบตการเทสแบบ Paint Bucket ,Fill และ Gradient tool พรอมสรปความแตกตาง โดยผสอน

สมถามตามเลขท 5. ผสอนเปดไฟลภาพตางๆ ทเตรยมไว ทละภาพ แลวสมผเรยนตอบค าถามแตละภาพเหมาะกบเครองมอ

Selection ตวใด 6. ผสอนมอบหมายงาน ใหผเรยนสรางชนงานตดตอโฆษณา โดย Search รปจาก internet มาตดตอใหเปน

โฆษณาของตนเอง สรางสรรคงานตามจนตนาการ มความอสระในการน าเสนอความคดและผลงาน 7. ผเรยนซกถามเนอหาเมอพบปญหาในขณะฝกปฏบตงาน 8. ผสอนรวมกบผเรยนรวมกนแกปญหาในขณะฝกปฏบตงาน

เทคนควธการสอนทน ามาใช 1. การอภปรายแลกเปลยนเรยนรระหวางผเรยนกบผสอน 2. การสาธต

Page 17: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1302-56-2204-2105.pdf · 2018-09-18 · แผนการจัดการเรียนรู้

สอการเรยนการสอนและแหลงเรยนร 1. สอสงพมพ ไดแก

1.1 หนงสอ “การวเคราะหและออกแบบระบบ” โดย บรษท ซเอดยเคชน จ ากด 1.2 หนงสอ “การวเคราะหและออกแบบระบบ” โดย โอภาส เอยมสรวงศ 1.3 หนงสอ “การวเคราะหและออกแบบระบบ” โดย พรพรรณ โสภาพล,วารนทร ผลละมด

2. โสตทศนปกรณ ไดแก กระดานไวทบอรด

การวดประเมนผล เกณฑการประเมนผล 1. สงเกตจากความตงใจในการฝกปฏบต ความซอสตย

ความขยน อดทน และแบงปน 2. ใบงาน การตดตอปายโฆษณา

1. ผ เ รยนมความต งใจในการปฏบตงานดวยความซอสตย ขยน อดทน และแบงปนมากกวารอยละ 70

2. ผเรยนสามารถท าใบงานไดดและใชเครองมอ ถกตองมากกวารอยละ 70

เอกสารอางอง/เวบไซต 1. หนงสอ “โปรแกรมกราฟก” โดย เผดจ อ านาเพยง 2. หนงสอ “โปรแกรมกราฟก” โดย ปยะ นากสงค 3. หนงสอ “โปรแกรมกราฟก” โดย ศวช กาญจนชม,วชาญ หงสบน 4. http://www.com5dow.com

Page 18: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1302-56-2204-2105.pdf · 2018-09-18 · แผนการจัดการเรียนรู้

แผนการจดการเรยนรแบบฐานสมรรถนะ

หนวยท 3 ชอวชา การใชโปรแกรมกราฟก รหสวชา 2204-2105 สอนสปดาหท 7-11

ชอหนวย การจดการเลเยอรและการสรางตวอกษร ชวโมงรวม 20 ชวโมง

ระดบ ปวช.2 ชอผสอน เกสรา ฉายารตน จ านวน 4 ชวโมง/สปดาห

สาระส าคญ

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

1. รและเขาใจเกยวกบการใชงานเลเยอรเบองตน

จดประสงคเชงพฤตกรรม 1. บอกลกษณะและการใชงานของพาเลตเลเยอรได 2. บอกลกษณะเลเยอร Background และการแปลงเลเยอร ได 3. ปฏบตจดการใชงานเลเยอรไดถกตอง 4. ปฏบตการใช Blending Mode และ Opacity ได 5. ปฏบตการใช Brush ได 6. ปฏบตการใช Mask Layer ได 7. ปฏบตการใช Effect กบ Layer ได

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

- วธการบรณาการ

-

Page 19: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1302-56-2204-2105.pdf · 2018-09-18 · แผนการจัดการเรียนรู้

สาระการเรยนร 3. การใชเลเยอรแยกภาพและสรางตวอกษรบนชนงานไดเหมาะสม

3.1 การใชงานเลเยอรเบองตน 3.1.1 บอกลกษณะและการใชงานของพาเลตเลเยอรได 3.1.2 บอกลกษณะเลเยอร Background และการแปลงเลเยอรได 3.2 การจดการเลเยอร 3.2.1 ปฏบตจดการใชงานเลเยอรไดถกตอง 3.2.2 ปฏบตการใช Blending Mode และ Opacityได 3.2.3 ปฏบตการใช Mask Layer ได 3.2.4 ปฏบตการใช Effect กบ Layer ได 3.3 กลมเครองมอในการสรางอกษร 3.3.1 บอกเกยวกบกลมเครองมอในการสรางอกษรได 3.4 การสรางขอความ 3.4.1 สรางขอความแบบ Point Type ไดถกตอง 3.4.2 สรางขอความแบบ Paragraph Type ไดถกตอง 3.4.3 สรางขอความบนเสนพาธไดถกตอง 3.5 การจดการขอความ 3.5.1 ท าการปรบรปทรงตวอกษรไดถกตองเหมาะสม 3.5.2 สรางเอฟเฟคและ Style ใหขอความไดเหมาะสม

ปรชญาเศรษฐกจพอเพยงและคณธรรมทมงเนน 1. ความตรงตอเวลา 2. เนนใหผเรยนเปนผใฝร 3. การรจกความพอประมาณและคดอยางมเหตผล น าปญหาและอปสรรคในการเรยนการสอนมาปรบปรงการเรยนการสอน

-

Page 20: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1302-56-2204-2105.pdf · 2018-09-18 · แผนการจัดการเรียนรู้

กจกรรมการเรยนการสอน (สปดาหท 7 ชวโมงท 25-28) 1. ผสอนชแจงจดประสงคการเรยน เกณฑการใหคะแนน ขอตกลงกอนเรยน 2. ผสอนและผเรยนรวมกนทบทวนเนอหาการเลอกพนทและปรบรปทรง การใชเครองมอ Selection ตางๆ เพอ

เลอกเครองมอใหเหมาะกบภาพ 3. ผเรยนเขา www.showwallpaper.com เพอดตวอยางการสราง wallpaper ทเกยวของกบเนอหาทเรยน 4. ผสอนบอกลกษณะสวนประกอบและการใชงานพาเลตเลเยอร โดยเปดไฟลภาพตวอยาง แลวสาธต การแปลงเล

เยอร Background ใหเปนเลเยอร 0 และการจดการเลเยอร ต งชอ Layer, เพม, ลบ, สลบเลเยอร, Link layer, Merge layer, การก าหนด Opacity, การใช Blending Mode, การใส Effect กบเลเยอร

5. ผสอนใหผเรยนดตวอยางงานจากเวบไซต แลวชวยกนวเคราะหวาผลงานทเกดขน มการใชค าสงใดบางและมการจดการเลเยอรอยางไร

6. ผเรยนชวยกนวเคราะห และทดลองฝกปฏบตดวยตนเอง 7. ผเรยนซกถามปญหาขณะฝกปฏบต 8. ผสอนสงเกตพฤตกรรมความมเหตผลในการจดการเลเยอร กบไฟลงานตวอยางทผเรยนฝกปฏบต 9. ผเรยนฝกปฏบตใบงานการจดการเลเยอร 10. ผสอนรวมกบผเรยนรวมกนสรปเนอหาการจดการเลเยอรสรปความแตกตางของการใชค าสง Link layer และ

Merge layer ได เทคนควธการสอนทน ามาใช 1. การอภปรายแลกเปลยนเรยนรระหวางผเรยนกบผสอน 2. การใฝเรยนรดวยตนเองจากการสบคน 3. การเรยนรทจะซกถามอยางมเหตผลจากการฝกปฏบต สอการเรยนการสอนและแหลงเรยนร 1. สอสงพมพ ไดแก

1.1. หนงสอ “โปรแกรมกราฟก” โดย เผดจ อ านาเพยง 1.2. หนงสอ “โปรแกรมกราฟก” โดย ปยะ นากสงค 1.3. หนงสอ “โปรแกรมกราฟก” โดย ศวช กาญจนชม,วชาญ หงษบน

2. โสตทศนปกรณ ไดแก กระดานไวทบอรด

การวดประเมนผล เกณฑการประเมนผล 1. สงเกตจากกรารวมแลกเปลยนเรยนรในการตอบ

ค าถาม 2. ใบงานการจดการเลเยอร

1. ผเรยนมสวนรวมในการถาม-ตอบแลกเปลยนเรยนร คดเปนรอยละ 80

2. ผเรยนสามารถจดการเลยเยอร เปลยนชอเลเยอร เพม ลบเลเยอรไดดและเหมาะสมคดเปนรอยละ 70

Page 21: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1302-56-2204-2105.pdf · 2018-09-18 · แผนการจัดการเรียนรู้

เอกสารอางอง/เวบไซต

1. หนงสอ “โปรแกรมกราฟก” โดย เผดจ อ านาเพยง 2. หนงสอ “โปรแกรมกราฟก” โดย ปยะ นากสงค 3. หนงสอ “โปรแกรมกราฟก” โดย ศวช กาญจนชม,วชาญ หงสบน 4. http://www.com5dow.com

กจกรรมการเรยนการสอน (สปดาหท 8 ชวโมงท 29-32)

1. ผสอนชแจงจดประสงคการเรยน เนอหารายวชา เกณฑการใหคะแนน ขอตกลงในการเรยนรายหนวยน 2. ผสอนและผเรยนรวมกนทบทวนเนอหาการจดการเลเยอร 3. ผสอนยกตวอยางไฟลงานทมการใช Mask Layer ในการตดตอ ซงเปนวธSelection ทยดหยนทสด 4. ผสอนสาธตการใช Brush การก าหนดคาใหกบ Brush บน Option bar ผเรยนสงเกตผลลพธทเกดขน แลวฝก

ปฏบตตาม 5. ผสอนสาธตการใช Mask Layer โดยวธใช Gradient tool และ การท าภาพใหมสเฉพาะจดดวย Mask Layer 6. ผเรยนฝกปฏบตตาม สงเกตผลลพธทได และรวมกนวเคราะหหลกการใช Mask Layer 7. ผเรยนตกแตงชนงานใหดสมบรณยงขน โดยการใสเสนขอบและเพมขอความ 8. ผสอนรวมกบผเรยนรวมกนสรปเนอหาการใช Brush และ Mask Layer

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

1.1. หนงสอ “การวเคราะหและออกแบบระบบ” โดย บรษท ซเอดยเคชน จ ากด 1.2. หนงสอ “การวเคราะหและออกแบบระบบ” โดย โอภาส เอยมสรวงศ 1.3. หนงสอ “การวเคราะหและออกแบบระบบ” โดย พรพรรณ โสภาพล,วารนทร ผลละมด

2. โสตทศนปกรณ ไดแก กระดานไวทบอรด

การวดประเมนผล เกณฑการประเมนผล 1. การสมจากการตอบค าถามของผเรยนในชนเรยน 2. ใบงานเรอง Brush และ Mask Layer

1. ผเรยนมสวนรวมในการตอบค าถาม และแสดงความคดเหนมากกวารอยละ 70

2. ผเรยนสามารถท าใบงานไดดคดเปนรอยละ 70

Page 22: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1302-56-2204-2105.pdf · 2018-09-18 · แผนการจัดการเรียนรู้

เอกสารอางอง/เวบไซต 1. หนงสอ “โปรแกรมกราฟก” โดย เผดจ อ านาเพยง 2. หนงสอ “โปรแกรมกราฟก” โดย ปยะ นากสงค 3. หนงสอ “โปรแกรมกราฟก” โดย ศวช กาญจนชม,วชาญ หงสบน 4. http://www.com5dow.com

กจกรรมการเรยนการสอน (สปดาหท 9 ชวโมงท 33-36)

1. ผสอนชแจงจดประสงคการเรยน เนอหารายวชา เกณฑการใหคะแนน ขอตกลงในการเรยนรายหนวยน 2. ผสอนและผเรยนทบทวนการใช Mask Layer และดไฟลตวอยางงานตดตอทใชหลกการของ Mark Layer 3. ผสอนเปดไฟลงานขนมา 2 ภาพ ใหผเรยนวเคราะหน าภาพทง 2 มารวมเปนภาพเดยวกนใชเทคนคใดใน

การสรางชนงาน 4. ผสอนเปดไฟลงานทตดตอโดยใชหลกการของ Mark Layer พรอมทงสาธตเบองตน 5. ผเรยนฝกปฏบตตามขนตอนใน Sheet การตดตอภาพ โดยใชหลกการของ Mark Layer 6. ผเรยนฝกปฏบตพมพขอความลงในชนงาน 7. ผเรยนซกถามปญหาขณะฝกปฏบต 8. ผเรยนท าฝกปฏบตตดตอภาพโดยใชหลกของ Mask Layer 9. ผสอนและผเรยนรวมกนทบทวนเนอหาทเรยนผานมา ทงคยลด และขนตอนการใชเครองมอตางๆ

เทคนควธการสอนทน ามาใช 1. การอภปรายแลกเปลยนเรยนรระหวางผเรยนกบผสอน 2. การวเคราะหงานตวอยางและฝกปฏบต สอการเรยนการสอนและแหลงเรยนร 1. สอสงพมพ ไดแก

1.1. หนงสอ “การวเคราะหและออกแบบระบบ” โดย บรษท ซเอดยเคชน จ ากด 1.2. หนงสอ “การวเคราะหและออกแบบระบบ” โดย โอภาส เอยมสรวงศ 1.3. หนงสอ “การวเคราะหและออกแบบระบบ” โดย พรพรรณ โสภาพล,วารนทร ผลละมด

2. โสตทศนปกรณ ไดแก กระดานไวทบอรด

การวดประเมนผล เกณฑการประเมนผล 1. สงเกตจากความตงใจในการฝกปฏบต 2. แบบฝกปฏบตตดตอภาพโดยใชหลกของ Mask

Layer

1. ผเรยนมความตงใจในการปฏบตงานดวยความรอบร และระมดระวงในการปฏบตงานมากกวารอยละ 70

2. ผเรยนสามารถท าแบบฝกปฏบตตดตอภาพโดยใชหลกของ Mask Layer ไดดและใชเครองมอ ถกตองมากกวารอยละ 80

Page 23: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1302-56-2204-2105.pdf · 2018-09-18 · แผนการจัดการเรียนรู้

เอกสารอางอง/เวบไซต 1. หนงสอ “โปรแกรมกราฟก” โดย เผดจ อ านาเพยง 2. หนงสอ “โปรแกรมกราฟก” โดย ปยะ นากสงค 3. หนงสอ “โปรแกรมกราฟก” โดย ศวช กาญจนชม,วชาญ หงสบน 4. http://www.com5dow.com

กจกรรมการเรยนการสอน (สปดาหท 10 ชวโมงท 37-40)

1. ผสอนชแจงจดประสงคการเรยน เนอหารายวชา เกณฑการใหคะแนน ขอตกลงในการเรยนรายหนวยน 2. ผสอนแนะน าเวบไซตทใช Load font และผเรยน Add font Thai ลงในเครองของตนเอง 3. ผสอนอธบายกลมเครองมอในการสรางตวอกษร Horizontal Type, Vertical Type, Horizontal Type

Mask และ Vertical Type Mask และแสดงวธการปฏบตสรางตวอกษรทกแบบทอยในกลมเครองมอนน 4. ผสอนสาธตการท างานกบตวหนงสอแบบหลายๆ บรรทด 5. ผเรยนฝกปฏบตตาม และก าหนด Style ทโปรแกรม Photoshop มให พรอมทงฝกเปลยนส แกไข style ท

ผเรยนเลอกใช 6. ผเรยนฝกปฏบตใช fx (effect) Blending option บนพาเนล Layer เปนการก าหนด effect เอง โดยฝก

ปฏบตทกแบบ สงเกตผลลพธทเกดขน แลวสรปหนาทแตละ effect 7. ผสอนเพมเตมเนอหาการโหลด Shape และ Brush จาก Internet และวธการ Add shape, Brush ลงใน

Photoshop และการใช Shape และ Brush ในการตกแตงชนงาน 8. ผเรยนฝกปฏบตสราง Card วาดตกตาหมะ โดยใช shape, Brush วาดรป และพมพขอความและพมพค า

กลอนตกแตงขอความใหครบตามทไดฝกปฏบตไป พรอมทงใส Style, effect ใหสวยงาม 9. ผเรยนซกถามปญหาขณะฝกปฏบต 10. ผสอนสงเกตพฤตกรรมของผเรยนมเหตผลในการเลอกฟอนต และมภมคมกนสามารถฝกปฏบตและ

ทดลองใช Style, effect ดวยตนเอง 11. ผสอนและผเรยนรวมกนสรปเนอหา และท าแบบฝกหดทายบท

เทคนควธการสอนทน ามาใช 1. การอภปรายแลกเปลยนเรยนรระหวางผเรยนกบผสอน 2. การสอนแบบสาธตน ามาสการปฏบต

Page 24: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1302-56-2204-2105.pdf · 2018-09-18 · แผนการจัดการเรียนรู้

สอการเรยนการสอนและแหลงเรยนร 1. สอสงพมพ ไดแก

1.1 หนงสอ “การวเคราะหและออกแบบระบบ” โดย บรษท ซเอดยเคชน จ ากด 1.2 หนงสอ “การวเคราะหและออกแบบระบบ” โดย โอภาส เอยมสรวงศ 1.3 หนงสอ “การวเคราะหและออกแบบระบบ” โดย พรพรรณ โสภาพล,วารนทร ผลละมด

2. โสตทศนปกรณ ไดแก กระดานไวทบอรด

การวดประเมนผล เกณฑการประเมนผล 1. สงเกตจากความตงใจในการฝกปฏบต และผลลพธ

ของการฝกปฏบต 2. แบบฝกปฏบตการจดขอความและรปทรง

1. ผเรยนมความตงใจในการฝกปฏบต และผลลพธของการฝกปฏบตอยในระดบดมากกวารอยละ 70

2. ผเรยนสามารถท าแบบฝกปฏบตการจดขอความและรปทรงไดดคดเปนรอยละ 80

เอกสารอางอง/เวบไซต

1. หนงสอ “โปรแกรมกราฟก” โดย เผดจ อ านาเพยง 2. หนงสอ “โปรแกรมกราฟก” โดย ปยะ นากสงค 3. หนงสอ “โปรแกรมกราฟก” โดย ศวช กาญจนชม,วชาญ หงสบน 4. http://www.com5dow.com

กจกรรมการเรยนการสอน (สปดาหท 11 ชวโมงท 41-44)

1. ผสอนชแจงจดประสงคการเรยน เนอหารายวชา เกณฑการใหคะแนน ขอตกลงในการเรยนรายหนวยน 2. ผสอนทบทวนเรองการ Add font, Add shape และ Brush เพอเพมการตกแตงชนงานใหสวยงามยงขน 3. ผสอนยกตวอยาง Card วนแมเพอเปนตวอยางในการสรางสรรคชนงาน 4. ผเรยนทบทวนการฝกปฏบตสรางตวอกษรแบบตางๆ ในสปดาหท 10 ดเนอหาไดจากบทท 5 5. ผเรยนฝกทบทวนการใช Shape วาดรปทรงตาง ๆ เชน รปดาว การลงส และการไลเฉดสใหกบ shape โดย

ผเรยนฝกทบทวนดวยตนเองสามารถดเนอหาไดจากบทท 6 การใชเครองมอวาดรป 6. ผเรยนทดสอบหนวยการสรางตวอกษรและขอความ โดยสราง Card วนแม 7. ผเรยนใชความรอบร รอบคอบ ระมดระวง ในการสรางชนงาน 8. ผเรยนมความซอสตย และขยนอดทน ในการสรางสรรคชนงานใหสวยงามและตงใจ 9. ผเรยนซกถามปญหาในขณะฝกปฏบต 10. ผสอนรวมกบผเรยนรวมกนสรปเนอหาการสรางตวอกษรและขอความ

Page 25: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1302-56-2204-2105.pdf · 2018-09-18 · แผนการจัดการเรียนรู้

เทคนควธการสอนทน ามาใช 1. การอภปรายแลกเปลยนเรยนรระหวางผเรยนกบผสอน 2. การสอนแบบใหใฝเรยนรจากการอานและคนควา สอการเรยนการสอนและแหลงเรยนร

1. สอสงพมพ ไดแก 1.1 หนงสอ “การวเคราะหและออกแบบระบบ” โดย บรษท ซเอดยเคชน จ ากด 1.2 หนงสอ “การวเคราะหและออกแบบระบบ” โดย โอภาส เอยมสรวงศ 1.3 หนงสอ “การวเคราะหและออกแบบระบบ” โดย พรพรรณ โสภาพล,วารนทร ผลละมด

2. โสตทศนปกรณ ไดแก กระดานไวทบอรด

การวดประเมนผล เกณฑการประเมนผล 1. สงเกตจากความตงใจในการฝกปฏบต ความรอบร

รอบคอบและระมดระวงในการปฏบตงาน ความซอสตยสจรต และขยนอดทน

2. ทดสอบการสรางตวอกษรและขอความ สราง Card วนแม

1. ผเรยนมความต งใจในการฝกปฏบต ความรอบร รอบคอบและระมดระวงในการปฏบตงาน ความซอสตยสจรต และขยนอดทนอยในระดบดมากกวารอยละ 80

2. ผเรยนสามารถท าแบบฝกปฏบตการสรางตวอกษรและขอความ โดยสามารถสราง Card วนแมไดดคดเปนรอยละ 85

เอกสารอางอง/เวบไซต

1. หนงสอ “โปรแกรมกราฟก” โดย เผดจ อ านาเพยง 2. หนงสอ “โปรแกรมกราฟก” โดย ปยะ นากสงค 3. หนงสอ “โปรแกรมกราฟก” โดย ศวช กาญจนชม,วชาญ หงสบน 4. http://www.com5dow.com

Page 26: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1302-56-2204-2105.pdf · 2018-09-18 · แผนการจัดการเรียนรู้

แผนการจดการเรยนรแบบฐานสมรรถนะ

หนวยท 4 ชอวชา การใชโปรแกรมกราฟก รหสวชา 2204-2105 สอนสปดาหท 12-15

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

ระดบ ปวช.2 ชอผสอน เกสรา ฉายารตน จ านวน 4 ชวโมง/สปดาห

สาระส าคญ

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

1. รและเขาใจเกยวกบการปรบแสงเงาและการใช Fillter Effect 2. ทกษะในการเลอกใชค าสงปรบสและแสงเงาภาพ

จดประสงคเชงพฤตกรรม

1. บอกสวนประกอบพาเลต Histogram ได 2. อธบายคณสมบตของฟลเตอรกลมตางๆได 3. ปฏบตการปรบแตงสและแสงเงาดวย Level ได 4. สรางและปรบแตงสและแสงเงาดวย Curves ได 5. ปฏบตการปรบแกสเพยนดวย Eyedropper ได 6. ปฏบตการปรบแสงเงาดวย Brightnees /Contrass 7. ปฏบตการปรบแตงสดวย Hue/Saturation 8. ปฏบตการใช Fillter Effect ในการแตงภาพได

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

- วธการบรณาการ

-

Page 27: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1302-56-2204-2105.pdf · 2018-09-18 · แผนการจัดการเรียนรู้

สาระการเรยนร 4. ปรบแตงสแสงใหกบภาพถายและแกไขรทชภาพได 4.1 เพอใหรและเขาใจเกยวกบการปรบแสงเงาและการใช Fillter 4.1.1 บอกสวนประกอบพาเลต Histogram ได 4.1.2 อธบายคณสมบตของฟลเตอรกลมตางๆได 4.2 เพอใหมทกษะในการเลอกใชค าสงปรบสและแสงเงาภาพ 4.2.1 ปฏบตการปรบแตงสและแสงเงาดวย Level ได 4.2.2 สรางและปรบแตงสและแสงเงาดวย Curves ได 4.2.3 ปฏบตการปรบแสงเงาดวย Brightnees /Contrass ได 4.2.4 ปฏบตการปรบแตงสดวย Hue/Saturation 4.2.5 ปฏบตการใช Fillter Gallery ในการแตงภาพได 4.3 เพอใหรและเขาใจเกยวกบกลมเครองมอในการปรบแตงและแกไขภาพ 4.3.1 อธบายกลมเครองมอในการปรบแตงและแกไขภาพได 4.4 มทกษะในการเลอกใชเครองมอในการปรบแตงและแกไขภาพได 4.4.1 ปฏบตการใช Healing Brush และ Patch ในการปรบแตงภาพได 4.4.2 ปฏบตการใช Clone Stamp ในการปรบแตงแกไขภาพได 4.4.3 ปฏบตการใช Doge,BurnและSpongeในการปรบแตงภาพได 4.4.4 ปฏบตการใช History Brush ในการปรบแตงแกไขภาพได

ปรชญาเศรษฐกจพอเพยงและคณธรรมทมงเนน 1. ความตรงตอเวลา 2. เนนใหผเรยนเปนผใฝร 3. มความซอสตยสจรต ความอดทน มความเพยร และใชสตปญญาในการแกปญหา น าปญหาและอปสรรคในการเรยนการสอนมาปรบปรงการเรยนการสอน

-

Page 28: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1302-56-2204-2105.pdf · 2018-09-18 · แผนการจัดการเรียนรู้

กจกรรมการเรยนการสอน (สปดาหท 12 ชวโมงท 45-48) 1. ผสอนชแจงจดประสงคการเรยน เกณฑการใหคะแนน ขอตกลงกอนเรยน 2. ผสอนพดคยเกยวกบเรองการถายรปจากกลองดจตอล ภาพบางภาพอาจมความมด หรอภาพขาวด าสมยคณแมยง

สาว มาปรบใหเปนภาพสสดใสได 3. ผสอนแนะน าเวบไซตเกยวการปรบแสงสและเงาของภาพ http://www.thairetouch.com/ เพอใหผเรยนไดด

ผลงานการปรบแตงภาพและการ Retouch 4. ผสอนอธบายและสาธตค าสงเกยวกบการปรบแสงเงาดวย Level, Curves, Eyedropper, Brightness/contrast,

Back & White การท าภาพซเปย ใสขอบใหกบรปภาพทแตง 5. ผเรยนฝกปฏบตและท าความเขาใจกบค าสงการปรบแสงเงา สงเกตผลลพธทได และท าการบนทกไฟลงาน

ตางๆ 6. ผสอนยกตวอยางภาพขาวด าเพอจะเปลยนใหเปนภาพส อธบายหลกการการแยก Selection เพอแยกชนสวนภาพ

และเปลยนสภาพโดยใชค าสง Variations 7. ผสอนยกตวอยางการเปลยนสวตถดวยค าสง Hue/Saturation 8. ผเรยนฝกปฏบตปรบเปลยนสตามจนตนาการ จากไฟลงานทผสอนเตรยมให 9. ผเรยนรวมกนสรปหลกการเปลยนแสงสและเงาภาพ การเปลยนสภาพดวย Variations , Hue/Saturation

เทคนควธการสอนทน ามาใช 1. การอภปรายแลกเปลยนเรยนรระหวางผเรยนกบผสอน 2. การจดการเรยนรแบบใชค าถาม 3. การยกตวอยางเพอน าไปสการคนควาฝกปฏบต สอการเรยนการสอนและแหลงเรยนร 1. สอสงพมพ ไดแก

1.1. หนงสอ “โปรแกรมกราฟก” โดย เผดจ อ านาเพยง 1.2. หนงสอ “โปรแกรมกราฟก” โดย ปยะ นากสงค 1.3. หนงสอ “โปรแกรมกราฟก” โดย ศวช กาญจนชม,วชาญ หงษบน

2. โสตทศนปกรณ ไดแก กระดานไวทบอรด

การวดประเมนผล เกณฑการประเมนผล 1. สงเกตจากกรารวมแลกเปลยนเรยนรในการตอบ

ค าถาม 2. ใบงานการปรบแสงและเงา

1. ผเรยนมสวนรวมในการถาม-ตอบแลกเปลยนเรยนร คดเปนรอยละ 80

2. ผเรยนสามารถท าใบงานการปรบแสงและเงาไดดและเหมาะสมคดเปนรอยละ 80

Page 29: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1302-56-2204-2105.pdf · 2018-09-18 · แผนการจัดการเรียนรู้

เอกสารอางอง/เวบไซต 1. หนงสอ “โปรแกรมกราฟก” โดย เผดจ อ านาเพยง 2. หนงสอ “โปรแกรมกราฟก” โดย ปยะ นากสงค 3. หนงสอ “โปรแกรมกราฟก” โดย ศวช กาญจนชม,วชาญ หงสบน 4. http://www.com5dow.com 5. http://www.thairetouch.com/

กจกรรมการเรยนการสอน (สปดาหท 13 ชวโมงท 29-32)

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

http://www.com5dow.com หวขอวธแตงรป Photoshop หนา 3 – 5 3. ผสอนและผเรยนรวมกนทบทวนการใชค าสงตางๆ ในสปดาหทแลว 4. ผเรยนปฏบตการเปลยนสภาพชอดอกกหลาบสชมพ ใหเปนชอทมหลายสสรรดวยค าสง Hue/Saturation ดวย

ความรอบคอบ 5. ผสอนสอนเทคนคการแตงหนาเพมเตม โดยการสราง Selection และค าสง Color Balance และการใช Brush

tool ในการระบายส 6. ผเรยนใชความรอบรจากเนอหาปฏบตการแตงหนาใหกบนางแบบไฟล act1.Jpg, act2.Jpg ใหสวยงาม 7. ผเรยนมความซอสตย และขยนอดทน ในการสรางสรรคชนงานใหสวยงามและตงใจ 8. ผสอนอธบายและสาธตการใชงาน Filter Effect แบบตางๆ ในการแตงภาพใหดแปลกตา โดยยกตวอยาง

Filter ทใชงานบอยๆ เชน Motion Blue, Radial Blur, การเซนเซอรภาพ, Len Flare, ท าภาพเปนภาพสน า 9. ผเรยนฝกปฏบตการใช Filter Effect ตกแตงภาพใหดแปลกตาสวยงาม 10. ผสอนสาธตการใช Filter Liquify เพอท าภาพลอเลยน 11. ผเรยนฝกปฏบตจากไฟลภาพทผเรยนเตรยมมา ใหเปนภาพลอเลยนข าๆ และท าการเปลยนสผม ประยกตใช

ค าสงการปรบแสงสเงาใหภาพใหเกดภาพแปลกตา และข าขน 12. ผเรยนมเหตผลในเลอกใชค าสงและมภมคมกนในการฝกปฏบต กลาซกถามปญหาในขณะปฏบตงาน 13. ผสอนรวมกบผเรยนรวมกนสรปเนอหาการปรบสภาพ และการใช Filter Effect

เทคนควธการสอนทน ามาใช 1. การอภปรายแลกเปลยนเรยนรระหวางผเรยนกบผสอน 2. การสาธต

Page 30: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1302-56-2204-2105.pdf · 2018-09-18 · แผนการจัดการเรียนรู้

สอการเรยนการสอนและแหลงเรยนร 1. สอสงพมพ ไดแก

1.1. หนงสอ “การวเคราะหและออกแบบระบบ” โดย บรษท ซเอดยเคชน จ ากด 1.2. หนงสอ “การวเคราะหและออกแบบระบบ” โดย โอภาส เอยมสรวงศ 1.3. หนงสอ “การวเคราะหและออกแบบระบบ” โดย พรพรรณ โสภาพล,วารนทร ผลละมด

2. โสตทศนปกรณ ไดแก กระดานไวทบอรด

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

แสงเงา

1. ผเรยนมสวนรวมในการตอบค าถาม และแสดงความคดเหนมากกวารอยละ 80

2. ผ เ รยนสามารถท า ใบงานเ รองสอบการท าภาพลอเลยน การปรบสและแสงเงาไดดคดเปนรอยละ 70

เอกสารอางอง/เวบไซต

1. หนงสอ “โปรแกรมกราฟก” โดย เผดจ อ านาเพยง 2. หนงสอ “โปรแกรมกราฟก” โดย ปยะ นากสงค 3. หนงสอ “โปรแกรมกราฟก” โดย ศวช กาญจนชม,วชาญ หงสบน 4. http://www.com5dow.com 5. http://www.com5dow.com

กจกรรมการเรยนการสอน (สปดาหท 14 ชวโมงท 53-56)

1. ผสอนชแจงจดประสงคการเรยน เนอหารายวชา เกณฑการใหคะแนน ขอตกลงในการเรยนรายหนวยน 2. ผสอนพดคยเกยวกบเรองการปกปดรวรอยภาพ ซงเราเรยกวาการ Retouch 3. ผสอนยกตวอยางภาพ 2 ภาพ กอนและหลงการ Retouch 4. ผเรยนศกษาหนาทค าสงตางๆ ของเครองมอ Retouch จาก PowerPoint แลวฝกปฏบตดวยตวเอง 5. ผสอนสงเกตผลงานทเกดขน 6. ผสอนอธบายการใชค าสง และสาธตการท างานอกครง 7. ผเรยนฝกปฏบตอกครงหลงจากทผสอนไดอธบายและสาธต แลวเปรยบเทยบผลงานทเกดขนจาก

การศกษาดวยตนเอง และหลงจากทผสอนอธบาย 8. ผเรยนมความรอบรและรอบคอบฝกปฏบตการ Retouch ภาพจากไฟลงานทผสอนเตรยมให 9. ผสอนและผเรยนรวมกนสรปหลกการใชเครองมอ Retouch ภาพ

เทคนควธการสอนทน ามาใช 1. การอภปรายแลกเปลยนเรยนรระหวางผเรยนกบผสอน 2. การใฝเรยนรศกษาคนควาดวยตนเองเพมเตม

Page 31: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1302-56-2204-2105.pdf · 2018-09-18 · แผนการจัดการเรียนรู้

สอการเรยนการสอนและแหลงเรยนร 1. สอสงพมพ ไดแก

1.1. หนงสอ “การวเคราะหและออกแบบระบบ” โดย บรษท ซเอดยเคชน จ ากด 1.2. หนงสอ “การวเคราะหและออกแบบระบบ” โดย โอภาส เอยมสรวงศ 1.3. หนงสอ “การวเคราะหและออกแบบระบบ” โดย พรพรรณ โสภาพล,วารนทร ผลละมด

2. โสตทศนปกรณ ไดแก กระดานไวทบอรด

การวดประเมนผล เกณฑการประเมนผล 1. สงเกตจากความตงใจในการฝกปฏบต มความขยน

อดทนและมสตปญญาในการแกไขปญหา 2. แบบฝกปฏบตการ Retouch ภาพ

1. ผเรยนมความตงใจในการปฏบตฝกปฏบต มความขย นอดทนและมสตปญญาในการแกไขปญหามากกวารอยละ 70

2. ผเรยนสามารถท าแบบฝกปฏบตการ Retouch ภาพ มากกวารอยละ 80

เอกสารอางอง/เวบไซต

1. หนงสอ “โปรแกรมกราฟก” โดย เผดจ อ านาเพยง 2. หนงสอ “โปรแกรมกราฟก” โดย ปยะ นากสงค 3. หนงสอ “โปรแกรมกราฟก” โดย ศวช กาญจนชม,วชาญ หงสบน 4. http://www.com5dow.com

กจกรรมการเรยนการสอน (สปดาหท 15 ชวโมงท 57-60)

1. ผสอนชแจงจดประสงคการเรยน เนอหารายวชา เกณฑการใหคะแนน ขอตกลงในการเรยนรายหนวยน 2. ผสอนทบทวนเรองการ Retouch ภาพและแสดงผลงานของผเรยนในสปดาหทผานมา 3. ผสอนและผเรยนรวมกนทบทวนการใชค าสงตาง Retouch ในสปดาหทแลว 4. ผสอนสาธตการตดตอหนาบคคลมาไวยงรปทเราเตรยมไว และปรบสผวใหกลมกลนกบรปใหม 5. ผเรยนฝกปฏบตเรองการตดตอ (Dicut) จากไฟลตวอยาง 6. ผเรยนฝกปฏบตโดยตดตอหนาตนเอง ไปยงรปภาพดาราทเราชนชอบ 7. ผเรยนมความพอประมาณในเลอกใชค าสงและมภมคมกนในการฝกปฏบต กลาซกถามปญหาในขณะ

ปฏบตงาน 8. ผสอนรวมกบผเรยนรวมกนสรปเนอหาการ Retouch

เทคนควธการสอนทน ามาใช 1. การอภปรายแลกเปลยนเรยนรระหวางผเรยนกบผสอน 2. การใชตวอยางน ามาวเคราะหเพอฝกปฏบต

Page 32: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1302-56-2204-2105.pdf · 2018-09-18 · แผนการจัดการเรียนรู้

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

1. สอสงพมพ ไดแก 1.1 หนงสอ “การวเคราะหและออกแบบระบบ” โดย บรษท ซเอดยเคชน จ ากด 1.2 หนงสอ “การวเคราะหและออกแบบระบบ” โดย โอภาส เอยมสรวงศ 1.3 หนงสอ “การวเคราะหและออกแบบระบบ” โดย พรพรรณ โสภาพล,วารนทร ผลละมด

2. โสตทศนปกรณ ไดแก กระดานไวทบอรด

การวดประเมนผล เกณฑการประเมนผล 1. สงเกตจากความตงใจในการฝกปฏบต และผลลพธ

ของการฝกปฏบต 2. แบบฝกปฏบตแบบฝกปฏบตการตดตอหนาบคคล

1. ผเรยนมความตงใจในการฝกปฏบต และผลลพธของการฝกปฏบตอยในระดบดมากกวารอยละ 70

2. ผ เรยนสามารถท าแบบฝกปฏบตการตดตอหนาบคคลไดดคดเปนรอยละ 80

เอกสารอางอง/เวบไซต

1. หนงสอ “โปรแกรมกราฟก” โดย เผดจ อ านาเพยง 2. หนงสอ “โปรแกรมกราฟก” โดย ปยะ นากสงค 3. หนงสอ “โปรแกรมกราฟก” โดย ศวช กาญจนชม,วชาญ หงสบน 4. http://www.com5dow.com

Page 33: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1302-56-2204-2105.pdf · 2018-09-18 · แผนการจัดการเรียนรู้

แผนการจดการเรยนรแบบฐานสมรรถนะ

หนวยท 5 ชอวชา การใชโปรแกรมกราฟก รหสวชา 2204-2105 สอนสปดาหท 16-18

ชอหนวย การใชงานโปรแกรมกราฟกแบบ Vector ชวโมงรวม 12 ชวโมง

ระดบ ปวช.2 ชอผสอน เกสรา ฉายารตน จ านวน 4 ชวโมง/สปดาห

สาระส าคญ

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

1. รและเขาใจเกยวกบเกยวกบ Adobe Illustrator เบองตนได 2. ทกษะเกยวกบการใชงานโปรแกรม Adobe Illustrator ได 3. ทกษะเกยวกบการวาดและระบายสภาพได

จดประสงคเชงพฤตกรรม

1. บอกคณสมบตและสวนประกอบของโปรแกรมได 2. อธบายความสามารถโดยรวมของโปรแกรมได 3. บอกเกยวกบสวนตาง ๆ ของโปรแกรมได 4. ปฏบตการเรยกใชเครองมอกลมตาง ๆ ได 5. ปฏบตการเปด ปด แยก รวม และเคลอนยายหนาตางงานได 6. ปฏบตการสรางไฟลใหมและบนทกไฟลภาพได 7. สรางภาพดวย Pen ได 8. สรางภาพดวย Brush ได 9. สรางภาพโดยใช Ractangle และ Line Segment ได 10. สรางขอความและปรบรปทรงได

สมรรถนะรายหนวย ปฏบตการวาดและระบายสภาพได รายวชาทจดควบคหรอบรณาการ

-

Page 34: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1302-56-2204-2105.pdf · 2018-09-18 · แผนการจัดการเรียนรู้

วธการบรณาการ -

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

5. ปฏบตการวาดและระบายสภาพได 5.1 เพอใหรและเขาใจเกยวกบเกยวกบ Adobe Illustrator เบองตนได 5.1.1 บอกคณสมบตและสวนประกอบของโปรแกรมได 5.1.2 อธบายความสามารถโดยรวมของโปรแกรมได 5.1.3 บอกเกยวกบสวนตาง ๆ ของโปรแกรมได 5.2 เพอใหมทกษะเกยวกบการใชงานโปรแกรม Adobe Illustrator ได 5.2.1 ปฏบตการเรยกใชเครองมอกลมตาง ๆ ได 5.2.2 ปฏบตการเปด ปด แยก รวม และเคลอนยายหนาตางงานได 5.2.3 ปฏบตการสรางไฟลใหมและบนทกไฟลภาพได 5.3 เพอใหมทกษะเกยวกบการวาดและระบายสภาพได 5.3.1 สรางภาพดวย Pen ได 5.3.2 สรางภาพดวย Brush ได 5.3.3 สรางภาพโดยใช Ractangle และ Line Segment ได 5.3.4 สรางขอความและปรบรปทรงได

ปรชญาเศรษฐกจพอเพยงและคณธรรมทมงเนน 1. ความตรงตอเวลา 2. เนนใหผเรยนเปนผใฝร 3. การเปดโอกาสใหผเรยนไดแลกเปลยนเรยนร และแสดงความคดเหน น าปญหาและอปสรรคในการเรยนการสอนมาปรบปรงการเรยนการสอน

- กจกรรมการเรยนการสอน (สปดาหท 16 ชวโมงท 61-64)

1. ผสอนชแจงจดประสงคการเรยน เกณฑการใหคะแนน ขอตกลงกอนเรยน 2. ผสอนยกตวอยางตวการตน ทวาดโดยโปรแกรม Illustrator

Page 35: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1302-56-2204-2105.pdf · 2018-09-18 · แผนการจัดการเรียนรู้

3. ผสอนสาธตการใชโปรแกรม Illustrator เบองตน และยกตวอยางภาพแบบ Vector และ Raster อธบายถงความแตกตางของภาพทง 2 แบบ

4. ผสอนอธบายการใชเครองมอวาดรปใน Photoshop 5. ผสอนอธบายและสาธตการใช Pen tool ในการวาดภาพ การใช Shape วาดภาพ และการดดภาพ การปรบรปทรง

ภาพแบบตางๆ 6. ผสอนสาธตการวาดตวการตนโดยใช Pen tool และ Shape 7. ผเรยนฝกปฏบตตาม และซกถามปญหาในขณะฝกปฏบตงาน 8. ผเรยนฝกปฏบตวาดรปตวการตน โดยผเรยนเลอกแบบจาก Internet 9. ผเรยนมความรอบรและรอบคอบฝกปฏบตการวาดตวการตน 10. ผสอนและผเรยนรวมกนสรปหลกการวาดรปโดยใช Pen tool

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

1.1. หนงสอ “โปรแกรมกราฟก” โดย เผดจ อ านาเพยง 1.2. หนงสอ “โปรแกรมกราฟก” โดย ปยะ นากสงค 1.3. หนงสอ “โปรแกรมกราฟก” โดย ศวช กาญจนชม,วชาญ หงษบน

2. โสตทศนปกรณ ไดแก กระดานไวทบอรด

การวดประเมนผล เกณฑการประเมนผล 1. สงเกตจากความตงใจในการฝกปฏบต มความขยน

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

1. ผเรยนมความตงใจในการฝกปฏบต ความขยนคนควา อดทน และมความรอบร รอบคอบในการฝกวาดตวการตนคดเปนรอยละ 80

Page 36: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1302-56-2204-2105.pdf · 2018-09-18 · แผนการจัดการเรียนรู้

เอกสารอางอง/เวบไซต 1. หนงสอ “โปรแกรมกราฟก” โดย เผดจ อ านาเพยง 2. หนงสอ “โปรแกรมกราฟก” โดย ปยะ นากสงค 3. หนงสอ “โปรแกรมกราฟก” โดย ศวช กาญจนชม,วชาญ หงสบน 4. http://www.com5dow.com 5. http://www.thairetouch.com/

กจกรรมการเรยนการสอน (สปดาหท 17 ชวโมงท 65-68)

1. ผสอนชแจงจดประสงคการเรยน เนอหารายวชา เกณฑการใหคะแนน ขอตกลงในการเรยนรายหนวยน 2. ผสอนทบทวนเรองการวาดตวการตนโดยใชเครองมอ แบบ Vector 3. ผสอนและผเรยนรวมกนทบทวนการใชค าสงวาดรปแบบ Vector 4. ผเรยนฝกวาดรปการตนตอจากสปดาหทผานมา 5. ผสอนเดนส ารวจผลงาน และใหค าแนะน าเพมเตม 6. ผเรยนมเหตผลในเลอกใชค าสงและมภมคมกนในการฝกปฏบต กลาซกถามปญหาในขณะปฏบตงาน 7. ผสอนน าเสนอผลงานของนกเรยนทสงงานแลวผาน Net Support และแสดงความคดเหนตชม 8. ผสอนรวมกบผเรยนรวมกนสรปเนอหาเครองมอการวาดภาพแบบ Vector

เทคนควธการสอนทน ามาใช 1. การอภปรายแลกเปลยนเรยนรระหวางผเรยนกบผสอน 2. การฝกปฏบตซ าเพอความช านาญในการใชเครอง สอการเรยนการสอนและแหลงเรยนร 1. สอสงพมพ ไดแก

1.1. หนงสอ “การวเคราะหและออกแบบระบบ” โดย บรษท ซเอดยเคชน จ ากด 1.2. หนงสอ “การวเคราะหและออกแบบระบบ” โดย โอภาส เอยมสรวงศ 1.3. หนงสอ “การวเคราะหและออกแบบระบบ” โดย พรพรรณ โสภาพล,วารนทร ผลละมด

2. โสตทศนปกรณ ไดแก กระดานไวทบอรด

Page 37: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1302-56-2204-2105.pdf · 2018-09-18 · แผนการจัดการเรียนรู้

การวดประเมนผล เกณฑการประเมนผล 1. แบบฝกปฏบตการวาดตวการตน

1. ผเรยนฝกปฏบตการวาดตวการตนโดยใชเครองมอ

แบบ Vector ไดดคดเปนรอยละ 80

เอกสารอางอง/เวบไซต

1. หนงสอ “โปรแกรมกราฟก” โดย เผดจ อ านาเพยง 2. หนงสอ “โปรแกรมกราฟก” โดย ปยะ นากสงค 3. หนงสอ “โปรแกรมกราฟก” โดย ศวช กาญจนชม,วชาญ หงสบน 4. http://www.com5dow.com 5. http://www.com5dow.com

กจกรรมการเรยนการสอน (สปดาหท 18 ชวโมงท 69-72)

- สอบปลายภาคเรยนท 1/2561 -