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

แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1328-56-2308-2007.pdf · 2019-02-11 · แผนการจัดการเรียนรู้แบบฐานสมรรถนะ

  • Upload
    others

  • View
    3

  • Download
    0

Embed Size (px)

Citation preview

Page 1: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1328-56-2308-2007.pdf · 2019-02-11 · แผนการจัดการเรียนรู้แบบฐานสมรรถนะ

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

รหสวชา 2308-2007 ชอวชา กราฟกแอนเมชน ( 3 หนวยกต 5 ชวโมง / สปดาห )

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

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

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

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

โดย อาจารย ทศพล เกาะสมบต

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

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

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

Page 2: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1328-56-2308-2007.pdf · 2019-02-11 · แผนการจัดการเรียนรู้แบบฐานสมรรถนะ

แผนการจดการเรยนร รหสวชา 2308-2007 ชอวชา กราฟกแอนเมชน จ านวน 3 หนวยกต 5 ชวโมง/สปดาห หลกสตรประกาศนยบตรวชาชพ พทธศกราช 2556 ประเภทวชา พาณชยกรรม สาขาวชา คอมพวเตอรกราฟก

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

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

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

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

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

Page 3: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1328-56-2308-2007.pdf · 2019-02-11 · แผนการจัดการเรียนรู้แบบฐานสมรรถนะ

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

หนวยท 1 ชอวชา กราฟกแอนเมชน รหสวชา 2308-2307 สอนสปดาหท 1-2

ชอหนวย หลกการและประเภท วธการสรางภาพเคลอนไหว แบบเทคนค Stop Motion

ชวโมงรวม 10 ชวโมง

ระดบ ปวช. ชอผสอน ทศพล เกาะสมบต จ านวน 5 ชงโมง/สปดาห สาระส าคญ ศกษาหลกการ องคประกอบ และขนตอนการท างาน ทงปฏบตตามหลกการสรางภาพเคลอนไหว การสรางงานแอนเมชน ประเภท และองคประกอบพนฐานของการท าแอนเมชน เพอเปนการสรางความรพนฐานของการท างานแอนเมชนเบองตน จดประสงคการเรยนร จดประสงคทวไป 1. รและเขาใจหลกการเบองตนงานแอนเมชน 2. มทกษะท าแอนเมชน แบบเทคนค Stop Motion จดประสงคเชงพฤตกรรม 1. บอกความหมายและความส าคญของ Traditional Animation / Hand Drawing Animation / 2D Animation ได 2. อธบาย Flip book หรอ Clay Animation ได 3. อธบายวธการท า storyboard ได 4. สรางแอนเมชน เทคนค Stop Motion ได สมรรถนะรายหนวย สรางชนงานตามหลกการและประเภท การออกแบบแอนเมชน 2 มต เทคนค Stop Motion ไดอยางถกตอง รายวชาทจดควบคหรอบรณาการ วชา...........................................รหสวชา................. วธการบรณาการ (ไมจ าเปนตองมทกหนวย แตถามตองเขยนใหชดเจน ทงวธการ การวด ประเมนผล) 1. สาระการเรยนร 1. หลกการและประเภท วธการสรางภาพเคลอนไหวแบบเทคนค Stop Motion 1.1 หลกการเบองตนงานแอนเมชน 1.1.1 ความหมายTraditional Animation / Hand Drawing Animation / 2D Animation 1.1.2 แอนเมชนFlip book หรอ Clay Animation

Page 4: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1328-56-2308-2007.pdf · 2019-02-11 · แผนการจัดการเรียนรู้แบบฐานสมรรถนะ

1.2 ขนตอนท าแอนเมชนเบองตน 1.2.1 วธการท า storyboard 1.2.2 แอนเมชน เทคนค Stop-motion ปรชญาเศรษฐกจพอเพยงและคณธรรมทมงเนน 1. พอประมาณ 2. มเหตผล 3. รอบร 4. ซอสตย 5. ขยน 6. มสตปญญา น าปญหาและอปสรรคในการเรยนการสอนมาปรบปรงการเรยนการสอน 1. การเตรยมวสดอปกรณมาวาดภาพ เชน กระดาษ ดนสอ ยางลบ กจกรรมการเรยนการสอน ( สปดาหท 1 ชวโมงท 1-5 ) - แนะน าบทเรยนและชแจงหลกเกณการใหคะแนน พรอมทงวตถประสงคในการเรยนวชา การออกแบบแอนเมชน 2 มต

- น าเขาบทเรยนพรอมอธบายเรอง หลกการและประเภท การออกแบบแอนเมชน 2 มตเบองตน กบบอกความหมายและความส าคญของ ประเภทของงานแอนเมชน Traditional Animation / Hand Drawing Animation / 2D Animation โดยใช VDO ตวอยาง และมการสม นศ. ถาม-ตอบ เพอความเขาใจทมากขน

- บรรยายโดยใช VDO ตวอยางงาน แอนเมชนFlip book หรอ Clay Animation พรอมอธบายขนตอนการท า และสมถาม เพอตรวจสอบพนฐานความรเดม และใหวเคราะหขนตอนการท างาน โดยใช VDO ตวอยางงาน แอนเมชน Flip book

เทคนควธการสอนทน ามาใช - การบรรยาย - การถาม-ตอบ สอและแหลงการเรยนร / บทเรยนออนไลน

1. สอ VDO ตวอยางงาน เรอง ขนตอนการสรางแอนเมชน แตละประเภท 2. สอ VDO ตวอยางงาน เรอง ขนตอนการสรางแอนเมชน Flip book

การวดประเมนผล เกณฑการประเมนผล 1. สมถาม-ตอบ 1.นศ. จะตองตอบค าถามตามความเขาใจได 80%

เอกสารอางอง/เวบไซต 1. www.krusutassa online.com 2. หนงสอ Flash Cartoon Animation . ผแตงดนย มวงแกว . นนทบร : ไอดซ อนโฟ ดสทรบวเตอร เซนเตอร จ ากด . 2552

Page 5: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1328-56-2308-2007.pdf · 2019-02-11 · แผนการจัดการเรียนรู้แบบฐานสมรรถนะ

กจกรรมการเรยนการสอน ( สปดาหท 2 ชวโมงท 6-10 ) - ใช VDO ตวอยางงาน เพอน าเขาบทเรยนพรอมอธบายเรอง สรางแอนเมชน เทคนค Stop-motion เพอให

ตอเนองกบเนอหา Flip book พรอมอธบายขนตอนการท า และสมถาม เพอตรวจสอบความเขาใจ - บรรยายเพมเตมเรอง ความหมายและความส าคญของ Stop Motion พรอมอธบายขนตอนการท า และสมถาม เพอตรวจสอบความเขาใจ และ ไดตงโจทยตาม ใบงานท 1 เรอง การท า Stop Motion โดยใชกระดาษหรอวสดเหลอใชแลวมาท า เพอสอดแทรก ความพอประมาณ พรอมน าเนอหากลบมาวเคราะหสราง Design Brief ตามขนตอนและความมเหตผล อยางรอบคอบ เพอความเขาใจทมากขนผสอนจะเดนตรวจสอบการท างาน และอธบายเพมเตมเปนรายบคคล ส าหรบการสราง Design Brief ในชวโมง พรอมทงเปดเพลงเพอเพมบรรยากาศทดในการเรยนประกอบ แลวใหน าชนงาน สรางแอนเมชน เทคนค Stop-motion และ สราง Design Brief หวขอเดยวกนเรยงภาพตดตออยางงาย มาสงในสปดาหตอไป - ใช VDO ตวอยางงาน เพอน าเขาบทเรยนพรอมอธบายเรอง ความส าคญในการท า storyboard และวธการท า storyboard ดวยภาพ Power Point โดยสมถาม เพอตรวจสอบพนฐานความรเดม และมอบหมายงานตาม ใบงานท 2 เรอง การท า storyboard ใหลองน าความรความเขาใจไปใชใน วธการท า storyboard เพอความเขาใจทมากขน ผสอนจะเดนตรวจสอบการท างาน และอธบายเพมเตมเปนรายบคคลพรอมทง อกทงกลาวชมเชย นศ. ผขยนท างานเปนระยะเพอกระตนการท างาน ทงเปดเพลงเพอเพมบรรยากาศทดในการเรยนประกอบ แลวใหน าชนงาน storyboard มาสงในชวโมงตอไป เทคนควธการสอนทน ามาใช - การบรรยาย - การถาม-ตอบ - การปฏบต สอและแหลงการเรยนร / บทเรยนออนไลน

1. สอ VDO ตวอยางงาน เรอง ความส าคญในการท า storyboard 2. สอ VDO ตวอยางงาน เรอง สรางแอนเมชน เทคนค Stop-motion 3. Power Point เรอง สงจ าเปนส าหรบการสราง storyboard

4. ใบงานท 1 เรอง การท า Stop-motion 5. ใบงานท 2 เรอง การท า storyboard

การวดประเมนผล เกณฑการประเมนผล 1. สมถาม-ตอบ 2. ใบงานท 1 เรอง การท า Stop-motion 3. ใบงานท 2 เรอง การท า storyboard

1.นศ. จะตองตอบค าถามตามความเขาใจได 80% 2. ใบงานท 1 และ ใบงานท 2 ม คะแนน10 คะแนน ก าหนดใหได 9-10 คะแนน เมอ นศ สรางงานอยางถกตอง ตามขอมลทก าหนด ก าหนดใหได 7-8 คะแนน เมอ นศ สรางงานอยางถกตอง ตามขอมลทก าหนด ขาด1หวขอ ก าหนดใหได 5-6 คะแนน เมอ นศ สรางงาน ไดอยางถกตอง ตามขอมลทก าหนด ขาด ขาด2หวขอ ก าหนดใหได 3-4 คะแนน เมอ นศ มาเรยนครบและปฏบตงานในหองบาง แมยงไมเสรจก

Page 6: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1328-56-2308-2007.pdf · 2019-02-11 · แผนการจัดการเรียนรู้แบบฐานสมรรถนะ

ตาม ก าหนดใหได 0-2 คะแนน เมอ นศ มาเรยนบางและเขาหองสายเลกนอยใน ชม.

เอกสารอางอง/เวบไซต 1. www.krusutassa online.com 2. หนงสอ Flash Cartoon Animation . ผแตงดนย มวงแกว . นนทบร : ไอดซ อนโฟ ดสทรบวเตอร เซนเตอร จ ากด . 2552

Page 7: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1328-56-2308-2007.pdf · 2019-02-11 · แผนการจัดการเรียนรู้แบบฐานสมรรถนะ

ใบมอบหมายงานท 1 เรอง การท า Stop-motion

วชา กราฟกแอนเมชน รหสวชา 2308-2007 ระดบ ปวช. ปท 2

หนวยเรยนท 1 ชอหนวย หลกการและประเภท การออกแบบแอนเมชน 2 มตเบองตน

จดประสงค

1. เพอ สรางแอนเมชน วธ Stop-motion ไดอยางถกตอง ระยะเวลา 1 สปดาห วนทมอบหมายงาน…………./…………/………. สงวนท…………./…………/………. ค าสง ให นศ. แบงกลมละ 3 คน เพอ สรางแอนเมชน เทคนค Stop-motion ไดอยางถกตอง ตามขอมลทก าหนดดงตอไปน 1. สรางแอนเมชน logo ให ทมชาตไทย 2. เปาหมายใหสอความหมาย logo ทมชาตไทย 3. เนนกลมวยรนบาบอลและรกทมชาตไทย 4. ถายภาพใหได จ านวน 24 เฟรม ตอ 1 วนาท รวม เวลา 30 วนาท (ทงหมด 720 ภาพ) 5. น าภาพเรยง ตดตออยางงาย เปนVDO การวดประเมนผล และเกณฑการประเมน

ก าหนดใหได 9-10 คะแนน เมอ นศ สรางแอนเมชน เทคนค Stop-motion ไดอยางถกตอง ตามขอมลทก าหนด น าภาพเรยง ตดตออยางงาย เปนVDO

ก าหนดใหได 7-8 คะแนน เมอ นศ สรางแอนเมชน เทคนค Stop-motion ไดอยางถกตอง ตามขอมลทก าหนด ก าหนดใหได 5-6 คะแนน เมอ นศ สรางแอนเมชน เทคนค Stop-motion ไดอยางถกตอง แตเวลาไมครบ ก าหนดใหได 3-4 คะแนน เมอ นศ มาเรยนครบและปฏบตงานในหองบาง แมยงไมเสรจกตาม ก าหนดใหได 0-2 คะแนน เมอ นศ มาเรยนบางและเขาหองสายเลกนอยใน ชม.

Page 8: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1328-56-2308-2007.pdf · 2019-02-11 · แผนการจัดการเรียนรู้แบบฐานสมรรถนะ

ใบมอบหมายงานท 2 เรอง การท า storyboard

วชา กราฟกแอนเมชน รหสวชา 2308-2007 ระดบ ปวช. ปท 2

หนวยเรยนท 1 ชอหนวย หลกการและประเภท การออกแบบแอนเมชน 2 มตเบองตน

จดประสงค

1. เพอแสดงวธสราง storyboard ไดอยางถกตอง ระยะเวลา 1 สปดาห วนทมอบหมายงาน…………./…………/………. สงวนท…………./…………/………. ค าสง ให นศ. สราง storyboard ไดอยางถกตอง ตามเนอเรองทก าหนดโดยมองคประกอบดงตอไปน 1. วาดภาพประกอบเพอก าหนดมมกลอง 2. การแบง ชวง Scene อยางงายได 3. ก าหนดทศทางวตถ 4. ก าหนดทศทางการเคลอนทกลอง การวดประเมนผล และเกณฑการประเมน

ก าหนดใหได 9-10 คะแนน เมอ นศ สราง storyboard อยางถกตอง ตามขอมลทก าหนด ก าหนดใหได 7-8 คะแนน เมอ นศ สราง storyboard อยางถกตอง ตามขอมลทก าหนด ขาดการ ก าหนดทศ

ทางการเคลอนทกลอง ก าหนดใหได 5-6 คะแนน เมอ นศ สราง storyboard ไดอยางถกตอง ตามขอมลทก าหนด ขาดการ ก าหนดทศทางการเคลอนทกลอง ขาดการ ก าหนดทศางวตถ

ก าหนดใหได 3-4 คะแนน เมอ นศ มาเรยนครบและปฏบตงานในหองบาง แมยงไมเสรจกตาม ก าหนดใหได 0-2 คะแนน เมอ นศ มาเรยนบางและเขาหองสายเลกนอยใน ชม.

Page 9: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1328-56-2308-2007.pdf · 2019-02-11 · แผนการจัดการเรียนรู้แบบฐานสมรรถนะ

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

หนวยท 2 ชอวชา กราฟกแอนเมชน รหสวชา 2308-2007 สอนสปดาหท 3-8

ชอหนวย พนฐานการใชโปรแกรมในการสรางภาพเคลอนไหว เทคนค Motion Grphic

ชวโมงรวม 30 ชวโมง

ระดบ ปวช. ชอผสอน ทศพล เกาะสมบต จ านวน 5 ชงโมง/สปดาห สาระส าคญ การสรางงานแอนเมชน ประกอบดวยทกษะการใชโปรแกรมส าเรจรป และในอกหลายๆ โปรแกรมทถกเลอกเปนอนดบตนๆ โปรแกรม After Efftects cs6 เปนโปรแกรมการสรางความรพนฐาน ของการท างานกราฟกแอนเมชนเบองตน และทนสมย จดประสงคการเรยนร จดประสงคทวไป 1. รและเขาใจขนตอนการออกแบบกราฟกแอนเมชน เทคนค Motion Grphic 2. แสดงการใชโปรแกรม After Efftects cs6 3. แสดงเทคนคใชโปรแกรม After Efftects cs6 เพอสรางงาน Motion Grphi จดประสงคเชงพฤตกรรม 1. เขาใจความหมายภาพเคลอนไหว เทคนค Motion Grphic 2. เขาใจ หลกการออกแบบกราฟก โดยสรางจากโปรแกรม Ai /Ps การใชสกบอารมณ เพอสรางภาพเคลอนไหว เทคนค Motion Grphic 3. แสดงการใช New composition / Import file / Transform / Set key 4. แสดงการใช Motion text Effects and preset/ Edit key 5. สรางงานดวยเทคนคแอนเมชน Set Rectangle / Set key 6. สรางงานดวยเทคนคแอนเมชน โดยใชเสน

7. สรางงานดวยการ Import file โปรแกรม Ai /Ps มาใชงาน 8. แสดงการใช Light Sweep / Graph edit / 3D text / camera 9. แสดงการใช Motion blur / Toggle Switches /Modes

สมรรถนะรายหนวย ออกแบบกราฟกแอนเมชน เทคนค Motion Grphic โดยใชโปรแกรม After Efftects cs6 ไดตรงตาม การสรางกราฟกแอนเมชนเบองตน รายวชาทจดควบคหรอบรณาการ วชา...........................................รหสวชา................. วธการบรณาการ (ไมจ าเปนตองมทกหนวย แตถามตองเขยนใหชดเจน ทงวธการ การวด ประเมนผล) 1.

Page 10: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1328-56-2308-2007.pdf · 2019-02-11 · แผนการจัดการเรียนรู้แบบฐานสมรรถนะ

สาระการเรยนร 2. พนฐานการใชโปรแกรมในการสรางภาพเคลอนไหว เทคนค Motion Grphic 2.1 ขนตอนการออกแบบกราฟกแอนเมชน เทคนค Motion Grphic 2.1.1 ความหมายภาพเคลอนไหว เทคนค Motion Grphic 2.1.2 หลกการออกแบบกราฟก โดยสรางจากโปรแกรม Ai /Ps การใชสกบอารมณ เพอสรางภาพเคลอนไหว เทคนค Motion Grphic 2.2 ใชโปรแกรม After Efftects cs6 2.2.1 New composition / Import file / Transform / Set key 2.2.2 Motion text Effects and preset/ Edit key 2.2.3 เทคนคแอนเมชน Set Rectangle / Set key 2.2.4 เทคนคแอนเมชน โดยใชเสน 2.2.5 Import file โปรแกรม Ai /Ps มาใชงาน

2.3 เทคนคใชโปรแกรม After Efftects cs6 เพอสรางงาน Motion Grphic 2.3.1 Light Sweep / Graph edit / 3D text / camera 2.3.2 Motion blur / Toggle Switches /Modes ปรชญาเศรษฐกจพอเพยงและคณธรรมทมงเนน 1. น าไปใช 2. วเคราะห 3. สงเคราะห 4. รอบร 5. ขยน 6. มสตปญญา 7.มภมคมกน น าปญหาและอปสรรคในการเรยนการสอนมาปรบปรงการเรยนการสอน 1. นกศกษามระบบความเขาใจทแตกตางกนจงตองพยามชกน าวาการปฏบตงานไมยากอยางทคด

Page 11: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1328-56-2308-2007.pdf · 2019-02-11 · แผนการจัดการเรียนรู้แบบฐานสมรรถนะ

กจกรรมการเรยนการสอน ( สปดาหท 3 ชวโมงท 11-15 ) - ใช VDO ตวอยางงาน เพอน าเขาบทเรยนพรอมอธบายเรอง ความหมายภาพเคลอนไหว เทคนค Motion Grphic

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

- ใช VDO ตวอยางงาน เพอน าเขาบทเรยนพรอมอธบายเรอง Motion Grphic โดยผสอนสาธตวธการท าการ ออกแบบกราฟกชอนกศกษา โดยเลอกสมจากผลงานนกศกษา 1 ตวอยาง ผสอนสาธตดวยการน า โปรแกรม Ai /Ps มาใชงาน ผสอนไดใช โจทย ใบงานท 3 เรอง ออกแบบกราฟกชอนกศกษา ปฏบตเพมเตมใหตอเนอง เพอความเขาใจทมากขน ผสอนจะเดนตรวจสอบการท างาน และอธบายเพมเตมเปนรายบคคลพรอมทง อกทงกลาวชมเชย นศ. ผขยนท างานและสามารถแสดงความรอบรพนฐานการใชโปรแกรม Ai /Ps เปนระยะเพอกระตนการท างาน ทงเปดเพลงเพอเพมบรรยากาศทดในการเรยนประกอบ แลวใหน าชนงาน การออกแบบตวละครและฉาก มาสงในสปดาหตอไป

เทคนควธการสอนทน ามาใช - การบรรยาย - การถาม-ตอบ - การปฏบต สอและแหลงการเรยนร / บทเรยนออนไลน

1. สอ VDO ตวอยางงาน เรอง ความหมายภาพเคลอนไหว เทคนค Motion Grphic 2. สอ VDO ตวอยางงาน เรอง Motion Grphic 3. ภาพตวอยางประกอบ เรอง การออกแบบกราฟก

4. ใบงานท 3 เรอง ออกแบบกราฟกชอนกศกษา

การวดประเมนผล เกณฑการประเมนผล 1. สมถาม-ตอบ 2. ใบงานท 3 เรอง ออกแบบกราฟกชอนกศกษา

1.นศ. จะตองตอบค าถามตามความเขาใจได 80% 2. ใบงานท 3 ม คะแนน 4 คะแนน ก าหนดใหได 4 คะแนน เมอ นศ สรางงานอยางถกตอง ตามขอมลทก าหนด ก าหนดใหได 3 คะแนน เมอ นศ สรางงานอยางถกตอง ตามขอมลทก าหนด ขาด1หวขอ ก าหนดใหได 2 คะแนน เมอ นศ มาเรยนครบและปฏบตงานในหองบาง แมยงไมเสรจกตาม ก าหนดใหได 1 คะแนน เมอ นศ มาเรยนบางและเขาหองสายเลกนอยใน ชม.

เอกสารอางอง/เวบไซต 1. www.krusutassa online.com

Page 12: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1328-56-2308-2007.pdf · 2019-02-11 · แผนการจัดการเรียนรู้แบบฐานสมรรถนะ

ใบมอบหมายงานท 3 เรอง การออกแบบตวละครและฉาก

วชา กราฟกแอนเมชน รหสวชา 2308-2007 ระดบ ปวช. ปท 2

หนวยเรยนท 2 ชอหนวย พนฐานการใชโปรแกรมในการสรางภาพเคลอนไหว เทคนค Motion Grphic

จดประสงค

1. เพอแสดงวธ การออกแบบกราฟกขอความไดอยางถกตอง ระยะเวลา 1 สปดาห วนทมอบหมายงาน…………./…………/………. สงวนท…………./…………/………. ค าสง ให นศ. ออกแบบกราฟกชอนกศกษา โดยมองคประกอบดงตอไปน 1. Concept สดใสนารก หรอ เทสะดดตา 2. ใชกระดาษ Sketch ตามหลกองคประกอบศลป 3. วาดภาพกราฟกชอนกศกษาโดย ใชโปรแกรม Ai /Ps การวดประเมนผล และเกณฑการประเมน

ก าหนดใหได 4 คะแนน เมอ นศ ออกแบบกราฟกชอนกศกษา ไดอยางถกตอง ตามขอมลทก าหนด ก าหนดใหได 3 คะแนน เมอ นศ ออกแบบกราฟกชอนกศกษา ตามขอมลทก าหนด ขาด ใชโปรแกรม Ai /Ps ก าหนดใหได 2 คะแนน เมอ นศ มาเรยนครบและปฏบตงานในหองบาง แมยงไมเสรจกตาม ก าหนดใหได 1 คะแนน เมอ นศ มาเรยนบางและเขาหองสายเลกนอยใน ชม.

Page 13: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1328-56-2308-2007.pdf · 2019-02-11 · แผนการจัดการเรียนรู้แบบฐานสมรรถนะ

กจกรรมการเรยนการสอน ( สปดาหท 4 ชวโมงท 16-20 ) - ใช VDO ตวอยางงาน เพอน าเขาบทเรยนพรอมอธบายเรอง หลกการเคลอนทในงานแอนเมชน Motion อยางงาย

(Dynamic Animation ) เพอใหสมพนธกบเนอเรอง ออกแบบกราฟก Motion ในสปดาหกอน สงส าคญผเรยนตองแสดงการน าความรความเขาใจเกาเรอง ออกแบบกราฟก Motion ไปใช และสมถาม เพอตรวจสอบความเขาใจ - ใช VDO ตวอยางงาน เพอน าเขาบทเรยนพรอมอธบายเรอง Adobe Effects cs6 สามารถสรางอะไรใหเราบาง ผสอนสาธตและบรรยายวธการใชงานโปรแกรม Adobe Effects cs6 เรอง New composition / Import file / Transform / Set key /Motion text Effects and preset/ Edit key และ ไดตงโจทย เพอเปนแบบฝกในหองเรยน เรอง ท า Motion text Effects เพอความเขาใจทมากขนผสอนจะเดนตรวจสอบการทดสอบใชโปรแกรม และอธบายเพมเตมเปนรายบคคล ส าหรบการใชงานในชวโมงอนตอไป พรอมทงเปดเพลงเพอเพมบรรยากาศทดในการเรยนประกอบ เทคนควธการสอนทน ามาใช - การบรรยาย - การถาม-ตอบ - การปฏบต สอและแหลงการเรยนร / บทเรยนออนไลน

1. สอ VDO ตวอยางงาน เรอง หลกการเคลอนทในงานแอนเมชน Motion อยางงาย 2. สอ VDO ตวอยางงาน เรอง Adobe Effects cs6 สามารถสรางอะไรใหเราบาง

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

1. สมถาม-ตอบ 1.นศ. จะตองตอบค าถามตามความเขาใจได 80%

เอกสารอางอง/เวบไซต 1. www.krusutassa online.com 2.

Page 14: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1328-56-2308-2007.pdf · 2019-02-11 · แผนการจัดการเรียนรู้แบบฐานสมรรถนะ

กจกรรมการเรยนการสอน ( สปดาหท 5 ชวโมงท 21-25 ) - ใช VDO ตวอยางงาน เพอน าเขาบทเรยนพรอมอธบายเรอง การสรางชนงาน การท า Motion Grphic อยางงาย

จาก โปรแกรม Adobe Effects cs6 - ผสอนสาธตและบรรยายวธการใชงานโปรแกรม Adobe Effects cs6 และทบทวนเนอหา สปดาหท 4 สงส าคญ

ผเรยนตองแสดงการน าความรความเขาใจเกาจากสปดาหท 4 มาใชงาน พรอมอธบายขนตอนการท า Motion Grphic เทคนคแอนเมชน Set Rectangle / Set key และ ไดตงโจทย เพอเปนแบบฝกในหองเรยน เรอง Motion สเหลยม เพอความเขาใจทมากขนผสอนจะเดนตรวจสอบการท างาน และอธบายเพมเตมเปนรายบคคล

- ใช VDO ตวอยางงาน เพอน าเขาบทเรยนพรอมอธบายเรอง เทคนคแอนเมชน โดยใชเสน โปรแกรม Adobe Effects cs6 พรอมอธบายขนตอนการท า เทคนคแอนเมชน โดยใชเสน โปรแกรม Adobe Effects cs6 และไดตงโจทยตาม ใบงานท 4 เรอง Motion โดยใชเสน ผสอนสาธตและบรรยายวธการท า เพอความเขาใจทมากขนผสอนจะเดนตรวจสอบการท างาน และอธบายเพมเตมเปนรายบคคล ส าหรบการสราง ชนงานในชวโมงถดไป

- พรอมทงเปดเพลงเพอเพมบรรยากาศทดในการเรยนประกอบ แลวใหน าชนงาน การออกแบบ Motion Grphic มาสงในสปดาหตอไป เทคนควธการสอนทน ามาใช - การบรรยาย - การถาม-ตอบ - การปฏบต สอและแหลงการเรยนร / บทเรยนออนไลน

1. สอ VDO ตวอยางงาน เรอง การสรางชนงาน การท า Motion Grphic อยางงาย 2. สอ VDO ตวอยางงาน เรอง เทคนคแอนเมชน โดยใชเสน 3. ใบงานท 4 เรอง Motion โดยใชเสน

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

1. สมถาม-ตอบ 2. ใบงานท 4 เรอง Motion โดยใชเสน

1.นศ. จะตองตอบค าถามตามความเขาใจได 80% 2. ใบงานท 4 ม คะแนน 4 คะแนน ก าหนดใหได 4 คะแนน เมอ นศ สรางงานอยางถกตอง ตามขอมลทก าหนด ก าหนดใหได 3 คะแนน เมอ นศ สรางงานอยางถกตอง ตามขอมลทก าหนด ขาด1หวขอ ก าหนดใหได 2 คะแนน เมอ นศ มาเรยนครบและปฏบตงานในหองบาง แมยงไมเสรจกตาม ก าหนดใหได 1 คะแนน เมอ นศ มาเรยนบางและเขาหองสายเลกนอยใน ชม.

Page 15: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1328-56-2308-2007.pdf · 2019-02-11 · แผนการจัดการเรียนรู้แบบฐานสมรรถนะ

ใบมอบหมายงานท 4 เรอง Motion โดยใชเสน

วชา กราฟกแอนเมชน รหสวชา 2308-2007 ระดบ ปวช. ปท 2

หนวยเรยนท 2 ชอหนวย พนฐานการใชโปรแกรมในการสรางภาพเคลอนไหว เทคนค Motion Grphic

จดประสงค

1. เพอแสดงวธ สราง Motion โดยใชเสน ไดเหมาะสม ระยะเวลา 1 สปดาห วนทมอบหมายงาน…………./…………/………. สงวนท…………./…………/………. ค าสง ให นศ. เลอกออกแบบกราฟกแอนเมชน Motion Grphic โดยใชเสน เวลา 30 วนาท การวดประเมนผล และเกณฑการประเมน

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

Page 16: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1328-56-2308-2007.pdf · 2019-02-11 · แผนการจัดการเรียนรู้แบบฐานสมรรถนะ

กจกรรมการเรยนการสอน ( สปดาหท 6 ชวโมงท 26-30 ) - ใช VDO ตวอยางงาน เพอน าเขาบทเรยนพรอมอธบายเรอง การน า Ai /Ps มาใชงาน สราง Motion โปรแกรม

Adobe Effects cs6 - ผสอนสาธตและบรรยายวธการใช Ai /Ps มาใชงาน สราง Motion โปรแกรม Adobe Effects cs6 และทบทวน

เนอหา สปดาหท 3 สงส าคญผเรยนตองแสดงการน าความรความเขาใจเกาจากสปดาหท 3 มาใชงาน พรอมอธบายขนตอนการ การน า Ai /Ps มาใชงาน สราง Motion โปรแกรม Adobe Effects cs6 และ ไดตงโจทย เพอเปนแบบฝกในหองเรยน เรอง สราง Motion กราฟกชอนกศกษา ดวยโปรแกรม Adobe Effects cs6 เพอความเขาใจทมากขนผสอนจะเดนตรวจสอบการท างาน และอธบายเพมเตมเปนรายบคคล

- ใช VDO ตวอยางงาน เพอน าเขาบทเรยนพรอมอธบายเรอง ท า Logo รายการ และ ไดตงโจทยตาม ใบงานท 5 เรอง สราง Motion Logo ผสอนสาธตและบรรยายวธการท าพรอมทบทวนวธ การน า Ai /Ps มาใชงาน สราง Motion โปรแกรม Adobe Effects cs6 เพอความเขาใจทมากขนผสอนจะเดนตรวจสอบการท างาน และอธบายเพมเตมเปนรายบคคล ส าหรบการสราง ชนงานในชวโมง

- พรอมทงเปดเพลงเพอเพมบรรยากาศทดในการเรยนประกอบ แลวใหน าชนงาน การขยบตวละคร มาสงในสปดาหตอไป เทคนควธการสอนทน ามาใช - การบรรยาย - การถาม-ตอบ - การปฏบต สอและแหลงการเรยนร / บทเรยนออนไลน

1. สอ VDO ตวอยางงาน เรอง การน า Ai /Ps มาใชงาน สราง Motion 2. สอ VDO ตวอยางงาน ท า Logo รายการ 3. ใบงานท 5 เรอง สราง Motion Logo

การวดประเมนผล เกณฑการประเมนผล 1. สมถาม-ตอบ 2. ใบงานท 5 เรอง สราง Motion Logo

1.นศ. จะตองตอบค าถามตามความเขาใจได 80% 2. ใบงานท 5 ม คะแนน 2 คะแนน ก าหนดใหได 2 คะแนน เมอ นศ สรางงานอยางถกตอง ตามขอมลทก าหนด หวขอ ก าหนดใหได 1 คะแนน เมอ นศ มาเรยนครบและปฏบตงานในหองบาง แมยงไมเสรจกตาม

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

Page 17: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1328-56-2308-2007.pdf · 2019-02-11 · แผนการจัดการเรียนรู้แบบฐานสมรรถนะ

ใบมอบหมายงานท 5 เรอง สราง Motion Logo

วชา กราฟกแอนเมชน รหสวชา 2308-2007 ระดบ ปวช. ปท 2

หนวยเรยนท 2 ชอหนวย พนฐานการใชโปรแกรมในการสรางภาพเคลอนไหว เทคนค Motion Grphic

จดประสงค

1. เพอแสดงวธ สรางกราฟกแอนเมชน สราง Motion Logo ไดเหมาะสม ระยะเวลา 1 สปดาห วนทมอบหมายงาน…………./…………/………. สงวนท…………./…………/………. ค าสง ให นศ. เลอกออกแบบกราฟกแอนเมชน Motion Logo โดยใชเสน เวลา 30 วนาท การวดประเมนผล และเกณฑการประเมน

ก าหนดใหได 2 คะแนน เมอ นศ ออกแบบกราฟกแอนเมชน Motion Logo ไดอยางถกตอง ตามขอมลทก าหนด ก าหนดใหได 1 คะแนน เมอ นศ มาเรยนครบและปฏบตงานในหองบาง แมยงไมเสรจกตาม

Page 18: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1328-56-2308-2007.pdf · 2019-02-11 · แผนการจัดการเรียนรู้แบบฐานสมรรถนะ

กจกรรมการเรยนการสอน ( สปดาหท 7 ชวโมงท 31-35 ) - ใช VDO ตวอยางงาน เพอน าเขาบทเรยนพรอมอธบายเรอง Motion blur / Toggle Switches /Modes เพอ

เทคนคแอนเมชน พฐ.ท า Motion Grphic สนคา ผเรยนตองแสดงการน าความรความเขาใจเรอง การน า Ai /Ps มาใชงาน สราง Motion ผสอนสาธตและบรรยายวธการท า เพอความเขาใจทมากขนผสอนจะเดนตรวจสอบการท างาน และอธบายเพมเตมเปนรายบคคล ส าหรบการสราง ชนงานในชวโมง พรอมทงเปดเพลงเพอเพมบรรยากาศทดในการเรยนประกอบ

- ใช VDO ตวอยางงาน เพอน าเขาบทเรยนพรอมอธบายเรอง พฐ.ท า Motion Grphic สนคา และ ไดตงโจทยตาม ใบงานท 6 เรอง Project กลางภาค ก าหนดใหท า 1 คนตอ 1 ผลงาน ผสอนบรรยายวธการท า Motion สนคาเลยนแบบ Big C เพอความเขาใจทมากขน ผสอนจะเดนตรวจสอบการท างาน และอธบายเพมเตมเปนรายบคคล ส าหรบการสราง ชนงานในชวโมง พรอมทงเปดเพลงเพอเพมบรรยากาศทดในการเรยนประกอบ แลวใหน าชนงาน การขยบตวละคร มาสงในสปดาหตอไป -ผเรยนตองแสดงควมรทไดเรยนกอนหนาน ามาใชงาน โดยผานกระบวนการวเคราะหจากขอมล และขยนศกษาตวอยางงาน Motion สนคา Big C จากผอน เพอสรางความรอบร มสตปญญาและมภมคมกนในการแกปญหา อกทงมการถามกระตนจากผสอน จนสามารถสงเคราะหออกมาเปนชนงานตามกระบวนการได เพอสรางชนงานไดถกตองตามหวขอทก าหนด เทคนควธการสอนทน ามาใช - การบรรยาย - การถาม-ตอบ - การปฏบต - แลกเปลยนแนวความคด - การสบคนขอมลดวยตนเอง สอและแหลงการเรยนร / บทเรยนออนไลน

1. สอ VDO ตวอยางงาน เรอง Motion blur / Toggle Switches /Modes 2. สอ VDO ตวอยางงาน เรอง พฐ.ท า Motion Grphic สนคา

4. ใบงานท 6 เรอง Project สอบกลางภาค

การวดประเมนผล เกณฑการประเมนผล 1. สมถาม-ตอบ 2.ใบงานท 6 เรอง Project สอบกลางภาค

1.นศ. จะตองตอบค าถามตามความเขาใจได 80% 2. ใบงานท 6 ม คะแนน10 คะแนน ก าหนดใหได 9-10 คะแนน เมอ นศ สรางงานอยางถกตอง ตามขอมลทก าหนด ก าหนดใหได 7-8 คะแนน เมอ นศ สรางงานอยางถกตอง ตามขอมลทก าหนด ขาด1หวขอ ก าหนดใหได 5-6 คะแนน เมอ นศ สรางงาน ไดอยางถกตอง ตามขอมลทก าหนด ขาด ขาด2หวขอ ก าหนดใหได 3-4 คะแนน เมอ นศ มาเรยนครบและปฏบตงานในหองบาง แมยงไมเสรจก

Page 19: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1328-56-2308-2007.pdf · 2019-02-11 · แผนการจัดการเรียนรู้แบบฐานสมรรถนะ

ตาม ก าหนดใหได 0-2 คะแนน เมอ นศ มาเรยนบางและเขาหองสายเลกนอยใน ชม.

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

Page 20: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1328-56-2308-2007.pdf · 2019-02-11 · แผนการจัดการเรียนรู้แบบฐานสมรรถนะ

ใบมอบหมายงานท 6 เรอง Project สอบกลางภาค

วชา กราฟกแอนเมชน รหสวชา 2308-2007 ระดบ ปวช. ปท 2

หนวยเรยนท 2 ชอหนวย พนฐานการใชโปรแกรมในการสรางภาพเคลอนไหว เทคนค Motion Grphic

จดประสงค

1. เพอแสดงวธสราง Motion ประกอบขอมล ไดอยางถกตอง ระยะเวลา 1 สปดาห วนทมอบหมายงาน…………./…………/………. สงวนท…………./…………/………. ค าสง ให นศ. ท า Motion สนคาเลยนแบบ Big C ไดอยางถกตอง ตามหวขอทก าหนดดงตอไปน การวดประเมนผล และเกณฑการประเมน

ก าหนดใหได 9-10 คะแนน เมอ นศ ท า Motion ไดอยางถกตอง ตามขอมลทก าหนด ตดตออยางงาย เปนVDO ก าหนดใหได 7-8 คะแนน เมอ นศ ท า Motion ไดอยางถกตอง ตามขอมลทก าหนดขาดการ render ตดตออยาง

งาย เปนVDO ก าหนดใหได 5-6 คะแนน เมอ นศ ท า Motion ตามขอมลทก าหนดขาดการ render ตดตออยางงาย เปนVDO

ขาดทกษะการออกแบบตวละครและฉาก เปน layer กอนท างาน ก าหนดใหได 3-4 คะแนน เมอ นศ ท า Motion ตามขอมลทก าหนดขาดการ render ตดตออยางงาย เปนVDO

ขาดทกษะการออกแบบตวละครและฉาก เปน layer กอนท างาน ขาดเสยงบรรยายเนอหา ก าหนดใหได 0-2 คะแนน เมอ นศ มาเรยนครบและปฏบตงานในหองบาง แมยงไมเสรจกตาม

Page 21: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1328-56-2308-2007.pdf · 2019-02-11 · แผนการจัดการเรียนรู้แบบฐานสมรรถนะ

กจกรรมการเรยนการสอน ( สปดาหท 8 ชวโมงท 36-40 ) - สงงาน Project สอบกลางภาค สอและแหลงการเรยนร / บทเรยนออนไลน

1. ใบงานท 6 เรอง Project สอบกลางภาค

การวดประเมนผล เกณฑการประเมนผล 1.ใบงานท 6 เรอง Project สอบกลางภาค 1. ใบงานท 6 ม คะแนน10 คะแนน

ก าหนดใหได 9-10 คะแนน เมอ นศ สรางงานอยางถกตอง ตามขอมลทก าหนด ก าหนดใหได 7-8 คะแนน เมอ นศ สรางงานอยางถกตอง ตามขอมลทก าหนด ขาด1หวขอ ก าหนดใหได 5-6 คะแนน เมอ นศ สรางงาน ไดอยางถกตอง ตามขอมลทก าหนด ขาด ขาด2หวขอ ก าหนดใหได 3-4 คะแนน เมอ นศ มาเรยนครบและปฏบตงานในหองบาง แมยงไมเสรจกตาม ก าหนดใหได 0-2 คะแนน เมอ นศ มาเรยนบางและเขาหองสายเลกนอยใน ชม.

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

Page 22: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1328-56-2308-2007.pdf · 2019-02-11 · แผนการจัดการเรียนรู้แบบฐานสมรรถนะ

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

หนวยท 3 ชอวชา กราฟกแอนเมชน รหสวชา 2308-2007 สอนสปดาหท 9-14

ชอหนวย พนฐานการใชงานโปรแกรมในการสรางภาพเคลอนไหว แบบเทคนค InfoGrphic

ชวโมงรวม 30 ชวโมง

ระดบ ปวช. ชอผสอน ทศพล เกาะสมบต จ านวน 5 ชงโมง/สปดาห สาระส าคญ การใชโปรแกรมในการสรางภาพเคลอนไหว แบบเทคนค InfoGrphic ในสอปจจบนกาวล าสมยทงสอบน TV และสอบนระบบอนเทอรเนต จงมความส าคญในยคน เพอใหเขาใจพนฐานและน าไปปฏบตงานในสายอาชพนไดด จดประสงคการเรยนร จดประสงคทวไป 1. รและเขาใจขนตอนการออกแบบแอนเมชน เทคนค InfoGrphic 2. ใชโปรแกรม After Efftects cs6 สรางภาพเคลอนไหว แบบเทคนค InfoGrphic จดประสงคเชงพฤตกรรม 1. บอกความหมายภาพเคลอนไหว เทคนค InfoGrphic 2. บอกหลกการออกแบบกราฟก โดยสรางจากโปรแกรม Ai /Ps 3. ออกแบบงานดวย เทคนคแอนเมชน Glitch Effect 4. ออกแบบงาน เทคนคแอนเมชน ปายหลอดไฟเรองแสง 5. ออกแบบงาน เทคนคแอนเมชน 3D Parallax Photo Slideshow 6. ออกแบบงาน เทคนคแอนเมชน Watercolor 7. ออกแบบงาน เทคนคแอนเมชน Tracking Titles Into Video Shots

8. ออกแบบงาน เทคนคแอนเมชน แอคชนสคลปขยบปากตามเสยง 9. พนฐานออกแบบงานแอนเมชนตวละคร 10. พนฐานการสรางงาน pre-composition 11. พนฐาน การสราง InfoGrphic จาก pre-composition

สมรรถนะรายหนวย สรางภาพเคลอนไหว โดยใชโปรแกรม After Efftects cs6 ดวย แบบ แบบเทคนค InfoGrphic ไดอยางถกตองตามหลกการ สรางภาพเคลอนไหว รายวชาทจดควบคหรอบรณาการ วชา...........................................รหสวชา................. วธการบรณาการ (ไมจ าเปนตองมทกหนวย แตถามตองเขยนใหชดเจน ทงวธการ การวด ประเมนผล) 1.

Page 23: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1328-56-2308-2007.pdf · 2019-02-11 · แผนการจัดการเรียนรู้แบบฐานสมรรถนะ

สาระการเรยนร 3. พนฐานการใชโปรแกรมในการสรางภาพเคลอนไหว แบบเทคนค InfoGrphic 3.1 ขนตอนการออกแบบแอนเมชน เทคนค InfoGrphic 3.1.1 ความหมายภาพเคลอนไหว เทคนค InfoGrphic 3.1.2 หลกการออกแบบกราฟก โดยสรางจากโปรแกรม Ai /Ps การใชฉากและตวละคร เพอสรางภาพเคลอนไหว เทคนค InfoGrphic 3.2 ใชโปรแกรม After Efftects cs6 สรางภาพเคลอนไหว แบบเทคนค InfoGrphic 3.2.1 เทคนคแอนเมชน Glitch Effect 3.2.2 เทคนคแอนเมชน ปายหลอดไฟเรองแสง 3.2.3 เทคนคแอนเมชน 3D Parallax Photo Slideshow 3.2.4 เทคนคแอนเมชน Watercolor 3.2.5 เทคนคแอนเมชน Tracking Titles Into Video Shots 3.2.6 เทคนคแอนเมชน แอคชนสคลปขยบปากตามเสยง 3.2.7 พนฐานการแอนเมชนตวละคร 3.2.8 พนฐานการใชงาน pre-composition 3.2.9 พนฐานน า pre-composition มาท า InfoGrphic ปรชญาเศรษฐกจพอเพยงและคณธรรมทมงเนน 1. มเหตผล 2. รอบร 3. รอบคอบ 4. ขยน 5. มสตปญญา 6. ซอสตย 7. แบงปน น าปญหาและอปสรรคในการเรยนการสอนมาปรบปรงการเรยนการสอน 1. นกศกษามระบบความเขาใจทแตกตางกนจงตองพยามชกน าวาการปฏบตงานไมยากอยางทคด กจกรรมการเรยนการสอน ( สปดาหท 9 ชวโมงท 41-45 )

- ใช VDO ตวอยางงาน เพอน าเขาบทเรยนพรอมอธบายเรอง เทคนคแอนเมชน Glitch Effect เพอใหตอเนองกบเนอหาขนตอนการท าแอนเมชน พรอมอธบายขนตอนการท า และ สมถาม เพอตรวจสอบความเขาใจ แลวใหทดลองท าในเวลาเรยนทงใหน าชนงาน มาสงในชวโมง

- ใช VDO ตวอยางงาน เพอน าเขาบทเรยนพรอมอธบายเรอง เทคนคแอนเมชน ปายหลอดไฟเรองแสง โดยผสอนสาธตวธการท า เทคนคแอนเมชน ปายหลอดไฟเรองแสง โดยไดใช โจทย ใบงานท 7 เรอง เทคนคแอนเมชน ปายหลอดไฟเรองแสง เพอความเขาใจทมากขน ผสอนจะเดนตรวจสอบการท างาน และอธบายเพมเตมเปนรายบคคลพรอมทง อกทงกลาวชมเชย นศ. ผขยนท างานและสามารถแสดงความรอบรพนฐาน เรอง ใชโปรแกรม After Efftects cs6 กระตนเปนระยะเพอ การท างาน ทงเปดเพลงเพอเพมบรรยากาศทดในการเรยนประกอบ แลวใหน าชนงาน เทคนคแอนเมชน ยงปน มาสงในสปดาหตอไป

Page 24: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1328-56-2308-2007.pdf · 2019-02-11 · แผนการจัดการเรียนรู้แบบฐานสมรรถนะ

เทคนควธการสอนทน ามาใช - การบรรยาย - การถาม-ตอบ - การปฏบต สอและแหลงการเรยนร / บทเรยนออนไลน

1. สอ VDO ตวอยางงาน เรอง เทคนคแอนเมชน Glitch Effect 2. สอ VDO ตวอยางงาน เรอง เทคนคแอนเมชน ปายหลอดไฟเรองแสง 3. ใบงานท 7 เรอง เทคนคแอนเมชน ปายหลอดไฟเรองแสง

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

1. สมถาม-ตอบ 2. ใบงานท 7 เรอง เทคนคแอนเมชน ปายหลอดไฟเรองแสง

1.นศ. จะตองตอบค าถามตามความเขาใจได 80% 2. ใบงานท 7 ม คะแนน 3 คะแนน ก าหนดใหได 3 คะแนน เมอ นศ สรางงานอยางถกตอง ตามขอมลทก าหนด ก าหนดใหได 2 คะแนน เมอ นศ สรางงานอยางถกตอง ตามขอมลทก าหนด ขาด1หวขอ ก าหนดใหได 1 คะแนน เมอ นศ มาเรยนครบและปฏบตงานในหองบาง แมยงไมเสรจกตาม

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

Page 25: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1328-56-2308-2007.pdf · 2019-02-11 · แผนการจัดการเรียนรู้แบบฐานสมรรถนะ

ใบมอบหมายงานท 7 เรอง เทคนคแอนเมชน ปายหลอดไฟเรองแสง

วชา กราฟกแอนเมชน รหสวชา 2308-2007 ระดบ ปวช. ปท 2

หนวยเรยนท 3 ชอหนวย พนฐานการใชโปรแกรมในการสรางภาพเคลอนไหว แบบเทคนค InfoGrphic

จดประสงค

1. เพอแสดงวธ ท า โปรแกรม After Efftects cs6 เทคนคแอนเมชน ปายหลอดไฟเรองแสงไดอยางถกตอง ระยะเวลา 1 สปดาห วนทมอบหมายงาน…………./…………/………. สงวนท…………./…………/………. ค าสง ให นศ. ออกแบบแอนเมชน ปายหลอดไฟเรองแสง ไดอยางถกตอง ตามกราฟกทก าหนด การวดประเมนผล และเกณฑการประเมน

ก าหนดใหได 3 คะแนน เมอ นศ ออกแบบแอนเมชน ปายหลอดไฟเรองแสง ไดอยางถกตอง ตามขอมลทก าหนด ก าหนดใหได 2 คะแนน เมอ นศ ออกแบบแอนเมชน ปายหลอดไฟเรองแสง ไดอยางถกตอง ตามขอมลทก าหนด

ขาด render ก าหนดใหได 1 คะแนน เมอ นศ มาเรยนครบและปฏบตงานในหองบาง แมยงไมเสรจกตาม

Page 26: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1328-56-2308-2007.pdf · 2019-02-11 · แผนการจัดการเรียนรู้แบบฐานสมรรถนะ

กจกรรมการเรยนการสอน ( สปดาหท 10 ชวโมงท 21-25 ) - ใช VDO ตวอยางงาน เพอน าเขาบทเรยนพรอมอธบายเรอง เทคนคแอนเมชน 3D Parallax Photo Slideshow

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

- ใช VDO ตวอยางงาน เพอน าเขาบทเรยนพรอมอธบายเรอง เทคนคแอนเมชน Watercolor โดยผสอนสาธตวธการท า เทคนคแอนเมชน Watercolor อกทงผสอนทบทวน เทคนคแอนเมชน 3D โดยไดใช โจทย ใบงานท 8 เรอง ท าแอนเมชน “Watercolor” ใหตอเนอง เพอความเขาใจทมากขน ผสอนจะเดนตรวจสอบการท างาน และอธบายเพมเตมเปนรายบคคลพรอมทง อกทงกลาวชมเชย นศ. ผขยนท างานและสามารถแสดงความรอบรพนฐาน เรอง เทคนคแอนเมชน Watercolor กระตนเปนระยะเพอ การท างาน ทงเปดเพลงเพอเพมบรรยากาศทดในการเรยนประกอบ แลวใหน าชนงาน ท าแอนเมชน “Watercolor” มาสงในสปดาหตอไป เทคนควธการสอนทน ามาใช - การบรรยาย - การถาม-ตอบ - การปฏบต สอและแหลงการเรยนร / บทเรยนออนไลน

1. สอ VDO ตวอยางงาน เรอง เทคนคแอนเมชน 3D Parallax Photo Slideshow 2. สอ VDO ตวอยางงาน เรอง เทคนคแอนเมชน Watercolor 3. ใบงานท 8 เรอง ท าแอนเมชน “Watercolor”

การวดประเมนผล เกณฑการประเมนผล 1. สมถาม-ตอบ 2. ใบงานท 8 เรอง ท าแอนเมชน “Watercolor”

1.นศ. จะตองตอบค าถามตามความเขาใจได 80% 2. ใบงานท 8 ม คะแนน 5 คะแนน ก าหนดใหได 5 คะแนน เมอ นศ สรางงานอยางถกตอง ตามขอมลทก าหนด ก าหนดใหได 4 คะแนน เมอ นศ สรางงานอยางถกตอง ตามขอมลทก าหนด ขาด1หวขอ ก าหนดใหได 3 คะแนน เมอ นศ สรางงาน ไดอยางถกตอง ตามขอมลทก าหนด ขาด ขาด2หวขอ ก าหนดใหได 2 คะแนน เมอ นศ มาเรยนครบและปฏบตงานในหองบาง แมยงไมเสรจกตาม ก าหนดใหได 1 คะแนน เมอ นศ มาเรยนบางและเขาหองสายเลกนอยใน ชม.

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

Page 27: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1328-56-2308-2007.pdf · 2019-02-11 · แผนการจัดการเรียนรู้แบบฐานสมรรถนะ

ใบมอบหมายงานท 8 เรอง ท าแอนเมชน “Watercolor”

วชา กราฟกแอนเมชน รหสวชา 2308-2007 ระดบ ปวช. ปท 2

หนวยเรยนท 3 ชอหนวย พนฐานการใชโปรแกรมในการสรางภาพเคลอนไหว แบบเทคนค InfoGrphic

จดประสงค

1. เพอแสดงวธ เทคนคแอนเมชน Watercolor หรอ เทคนคแอนเมชน 3D Parallax Photo Slideshow รายการไดอยางถกตอง ระยะเวลา 1 สปดาห วนทมอบหมายงาน…………./…………/………. สงวนท…………./…………/………. ค าสง ให นศ. ท าแอนเมชน “Watercolor” ไดอยางถกตอง ระยะเวลา 2 นาท แลวแตเลอก การวดประเมนผล และเกณฑการประเมน

ก าหนดใหได 5 คะแนน เมอ นศ ท าแอนเมชน “Watercolor” ไดอยางถกตอง ก าหนดใหได 4 คะแนน เมอ นศ ท าแอนเมชน “Watercolor” ได ขาด Render ก าหนดใหได 3 คะแนน เมอ นศ ท าแอนเมชน “Watercolor” ได ขาด Render และ 3D ก าหนดใหได 2 คะแนน เมอ นศ ท าแอนเมชน “Watercolor” ได ขาด เทคนคท าหมะ และ 3D แตนอยมาก ก าหนดใหได 1 คะแนน เมอ นศ มาเรยนครบและปฏบตงานในหองบาง แมยงไมเสรจกตาม

Page 28: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1328-56-2308-2007.pdf · 2019-02-11 · แผนการจัดการเรียนรู้แบบฐานสมรรถนะ

กจกรรมการเรยนการสอน ( สปดาหท 11 ชวโมงท 16-20 ) - ใช VDO ตวอยางงาน เพอน าเขาบทเรยนพรอมอธบายเรอง เทคนคแอนเมชน Tracking Titles Into Video

Shots เพอใหตอเนองกบเนอหาขนตอนการท าแอนเมชน โดยผสอนสาธตวธการท า เทคนคแอนเมชน Tracking Titles Into Video พรอมอธบายขนตอนการท า และ สมถาม เพอตรวจสอบความเขาใจ แลวใหน าชนงาน มาสงในชวโมง

- ใช VDO ตวอยางงาน เพอน าเขาบทเรยนพรอมอธบายเรอง เทคนคแอนเมชน แอคชนสคลป ขยบปากตามเสยง โดยผสอนสาธตวธการท า เทคนคแอนเมชน แอคชนสคลป ขยบปากตามเสยง โดยไดใช โจทย ใบงานท 9 เรอง แอคชนสคลป ขยบปากตามเสยง เพอความเขาใจทมากขน ผสอนจะเดนตรวจสอบการท างาน และอธบายเพมเตมเปนรายบคคลพรอมทง อกทงกลาวชมเชย นศ. ผขยนท างานและ กระตนเปนระยะเพอ การท างาน ทงเปดเพลงเพอเพมบรรยากาศทดในการเรยนประกอบ แลวใหน าชนงาน แอคชนสคลป ขยบปากตามเสยง มาสงในสปดาหตอไป เทคนควธการสอนทน ามาใช - การบรรยาย - การถาม-ตอบ - การปฏบต สอและแหลงการเรยนร / บทเรยนออนไลน

1. สอ VDO ตวอยางงาน เรอง เทคนคแอนเมชน แอคชนสคลป ขยบปากตามเสยง 2. สอ VDO ตวอยางงาน เรอง เทคนคแอนเมชน Tracking Titles Into Video 3. ใบงานท 8 เรอง แอคชนสคลป ขยบปากตามเสยง

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

1. สมถาม-ตอบ 2. ใบงานท 8 เรอง แอคชนสคลป ขยบปากตามเสยง

1.นศ. จะตองตอบค าถามตามความเขาใจได 80% 2. ใบงานท 8 ม คะแนน 5 คะแนน ก าหนดใหได 5 คะแนน เมอ นศ สรางงานอยางถกตอง ตามขอมลทก าหนด ก าหนดใหได 4 คะแนน เมอ นศ สรางงานอยางถกตอง ตามขอมลทก าหนด ขาด1หวขอ ก าหนดใหได 3 คะแนน เมอ นศ สรางงาน ไดอยางถกตอง ตามขอมลทก าหนด ขาด ขาด2หวขอ ก าหนดใหได 2 คะแนน เมอ นศ มาเรยนครบและปฏบตงานในหองบาง แมยงไมเสรจกตาม ก าหนดใหได 1 คะแนน เมอ นศ มาเรยนบางและเขาหองสายเลกนอยใน ชม.

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

Page 29: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1328-56-2308-2007.pdf · 2019-02-11 · แผนการจัดการเรียนรู้แบบฐานสมรรถนะ

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

วชา กราฟกแอนเมชน รหสวชา 2308-2007 ระดบ ปวช. ปท 2

หนวยเรยนท 3 ชอหนวย พนฐานการใชโปรแกรมในการสรางภาพเคลอนไหว แบบเทคนค InfoGrphic

จดประสงค

1. เพอแสดงวธ เทคนคแอนเมชน แอคชนสคลป ขยบปากตามเสยง ไดอยางถกตอง ระยะเวลา 1 สปดาห วนทมอบหมายงาน…………./…………/………. สงวนท…………./…………/………. ค าสง ให นศ. ออกแบบแอนเมชน แอคชนสคลป ขยบปากตามเสยง ไดอยางถกตอง ตามบทบรรยายทก าหนด การวดประเมนผล และเกณฑการประเมน

ก าหนดใหได 5 คะแนน เมอ นศ ออกแบบ แอนเมชน แอคชนสคลป ไดอยางถกตอง ก าหนดใหได 4 คะแนน เมอ นศ ออกแบบ แอนเมชน แอคชนสคลป ได ขาด Render ก าหนดใหได 3 คะแนน เมอ นศ ออกแบบ แอนเมชน แอคชนสคลป ได ขาด Render และปากไมขยบ ก าหนดใหได 2 คะแนน เมอ นศ ออกแบบ แอนเมชน แอคชนสคลป ได ขาด Render และปากไมขยบ อดเสยงไม

ครบตามบทบรรยายทก าหนด ก าหนดใหได 1 คะแนน เมอ นศ มาเรยนครบและปฏบตงานในหองบาง แมยงไมเสรจกตาม

Page 30: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1328-56-2308-2007.pdf · 2019-02-11 · แผนการจัดการเรียนรู้แบบฐานสมรรถนะ

กจกรรมการเรยนการสอน ( สปดาหท 12 ชวโมงท 56-60 ) - ใช VDO ตวอยางงาน เพอน าเขาบทเรยนพรอมอธบายเรอง เทคนคการสรางตวละคร โดยผสอนสาธตวธการท า

ท า character After Effects อกทงผสอนทบทวน เทคนคแอนเมชน แอคชนสคลป ขยบปากตามเสยง โดยไดใช โจทย ใบงานท 10 เรอง ท า character design ขยบ ปฏบตเพมเตมรวม 2 เทคนค ใหตอเนอง เพอความเขาใจทมากขน ผสอนจะเดนตรวจสอบการท างาน และอธบายเพมเตมเปนรายบคคลพรอมทง อกทงกลาวชมเชย นศ. ผขยนท างานและสามารถแสดงความรอบรพนฐาน เรอง เทคนคแอนเมชน แอคชนสคลป ขยบปากตามเสยง กระตนเปนระยะเพอ การท างาน ทงเปดเพลงเพอเพมบรรยากาศทดในการเรยนประกอบ แลวใหน าชนงาน เรอง ท า character design ขยบ มาสงในสปดาหตอไป

- ใช VDO ตวอยางงาน เพอน าเขาบทเรยนพรอมอธบายเรอง พฐ.การสรางงาน และความหมาย เทคนค InfoGrphic เพอใหตอเนองกบเนอหาขนตอนการท าแอนเมชน InfoGrphic โดยผสอนบรรยายสวนประกอบหลก เทคนค InfoGrphic พรอมอธบายขนตอนการท า และ สมถาม เพอตรวจสอบความเขาใจ เทคนควธการสอนทน ามาใช - การบรรยาย - การถาม-ตอบ - การปฏบต สอและแหลงการเรยนร / บทเรยนออนไลน

1. สอ VDO ตวอยางงาน เรอง เทคนคการสรางตวละคร 2. สอ VDO ตวอยางงาน เรอง พฐ.การสรางงาน และความหมาย เทคนค InfoGrphic 3. ใบงานท 10 เรอง ท า character design ขยบ

การวดประเมนผล เกณฑการประเมนผล 1. สมถาม-ตอบ 2. ใบงานท 10 เรอง ท า character design ขยบ

1.นศ. จะตองตอบค าถามตามความเขาใจได 80% 2. ใบงานท 10 ม คะแนน 10 คะแนน ก าหนดใหได 9-10 คะแนน เมอ นศ สรางงานอยางถกตอง ตามขอมลทก าหนด ก าหนดใหได 7-8 คะแนน เมอ นศ สรางงานอยางถกตอง ตามขอมลทก าหนด ขาด1หวขอ ก าหนดใหได 5-6 คะแนน เมอ นศ สรางงาน ไดอยางถกตอง ตามขอมลทก าหนด ขาด ขาด2หวขอ ก าหนดใหได 3-4 คะแนน เมอ นศ มาเรยนครบและปฏบตงานในหองบาง แมยงไมเสรจกตาม ก าหนดใหได 1-2 คะแนน เมอ นศ มาเรยนบางและเขาหองสายเลกนอยใน ชม.

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

Page 31: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1328-56-2308-2007.pdf · 2019-02-11 · แผนการจัดการเรียนรู้แบบฐานสมรรถนะ

ใบมอบหมายงานท 10 เรอง ท า character design ขยบ

วชา กราฟกแอนเมชน รหสวชา 2308-2007 ระดบ ปวช. ปท 2

หนวยเรยนท 3 ชอหนวย พนฐานการใชโปรแกรมในการสรางภาพเคลอนไหว แบบเทคนค InfoGrphic

จดประสงค

1. เพอแสดงวธ สรางแอนเมชน character design ขยบ ไดอยางถกตอง ระยะเวลา 1 สปดาห วนทมอบหมายงาน…………./…………/………. สงวนท…………./…………/………. ค าสง ให นศ. สรางแอนเมชน character design ขยบ ไดอยางถกตอง ระยะเวลา 1 นาท แลวแตเลอก โดย นศ. จะตองวาด character design เองและตองบรรยายค าพดเอง การวดประเมนผล และเกณฑการประเมน ก าหนดใหได 9-10 คะแนน เมอ นศ สรางงานอยางถกตอง ตามขอมลทก าหนด ก าหนดใหได 7-8 คะแนน เมอ นศ สรางงานอยาง ขาด ระยะเวลาไมถง 1 นาท ก าหนดใหได 5-6 คะแนน เมอ นศ สรางงาน ขาด บรรยายค าพด และ ระยะเวลาไมถง 1 นาท ก าหนดใหได 3-4 คะแนน เมอ นศ มาเรยนครบและปฏบตงานในหองบาง แมยงไมเสรจกตาม ก าหนดใหได 1-2 คะแนน เมอ นศ มาเรยนบางและเขาหองสายเลกนอยใน ชม.

Page 32: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1328-56-2308-2007.pdf · 2019-02-11 · แผนการจัดการเรียนรู้แบบฐานสมรรถนะ

กจกรรมการเรยนการสอน ( สปดาหท 13 ชวโมงท 31-35 ) - ใช VDO ตวอยางงาน เพอน าเขาบทเรยนพรอมอธบายเรอง เทคนคการสรางเนอหา InfoGrphic ผเรยนตองแสดง

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

-ผสอนไดตงโจทยตาม ใบงานท 11 เรอง Ai /Ps มาใชงาน เทคนค InfoGrphic ผสอนสาธตและบรรยายทบทวนวธการท า วธเตรยม Ai /Ps มาใชงาน เทคนค InfoGrphic และ ท า storyboard เพอความเขาใจทมากขนผสอนจะเดนตรวจสอบการท างาน และอธบายเพมเตมเปนรายบคคล ส าหรบการสราง ชนงานในชวโมง พรอมทงเปดเพลงเพอเพมบรรยากาศทดในการเรยนประกอบ แลวใหน าชนงาน การขยบตวละคร มาสงในสปดาหตอไป เทคนควธการสอนทน ามาใช - การบรรยาย - การถาม-ตอบ - การปฏบต สอและแหลงการเรยนร / บทเรยนออนไลน

1. สอ VDO ตวอยางงาน เรอง เทคนคการสรางเนอหา InfoGrphic 2. ใบงานท 11 เรอง Ai /Ps มาใชงาน เทคนค InfoGrphic

การวดประเมนผล เกณฑการประเมนผล 1. สมถาม-ตอบ 2. ใบงานท 11 เรอง Ai /Ps มาใชงาน เทคนค InfoGrphic

1.นศ. จะตองตอบค าถามตามความเขาใจได 80% 2. ใบงานท 11 ม คะแนน 2 คะแนน ก าหนดใหได 2 คะแนน เมอ นศ สรางงานอยางถกตอง ตามขอมลทก าหนด หวขอ ก าหนดใหได 1 คะแนน เมอ นศ มาเรยนครบและปฏบตงานในหองบาง แมยงไมเสรจกตาม

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

Page 33: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1328-56-2308-2007.pdf · 2019-02-11 · แผนการจัดการเรียนรู้แบบฐานสมรรถนะ

ใบมอบหมายงานท 11 เรอง Ai /Ps มาใชงาน เทคนค InfoGrphic

วชา กราฟกแอนเมชน รหสวชา 2308-2007 ระดบ ปวช. ปท 2

หนวยเรยนท 3 ชอหนวย พนฐานการใชโปรแกรมในการสรางภาพเคลอนไหว แบบเทคนค InfoGrphic

จดประสงค

1. เพอแสดงวธ เตรยม Ai /Ps มาใชงาน เทคนค InfoGrphic ไดอยางถกตอง ระยะเวลา 1 สปดาห วนทมอบหมายงาน…………./…………/………. สงวนท…………./…………/………. ค าสง ให นศ. เตรยม Ai /Ps มาใชงาน เทคนค InfoGrphic ไดอยางถกตอง โดย นศ. หากราฟกในอนเตอรไดหรอสรางเองได การวดประเมนผล และเกณฑการประเมน

ก าหนดใหได 2 คะแนน เมอ นศ เตรยม Ai /Ps มาใชงาน เทคนค InfoGrphic ไดอยางถกตอง ตามขอมลทก าหนด ก าหนดใหได 1 คะแนน เมอ นศ มาเรยนครบและปฏบตงานในหองบาง แมยงไมเสรจกตาม

Page 34: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1328-56-2308-2007.pdf · 2019-02-11 · แผนการจัดการเรียนรู้แบบฐานสมรรถนะ

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

- ใช VDO ตวอยางงาน เพอน าเขาบทเรยนพรอมอธบายเรอง พฐ.ท า InfoGrphic เพอใหตอเนองกบเนอหาขนตอนการท าแอนเมชน โดยผสอนสาธตวธการ ท า InfoGrphic พรอมอธบายขนตอนการท า และ สมถาม เพอตรวจสอบความเขาใจ แลวใหน าชนงาน มาสงในชวโมง

- ใช VDO ตวอยางงาน เพอน าเขาบทเรยนพรอมอธบายเรอง พฐ.การใชงาน pre-composition หลายๆ อน โดยผสอนสาธตวธการท า pre-composition หลายๆอน อกทงผสอนทบทวน และ พฐ.ท า InfoGrphic โดยไดใช โจทย ใบงานท 12 เรอง ท า InfoGrphic ปฏบตเพมเตมรวม 2 เทคนค ใหตอเนอง เพอความเขาใจทมากขน ผสอนจะเดนตรวจสอบการท างาน และอธบายเพมเตมเปนรายบคคลพรอมทง อกทงกลาวชมเชย นศ. ผขยนท างานและสามารถแสดงความรอบรพนฐาน เรอง ท า InfoGrphic กระตนเปนระยะเพอ การท างาน ทงเปดเพลงเพอเพมบรรยากาศทดในการเรยนประกอบ แลวใหน าชนงาน ปรบฉาก มาสงในสปดาหตอไป เทคนควธการสอนทน ามาใช - การบรรยาย - การถาม-ตอบ - การปฏบต สอและแหลงการเรยนร / บทเรยนออนไลน

1. สอ VDO ตวอยางงาน เรอง พฐ.ท า InfoGrphic 2. สอ VDO ตวอยางงาน เรอง พฐ.การใชงาน pre-composition หลายๆ อน 3. ใบงานท 12 เรอง ท า InfoGrphic

การวดประเมนผล เกณฑการประเมนผล 1. สมถาม-ตอบ 2. ใบงานท 12 เรอง ท า InfoGrphic

1.นศ. จะตองตอบค าถามตามความเขาใจได 80% 2. ใบงานท 12 ม คะแนน 5 คะแนน ก าหนดใหได 5 คะแนน เมอ นศ สรางงานอยางถกตอง ตามขอมลทก าหนด ก าหนดใหได 4 คะแนน เมอ นศ สรางงานอยางถกตอง ตามขอมลทก าหนด ขาด1หวขอ ก าหนดใหได 3 คะแนน เมอ นศ สรางงาน ไดอยางถกตอง ตามขอมลทก าหนด ขาด ขาด2หวขอ ก าหนดใหได 2 คะแนน เมอ นศ มาเรยนครบและปฏบตงานในหองบาง แมยงไมเสรจกตาม ก าหนดใหได 1 คะแนน เมอ นศ มาเรยนบางและเขาหองสายเลกนอยใน ชม.

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

Page 35: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1328-56-2308-2007.pdf · 2019-02-11 · แผนการจัดการเรียนรู้แบบฐานสมรรถนะ

ใบมอบหมายงานท 12 เรอง ท า InfoGrphic

วชา กราฟกแอนเมชน รหสวชา 2308-2007 ระดบ ปวช. ปท 2

หนวยเรยนท 3 ชอหนวย พนฐานการใชโปรแกรมในการสรางภาพเคลอนไหว แบบเทคนค InfoGrphic

จดประสงค

1. เพอแสดงวธ ท า InfoGrphic ไดอยางถกตอง 2. เพอแสดงวธ การใชงาน pre-composition หลายๆ อน ไดอยางถกตอง

ระยะเวลา 1 สปดาห วนทมอบหมายงาน…………./…………/………. สงวนท…………./…………/………. ค าสง ให นศ. ออกแบบแอนเมชน InfoGrphic ไดอยางถกตอง ดวยตวละครทออกแบบไมซ าใคร และใหเดนในฉากภาพบรรยากาศเปนจรง และ ใชงาน pre-composition หลายๆ อน ไดอยางถกตอง การวดประเมนผล และเกณฑการประเมน ก าหนดใหได 5 คะแนน เมอ นศ สรางงานอยางถกตอง ตามขอมลทก าหนด ก าหนดใหได 4 คะแนน เมอ นศ สรางงานอยาง ขาด เสยงบรรยาย ก าหนดใหได 3 คะแนน เมอ นศ สรางงาน ขาด render และ การออกแบบตวละครเอง ก าหนดใหได 2 คะแนน เมอ นศ มาเรยนครบและปฏบตงานในหองบาง แมยงไมเสรจกตาม ก าหนดใหได 1 คะแนน เมอ นศ มาเรยนบางและเขาหองสายเลกนอยใน ชม.

Page 36: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1328-56-2308-2007.pdf · 2019-02-11 · แผนการจัดการเรียนรู้แบบฐานสมรรถนะ

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

หนวยท 4 ชอวชา กราฟกแอนเมชน รหสวชา 2308-2007 สอนสปดาหท 15-18

ชอหนวย พนฐานการเลอกใชเสยงประกอบและการ Render ชวโมงรวม 20 ชวโมง ระดบ ปวช. ชอผสอน ทศพล เกาะสมบต จ านวน 5 ชวโมง/สปดาห

สาระส าคญ ขนตอนการสรางงานแอนเมชนนน พนฐานการเลอกใชเสยงประกอบและการ Render ประกอบดวยทกษะการใชโปรแกรมส าเรจรป และในอกหลายๆ โปรแกรมทถกเลอกเปนอนดบตนๆ โปรแกรม After Efftects cs6 เปนโปรแกรมการสรางความรพนฐาน ของการท างานแอนเมชนเบองตน และทนสมยไดเปนอยางด จดประสงคการเรยนร จดประสงคทวไป 1. ร เขาใจเลอกใชเสยงประกอบและการ Render จดประสงคเชงพฤตกรรม 1. อธบายประเภทเสยงทมผลตองานแอนเมชน 2. สาธตการเลอกเสยงประกอบและน าเขามาใชใน AE 3. ออกแบบงานโดยการใชงาน composition หลายๆอน ตดตอเรองราว พรอม การ Render สมรรถนะรายหนวย

เลอกใชเสยงประกอบและการ Renderไดอยางถกตอง รายวชาทจดควบคหรอบรณาการ วชา...........................................รหสวชา................. วธการบรณาการ (ไมจ าเปนตองมทกหนวย แตถามตองเขยนใหชดเจน ทงวธการ การวด ประเมนผล) 1. สาระการเรยนร 4. พนฐานลอกใชเสยงประกอบและการ Render 4.1 เลอกใชเสยงประกอบและการ Render 4.1.1 ประเภทเสยงทมผลตองานแอนเมชน 4.1.2 การเลอกเสยงประกอบและน าเขามาใชใน AE 4.1.3 การใชงาน composition หลายๆอน ตดตอเรองราว พรอม การ Render ปรชญาเศรษฐกจพอเพยงและคณธรรมทมงเนน 1. เขาใจ 2. น าไปใช 3. วเคราะห

Page 37: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1328-56-2308-2007.pdf · 2019-02-11 · แผนการจัดการเรียนรู้แบบฐานสมรรถนะ

4. รอบร 5. ขยน 6. มสตปญญา 7.มภมคมกน 8.พอประมาณ 9.มเหตผล 10.รอบคอบ น าปญหาและอปสรรคในการเรยนการสอนมาปรบปรงการเรยนการสอน 1. นกศกษามระบบความเขาใจทแตกตางกนจงตองพยามชกน าวาการปฏบตงานไมยากอยางทคด กจกรรมการเรยนการสอน ( สปดาหท 15 ชวโมงท 71-75 )

- ใช VDO ตวอยางงาน เพอน าเขาบทเรยนพรอมอธบายเรอง ประเภทเสยงทมผลตอ งานแอนเมชน เพอใหสมพนธเนอเรองทท าแอนเมชน และใหตอเนองกบเนอหา ออกแบบตวละคร ออกแบบฉาก ในสปดาหกอนหนา สงส าคญผเรยนตองแสดงการน าความรความเขาใจเกาเรอง แอนเมชน ไปใช โดยผสอนสาธตวธการท าโดยน าสงออกแบบมาเรยงเปนแอนเมชน พรอมบอกขอดขอเสย พรอมอธบายขนตอนการท า และสมถาม เพอตรวจสอบความเขาใจ - ผสอนสาธตและบรรยายวธการ เลอกเสยงประกอบ และน าเขามาใชใน AE สงส าคญผเรยนตองแสดงการน าความรความเขาใจเกาเรอง พนฐานการใชโปรแกรม AE เพอความเขาใจทมากขนผสอนจะเดนตรวจสอบการทดสอบใชโปรแกรม และอธบายเพมเตมเปนรายบคคล ส าหรบการใชงานในชวโมงอนตอไป พรอมทงเปดเพลงเพอเพมบรรยากาศทดในการเรยนประกอบ เทคนควธการสอนทน ามาใช - การบรรยาย - การถาม-ตอบ - การปฏบต สอและแหลงการเรยนร / บทเรยนออนไลน

1. สอ VDO ตวอยางงาน เรอง ประเภทเสยงทมผลตอ งานแอนเมชน

การวดประเมนผล เกณฑการประเมนผล 1. สมถาม-ตอบ 1.นศ. จะตองตอบค าถามตามความเขาใจได 80%

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

Page 38: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1328-56-2308-2007.pdf · 2019-02-11 · แผนการจัดการเรียนรู้แบบฐานสมรรถนะ

กจกรรมการเรยนการสอน ( สปดาหท 16 ชวโมงท 76-80 ) - ใช VDO ตวอยางงาน เพอน าเขาบทเรยนพรอมอธบายเรอง การใชงาน composition หลายๆอน ตดตอเรองราว

พรอม การ Render เพอใหสมพนธกบเนอเรอง การท า storyboard และใหตอเนองกบเนอหา ออกแบบตวละคร ออกแบบฉาก ในสปดาหกอนหนา สงส าคญผเรยนตองแสดงการน าความรความเขาใจเกาเรอง การใชโปรแกรม AE ไปใช โดยผสอนสาธตวธการท าโดยน าสงออกแบบมาเรยงเปนแอนเมชน Layout เพอน าเสนอ พรอมอธบายขนตอนการท า และสมถาม เพอตรวจสอบความเขาใจ - ผสอนสาธตและบรรยายวธการใชงาน การ Render บนโปรแกรม Adobe Effects cs6 แบบขนาดไฟลเลกแตชด สงส าคญผเรยนตองแสดงการน าความรความเขาใจเกาเรอง โปรแกรม Adobe Effects cs6 มาใชงาน เพอความเขาใจทมากขนผสอนจะเดนตรวจสอบการทดสอบใชโปรแกรม และอธบายเพมเตมเปนรายบคคล ส าหรบการใชงานในชวโมงอนตอไป พรอมทงเปดเพลงเพอเพมบรรยากาศทดในการเรยนประกอบ เทคนควธการสอนทน ามาใช - การบรรยาย - การถาม-ตอบ - การปฏบต สอและแหลงการเรยนร / บทเรยนออนไลน

1. สอ VDO ตวอยางงาน เรอง การใชงาน composition หลายๆอน ตดตอเรองราว พรอม การ Render การวดประเมนผล เกณฑการประเมนผล

1. สมถาม-ตอบ 1.นศ. จะตองตอบค าถามตามความเขาใจได 80%

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

Page 39: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1328-56-2308-2007.pdf · 2019-02-11 · แผนการจัดการเรียนรู้แบบฐานสมรรถนะ

กจกรรมการเรยนการสอน ( สปดาหท 17 ชวโมงท 21-25 ) - ใช VDO ตวอยางงาน เพอน าเขาบทเรยนพรอมอธบายเรอง การสรางชนงาน รายการ โดยใชโปรแกรม Adobe

Effects cs6 อยางงาย ผสอน บรรยายวธ การสรางชนงาน และไดตงโจทยตาม ใบงานท 13 เรอง ท า รายการและInfoGrphic เวลา 5 นาท เกยวกบ อาชพดานกราฟก สงส าคญผเรยนตองแสดงการน าความรความเขาใจเกาเรอง เทคนคแอนเมชนมาใชงาน ให น.ศ. แบงกลมละ 5 คน แลวใหรวมกนแสดงความคดเหนภายในกลม เพอสราง storyboard อยางงายมาน าเสนอ เพอความเขาใจทมากขนผสอนจะเดนตรวจสอบการท างาน และอธบายเพมเตมเปนรายบคคล ส าหรบการสราง ชนงานในชวโมง พรอมทงเปดเพลงเพอเพมบรรยากาศทดในการเรยนประกอบ แลวใหน าชนงาน มาสงในสปดาหตอไป เทคนควธการสอนทน ามาใช - การบรรยาย - การถาม-ตอบ - การปฏบต - การแบงกลมและรวมกนแสดงความคดเหน สอและแหลงการเรยนร / บทเรยนออนไลน

1. สอ VDO ตวอยางงาน เรอง การสรางชนงาน รายการ 2. ใบงานท 13 เรอง ท า รายการและ InfoGrphic เวลา 5 นาท เกยวกบ อาชพดานกราฟก

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

1. สมถาม-ตอบ 2. ใบงานท 13 เรอง ท า รายการและInfoGrphic เวลา 5 นาท เกยวกบ อาชพดานกราฟก

1.นศ. จะตองตอบค าถามตามความเขาใจได 80% 2. ใบงานท 13 ม คะแนน 30 คะแนน ก าหนดใหได 26-30 คะแนน เมอ นศ สรางงานอยางถกตอง ตามขอมลทก าหนด ก าหนดใหได 20-25 คะแนน เมอ นศ สรางงานอยางถกตอง ตามขอมลทก าหนด ขาด1หวขอ ก าหนดใหได 11-20 คะแนน เมอ นศ สรางงานอยางถกตอง ตามขอมลทก าหนด ขาด1หวขอ ก าหนดใหได 6-10 คะแนน เมอ นศ มาเรยนครบและปฏบตงานในหองบาง แมยงไมเสรจกตาม ก าหนดใหได 5 คะแนน เมอ นศ มาเรยนบางและเขาหองสายเลกนอยใน ชม.

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

Page 40: แผนการจัดการเรียนรู้58.82.156.60/quality/research/p/T1328-56-2308-2007.pdf · 2019-02-11 · แผนการจัดการเรียนรู้แบบฐานสมรรถนะ

ใบมอบหมายงานท 13 เรอง ท า รายการและInfoGrphic เวลา 5 นาท เกยวกบ อาชพดานกราฟก

วชา ออกแบบแอนเมชน2มต รหสวชา ออกแบบแอนเมชน2มต

ระดบ ปวช. ปท 3

หนวยเรยนท 4 ชอหนวย เลอกใชเสยงประกอบและการ Renderไดอยางถกตอง

จดประสงค

1. เพอแสดงความรความสามารถในทกหนวยวชาทงหมดออกมา ผาน รายการและInfoGrphic เวลา 5 นาท ไดอยางถกตอง ระยะเวลา 1 สปดาห วนทมอบหมายงาน…………./…………/………. สงวนท…………./…………/………. ค าสง ให ท า รายการและInfoGrphic เวลา 5 นาท เกยวกบ อาชพดานกราฟกไดอยางถกตอง ให น.ศ. แบงกลมละ 5 คน และปฏบตงานดงตอไปน 1. ออกแบบ สราง รายการโดย น.ศ. เปนผถายท าเอง 2. ออกแบบ สราง storyboard ตามกระบวนการอยางถกตอง 3. ใชโปรแกรม AE ในการท า ไดอยางเหมาะสม 4. เลอกใชเสยงประกอบ ไดอยางเหมาะสม 5. ใชโปรแกรม AE ในการ Render ไดอยางเหมาะสม การวดประเมนผล และเกณฑการประเมน ก าหนดใหได 26-30 คะแนน เมอ นศ สรางงานอยางถกตอง ตามหวขอทก าหนด ก าหนดใหได 20-25 คะแนน เมอ นศ สรางงาน ขาด เลอกใชเสยงประกอบ ไดอยางเหมาะสม ก าหนดใหได 11-20 คะแนน เมอ นศ สรางงาน ขาด เลอกใชเสยงประกอบ ไดอยางเหมาะสม เลอกใชเสยงประกอบ ไดอยางเหมาะสม ใชโปรแกรม AE ในการท า ไดอยางเหมาะสม ก าหนดใหได 6-10 คะแนน เมอ นศ มาเรยนครบและปฏบตงานในหองบาง แมยงไมเสรจกตาม ก าหนดใหได 5 คะแนน เมอ นศ มาเรยนบางและเขาหองสายเลกนอยใน ชม.