ม.ย.60 F-วช-100

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

รหสวชา 2308 - 2003 ชอวชา การออกแบบนเทศศลป ( 3 หนวยกต 4 ชวโมง / สปดาห )

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

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

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

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

โดย อาจารยชานนท หสสรงส

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

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

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

ม.ย.60 F-วช-100

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

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

ชนงาน ค าอธบายรายวชา ศกษาและปฎบตเกยวกบการออกแบบนเทศศลป การน าคอมพวเตอรมาชวยในการออกแบบงานนเทศศลป

ม.ย.60 F-วช-100

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

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

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

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

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

หนวยท 1 ชอวชา การออกแบบนเทศศลป รหส 2308-2003 สอนสปดาหท 1-2

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

ม.ย.60 F-วช-100

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

1.1 ความหมายขององคประกอบศลป 1.1.1 บอกความหมายขององคประกอบศลป 1.1.2 บอกนยามองคประกอบศลปได

1.2 ความส าคญขององคประกอบศลป 1.2.1 องคประกอบทส าคญ 1.2.2 บอกลกษณะของหลกการจดองคประกอบพนฐานได 1.2.3 เอกภาพ (Unity) 1.2.4 ดลยภาพ(Balance) 1.2.5 จดเดน (Dominance) 1.2.6 ความขดแยง (Contrast ) 1.2.7 ความกลมกลน(Harmony) ปรชญาเศรษฐกจพอเพยงและคณธรรมทมงเนน

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

น าปญหาและอปสรรคในการเรยนการสอนมาปรบปรงการเรยนการสอน -

ม.ย.60 F-วช-100

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

- ผสอนชแจงจดประสงคการเรยน - ผสอนแนะน ารายวชาและชแจงการเกบคะแนน ขอตกลงระหวางการเรยน - ผสอนน าเขาสบทเรยนโดยการตงค าถาม ใหนกเรยนแสดงความคดเหนเกยวกบการออกแบบนเทศศลป - ผสอนอบรมเรองความรบผดชอบในการเรยน มารยาท ความตรงตอเวลา - ผสอนอธบายสวนประกอบ ความหมาย ประเภท ของการออกแบบนเทศศลป - ผเรยนทกคนคนหาขอมลใน Internet หวขอ ความหมายและประวตการออกแบบนเทศศลป - ผเรยนในหองรวมกนแสดงความคดเหนเกยวกบการออกแบบนเทศศลปโดยสมใหผเรยนตอบค าถาม - ผเรยนยกตวอยางงานการออกแบบนเทศศลปมาคนละ 1 ตวอยาง แลวอธบายลกษณะของงาน - ผเรยนสรปสรปความหมายและความส าคญของการออกแบบนเทศนศลป

สอและแหลงการเรยนร 1. Internet https://heajan2012.wordpress.com/2012/12/02/การออกแบบนเทศศลป-communication-design/ 2. Computer การวดประเมนผล และเกณฑการประเมน การวดประเมนผล เกณฑการประเมน 1.สบคนขอมลจากInternet 2.สรปความหมายและความส าคญของการออกแบบนเทศนศลป

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

เอกสารอางอง https://heajan2012.wordpress.com/2012/12/02/การออกแบบนเทศศลป-communication-design/

ม.ย.60 F-วช-100

กจกรรมการเรยน (สปดาหท.....2... ชวโมงท....5-8......)

- น าเขาสบทเรยนโดยทบทวนความหมายของการออกแบบนเทศนศลปและประเภทของการออกแบบนเทศนศลปจากผสอน

- ผสอนอธบายประเภทของงานออกแบบนเทศนศลปสวนประกอบของงานออกแบบนเทศนศลปประกอบดวยอะไรบาง และจดประเภทของงานปายในงานประเภทนนๆ

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

สอและแหลงการเรยนร 1. Internet http://kailyart-1.blogspot.com/ 2. Computer การวดประเมนผล และเกณฑการประเมน การวดประเมนผล เกณฑการประเมน 1.สบคนขอมลจากInternet 2.สรปความหมายและความส าคญของการออกแบบนเทศนศลป

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

เอกสารอางอง http://kailyart-1.blogspot.com/

ม.ย.60 F-วช-100

ใบมอบหมายงาน (Assignment Sheet) ท 1

รหสวชา 2308-2003 ชอวชา: การออกแบบนเทศศลป

หนวยท: 1 ชอหนวย: ความรทวไปเกยวกบการออกแบบนเทศศลป

ชองาน: ความรทวไปเกยวกบการออกแบบนเทศศลป

จดประสงคเชงพฤตกรรม 1.บอกความหมายของการออกแบบนเทศศลป 2. จ าแนกประเภทของการออกแบบนเทศศลป 3. ระบสวนประกอบในการออกแบบนเทศศลป 4. อธบายประโยชนของการการออกแบบนเทศศลป ระยะเวลาการปฏบตงาน 1-2 สปดาห วนทมอบหมายงาน…………./…………/………. สงวนท…………./…………/………. ค าสง / แนวทางการปฏบต 1. ใหนกเรยนเขยนสรปเนอหาความหมายของการออกแบบนเทศนศลปลงสมด 2. เยบรวบรวมผลงานสงสปดาหถดไป แหลงคนควา 1.https://heajan2012.wordpress.com/2012/12/02/การออกแบบนเทศศลป-communication-design/ 2. http://kailyart-1.blogspot.com/

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

การวดประเมนผล เกณฑการประเมน 1.สบคนขอมลจากInternet 2.สรปความหมายและความส าคญของการออกแบบนเทศนศลป

1. สงเกตพฤตกรรมความขยนอดทนในการคนหาขอมลและสรปงาน 5 คะแนน 2.ขอมลครบถวนถกตองตรงตามความหมายในหวขอทก าหนด 5 คะแนน รวม 10 คะแนน

ม.ย.60 F-วช-100

สาระส าคญ คอมพวเตอรกราฟก คอ การใชคอมพวเตอรสรางภาพและจดการเกยวกบรปภาพ เพอใชสอความหมายของขอมลตาง ๆ ใหนาสนใจยงขน เชน การใชกราฟน าเสนอขอมลยอดขายสนคาในแตละป การใชภาพกราฟกประกอบการโฆษณาสนคาตาง ๆ เปนตน ภาพกราฟกแบบ 2 มต ม 2 แบบ คอแบบ Raster และแบบ Vector ซงหลกการท างานจะมความแตกตางกน โดยกราฟกแบบ Raster จะเกดภาพจากจดสเหลยมเลก ๆ หลาย ๆ จด มารวมกน สวนแบบ Vector เกดจากการอางองความสมพนธทางคณตศาสตร หรอการค านวณ ซงภาพกราฟกแตละนามสกลจะมแฟมรปภาพและลกษณะทแตกตางกน จดประสงคการเรยนร จดประสงคทวไป 1. รและเขาใจการปรบแตงและแกไขรปทรง 2. รและเขาใจการวาดรปทรงเครองมอ Pen Tool จดประสงคเชงพฤตกรรม 1. เขาใจในการใชเครองมอในการการยอ-ขยาย-เอยง-หมน-ตด รปทรงได 2. อธบายลกษณะการใชงานกลมเครองมอได 3. ใชเครองมอแกไขปรบแตงแกไขชนงานได สมรรถนะรายหนวย มความเขาในการใชเครองมอพนฐานในการการยอ-ขยาย-เอยง-หมน-ตด รปทรงไดอยางถกตอง รายวชาทจดควบคหรอบรณาการ -

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

หนวยท 2 ชอวชา การออกแบบนเทศศลป รหส 2308-2003 สอนสปดาหท 3-4

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

ม.ย.60 F-วช-100

สาระการเรยนร 2.1 การปรบแตงและแกไขรปทรง 2.1.1 ยอ-ขยายรปทรงดวย Scale Tool 2.1.2 ใชเครองมอพนฐานในการออกแบบ 2.1.3 ใชเครองมอพนฐานปรบแตงแกไขชนงาน

2.2 การวาดรปทรงเครองมอ Pen Tool 2.2.1 เสนตรงดวย Pen Tool 2.2.2 เสนโคงดวย Pen Tool 2.2.3 วาดภาพตามแบบดวย Pen Tool 2.2.4 เพมจดแองเคอรดวย Add Anchor Point Tool 2.2.5 แกไขเหลยมมมเสน Path ดวย Convert Anchor Point Tool ปรชญาเศรษฐกจพอเพยงและคณธรรมทมงเนน 1. ความมวนย

2. ความรบผดชอบ

น าปญหาและอปสรรคในการเรยนการสอนมาปรบปรงการเรยนการสอน -

ม.ย.60 F-วช-100

กจกรรมการเรยน (สปดาหท.....3... ชวโมงท....9-12......) - ผสอนอธบายสวนประกอบกลมเครองมอการ ยอ-ขยาย-เอยง-หมนรปทรง - ผสอนสาธตวธการยอ – ขยาย รปทรงดวยเครองมอ Scale Tool และการปรบแตงรปแบบระบเปอรเซน - ผเรยนทกคนคนหารวมกนปฎบตการ ยอ –ขยายรปภาพ ดวยเครองมอ Scale Tool และแบบรปทรงทม Pattern - ผเรยนในหองรวมกนแสดงความคดเหนเกยวกบการใชงานเครองมอ Scale Tool และแบบรปทรงทม Pattern สอและแหลงการเรยนร 1. Internet https://sites.google.com/site/khunkruoil/kheruxng-mux-adobe-illustrator-cs6 2. Computer การวดประเมนผล เกณฑการประเมน 1.ใชงานเครองมอในการยอ-ขยาย-รปทรงจากเครองมอทก าหนด

1. ผเรยนรอยละ 80 สามารถใชงานเครองมอในการยอ-ขยาย-รปทรงจากเครองมอทก าหนดไดอยางถกตอง

เอกสารอางอง วสนต พงพลผล Illustator CS6 Profession Guide ฉบบสมบรณ นนทบร : ไอดซฯ. 2556

ม.ย.60 F-วช-100

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

- ผสอนอธบายสวนประกอบกลมเครองมอการ ยอ-ขยาย-เอยง-หมนรปทรง - ผสอนสาธตวธการยอ – ขยาย รปทรงดวยเครองมอ Free Transform Tool / Shear Tool /Reshape Tool

- ผเรยนทกคนคนหารวมกนปฎบตการ ยอ –ขยายรปภาพ ดวยเครองมอ Free Transform Tool / Shear Tool /Reshape Tool - ผเรยนในหองรวมกนแสดงความคดเหนเกยวกบการใชงานเครองมอ Free Transform Tool / Shear Tool /Reshape Tool สอและแหลงการเรยนร 1. Internet https://sites.google.com/site/khunkruoil/kheruxng-mux-adobe-illustrator-cs6 2. Computer การวดประเมนผล และเกณฑการประเมน การวดประเมนผล เกณฑการประเมน 1.ใชงานเครองมอในการยอ-ขยาย-รปทรงจากเครองมอทก าหนด

1. ผเรยนรอยละ 80 สามารถใชงานเครองมอในการยอ-ขยาย-รปทรงจากเครองมอทก าหนดไดอยางถกตอง

เอกสารอางอง วสนต พงพลผล Illustator CS6 Profession Guide ฉบบสมบรณ นนทบร : ไอดซฯ. 2556

ม.ย.60 F-วช-100

ใบมอบหมายงาน (Assignment Sheet) ท 2

รหสวชา 2308-2003 ชอวชา: การออกแบบนเทศศลป

หนวยท: ชอหนวย: การใชโปรแกรมเพอการออกแบบนเทศศลปศลป

ชองาน: ยอ-ขยาย-เอยง-ตด-ปรบแกไขชนงาน

จดประสงคเชงพฤตกรรม 1.บอกความหมายของการออกแบบนเทศศลป 2. จ าแนกประเภทของการออกแบบนเทศศลป 3. ระบสวนประกอบในการออกแบบนเทศศลป 4. อธบายประโยชนของการการออกแบบนเทศศลป ระยะเวลาการปฏบตงาน 3-4 สปดาห วนทมอบหมายงาน…………./…………/………. สงวนท…………./…………/………. ค าสง / แนวทางการปฏบต 1. ปรบรปภาพใหตรงตามแบบจ านวน 20 ภาพ 2. ใหผเรยนทกคนปรบ ยอ – ขยาย รปทรงดวยเครองมอ Free Transform Tool / Shear Tool /Reshape Tool ใหตรงตามแบบทก าหนดให 3. ใหบอกลกษณะการใชงานของเครองมอในโปรแกรมอยางนอยคนละ 5 เครองมอ 4. สง File งานกอนและหลงการปรบขนาดไวทหนาเครองตนเอง แหลงคนควา 1. https://sites.google.com/site/khunkruoil/kheruxng-mux-adobe-illustrator-cs6

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

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

1.บรรยายการใชงานเครองมอ

2.ปรบรปภาพใหเหมอนภาพตวอยาง

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

ม.ย.60 F-วช-100

สาระส าคญ ในการออกแบบโฆษณาสนคาตางๆ ในปจจบนมอยมากมายการแขงขนทางดานสอจงตองเพมประสทธภาพมากยงขนดงนนหลกสตรดานการก าหนดแนวคดในการออกแบบ เนน Concept ออกแบบโฆษณาใหมความโดดเดนและแตกตาง ส าหรบการโฆษณาและการประชาสมพนธในสอตางๆใหตรงกบกลมเปาหมาย ไดเปนอยางด จดประสงคการเรยนร จดประสงคทวไป

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

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

1. บอกวธการพมพและปรบแตงตวอกษรได 2. อธบายการน ารปภาพมาวางบนหนางานได 3. ปฏบตการสรางตวอกษรและปรบแตงตวอกษรได 4. ปฏบตการน าไฟลตวอกษรเขามาวางบนหนางานได 5. ปฏบตการแบงคอลมนและแยกกลองตวอกษรได 6. ปฏบตการน ารปภาพมาวางบนหนางานได 7. ปฏบตการน ารปภาพมาไวใน Frame ไดถกตอง 8. ปฏบตการยอ-ขยายรปภาพได

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

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

หนวยท 3 ชอวชา การออกแบบนเทศศลป รหส 2308-2003 สอนสปดาหท 5-7

ชอหนวย ออกแบบโฆษณาสนคา ชวโมงรวม 12 ชวโมง ระดบ ปวช. ชอผสอน อ.ชานนท หสสรงส จ านวน 4 ชวโมง/สปดาห

ม.ย.60 F-วช-100

- สาระการเรยนร 3.1 มทกษะในการตกแตงตวอกษร 3.1.1 การเตมสพนและสเสนตวอกษร 3.1.2 การแปลงตวอกษรเปน Shape ดวย Create Outlines 3.1.3 ตกแตงอกษรใหเปน 3 มต

3.2 ตกแตงภาพดวยเอฟเฟกต 3.2.1 ใสเงาใหวตถดวยค าสง Drop Shadow 3.2.2 ใสเงาใหวตถดวยค าสง Inner outner ปรชญาเศรษฐกจพอเพยงและคณธรรมทมงเนน

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

-

ม.ย.60 F-วช-100

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

- ผสอนชแจงจดประสงคการเรยน และน าเขาสบทเรยนใหดตวอยาง Design การจดรปแบบหนาโฆษณาแบบตางๆ

- ผเรยนปฎบตการคด Concept งานโฆษณาสนคามาคนละ 1 หวขอ - ผเรยนปฏบต load รปภาพตางๆทจะน ามาประกอบการออกแบบโฆษณาสนคา - ครอธบายและสาธตหลกการน าภาพลงในหนางาน การใชค าสง Effect ตางๆ เพอตกแตงภาพ - ครอธบายการรปแบบการจดวางองคประกอบภาพ - ครเดนดผลงานผเรยนและใหค าแนะน าเพมเตม - ครและผเรยนรวมกนสรปเนอหาการออกแบบงานโฆษณาสนคาได

เทคนคการสอนทน ามาใช - การสอนแบบแกปญหา การทดลอง การใชสถานการณจ าลอง การปฎบตจรง สอและแหลงการเรยนร 1. Internet https://www.youtube.com/watch?v=Ou7nCa3b8NA 2. Computer การวดผลประเมนผล การวดประเมนผล เกณฑการประเมน 1.ตดตอรปภาพและวางรปภาพ

2. ผเรยนรอยละ 80 สามารถใชงานเครองมอโปรแกรมตดตอรปภาพและวางรปภาพไดอยางถกตอง

ม.ย.60 F-วช-100

กจกรรมการเรยนร ( สปดาหท 6 ชวโมงท 21-24)

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

- ผสอนสาธตการจดวางรปแบบผลตภณฑใหดโดดเดนนาสนใจ - ผเรยนฝกปฏบตโดยเปดไฟลงานโฆษณาสนคา ขนมาปรบปรงรปแบบ - ผเรยนรปแบบงานโฆษณาโดยการน าไฟลรปภาพทตกแตงส ไดคท มาเรยบรอยแลว น ามาจดวางองคประกอบ

ใหสวยงาม โดยค านงถง Concept ทวางไวดวย - ผสอนเดนดผลงานและใหค าแนะน า - ผสอนและผเรยนรวมกนสรปรปแบบโฆษณาสนคา

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

1. ผเรยนรอยละ 80 สามารถใชงานเครองมอโปรแกรมตกแตงแกไขสภาพไดอยางถกตอง

ม.ย.60 F-วช-100

กจกรรมการเรยนร (สปดาหท 7 ชวโมงท 25-28) - ผสอนชแจงจดประสงคการเรยน และทบทวนงานออกแบบโฆษณาจากสปดาหกอน

กจกรรมการเรยนการสอน - ผเรยนเปดไฟลงานสปดาหท 6 ขนมา เพอปรบปรงแกไขและตกแตงเพมเตม - ผเรยนใส Effect เพมเตมพรอมกบเกบรายละเอยดตางๆของงาน - ผเรยนออกแบบโฆษณา ปรบสและวางต าแหนงขอความไดและมความดงดดนาสนใจ สะดดตา - ผสอนเดนดผลลพธในการจดขอความและใหค าแนะน าเพมเตม - ผสอนและผเรยนรวมกนสรปรปแบบการจดวาง การเลอกใชส องคประกอบภาพ และวธน าเสนอ

เทคนคการสอนทน ามาใช การสอนแบบแกปญหา การทดลอง การใชสถานการณจ าลอง การปฎบตจรง สอและแหลงการเรยนร 1. Internet https://www.youtube.com/watch?v=_9Ij7gRZYPc 2. Computerโปรแกรม Illustrator การวดผลประเมนผล

การวดประเมนผล เกณฑการประเมน 1จดวางขอความ

1. ผเรยนรอยละ 80 สามารถใชงานเครองมอในการจดวางขอความไดอยางถกตอง

ม.ย.60 F-วช-100

ใบมอบหมายงาน (Assignment Sheet) ท 3

รหสวชา 2308-2003 ชอวชา: การออกแบบนเทศศลป

หนวยท: 3 ชอหนวย: การใชโปรแกรมเพอการออกแบบนเทศศลปศลป

ชองาน: ออกแบบโฆษณาสนคา

จดประสงคเชงพฤตกรรม 1. บอกวธการพมพและปรบแตงตวอกษรได 2. อธบายการน ารปภาพมาวางบนหนางานได 3. ปฏบตการสรางตวอกษรและปรบแตงตวอกษรได 4. ปฏบตการน าไฟลตวอกษรเขามาวางบนหนางานได 5. ปฏบตการแบงคอลมนและแยกกลองตวอกษรได 6. ปฏบตการน ารปภาพมาวางบนหนางานได 7. ปฏบตการน ารปภาพมาไวใน Frame ไดถกตอง 8. ปฏบตการยอ-ขยายรปภาพได ระยะเวลาการปฏบตงาน 5-7 สปดาห วนทมอบหมายงาน…………./…………/………. สงวนท…………./…………/………. ค าสง / แนวทางการปฏบต 1. เตรยม File รปภาพผลตภณฑ ตงคาหนากระดาษ ขนาด 20x24 นว 2. ใหผเรยนทกคนปรบ ตกแตงรปภาพผลตภณฑ 3. ใสตวอกษร รายละเอยด ภายในโฆษณาสนคา 4. จดขอความและรปภาพรวมกนใหสวยงาม 5. สง File งานโฆษณาสนคาไวทหนาเครองตนเอง แหลงคนควา

1. https://www.youtube.com/watch?v=_9Ij7gRZYPc 2. https://www.youtube.com/watch?v=Ou7nCa3b8NA

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

ออกแบบโฆษณาสนคาขนาด 20x24นว

รปแบบดงดด/นาสนใจ/ องคประกอบศลป 5 คะแนน การใชสเหมาะสมกบผลตภณฑ 5 คะแนน ตวอกษรสวยงาม/อานงาย/นาสนใจ 5 คะแนน ตรงตอเวลา/ความรบผดชอบ 5 คะแนน รวม 20 คะแนน

ม.ย.60 F-วช-100

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

หนวยท 4 ชอวชา การออกแบบนเทศศลป รหส 2308-2003 สอนสปดาหท 9-12

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

สาระส าคญ จลสารคอ อนสาร (Booklet หรอ Pamphlet) หมายถง สงพมพขนาดเลกทมเนอหากลาวถงเรองใดเรองหนงเพยงเรองเดยวและจบบรบรณภายในเลม ความยาวไมมากนก เขยนอยางงายๆสวนมากแลวเนอหาจะเปนเรองทนาสนใจในชวงระยะเวลาหนง โดยจะใหขอมลททนสมย จดประสงคการเรยนร จดประสงคทวไป

1. รและเขาใจเกยวกบหลกการออกแบบจลสาร 2. รและเขาใจจดรปแบบอกษรดวยเสน Path

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

1. บอกขนตอนการออกแบบจลสารได 2. ปฎบตจดรปแบบตวอกษรได

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

ม.ย.60 F-วช-100

สาระการเรยนร 4.1 ความเขาใจในการออกแบบจลสาร 4.1.1 ออกแบบขอความในจลสาร 4.1.2 ตงคาหนากระดาษทก าหนด 4.1.3 สรางรปภาพและแกไขรปภาพ

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

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

(เงอนไขขยน อดทน) 3. ผเรยนไดปฎบตงานจรงจากรปแบบทออกแบบไวใหออกมาเปนผลงาน (เงอนไขคณธรรม จรยธรรม) น าปญหาและอปสรรคในการเรยนการสอนมาปรบปรงการเรยนการสอน

-

ม.ย.60 F-วช-100

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

- ผสอนชแจงจดประสงคการเรยน และน าเขาสบทเรยนใหดตวอยาง Design การจดรปแบบจลสารแบบตางๆ - ผสอนมอบหมายใหทกคนรวมกนออกแบบจลสารในหวขอ Siba college - ผเรยนเตรยมรวบรวมขอมลเนอหาของแตละคน - ผสอนสรปจ านวนหนาใหนกเรยนเพอท าการออกแบบ ขนาด A4 2 แผน (4 หนา) - ผสอนอธบายการรปแบบการจดวางองคประกอบภาพ - ผสอนเดนดผลงานผเรยนและใหค าแนะน าเพมเตม - ผสอนและผเรยนรวมกนสรปเนอหาการออกแบบจลสาร ขอดขอเสย

กจกรรมทบรณาการ/วธการทบรณาการ - เทคนคการสอนทน ามาใช

- เทคนคกระบวนการปฎบต

สอและแหลงการเรยนร 1. Internet https://www.youtube.com/watch?v=_9Ij7gRZYPc 2. Computerโปรแกรม Illustrator

การวดผลประเมนผล การวดประเมนผล เกณฑการประเมน ออกแบบเนอหาจลสาร ขนาด A4 2 แผน (4 หนา)

ผเรยนรอยละ 80 สามารถออกแบบเนอหาจลสาร ขนาด A4 2 แผน (4 หนา) ไดอยางถกตอง

ม.ย.60 F-วช-100

กจกรรมการเรยนร ( สปดาหท 10 ชวโมงท 33-36) - ผสอนชแจงจดประสงคการเรยน และทบทวนงานเกาจากสปดาหกอน - ผสอนน าตวอยางจลสารมาใหนกเรยนดเปนตวอยางและแนวทางการออกแบบ - ผเรยนปฎบตการออกแบบโดยตงหนากระดาษขนาด A4 จ านวน 2 แผน 4 หนา - ผเรยนน าเนอหาขอมลมาจดอกษร - ผสอนเดนดผลงานและใหค าแนะน า - ผสอนและผเรยนรวมกนสรปรปแบบจลสาร

กจกรรมทบรณาการ/วธการทบรณาการ - เทคนคการสอนทน ามาใช

- เทคนคกระบวนการปฎบต

สอและแหลงการเรยนร 1. Internet https://www.youtube.com/watch?v=URi2wprTb2I 2. Computerโปรแกรม Illustrator

การวดผลประเมนผล การวดประเมนผล เกณฑการประเมน จดตวอกษร/ขอความจลสาร ขนาด A4 2 แผน (4 หนา)

ผเรยนรอยละ 80 สามารถจดตวอกษร/ขอความจลสาร ไดอยางถกตอง

ม.ย.60 F-วช-100

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

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

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

- เทคนคกระบวนการปฎบต

สอและแหลงการเรยนร 1. Internet https://www.youtube.com/watch?v=_9Ij7gRZYPc 2. Computerโปรแกรม Illustrator

การวดผลประเมนผล การวดประเมนผล เกณฑการประเมน ตกแตง/ปรบสรปภาพและขอความจลสาร

ผเรยนรอยละ 80 สามารถตกแตง/ปรบสรปภาพและขอความจลสารไดอยางถกตอง

ม.ย.60 F-วช-100

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

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

กจกรรมทบรณาการ/วธการทบรณาการ - เทคนคการสอนทน ามาใช

- เทคนคกระบวนการปฎบต

สอและแหลงการเรยนร 1. Internet https://www.youtube.com/watch?v=_9Ij7gRZYPc 2. Computerโปรแกรม Illustrator

การวดผลประเมนผล การวดประเมนผล เกณฑการประเมน น าเสนอผลงาน “จลสาร”

ผเรยนรอยละ 80 สามารถน าเสนอผลงาน จลสารไดอยางถกตองตามขนตอน

1. รปแบบดงดด/นาสนใจ / องคประกอบศลป 5 คะแนน

2. การใชสเหมาะสมกบเนอเรอง 5 คะแนน 3. ตวอกษรสวยงาม/อานงาย/นาสนใจ 5 คะแนน 4. ตรงตอเวลา/ความรบผดชอบ 5 คะแนน

20 คะแนน

ม.ย.60 F-วช-100

ใบมอบหมายงาน (Assignment Sheet) ท 4

รหสวชา 2308-2003 ชอวชา: การออกแบบนเทศศลป

หนวยท: 4 ชอหนวย: ออกแบบจลสาร

ชองาน: ออกแบบจลสาร

จดประสงคเชงพฤตกรรม 1. บอกขนตอนการออกแบบจลสารได 2. ปฎบตจดรปแบบตวอกษรได ระยะเวลาการปฏบตงาน 9-12 สปดาห วนทมอบหมายงาน…………./…………/………. สงวนท…………./…………/………. ค าสง / แนวทางการปฏบต 1. เลอกจงหวดในหวขอ “Siba college” 2. ใหผเรยนหาขอมลและรปภาพของแตละจงหวดทไดเลอกไว 3. ใสตวอกษร และรปภาพลงในหนากระดาษพรอมจดองคประกอบศลปใหสวยงาม 4. สง File งานออกแบบจลสารไวทหนาเครองตนเอง แหลงคนควา

3. https://www.youtube.com/watch?v=_9Ij7gRZYPc 4. https://www.youtube.com/watch?v=Ou7nCa3b8NA

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

ออกแบบจลสารหวขอ “เทยวทวไทย”

รปแบบดงดด/นาสนใจ/ องคประกอบศลป 5 คะแนน การใชสเหมาะสมกบผลตภณฑ 5 คะแนน ตวอกษรสวยงาม/อานงาย/นาสนใจ 5 คะแนน ตรงตอเวลา/ความรบผดชอบ 5 คะแนน รวม 20 คะแนน

ม.ย.60 F-วช-100

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

1. รและเขาใจเกยวกบการออกแบบหนงสอ(คมอ) 2. เหนประโยชนของใชเครองมอโปรแกรมออกแบบสอสงพมพและจดองคประกอบศลปในสอสงพมพ

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

1. บอกกระบวนการออกแบบหนงสอ(คมอ) ได 2. ปฎบตใชเครองมอในโปรแกรมออกแบบหนงสอ (คมอ) ได

สมรรถนะรายหนวย ออกแบบหนงสอคมอไดถกตองตามกระบวนการออกแบบ

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

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

หนวยท 5 ชอวชา การออกแบบนเทศศลป รหส 2308-2003 สอนสปดาหท 13-17

ชอหนวย ออกแบบหนงสอ(คมอ) ชวโมงรวม 20 ชวโมง ระดบ ปวช. ชอผสอน อ.ชานนท หสสรงส จ านวน 4 ชวโมงสปดาห

ม.ย.60 F-วช-100

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

5.1 ความเขาใจในองศประกอบในการออกแบบ 5.1.1 ออกแบบหนงสอคมอ 5.1.2 จดเรยงหนาและสารบญ 5.13 จดองคประกอบภาพภายในหนากระดาษ

5.2 การใชเครองมอโปรแกรม 5.2.1 ใชเครองมอในโปรแกรมออกแบบหนาหนงสอ 5.2.2 ใชเครองมอในโปรแกรมบนทกและพมพเอกสารได ปรชญาเศรษฐกจพอเพยงและคณธรรมทมงเนน

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

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

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

ม.ย.60 F-วช-100

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

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

- ผเรยนปฎบตเลอกหวขอในการจดท าหนงสอคมอคนละ 1 เรอง แตละเรองหามซ ากน - ผเรยนเตรยมรวบรวมขอมลเนอหาของแตละคน - ผสอนสรปจ านวนหนาใหนกเรยนเพอท าการออกแบบ ขนาด A5 จ านวน 16 หนา (A4 4 แผน) - ผสอนอธบายการรปแบบการจดวางองคประกอบภาพ - ผสอนเดนดผลงานผเรยนและใหค าแนะน าเพมเตม - ผสอนและผเรยนรวมกนสรปเนอหาการออกแบบหนงสอคมอ ขอดขอเสย

กจกรรมทบรณาการ/วธการทบรณาการ - สอและแหลงการเรยนร

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

การวดผลประเมนผล การวดประเมนผล เกณฑการประเมน แบงคอลมภในหนงสอคมอ

ผเรยนรอยละ 80 สามารถแบงคอลมภในหนงสอคมอ อยางถกตองตามขนตอน

ม.ย.60 F-วช-100

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

สอและแหลงการเรยนร 1. เครองไมโครคอมพวเตอร,โปรแกรม Illustator 2. แบบฝกปฏบตการจดออกแบบหนงสอคมอ การวดประเมนผล เกณฑการประเมน จดวางตวอกษร

ผเรยนรอยละ 80 สามารถจดวางตวอกษรในหนงสอคมออยางถกตองตามขนตอน

ม.ย.60 F-วช-100

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

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

กจกรรมทบรณาการ/วธการทบรณาการ ……………………………………………………………………………………………… สอและแหลงการเรยนร 1. เครองไมโครคอมพวเตอร,โปรแกรม Illustator 2. แบบฝกปฏบตการออกแบบหนงสอคมอ การวดประเมนผล เกณฑการประเมน ตกแตงสและEffect

ผเรยนรอยละ 80 สามารถตกแตงสและEffect ในหนงสอคมออยางถกตอง

ม.ย.60 F-วช-100

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

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

กจกรรมทบรณาการ/วธการทบรณาการ

- งานทมอบหมาย

- ออกแบบหนงสอคมอ สอ / อปกรณ การเรยนร

1. เครองไมโครคอมพวเตอร,โปรแกรม Illustator 2. แบบฝกปฏบตการออกแบบหนงสอคมอ

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

1. รปแบบดงดด/นาสนใจ / องคประกอบศลป 5 คะแนน 2. การใชสเหมาะสมกบผลตภณฑ 5 คะแนน 3. ตวอกษรสวยงาม/อานงาย/นาสนใจ 5 คะแนน 4. ตรงตอเวลา/ความรบผดชอบ 5 คะแนน

20 คะแนน การวดประเมนผล เกณฑการประเมน ตกแตงสและEffect

ผเรยนรอยละ 80 สามารถตกแตงสและEffect ในหนงสอคมออยางถกตอง

ม.ย.60 F-วช-100

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

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

กจกรรมทบรณาการ/วธการทบรณาการ - สอ / อปกรณ การเรยนร 1. เครองไมโครคอมพวเตอร,โปรแกรม Illustator, Indesign 2. https://www.youtube.com/watch?v=TZve9OYKwJA การวดผลประเมนผล การวดประเมนผล เกณฑการประเมน น าเสนอผลงาน “จลสาร”

ผเรยนรอยละ 80 สามารถน าเสนอผลงาน จลสารไดอยางถกตองตามขนตอน

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

1. รปแบบดงดด/นาสนใจ / องคประกอบศลป 5 คะแนน 2. การใชสเหมาะสมกบเนอเรอง 5 คะแนน 3. ตวอกษรสวยงาม/อานงาย/นาสนใจ 5 คะแนน 4. ตรงตอเวลา/ความรบผดชอบ 5 คะแนน

20 คะแนน

ม.ย.60 F-วช-100

ใบมอบหมายงาน (Assignment Sheet) ท 5

รหสวชา 2308-2003 ชอวชา: การออกแบบนเทศศลป

หนวยท: 5 ชอหนวย: ออกแบบหนงสอคมอ

ชองาน: ออกแบบหนงสอคมอ

จดประสงคเชงพฤตกรรม 1. บอกกระบวนการออกแบบหนงสอ(คมอ) ได 2. ปฎบตใชเครองมอในโปรแกรมออกแบบหนงสอ (คมอ) ได ระยะเวลาการปฏบตงาน 13-17 สปดาห วนทมอบหมายงาน…………./…………/………. สงวนท…………./…………/………. ค าสง / แนวทางการปฏบต 1. เลอกหวขอเรองทจะจดท าหนงสอคนละ 1 เรอง 2. ใหผเรยนหาขอมลและรปภาพตามหวขอเรองทไดเลอกไว 3. ใสตวอกษร และรปภาพลงในหนากระดาษพรอมจดองคประกอบศลปใหสวยงาม 4. สง File งานออกแบบหนงสอไวทหนาเครองตนเอง แหลงคนควา

5. https://sites.google.com/site/khunkruoil/kar-chi-ngan-porkaerm-beuxng- 6. https://www.youtube.com/watch?v=TZve9OYKwJA

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

ออกแบบหนงสอคมอ ขนาด A5 จ านวน 16 หนา

รปแบบดงดด/นาสนใจ/ องคประกอบศลป 5 คะแนน การใชสเหมาะสมกบผลตภณฑ 5 คะแนน ตวอกษรสวยงาม/อานงาย/นาสนใจ 5 คะแนน ตรงตอเวลา/ความรบผดชอบ 5 คะแนน รวม 20 คะแนน