แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1325-56-2308-2004.pdf · 2 รู้และเข้าใจองค์ประกอบของโปรแกรม

*

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

รหสวชา 2308-2004 ชอวชา การสรางภาพกราฟก ( 3 หนวยกต 4 ชวโมง / สปดาห)

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

ประเภทวชา ศลปกรรม สาขาวชา คอมพวเตอรกราฟก สาขางาน คอมพวเตอรกราฟกอารต

โดย

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

วทยาลยอาชวศกษาสนตราษฎรบรหารธรกจ ในพระอปถมภฯ

ภาคเรยนท 1 ปการศกษา 2561

วช.004

แผนการจดการเรยนร รหสวชา 2308-2004 วชา การสรางภาพกราฟก จ านวน 3 หนวยกต 4 ชวโมง/สปดาห

หลกสตร ประกาศนยบตรวชาชพ พทธศกราช 2556 ประเภทวชา ศลปกรรม สาขาวชา คอมพวเตอรกราฟก สาขางาน คอมพวเตอรกราฟกอารต

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

ค าอธบายรายวชา ศกษาและปฏบตเกยวกบการใชโปรแกรมส าเรจรปเพอใชในการสรางภาพกราฟก และเหนคณคาของ

ผลงานกราฟกทสรางโดนโปรแกรมส าเรจรปทเปนแบบ Vertor และ Bitmap

กระบวนการจดการเรยนร

รหสวชา 2308-2004 วชา การสรางภาพกราฟก จ านวน 3 หนวยกต 4 ชวโมง/สปดาห

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

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

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

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

4. การท างานกบตวอกษร (Type) เลอกใชงานกลมเครองมอ Type ปรบแตง ขนาด ส ระยะหาง ใหกบตวอกษร

5. การตกแตงภาพดวยเอฟเฟก ปฎบตการสรางรปทรง 3 มต ก าหนดทศทางแสงบนวตถได

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

รหสวชา 2308-2004 วชา การสรางภาพกราฟก จ านวน 3 หนวยกต 4 ชวโมง/สปดาห

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

1 ความรทวไปเกยวกบงานกราฟก 1-2 1-8 1.1ลกษณะของรปแบบภาพ 1.1.1 ลกษณะภาพ Bitmap 1.1.2 ลกษณะภาพ Vector 1.2 องคประกอบของโปรแกรม Adobe Illustator 1.2.1 คณสมบตของโปรแกรม 1.2.2 สวนประกอบของโปรแกรม 1.2.3 การเรยกใชเครองมอกลมตาง ๆ 1.2.4 ชนดของกลมวตถชนดตางๆ 1.2.5 สรางไฟลใหมและบนทกไฟลภาพ 1.3 พนฐานการใชสเพองานกราฟก 1.3.1 การใชสจาก Swatch Libraries 1.3.2 การสรางกลมสใหม (Color Group) 1.3.3 สวนประกอบส าคญของพาเนล Swatch

2 การปรบแตงและแกไขรปทรง 3-5 9-20 2.1 การยอ-ขยาย-เอยง-หมนรปทรง 2.1.1 การยอ-ขยายรปทรงดวย Scale Tool 2.1.2 การปรบแตงรปทรงทม Pattern 2.1.3 การยอ-ขยายรปทรงดวย Free Transform Tool 2.1.4 การเอยงรปดวย Shear Tool 2.1.5 การแกไขรปดวย Reshape Tool 2.2 การใชเครองมอกลมวาดเสนในการออกแบบ

2.2.1 การวาดเสนตรงดวย Line Tool

2.2.2 การวาดเสนโคงดวย Arc Tool

2.2.3 การวาดตารางสเหลยมดวย Rectangular Grid Tool

2.3 การใชกลมเครองมอส าหรบวาดรปทรงเลขาคณตในการออกแบบ

2.3.1 การวาดรปหลายเหลยมดวย Polygon Tool

2.3.2 การวาดรปดวงดาวดวย Star Tool

2.3.3 การวาดแฟลรดวย Flare Tool

2.4 การใชกลมเครองมอดนสอวาดภาพในการออกแบบ

2.4.1 การวาดภาพดวยเครองมอ Pencill Tool

2.4.2 การปรบเสนใหเรยบขนดวย Smooth Tool

2.4.3 การตดเสน Path Eraser Tool

2.4.5 การเชอมตอเสน Path 3 การวาดภาพและสรางงานกราฟก 6-9 21-32 3.1 การวาดรปทรงเครองมอ Pen Tool

3.1.1 การวาดเสนตรงดวย Pen Tool

3.1.2 การวาดเสนโคงดวย Pen Tool

3.1.3 ทดลองวาดภาพตามแบบดวย Pen Tool

3.1.4 การเพมจดแองเคอรดวย Add Anchor Point Tool

3.1.5 การแกไขเหลยมมมเสน Path ดวย Convert Anchor Point Tool

3.2 การแกไขรปทรงใหเสน Path

3.2.1 การเปลยนต าแหนงของเสน Path

3.2.2 การปรบแตงมมของเสน Path

3.2.3 การแกไขมมและเสนโคง

3.2.4 การลบจดแองเคอรบนเสน Path

3.2.5 การเชอมตอเสน Path

สอบกลางภาค1/2561 8

4 การท างานกบตวอกษร (Type) 10-13 33-49 4.1 การสรางขอความดวยเครองมอ Type 4.1.1 การสรางขอความสนๆ ดวยเครองมอ Type Tool 4.1.2 การปรบแตงขอความศลป 4.1.3 การ Import ขอความมาใชงาน 4.2 การพมพตวอกษรใหพลวตามเสน Path 4.2.1 การสรางขอความแบบจดชดขวาดวย Right-to-Lelt Tool 4.2.2 การปรบแตงขอความบนเสน Path 4.2.3 การควบคมระยะหางใหขอความบนเสน Path 5 การตกแตงภาพดวยเอฟเฟก 3 มต 14-17 50-64 5.1 เทคนคตกแตงอกษร

5.1.1 การเตมสพนและสเสนตวอกษร

5.1.2 การแปลงตวอกษรเปน Shape ดวย Create Outlines

5.1.3 การตกแตงอกษรใหเปน 3 มต

5.2 เทคนคการสรางรปทรง 2 มต ใหเปน 3 มต

5.2.1 การสรางเสนรางดวย Brush Tool

5.2.2 การสรางรปทรงจากเสนรางเปนภาพ 3 มต ดวย Revolve

5.2.3 การก าหนดทศทางแสง และเงาใน Surface สอบปลายภาค 1/2561 18 65-72

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

หนวยท 1 ชอวชา การสรางภาพกราฟก รหสวชา 2308-2004 สอนสปดาหท 1-2

ชอหนวย ความรพนฐานเกยวกบงานกราฟก ชวโมงรวม 4 ชวโมง ระดบ ปวช. ชอผสอน อ.ชานนท หสสรงส จ านวน 4 ชงโมง/

สปดาห สาระส าคญ การใชโปรแกรม Illustrator เพอสรางงานกราฟก ตองท าความเขาใจเบองตนเกยวกบการใชงานกอน เพอความเขาใจในการเลอกใชกลมเครองมอตางๆในโปรแกรม และความรวดเรวในระยะเวลาการท างาน ดงนนเราควรทจะท าความเขาในกลมเครองมอตางๆ การบนทกไฟล การเปดไฟล และการใชงานโปรแกรมรวมกนกบโปรแกรมอนๆ จดประสงคการเรยนร จดประสงคทวไป 1. รและเขาใจลกษณะของรปแบบภาพ 2 รและเขาใจองคประกอบของโปรแกรม Adobe Illustator 3. รและเขาใจพนฐานการใชสเพองานกราฟก จดประสงคเชงพฤตกรรม

1. อธบายลกษณะภาพ Bitmap ได 2. อธบายลกษณะภาพ Vector ได 3. บอกคณสมบตของโปรแกรมได 4. บอกสวนประกอบของโปรแกรม 5. ปฎบตเรยกใชเครองมอกลมตาง ๆ 6. อธบายชนดของกลมวตถชนดตางๆ 7. ปฎบตสรางไฟลใหมและบนทกไฟลภาพ 8. เลอกใชสจาก Swatch Libraries 9. สรางกลมสใหม (Color Group) 10. บอกสวนประกอบส าคญของพาเนล Swatch

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

สาระการเรยนร 1. ความรทวไปเกยวกบงานกราฟก 1.1ลกษณะของรปแบบภาพ 1.1.1 ภาพ Bitmap 1.1.2 ภาพ Vector 1.2 องคประกอบของโปรแกรม Adobe Illustator 1.2.1 คณสมบตของโปรแกรม 1.2.2 สวนประกอบของโปรแกรม 1.2.3 เรยกใชเครองมอกลมตาง ๆ 1.2.4 ชนดของกลมวตถชนดตางๆ 1.2.5 สรางไฟลใหมและบนทกไฟลภาพ 1.3 พนฐานการใชสเพองานกราฟก 1.3.1 สจาก Swatch Libraries 1.3.2 กลมสใหม (Color Group) 1.3.3 สวนประกอบส าคญของพาเนล Swatch ปรชญาเศรษฐกจพอเพยงและคณธรรมทมงเนน

1. ผเรยนมสวนรวมในการก าหนดกฎในการท างานรวมกน ปฏบตงานทมอบหมายดวยความตงใจและรบผดชอบ (ความมภมคมกนทด)

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

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

- การสอนแบบแกปญหา การทดลอง การใชสถานการณจ าลอง การปฎบตจรง สอและแหลงการเรยนร 1. Internet 2. Computer การวดประเมนผล และเกณฑการประเมน การวดประเมนผล เกณฑการประเมน 1.การสมผเรยนถาม/ตอบ ภายในชนเรยน 2.การสรปขอมลลงใสสมด

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

กจกรรมการเรยน (สปดาหท.....2... ชวโมงท....5-8......) - น าเขาสบทเรยนโดยทบทวนความหมายของกราฟกและประเภทของกราฟก - ผสอนยกตวอยางลกษณะภาพ Bitmap และภาพ Vector - ผสอนอธบายขอแตกตางระหวาง ภาพ Bitmap และภาพ Vector - ผสอนอธบายขอดของลกษณะภาพ Vectoc ในการใชงานกราฟกวามประโยชนอยางไรบาง - ผสอนอธบายคาสในการใชงานกราฟก CMYK และ RGB วามลกษณะแตกตางกนอยางไรบาง - ผสอนอธบายสวนประกอบส าคญของพาเนล Swatch และการสรางชองสใหม - ผสอนอธบายลกษณะการใชงานของโปรแกรม Illustator - ผสอนอธบายเครองมอพนฐานในโปรแกรม Illustator เพอการสรางภาพกราฟก - ผเรยนในหองรวมกนแสดงความคดเหนเกยวกบลกษณะการใชงานเครองมอ โดยสมใหผเรยนตอบค าถาม - ผสอนสงเกตความรอบรและความมเหตผลในการวเคราะหการใชงานเครองมอได - ผเรยนสามารถยกตวอยางลกษณะการใชงานเครองมอไดอยางนอย 5 คนละเครองมอ เทคนคการสอนทน ามาใช

- การสอนแบบแกปญหา การทดลอง การใชสถานการณจ าลอง การปฎบตจรง สอและแหลงการเรยนร 1. Internet 2. Computer การวดประเมนผล และเกณฑการประเมน การวดประเมนผล เกณฑการประเมน การสมผเรยนถาม/ตอบ ภายในชนเรยน

ผเรยนรอยละ 90 จากการสม ตอบค าถามไดถกตอง

ใบมอบหมายงานท 1

วชา การสรางภาพกราฟก รหสวชา 2308-2004 ระดบ ปวช ปท 1

หนวยเรยนท 1 ชอหนวย ความรทวไปเกยวกบงานกราฟก

จดประสงค 1. รและเขาใจลกษณะของรปแบบภาพ 2 รและเขาใจองคประกอบของโปรแกรม Adobe Illustator 3. รและเขาใจพนฐานการใชสเพองานกราฟก ระยะเวลา สปดาห 1-2 วนทมอบหมายงาน…………./…………/………. สงวนท…………./…………/………. ค าสง 1.ใหผเรยนทกคนคนหาขอมลใน Internet หวขอ ความหมายของกราฟก 2. รวบรวมขอมลพรอมยกตวอยางแตละประเภทชนงานกราฟก 3. ใหบอกลกษณะการใชงานของเครองมอในโปรแกรมอยางนอยคนละ 5 เครองมอ 4. สรปขอมลสงเปนรายงาน การวดประเมนผล และเกณฑการประเมน

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

1.ผเรยนรอยละ 90 จากการสม ตอบค าถามไดถกตอง 2. สรปขอมลครบถวนถกตองตรงตามความหมายในหวขอทก าหนด 10 คะแนน - ขอมลครบถวนตรงความหมาย 7 คะแนน - ความตรงตอเวลา 3 คะแนน



ชอหนวย การปรบแตงและแกไขรปทรง ชวโมงรวม 4 ชวโมง ระดบ ปวช. ชอผสอน อ.ชานนท หสสรงส จ านวน 4 ชงโมง/

สปดาห สาระส าคญ การท างานโปรแกรม Illustrator สรางสรรคงานอารตเวรคขนมาแตละชนตองใชเวลาพอสมควร หากตองการสรางรปทรงหลายๆชนคงตองใชเวลามากขนตามไปดวย แตเราสามารถลดขนตอนการท างานโดยใชเครองมอและค าสงส าหรบการ ยอ-ขยาย-เอยง-หมน-ดด รปทรง เพอปรบแตงรปทรงเดมทสรางไวใหกลายเปนวตถชนใหมได จดประสงคการเรยนร จดประสงคทวไป 1.เขาใจในการยอ-ขยาย-เอยง-หมน-ตด รปทรงได 2. เหนประโยชนของการแกไขชนงาน จดประสงคเชงพฤตกรรม 1. บอกการใชเครองมอในการการยอ-ขยาย-เอยง-หมน-ตด รปทรงได

2.ปฎบตใชเครองมอแกไขปรบแตงแกไขชนงานได สมรรถนะรายหนวย แสดงความรเกยวกบการท างาน ของโปรแกรมและสามารถประยกตใชเครองมอตางๆในโปรแกรมไดถกตองตามหลกการใชงานของโปรแกรม รายวชาทจดควบคหรอบรณาการ - วธการบรณาการ

- สาระการเรยนร 2.การปรบแตงและแกไขรปทรง

2.1 ยอ-ขยาย-เอยง-หมนรปทรง 2.1.1 ยอ-ขยายรปทรงดวย Scale Tool 2.1.2 ปรบแตงรปทรงทม Pattern 2.1.3 ยอ-ขยายรปทรงดวย Free Transform Tool 2.1.4 เอยงรปดวย Shear Tool 2.1.5 แกไขรปดวย Reshape Tool

2.2 ใชเครองมอกลมวาดเสนในการออกแบบ 2.2.1 วาดเสนตรงดวย Line Tool 2.2.2 วาดเสนโคงดวย Arc Tool

2.2.3 วาดตารางสเหลยมดวย Rectangular Grid Tool 2.3 ใชกลมเครองมอส าหรบวาดรปทรงเลขาคณตในการออกแบบ

2.3.1 วาดรปหลายเหลยมดวย Polygon Tool 2.3.2 วาดรปดวงดาวดวย Star Tool 2.3.3 วาดแฟลรดวย Flare Tool

2.4 ใชกลมเครองมอดนสอวาดภาพในการออกแบบ 2.4.1 วาดภาพดวยเครองมอ Pencill Tool 2.4.2 ปรบเสนใหเรยบขนดวย Smooth Tool 2.4.3 ตดเสน Path Eraser Tool 2.4.5 เชอมตอเสน Path ปรชญาเศรษฐกจพอเพยงและคณธรรมทมงเนน

1. ผเรยนมสวนรวมในการก าหนดและคดเลอกลกษณะของผลงานตามความเหมาะสมกบศกยภาพของตนเอง (ความพอเหมาะ)

2. ผเรยนมสวนรวมในการก าหนดกฎในการท างานรวมกน ปฏบตงานทมอบหมายดวยความตงใจและรบผดชอบ (ความมภมคมกนทด)

3. ผเรยนสามารถใชเครอมอและวเคราะหลกษณะการใชงานไดอยางถกตอง(เงอนไขความร) 4. ผเรยนมความเอาใจใสในงาน และมความซอสตยตอตนเอง (เงอนไขคณธรรม จรยธรรม)

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

กจกรรมการเรยน (สปดาหท.....3... ชวโมงท....9-12......) - ผสอนชแจงจดประสงคการเรยนร - ผสอนแจงรายละเอยดเกณฑการใหคะแนน - ผสอนอธบายสวนประกอบกลมเครองมอการ ยอ-ขยาย-เอยง-หมนรปทรง - ผสอนสาธตวธการยอ – ขยาย รปทรงดวยเครองมอ Scale Tool และการปรบแตงรปแบบระบเปอรเซน - ผเรยนทกคนคนหารวมกนปฎบตการ ยอ –ขยายรปภาพ ดวยเครองมอ Scale Tool และแบบรปทรงทม Pattern - ผเรยนเลนเกมสแบบทดสอบ “จกซอมหาสนก” - ผเรยนใชเครองมอโปรแกรม ยอ-ขยาย-เอยงรปทรงใหตรงตามแบบตนฉบบภายในเวลา 1 นาท/1ภาพ - ผเรยนในหองรวมกนแสดงความคดเหนเกยวกบการใชงานเครองมอ Scale Tool และแบบรปทรงทม Pattern เทคนคการสอนทน ามาใช

- เกมสประกอบภาพตามตนฉบบ สอและแหลงการเรยนร

1. Computer 2. ภาพจากโทรศพทมอถอ

การวดประเมนผล และเกณฑการประเมน 1. ยอ-ขยาย-เอยง-หมนรปทรง ไดถกตองรปภาพไมผดสเกลและสดสวน การวดประเมนผล เกณฑการประเมน 1.ยอ-ขยาย-เอยงรปทรงใหตรงตามแบบ10 ภาพ ภายในเวลา10 นาท (1ภาพ/1นาท)

1. 10 คะแนน = ดมาก 2. 9-7 คะแนน = ด 3. 6-4 คะแนน = พอใช 4. 3-0 คะแนน = ปรบปรง

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

- ผเรยนทกคนใชเครองมอวาดเสนและรปทรงเลขาคณต ออกแบบตว “Mascos siba game 2018”

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

เทคนคการสอนทน ามาใช การประยกตใชเครองมอใหเขากบลกษณะตวละครโดยใชรปทรงตางๆ สอและแหลงการเรยนร 1. Computer การวดประเมนผล และเกณฑการประเมน 1. ยอ-ขยาย-เอยง-หมนรปทรง ไดถกตองรปภาพไมผดสเกลและสดสวน การวดประเมนผล เกณฑการประเมน 1.ออกแบบMascos siba game 2018

1. ความถกตองของการใชเครองมอ 5 คะแนน

2. ความคดสรางสรรค 5 คะแนน



หนวยเรยนท 2 ชอหนวย ความรทวไปเกยวกบงานกราฟก

จดประสงค 1.เขาใจในการยอ-ขยาย-เอยง-หมน-ตด รปทรงได 2. เหนประโยชนของการแกไขชนงาน ระยะเวลา สปดาห 3-4 วนทมอบหมายงาน…………./…………/………. สงวนท…………./…………/………. ค าสง

1. ใหผเรยนปรบ ยอ – ขยาย – หมน รปภาพใหตรงตามแบบตนฉบบ จ านวน 10 ภาพ 2. ก าหนดเวลาในการท า 1 ภาพ ตอ 1 นาท เมอครบเวลาทก าหนดภาพจะเปลยนทนท

3. ใชเครองมอวาดเสนและการวาดรปทรงเลขาคณต ออกแบบ Mascos siba game 2018 (หามใชกลมเครองมออน) 4. สง File งาน การวดประเมนผล และเกณฑการประเมน การวดประเมนผล เกณฑการประเมน

1. ยอ-ขยาย-เอยงรปทรงใหตรงตามแบบ10 ภาพ ภายในเวลา10 นาท (1ภาพ/1นาท)

1. 10 คะแนน = ดมาก 2. 9-7 คะแนน = ด 3. 6-4 คะแนน = พอใช 4. 3-0 คะแนน = ปรบปรง

2. ออกแบบ Mascos siba game 2018


2. ความคดสรางสรรค 5 คะแนน



ชอหนวย การใชงานเครองมอ Pen Tool ชวโมงรวม 4 ชวโมง ระดบ ปวช. ชอผสอน อ.ชานนท หสสรงส จ านวน 4 ชงโมง/

สปดาห สาระส าคญ ในการสรางภาพกราฟกลงในโปรแกรม Illustrator มมากมายหลากหลายวธ แตเครองมอทถอวาเปนหวใจส าคญของ Illustrator นนกคอ เครองมอ Pen Tool เนองจากน าไปใชงานไดหลากหลาย และมความยดหยนสงมาก ท าใหวาดรปทรงตามตองการได จดประสงคการเรยนร จดประสงคทวไป 1. รและเขาใจเครองมอ Pen Tool

2. รและเขาใจการแกไขรปทรงใหเสน Path จดประสงคเชงพฤตกรรม 1. วาดเสนตรงดวย Pen Tool ได

2. ทดลองวาดภาพตามแบบดวย Pen Tool ได 3. เพมจดแองเคอรดวย Add Anchor Point Toolได

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

สาระการเรยนร 3.การวาดภาพและสรางงานกราฟก

3.1 วาดรปทรงเครองมอ Pen Tool 3.1.1 วาดเสนตรงดวย Pen Tool 3.1.2 การวาดเสนโคงดวย Pen Tool 3.1.3 ทดลองวาดภาพตามแบบดวย Pen Tool 3.1.4 เพมจดแองเคอรดวย Add Anchor Point Tool 3.1.5 แกไขเหลยมมมเสน Path ดวย Convert Anchor Point Tool

3.2 การแกไขรปทรงใหเสน Path 3.2.1 เปลยนต าแหนงของเสน Path 3.2.2 ปรบแตงมมของเสน Path 3.2.3 แกไขมมและเสนโคง 3.2.4 ลบจดแองเคอรบนเสน Path 3.2.5 เชอมตอเสน Path ปรชญาเศรษฐกจพอเพยงและคณธรรมทมงเนน

5. ผเรยนมสวนรวมในการก าหนดและคดเลอกลกษณะของผลงานตามความเหมาะสมกบศกยภาพของตนเอง (ความพอเหมาะ)

6. ผเรยนไดฝกสมาธในการวาดภาพจรงในออกมาเปนภาพลายเสน (ขยน อดทน) น าปญหาและอปสรรคในการเรยนการสอนมาปรบปรงการเรยนการสอน

- ขาดสมาธในการเรยนรผสอนจงใชวดโอสาธต มาสลบกบการสาธตดวยตวผสอนเอง

กจกรรมการเรยน (สปดาหท.....5... ชวโมงท....17-20......) - ผสอนชแจงจดประสงคการเรยนร - ผสอนอธบายสวนประกอบกลมเครองมอวาดเสน/รปทรง - ผสอนสาธตวธการใชเครองมอวาดเสน - ผสอนอธบายสวนประกอบเพมเตมกลมเครองมอ Pen Tool การวาดเสนตรง เสนโคง การเพมจดแองเคอรบนเสน Path - ผสอนสาธตวธการวาดเสน Path ดวย Pen Tool การดดเสน การเพมและลดจดบนเสน Path -ผสอนสาธตวธการลงสภายในเสน Path - -ผเรยนทกคนรวมกนปฎบตการวาดเสนดวย Pen Tool จากภาพทผสอนเตรยมไวให - ผเรยนในหองรวมกนแสดงความคดเหนเกยวกบการใชงานเครองมอ Pen Tool - ผสอนสมถามตามเลขทเกยวกบความรเรองงานกราฟก - ผสอนจดกจกรรมผอนคลายดวยการตงค าถาม-ตอบ ความรเรองทวไปละเรองกราฟก เทคนคการสอนทน ามาใช

- คลปสาธตการใชงานเครองมอ Pen Tool สอและแหลงการเรยนร 1. ตวอยางการใชงานเครองมอ Pen Tool จาก CD 2. Computer การวดประเมนผล และเกณฑการประเมน การวดประเมนผล เกณฑการประเมน 1 . ตรวจเสน path ภายในรปภาพการวาดเสนตรงตามภาพตนแบบ 2. ตรวจสและแสงเงาตรงตามภาพตนแบบ 3. สงตรงตามวนและเวลาทก าหนด


4. สของชนงานตรงตามแบบ 3 คะแนน

5. สงตรงตามเวลา 2 คะแนน

กจกรรมการเรยน (สปดาหท.....6... ชวโมงท...21-24.........) - ผสอนอธบายสวนประกอบกลมเครองมอ Pen Tool การวาดเสนตรง เสนโคง การเพมจดแองเคอรบนเสน Path - ผสอนสาธตวธการวาดเสน Path ดวย Pen Tool การดดเสน การเพมและลดจดบนเสน Path - ผสอนสาธตวธการปรบขนาดของเสนเพองายตอการดราฟภาพ - ผสอนสาธตขนตอนการวาดภาพตนเองโดยใชโปรแกรม - ผสอนอธบายพรอมสาธตการปรบความเขมของภาพใหลดลง ( Opacity ) เพอใหมองเหนภาพตนแบบไดชดเจน

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

ของภาพ - ผเรยนกดปม Ctrl+Y เพอดเสน Outline ทตนเองวาดไว

- ผเรยนในหองรวมกนแสดงความคดเหนเกยวกบการใชงานเครองมอ Pen Tool

เทคนคการสอนทน ามาใช

- คลปสาธตการใชงานเครองมอ Pen Tool

สอและแหลงการเรยนร 1. Computer การวดประเมนผล และเกณฑการประเมน การวดประเมนผล เกณฑการประเมน 1 . ตรวจเสน path ภายในรปภาพการวาดเสนตรงตามภาพตนแบบ 2. ตรวจสและแสงเงาตรงตามภาพตนแบบ 3. สงตรงตามวนและเวลาทก าหนด




ชกจกรรมการเรยน (สปดาหท.....7... ชวโมงท....25-28........) - เปด File จากสปดาหกอน วาดรปตนเองดวยเครองมอ Pen Tool พรอมใหผเรยนสอบถามเพมเตม - ผเรยนเกบรายละเอยดในสวนตางๆ เชน เงา ดวงตา จมกปาก - ผสอนสาธตการลงสโดยการใช Evedroper เพอดดสตามตนแบบ - ผเรยนปฎบตลงสโดยใช Evedroper ลงในภาพตนแบบเพอเปนสพน - ผสอนสาธตการใสเงาโดยใชดนสอวาดเงาพรอมกบปรบสใหเขมขนเพอเพมมตและความสมจรงใหกบงาน - ผสอนสาธตการใช Effect-Blur-Gaussian Blur เพอตกแตงเงาใหสมจรงมากยงขน - ผเรยนปฎบตการใสเงาตามภาพตนแบบ - ผเรยนในหองรวมกนแสดงความคดเหนและอปสรรคในการท างาน

- ผสอนจดกจกรรมผอนคลายดวยการตงค าถาม-ตอบ ความรเรองทวไปละเรองกราฟก เทคนคการสอนทน ามาใช

- คลปสาธตการใชงานเครองมอ Pen Tool - https://www.youtube.com/watch?v=B7G_KgNH80A

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

1. Computer 2. https://www.youtube.com/watch?v=B7G_KgNH80A

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

การวดประเมนผล เกณฑการประเมน 1 . ตรวจเสน path ภายในรปภาพการวาดเสนตรงตามภาพตนแบบ 2. ตรวจสและแสงเงาตรงตามภาพตนแบบ 3. ใช Blur ตกแตงเงา



3. ใช Blur ไดถกตองตามหลกใชงาน 2 คะแนน

กจกรรมการเรยน (สปดาหท.....9... ชวโมงท....29-32........) - เปด File จากสปดาหกอน วาดรปตนเองดวยเครองมอ Pen Tool พรอมใหผเรยนสอบถามเพมเตม - ผสอนสาธตการวาดเสนผมโดยใช Pen Tool ดวยการวาดเสนผมทละเสน - ผสอนสาธตการปรบเสน Path ทวาดเปนเสนผมใหดสมจรง - ผสอนสาธตการปรบองศาของ Blob Brush Tool - ผสอนอธบายลกษณะเสนแบบตางๆ เพอใหผเรยนเลอกใชกบชนดเสนผมทแตกตางกน - ผเรยนปฎบตวาดเสนผมตามภาพตนแบบ - ผเรยนปรบขนาดของเสนผมเพอใหมความสวยงาม สมจรงมากขน - ผเรยนปฎบตการใสเงาตามภาพตนแบบ

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

เทคนคการสอนทน ามาใช

- คลปสาธตการใชงานเครองมอ Pen Tool / https://www.youtube.com/watch?v=1xjsW3tgByU

สอและแหลงการเรยนร 1. Internet / https://www.youtube.com/watch?v=1xjsW3tgByU 2. Computer การวดประเมนผล และเกณฑการประเมน การวดประเมนผล เกณฑการประเมน

1. ตรวจเสน path ของเสนผม 2. ตรวจสและแสงเงาตรงตามภาพตนแบบ 3. การใช Blob Brush Tool



3. ปรบองศาของแปลงไดถกตอง 2 คะแนน

กจกรรมการเรยน (สปดาหท.....10... ชวโมงท....33-36........) - เปด File จากสปดาหกอน วาดรปตนเองดวยเครองมอ Pen Tool พรอมใหผเรยนสอบถามเพมเตม - ผสอนสาธตการปดเสน Path ทงหมดเพอตรวจสอบและเกบรายละเอยดของงาน

- ผสอนสาธตการท าภาพพนหลงแบบตางๆ เพอเพมความสวยงามใหกบรปภาพ - ผเรยนปฎบตการปดเสน Path ทงหมดพรอมตรวจสอบรายละเอยดของงานทงหมด - ผสอนอธบายพรอมสาธตการบนทกไฟลและปรบขนาดของรปภาพในการบนทก - ผเรยนบนทกไฟลเปน Jpec พรอมตงเปนรปภาพประจ าตวใน Facebook เปนเวลา 3 เดอน - ผสอนตรวจสอบผลงานนกเรยนผานรปประจ าตวในFacebook

- ผเรยนปฎบตการ บนทกพรอมใส รหส................. ชอ..............หอง.............. - ผเรยนกด Like เพจ Graphic 1/1 และ Graphic 1/2 - ผเรยนปฎบตการเปลยนใชเปนรปภาพประจ าตวใน Facebook เปนเวลา 1 เดอน - ผเรยนในหองรวมกนแสดงความคดเหนและอปสรรคในการท างาน เทคนคการสอนทน ามาใช

- คลปสาธตการใชงานเครองมอ Pen Tool

สอและแหลงการเรยนร 1. Internet / https://www.youtube.com/watch?v=ZUsCBMo6dwg

2. Computer การวดประเมนผล และเกณฑการประเมน การวดประเมนผล เกณฑการประเมน 1. ใช Pen tool สรางภาพ 2. การบนทกไฟล 3. ออกแบบภาพพนหลง


2. เปลยนขนาดไดถกตอง 3 คะแนน

3. สอดคลองกนกบภาพตนเอง 2 คะแนน



หนวยเรยนท 3 ชอหนวย วาดภาพและงานกราฟก

จดประสงค 1. เพอใหนกเรยนมความเขาใจในใชงานกลมเครองมอPen Tool ได 2. เพอใหนกเรยนสามารถวเคราะหลกษณะการใชงานในกลมเครองมอ Pen Tool 3. เพอใหนกเรยนสามารถสรางลายเสน Vector ของตนเองได

4. เพอใหนกเรยนน าเสนอผลงานแบบใชความคดสรางสรรคผานผลงานได ระยะเวลา สปดาห -10 วนทมอบหมายงาน…………./…………/………. สงวนท…………./…………/………. ค าสง 1. สราง File ขนาด A4 2. ใหผเรยนทกคนใชเครองมอ Pen Tool วาดเสน Path จากรปตนเองใหเปน Victor 3. ใหผเรยนลงสและแสงเงาจากรปตนเองพรอมตกแตงพนหลงใหสวยงามเหมาะสม 4. บนทกพรอมใส รหส................. ชอ..............หอง............... การวดประเมนผล และเกณฑการประเมน

ผเรยนรอยละ 80 มคะแนนไมต ากวา 15 คะแนนถอวาผานเกณฑ

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


2. ตรวจสและแสงเงาตรงตามภาพตนแบบ 3. ออกแบบภาพพนหลง 3. สงตรงตามวนและเวลาทก าหนด


3. สอดคลองกนกบภาพตนเอง 3 คะแนน


ระดบคะแนน 20 คะแนน / ดมาก = 15 คะแนน / ด = 12 คะแนน / พอใช ต ากวา 12 คะแนน / ปรบปรง



ชอหนวย ท างานกบตวอกษร (Type) ชวโมงรวม 4 ชวโมง ระดบ ปวช. ชอผสอน อ.ชานนท หสสรงส จ านวน 4 ชงโมง/

สปดาห สาระส าคญ Illustrator เปนโปรแกรมทโดดเดนในดานการสรางภาพแบบเวคเตอร (Vector) รวมทงการท างานกบตวอกษร เนองจากรกษาความคมชดไดเปนอยางด แมมการยอหรอขยายขนาดในขณะท างาน นยมไปใชในการออกแบบสงพมพตางๆ เชน นามบตร โปสเตอร โบรชวร จดประสงคการเรยนร จดประสงคทวไป 1. รและเขาใจการสรางขอความดวยเครองมอ Type 2. รและเขาใจการพมพตวอกษรใหพลวตามเสน Path จดประสงคเชงพฤตกรรม 1. สรางขอความสนๆ ดวยเครองมอ Type Tool ได

2. ปรบแตงขอความศลปได 3. ปรบแตงขอความบนเสน Path ได

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

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

สาระการเรยนร 4.การท างานกบตวอกษร (Type)

4.1 การสรางขอความดวยเครองมอ Type 4.1.1 สรางขอความสนๆ ดวยเครองมอ Type Tool 4.1.2 ปรบแตงขอความศลป 4.1.3 Import ขอความมาใชงาน

4.2 การพมพตวอกษรใหพลวตามเสน Path 4.2.1 สรางขอความแบบจดชดขวาดวย Right-to-Lelt Tool 4.2.2 ปรบแตงขอความบนเสน Path 4.2.3 ควบคมระยะหางใหขอความบนเสน Path. ปรชญาเศรษฐกจพอเพยงและคณธรรมทมงเนน

7. ผเรยนไดมโอกาสรวมกนวเคราะหรปแบบของผลงานตามทไดรบมอบหมายจากผสอน (ความรอบร)

8. ผเรยนมสวนรวมออกแบบการดในวนส าคญ “วนแม” แสดงความกตญญ ตอมารดา (ขยน อดทน)

9. ผเรยนมความเอาใจใสในงาน และมความซอสตยตอตนเอง ตรงตอเวลา (เงอนไขคณธรรม จรยธรรม)

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

กจกรรมการเรยน (สปดาหท.....11... ชวโมงท...37-40.......) - ผสอนชแจงจดประสงคการเรยนร - ผสอนแจงรายละเอยดเกณฑการใหคะแนน - ผสอนอธบายสวนประกอบกลมเครองมอ Type Tool - ผสอนสาธตสรางขอความสนๆ ดวยเครองมอ Type Tool การสรางขอความสนๆใน Illustrator ม จดประสงคเพอน าไปตกแตงใหสวยงาม และดโดดเดนขน ตกแตงขอความใหสวยขนไดดวยเทคนคตางๆ ได

- ผสอนสาธตการปรบแตงขอความศลป หลงจากทสรางขอความศลปไปเรยบรอยแลว แตวาเมอน าไปใชรวมกบงานกราฟกทสรางขนกลบใหผลลพธทไมสวยงามตามตองการสามารถปรบแตงขอความเหลานไดงายๆ ดวย Graphic Styles ทจะชวยแปลงขอความปรกตใหเปนงานกราฟกทมไสตลมากขน

- ผเรยนเขยนขอความในใจสงถงคณแมลงในกระดาษ - ผเรยนทกคนรวมกนปฎบตการสรางขอความโดยใหผเรยนออกการดวนแม - ผเรยนในหองรวมกนแสดงความคดเหนเกยวกบการใชงานเครองมอ Type Tool - ผสอนจดกจกรรมผอนคลายชวงทายชวโมงดวยเกมส “ปาลกดอกสะสมแตม” - ผสอนบอกใหผเรยนน ารปคณแมมาคนละ 1 รป ในคาบถดไป เทคนคการสอนทน ามาใช

- ภาพตวอยางและวธการออกแบบโดยใชแนวคดรปแบบตางๆ - คลปวดโอสาธตการจดองคประกอบ / https://www.youtube.com/watch?v=c0Ki2OVk7IY

สอและแหลงการเรยนร 1. Internet / https://www.youtube.com/watch?v=c0Ki2OVk7IY 2. Computer การวดประเมนผล และเกณฑการประเมน 1. มความเขาใจในการใชเครองมอไดอยางถกตองสวยงาม 2. สามารถสรางสรรคผลงานไดดวยเครองมอ Pen Tool

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


7. ความสวยงามของ Graphic Styles 5 คะแนน

กจกรรมการเรยน (สปดาหท.....12... ชวโมงท.....41-44.......) - ผเรยนเตรยมรปคณแมมาเพอวาดเปนภาพ Vector (วธการท าตามหนวยท 3 ) - ผสอนอธบายสวนประกอบกลมเครองมอ Type Tool ตอจากสปดาหกอน - ผสอนสาธตวธการใชเสน Path ควบคกบการใชงาน Type Tool - ผสอนสาธตการดดจดบนตวอกษรโดยการใชลกศรสขาว (Direct Selection Tool ) - ผเรยนทกคนรวมกนปฎบตการใชเสน Path กบ Type Tool ออกแบบการดวนแม 12 สงหาคม - ผเรยนในหองรวมกนแสดงความคดเหนเกยวกบการใชงานเครองมอ Type Tool เทคนคการสอนทน ามาใช

- ภาพตวอยางและวธการออกแบบโดยใชแนวคดรปแบบตางๆ - คลปวดโอสาธตการใชงานเครองมอ Type Tool / https://www.youtube.com/watch?v=P5kIJQlob4A

สอและแหลงการเรยนร 1. Internet / https://www.youtube.com/watch?v=P5kIJQlob4A 2. Computer การวดประเมนผล และเกณฑการประเมน การวดประเมนผล เกณฑการประเมน

1. มความเขาใจในการใชเครองมอไดอยางถกตอง 2. ดดตวอกษร

1. ใช Path กบ type tool ไดถกตอง 5 คะแนน

2. ใช Direct Selection Toolไดถกตอง 5 คะแนน

กจกรรมการเรยน (สปดาหท.....13... ชวโมงท...45-48.........) - เปด File จากสปดาหกอน น ารปแมทวาดเปนภาพ Vector มาจดองคประกอบลงในการดวนแม - ผสอนแนะน าวธการควบคมระยะหางใหขอความบนเสน Path ทง 4 แบบ 1.Baseline เปนต าแหนงปกตของขอความทฐานของตวอกษรจะชดเสน Path พอด 2.Ascender เปนการก าหนดใหตวอกษรอยใตเสน Path หรอดานใน เสน Path พอด 3.Descender คอ การก าหนดใหขอความอยดานบนเสน Path โดยมระยะหางเพมขนจากเดมเลกนอย 4.Center คอ การก าหนดต าแหนงขอความใหอยกงกลางของเสน Path พอด - ผเรยนใสขอความลงในการดวนแม (เขยนความในใจทมตอแม) - ผเรยนจดระยะบรรทดดวย Character - ผเรยนในหองรวมกนแสดงความคดเหนและอปสรรคในการท างาน - ผสอนจดกจกรรมผอนคลายดวยเกมสทายปญหา ความรทวไป/กราฟก เทคนคการสอนทน ามาใช - คลปวดโอสาธตการใชงานเครองมอ Type Tool สอและแหลงการเรยนร 1. Internet 2. Computer

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

1. ใช Path กบ type tool ไดถกตอง 3 คะแนน

2. จดองศประกอบครบถวน 7 คะแนน - ออกแบบขอความ 3

คะแนน - รปแม

2 คะแนน - สพนหลง

2 คะแนน

กจกรรมการเรยน (สปดาหท.....14... ชวโมงท...49-52.........) - เปด File จากสปดาหกอนมาปรบปรงแกไขเพมเตม - ผเรยนตรวจสอบค าสะกดผด ภายในการดของตนเอง - ผเรยนบนทกไฟล ชอ-สกล ...................... เลขท.................. หอง ................. ... - ผเรยนน าไฟลไป Print ดวยกระดาษ Photo - ผเรยนน าการดทท าไปใหคณแม พรอมถายรป สงมาใน Facebook - ผสอนจดกจกรรมผอนคลายดวยเกมสทายปญหา ความรทวไป/กราฟก เทคนคการสอนทน ามาใช - คลปวดโอสาธตการใชงานเครองมอ Type Tool / https://www.youtube.com/watch?v=JT4wv0WUS2U สอและแหลงการเรยนร 1. Internet / https://www.youtube.com/watch?v=JT4wv0WUS2U 2. Computer การวดประเมนผล และเกณฑการประเมน การวดประเมนผล เกณฑการประเมน 1. ความสมบรณของงาน 1. ตวสะกดไมผด 4 คะแนน

2. ตรงตอเวลา

สในการดตรงตามแบบ 4 คะแนน 2. สงตรงก าหนด 2 คะแนน



หนวยเรยนท 4 ชอหนวย ท างานกบตวอกษร (Type)

จดประสงค 1. เขาใจในใชงานกลมเครองมอ Type Tool 2. วเคราะหลกษณะการใชงานในกลมเครองมอ Type Tool ระยะเวลา สปดาห 11-14 วนทมอบหมายงาน…………./…………/………. สงวนท…………./…………/………. ค าสง 1. สราง File ขนาด A5 2. ใหผเรยนทกคนใชเครองมอ Type Tool ออกแบบการดวนแม 3. ใหผเรยนใสรปภาพคณแมทวาดดวย Pen Tool 4. ก าหนดใหใช Front หวเรองขนาด 20 pt. หวเรองรองขนาด 18 pt. และเนอหาขนาด 16 pt. 5. จดระยะหางระหวางบรรทด (Leading) 14 pt. 6. ออกแบบภาพพนหลงการดวนแม 6. บนทกพรอมใส รหส................. ชอ..............หอง............... การวดประเมนผล และเกณฑการประเมน การวดประเมนผล เกณฑการประเมน

1. การจดองคประกอบ/รปแบบ/เทคนคการตกแตง 2. ตรงตามก าหนดระยะเวลา

1. - ออกแบบขอความ 10 คะแนน - รปแม

5 คะแนน - สพนหลง

3 คะแนน 2. – ตรงตามก าหนดเวลา

2 คะแนน รวม 20 คะแนน

ระดบคะแนน 20 คะแนน = ดมาก 15 คะแนน = ด 12 คะแนน = พอใช ต ากวา 12 คะแนน = ปรบปรง



ชอหนวย การตกแตงภาพดวยเอฟเฟก ชวโมงรวม 4 ชวโมง ระดบ ปวช. ชอผสอน อ.ชานนท หสสรงส จ านวน 4 ชงโมง/

สปดาห สาระส าคญ โปรแกรม Illustrator เปนโปรแกรมในตระกล Adobe ทใชส าหรบสรางภาพกราฟก ไดอยางมประสทธภาพ ไมวาจะเปนงานดานสงพมพ นตยสาร และงานดานมลตมเดย อกทงยงสามารถออกแบบเปน 3 มตไดอกดวย ซงก าลงเปนทนยมสงมากในขณะน เราสามารถใชโปรแกรม Illustrator ในการออกแบบผลงาน 3 มต การใส Effect ตาง ๆใหกบวตถ และตวหนงสอ จดประสงคการเรยนร จดประสงคทวไป 1. รและเขาใจเทคนคตกแตงอกษร 2. รและเขาใจเทคนคการสรางรปทรง 2 มต ใหเปน 3 มต จดประสงคเชงพฤตกรรม

1. เตมสพนและสเสนตวอกษร 2. แปลงตวอกษรเปน Shape ดวย Create Outlines 3. ตกแตงอกษรใหเปน 3 มต 4. สรางเสนรางดวย Brush Tool 5. สรางรปทรงจากเสนรางเปนภาพ 3 มต ดวย Revolve 6. ก าหนดทศทางแสง และเงาใน Surface

สมรรถนะรายหนวย ปฎบตการสรางรปทรง 3 มต ก าหนดทศทางแสงบนวตถได

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

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

5.การตกแตงภาพดวยเอฟเฟก 3 มต 5.1 เทคนคตกแตงอกษร

5.1.1 เตมสพนและสเสนตวอกษร 5.1.2 แปลงตวอกษรเปน Shape ดวย Create Outlines 5.1.3 ตกแตงอกษรใหเปน 3 มต

5.2 เทคนคการสรางรปทรง 2 มต ใหเปน 3 มต 5.2.1 สรางเสนรางดวย Brush Tool 5.2.2 สรางรปทรงจากเสนรางเปนภาพ 3 มต ดวย Revolve 5.2.3 ก าหนดทศทางแสง และเงาใน Surface ปรชญาเศรษฐกจพอเพยงและคณธรรมทมงเนน

10. ผเรยนไดมโอกาสรวมกนออกแบบของผลงานตามทไดรบมอบหมายจากผสอน (ความมเหตผล) 11. ผเรยนมสวนรวมในการก าหนดกฎในการท างานรวมกน ปฏบตงานทมอบหมายดวยความตงใจ

และรบผดชอบ (เงอนไขขยน อดทน) 12. ผเรยนใชความคดสรางสรรคในการออกแบบสงใหมๆ (เงอนไขความร) 13. ผเรยนมความเอาใจใสในงาน และมความซอสตยตอตนเอง (เงอนไขคณธรรม จรยธรรม)

น าปญหาและอปสรรคในการเรยนการสอนมาปรบปรงการเรยนการสอน ขาดความเขาใจในการออกแบบ วธคดและสรางแรงบนดาลบนใจในการออกแบบ ผสอนจงหาผลงานตวอยางมาใหผเรยน เพอเปนแนวทางในการออกแบบ

กจกรรมการเรยน (สปดาหท.....15... ชวโมงท....53-56......) - ผสอนชแจงจดประสงคการเรยนร - ผสอนแจงรายละเอยดเกณฑการใหคะแนน - ผสอนอธบายสวนประกอบกลมเครองมอ 3D วามอะไรบางและใชงานกบตวอกษรไดอยางไร - ผสอนสาธตวธการใชเครองมอ 3D เพอออกแบบตวอกษร - ผสอนสาธตในปรบแตงตวอกษร 2 มต แบบธรรมดาใหเปน 3 มต - ผสอนสาธตการปรบขนาดวตถ ความหนาใน Extrude&Bevel Option - ผสอนสาธตการหมนเอยงวตถ ใน Extrude&Bevel Option – Position - ผสอนสาธตการปรบแตงเสนขอบตวอกษรใหเปน 3 มตรปแบบตางๆ ในBevel - ผเรยนทกคนรวมกนปฎบตสรางตวอกษรจาก 2 มต ใหเปน 3 มต - ผเรยนในหองรวมกนแสดงความคดเหนเกยวกบการใชงานเครองมอในกลม 3 มต เทคนคการสอนทน ามาใช

1. คลปวดโอสาธตการใชงานเครองมอ / https://www.youtube.com/watch?v=Aekl_CtvC1k สอและแหลงการเรยนร 1. Internet / https://www.youtube.com/watch?v=Aekl_CtvC1k 2. Computer - การวดประเมนผล และเกณฑการประเมน การวดประเมนผล เกณฑการประเมน 1. มความเขาใจในการใชเครองมอไดอยางถกตอง 2. ส แสงเงา

3. ใช Extrude&Bevel ไดถกตอง 5 คะแนน

4. ใสแสงเงาไดถกตองสวยงาม 5 คะแนน

กจกรรมการเรยน (สปดาหท.....16... ชวโมงท....57-60........) - ผสอนอธบายสวนประกอบกลมเครองมอ 3 มต ทสรางขนมาจากเสน(Line) - ผสอนสาธตวธการสรางรปทรง 2 มตทมาจากเสน - ผสอนอธบายการสรางภาพ 2 มตใหเปน 3 มตโดยใชเสนดวย Revolve - ผสอนสาธตการใชเสน 2 มต สรางเปนรปทรง 3 มต ดวย Revolve - ผสอนสาธตวธการใสสใหกบวตถโดยเลอกจากสในชอง Swatches - ผเรยนทกคนรวมกนปฎบตการสรางเสนเพอสรางเปนวตถ 3 มต โดยใหวาดเสนเปนรปทรงขวดน าครงขวด - ผเรยนทกคนรวมกนปฎบตการใสสใหกบเสนเพอสรางเปนวตถ 3 มต - ผเรยนทกคนรวมกนปฎบตสรางภาพ 2 มตใหเปน 3 มตดวย Revolve - ผสอนสาธตวธการใสฉลากสนคาลงบนขวดใน Map art โดยใชฉลากสนคาทมอยเดมจาก Internet - ผสอนอธบายการตดภาพฉลากเพอน าไปใสในชอง Symbol เพอน ามา Map art กบขวด - ผสอนสาธตการตดภาพโดยใช Pen tool เลอกวตถและใช Make Clipping Mask ตดเลอกเฉพาะสวนทเลอกไว - ผสอนสาธตการน าภาพทตดไวมาใสในชอง Symbol - ผเรยนทกคนปฎบตการตดและและน ามาใสในขวดในชอง Map art - ผเรยนบนทกไฟลและน าไปใสภาพพนหลงเพอน าเสนอผลงานในสปดาหถดไป - ผเรยนในหองรวมกนแสดงความคดเหนเกยวกบการใชงานเครองมอ lineและ Revolve เทคนคการสอนทน ามาใช

- น าเสนอclipการสรางภาพวตถ 3 มต https://www.youtube.com/watch?v=wwJgr48BEGU

สอและแหลงการเรยนร 1. Internet / https://www.youtube.com/watch?v=wwJgr48BEGU 2. Computer การวดประเมนผล และเกณฑการประเมน การวดประเมนผล เกณฑการประเมน 1. มความเขาใจในการใชเครองมอไดอยางถกตอง 2. ส แสงเงา

1. ใช Revolve ไดถกตอง 5 คะแนน

2. ใสแสงเงาไดถกตองสวยงาม 5 คะแนน

กจกรรมการเรยน (สปดาหท.....17... ชวโมงท.....61-64.......) - น าเสนอผลงานหนาชนเรยน - ผสอนและผเรยน พดคยถงอปสรรคและปญหาในการท างานตลอดระยะเวลา 1 เทอม - ผสอนจดกจกรรมใหผเรยนเขยนความในใจลงใสกระดาษเพอระบายความในใจตอผสอน เทคนคการสอนทน ามาใช - การพดน าเสนอหนาชนเรยน

สอและแหลงการเรยนร 1. Internet 2. Computer - การวดประเมนผล และเกณฑการประเมน 1. ตรวจการใชเครองมอไดอยางถกตองสวยงาม/สรางสรรค 2. การแตงกาย/วาจา/น าเสยง ในการน าเสนอผลงาน 3. สงตรงตามวนและเวลาทก าหนด การวดประเมนผล เกณฑการประเมน

1. เทคนคการน าเสนอ 2. รปแบบผลงาน

การแตงกาย/วาจา/น าเสยง 5 คะแนน รปแบบผลงาน - ความสวยงาม

5 คะแนน - ความถกตองการใชงานเครองมอ 5

คะแนน - ภาพพนหลง

3 คะแนน - การใชส

2 คะแนน



หนวยเรยนท 5 ชอหนวย การตกแตงภาพดวยเอฟเฟก

จดประสงค 1. รและเขาใจเทคนคตกแตงอกษร 2. รและเขาใจเทคนคการสรางรปทรง 2 มต ใหเปน 3 มต ระยะเวลา สปดาห 15-17 วนทมอบหมายงาน…………./…………/………. สงวนท…………./…………/………. ค าสง

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

1.การแตงกาย/วาจา/น าเสยง 5 คะแนน 2.รปแบบผลงาน

- ความสวยงาม 5 คะแนน

- ความถกตองการใชงานเครองมอ 5 คะแนน

- ภาพพนหลง 3 คะแนน

- การใชส 2 คะแนน

3. มความเขาใจในการใชเครองมอไดอยางถกตอง 4. ส แสงเงา

3.ใช Revolve ไดถกตอง 5 คะแนน 4.ใสแสงเงาไดถกตองสวยงาม 5 คะแนน รวม 20 คะแนน

ระดบคะแนน 20 คะแนน = ดมาก 15 คะแนน = ด 12 คะแนน = พอใช ต ากวา 12 คะแนน = ปรบปรง

Documents

แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1325-56-2308-2004.pdf · 2 รู้และเข้าใจองค์ประกอบของโปรแกรม