2901-2011 วิชา การสร้างภาพเคลื่อนไหว...

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

รหสวชา 2901-2011 วชา การสรางภาพเคลอนไหวเบองตน หลกสตรประกาศนยบตรวชาชพ (ปวช.) พทธศกราช 2557

จดท าโดย นางจารวรรณ กรก าจายฤทธ

แผนกวชาเทคโนโลยสารสนเทศ วทยาลยการอาชพพมาย ส านกงานคณะกรรมการการอาชวศกษา กระทรวงศกษาธการ

แผนจดการเรยนรแบบบรณการ ชอรายวชา การสรางภาพเคลอนไหวเบองตน รหสวชา 2901-2011

ระดบประกาศนยบตรวชาชพ (ปวช) จ านวน 2 หนวยกต จ านวน 3 ชวโมง รวม 54 ชวโมง

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

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

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

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

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

คมอคร และ Course Syllabus

1. รหสวชา 2901-2011 ชอวชา การสรางภาพเคลอนไหวเบองตน ระดบชน ปวช. 2. ผสอน จารวรรณ กรก าจายฤทธ 3. จดประสงครายวชาเพอให

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

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

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

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

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

ตารางวเคราะหค าอธบายรายวชา ชอวชา การสรางภาพเคลอนไหวเบองตน รหสวชา 2901-2011 จ านวน 2 หนวยกต

ระยะเวลาเรยน 18 สปดาห จ านวน 3 ชวโมง / สปดาหรวมจ านวน 54 ชวโมง

ล าดบท ชอหนวยการเรยนร พฤตกรรมทคาดหวงตอการเรยนการสอน 1 ครง

ความร ทกษะ จตพสย รวม(ชม.)

1 รจกกบ Flash CS4 1 2 1 3

2 การวาดรปและลงส 1 2 1 3

3 การจดการออบเจกต 2 4 2 3

4 การใชส 1 2 1 3

6 การสรางขอความ 2 4 2 3

7 ซมบอลและอนสแตนซ 1 2 1 3

8-9 การน าเขาภาพกราฟกจากภายนอก 2 4 2 6

10 การน าเขาไฟลวดโอ 1 2 1 3

11 เขาใจพนฐานการสรางงานแอนเมชน 2 4 2 3

12 การสรางงานแอนเมชน 1 2 1 3

13-14 มฟวคลปและปมกด 1 2 1 6

15 การท างานกบไฟลเสยง 1 2 1 3

16 เทคนคการตกแตงออบเจกต 1 2 1 3

17 ก าหนดใหชนงานโตตอบกบผใชได 1 2 1 3

18 การเผยแพรชนงานทสราง 1 2 1 3

การประเมนผลการเรยน

รวม 54

โครงสรางรายวชา การสรางภาพเคลอนไหวเบองตน

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

ท ชอหนวยการเรยน สาระส าคญ

เวลา (ชวโมง)

1 รจกกบ Flash CS4 ปจจบน การน าเสนอขอมลบนสอตางๆ มการพฒนาขนมาอยางรวดเรว สามารถน าเสนอไดทงภาพเคลอนไหวและเสยงพรอมๆ กนไดทนท แตตองอาศยเทคนคจากโปรแกรมมากมายทมความยงยากและซบซอน ยงกวานนผลงานทสรางออกมายงมขนาดใหญอกดวย แตเรากพบทางออกของทกๆ ปญหาทกลาวมาโดยการใชงานโปรแกรม “Flash”

3

2 การวาดรปและลงส การสรางภาพกราฟกใน Flash ม 2 วธ วธแรกคอการใชเครองมอ Flash สรางขนมา และวธท 2 คอน าเขาภาพจากภายนอก อาจเปนภาพถายหรอภาพทสรางจากโปรแกรมกราฟกอนกได เชน Illustrator หรอ Photoshop ซงมไดหลากหลายนามสกล อาท .GIF .PNG .BMP เปนตน ส าหรบในบทนเราจะกลาวถงการสรางภาพกราฟกดวยวธแรก นนคอ การใชเครองมอใน Flash วาดรปขนมาเอง โดยเราจะกลาวถงหลกการพนฐานและการใชเครองมอวาดทละตว

3

3 การจดการออบเจกต

ภาพทเราสรางขนโดยใชเครองมอใน Flash หรอภาพทเราน าเขามาจากภายนอก เพอมาแสดงบนสเตจนน เราจะเรยกวา “ออบเจกต” ซงในบทนเราจะไดกลาวถงวธเลอก และการจดการออบเจกตเหลาน

3

4 การใชส ส เปนสวนส าคญในการออกแบบชนงาน ซงในบทการวาดรปทผานมา เราไดกลาวถงการเลอกสเสน Stroke Color และสพน Fill Color มาแลว ในบทนเราจะกลาวถงการใชเครองมออนๆ ทเกยวกบสใน Flash

3

5 การสรางขอความ นอกจากการสรางภาพใน Flash แลว เราสามารถใสตวอกษรหรอขอความบนสเตจ ไดโดยใชเครองมอ Text Tool โดยขอความใน Flash นน แบงออกไดเปน 3 ประเภท ไดแก ขอความแบบสแตตก (Static Text) เปนขอความธรรมดาทวไป, ขอความแบบไดนามก (Dynamic Text) เปนขอความทเปลยนแปลงรปแบบไดตามคาก าหนดจากโปรแกรมทเขยนขน และขอความแบบอนพทเทกซ (Input Text) เปนฟลดหรอชองรบขอความทใหผใชพมพขอความเขาไปได ส าหรบรปแบบการสรางขอความแตละแบบนนคลายกน จะตางกนบางในสวนคณสมบตเพมเตม และแนวทางการประยกตใช ซงในบทนเราจะเนนการใชขอความแบบสแตตกเปนหลกเพราะเปนขอความแบบพนฐาน สวนในบทตอๆ ไปจะกลาวถงการน าขอความแบบไดนามกและขอความแบบอนพทเทกซมาใชตอไป

3

หนวย

ท ชอหนวยการเรยน สาระส าคญ


6 ซมบอลและอนสแตนซ ซมบอล (symbol) คอการน าออบเจกตทเปนภาพกราฟก ปมกด หรอมฟว มาก าหนดเปนตนแบบ เพอน าไปใชเปนสวนประกอบในชนงานโดยซมบอลทสรางจะถกเกบไวในพาเนล LIBRARY

3

7 การน าเขาภาพกราฟกจากภายนอก

เราไดกลาวไปแลววาภาพกราฟกนนแบงออกไดเปน 2 ประเภท คอ ภาพบทแมป และภาพเวกเตอร เนองจาก Flash เปนโปรแกรมทท างานกบภาพเวกเตอรเปนหลก ดงนนในบทการวาดรป การใชส และการสรางขอความทไดกลาวไปแลว จงเปนการสรางภาพหรอขอความทเปนเวกเตอรทงสน อยางไรกตามภาพเวกเตอรมขอจ ากดตรงทไมสามารถแทนภาพถาย หรอภาพทมรายละเอยดสงไดดนก ในบางกรณเราจงยงตองใชภาพบทแมปในชนงานทสรางอย ซงเราจะตองน าเขาภาพบทแมปเปนไฟลภาพทสราง โดยใชโปรแกรมกราฟกอน เชน Photoshop นอกจากนนเราอาจพบวาเครองมอใน Flash ยงไมคลองตวพอทจะสรางภาพเวกเตอรทมรายละเอยดซบซอนมากๆ จากศนย ดงนนเราอาจจะตองพงโปรแกรมกราฟกสรางภาพลายเสนโดยเฉพาะ เชน Illustrator สรางภาพเวกเตอรใหเสรจแลวจงน าเขามาใชในชนงานตอไป ส าหรบเนอหาในบทนจะกลาวถงการน าเขาภาพกราฟกจากภายนอกทงภาพบทแมป และภาพ เวกเตอร

6

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

3

9 เขาใจพนฐานการสรางงานแอนเมชน

การสรางภาพเคลอนไหวในโปรแกรม Flash จะคลายกบหลกการสรางภาพยนตร โดยจะมการแบงเนอหาทงหมดออกเปนฉากยอยๆ ทเรยกวาซน (scene) และแตละซนจะประกอบดวยภาพนงจ านวนมากทเราเรยกวาเฟรม (frame) เมอน าภาพเหลานมาแสดงอยางตอเนองกจะไดเปนภาพทเคลอนไหว

3

หนวยท

ชอหนวยการเรยน สาระส าคญ เวลา

(ชวโมง) 10 การสรางงานแอน

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

3

11 มฟวคลปและปมกด ในบทนจะกลาวถงซมบอลอก 2 รปแบบทเราสามารถสรางและน าไปใชในงานแอนเมชน ไดแกมฟวคลป (movie clip) และปมกด (Button) ซงทง 2 รปแบบนจะเนนการท างานแบบเคลอนไหว โดยมฟวคลปแสดงการเคลอนไหวไดแมวาอยในเฟรมเพยงเฟรมเดยว สวนปมกดสามารถสรางใหโตตอบกบผใชได และทง 2 ซมบอลนจะชวยใหเราสะดวกมากขนในการสรางชนงาน Flash รปแบบตางๆ

6

12 การท างานกบไฟลเสยง

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

3

13 เทคนคการตกแตงออบเจกต

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

3

14 ก าหนดใหชนงานโตตอบกบผใชได

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

3

หนวยท

ชอหนวยการเรยน

สาระส าคญ เวลา

(ชวโมง) 15 การเผยแพร

ชนงานทสราง ในบทนจะเปนการแปลงงาน Flash ของเราเพอน าไปเผยแพร ซงโปรแกรม Flash สามารถแปลงไฟลงานใหเราไดหลายรปแบบ ไมวาจะเปนไฟล SWF, HTML, GIF, JPEG, PNG, QuickTime เปนตน โดยทเราสามารถปรบคณลกษณะของไฟลงานเหลานนไดดวยเชนกน ซงเราจะมาศกษาวธการแปลงงาน Flash หรอเรยกวา “ท าการพบลช (publish)” ภายในบทน

3

ตารางโครงสรางแผนการจดการเรยนร

รายวชา การสรางภาพเคลอนไหวเบองตน ระดบชน ปวช. เวลา ชวโมง

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

วธสอน / กระบวนการจด

การเรยนร ทกษะการคด


หนวยการเรยนรท 1 รจกกบ Flash CS4

1. รจกและเขาใจกระบวนการท างานของโปรแกรม Flash CS4 เบองตน

2. มความรความเขาใจเกยวกบสวนประกอบตางๆ ของโปรแกรม Flash CS4

3. มความรความเขาใจเกยวกบเครองมอตางๆ ทใชในการท างานของโปรแกรม Flash CS4

วธสอนโดยเนนกระบวนการ : กระบวนการปฏบต

1. ทกษะการคดวเคราะห 2. ทกษะการคดอยาง มวจารณญาณ

3

หนวยการเรยนรท 2 การวาดรปและลงส

1. มความรความเขาใจเกยวกบลกษณะของภาพกราฟกแตละประเภท

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



3

หนวยการเรยนรท 3 การจดการออบเจกต

1.1. มความรความเขาใจในการเลอกออบเจกต

2. 2. เขาใจและสามารถจดการกบออบเจกตได 3. อธบายถงวธการในการจดเรยงออบเจกตได



3


วธสอน / กระบวนการจดการเรยนร

ทกษะการคด เวลา

(ชวโมง)

หนวยการเรยนรท 4 การใชส

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

2. อธบายถงวธการก าหนดสโดยใชพาเนล Color และพาเนล Swatches ได 3. อธบายถงวธการเปลยนสใหกบออบเจกตได



3

หนวยการเรยนรท 5 การสรางขอความ

111. สามารถสรางขอความใหกบชนงานได

2.2. มความรความเขาใจและสามารถก าหนดรปแบบขอความใหกบชนงานได

33. อธบายถงวธการในการแยกสวนขอความประเภทสแตตกเปนรปทรงได



3

หนวยการเรยนรท 6 ซมบอลและอนสแตนซ

1.1. อธบายถงวธการในการสรางซมบอลได 2. อธบายถงวธการในการใชอนสแตนซได



3

หนวยการเรยนรท 7 การน าเขาภาพกราฟกจากภายนอก

1. 1. รจกไฟลภาพนามสกลตางๆทสามารถน ามาใชงานใน Flash ได

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



6




(ชวโมง)

หนวยการเรยนรท 8 การน าเขาไฟลวดโอ

1. 1. มความรความเขาใจเกยวกบการน าไฟลวดโอมาใชใน Flash

2. 2. สามารถอธบายถงการแปลงไฟลชนดอนใหเปน Flash Movie ได 3. สามารถอธบายวธการควบคมการเลนวดโอคลปในชนงานได



3

หนวยการเรยนรท 9 เขาใจพนฐานการสรางงานแอนเมชน

1. 1. มความรความเขาใจและสามารถจดการไทมไลนได

2. 2. มความรความเขาใจและสามารถจดการเลเยอรได 3. มความรความเขาใจและสามารถจดการเฟรมได



3

หนวยการเรยนรท 10 การสรางงานแอนเมชน

1. 1. มความรความเขาใจและสามารถสรางแอนเมชนแบบเฟรมตอเฟรมได

2. 2. มความรความเขาใจและสามารถสรางแอนเมชนแบบทวนได

3. 3. มความรความเขาใจและสามารถสรางเอฟเฟกตภาพเคลอนไหวดวยมาสกเลเยอรได



3

หนวยการเรยนรท 11 มฟวคลปและปมกด

1. 1. มความรความเขาใจและสามารถสรางมฟวคลปเพอน ามาใชงานได

2. 2. มความรความเขาใจและสามารถสรางปมกดเพอน ามาใชในชนงานได



6




(ชวโมง)

หนวยการเรยนรท 12การท างานกบไฟลเสยง

1. 1. รจกไฟลเสยงนามสกลตางๆทสามารถแทรกในชนงานได

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

3. 3. อธบายถงวธการในการปรบแตงเสยงใหกบชนงานได

4. 3. อธบายถงวธการบบอดขอมลเสยงเพอลดขนาดของชนงานได



3

หนวยการเรยนรท 13เทคนคการตกแตงออบเจกต

1. 1. มความรความเขาใจและสามารถจดการกบกบฟลเตอรแบบตางๆ ได

2. 2. มความรความเขาใจเกยวกบการตกแตงภาพดวย Blend



3

หนวยการเรยนรท 14ก าหนดใหชนงานโตตอบกบผใชได

1. 1. เขาใจถงวธการเรยกใชสครปตในพาเนล ACTIONS

2. 2. มความรเกยวกบค าสงพนฐานในการสรางงานทโตตอบกบผใช

3. 3. มความรความเขาใจเกยวกบการเขยนค าสงโดยใช ActionScript 2.0

4. 4. มความรความเขาใจเกยวกบการเขยนค าสงโดยใช ActionScript 3.0



3




(ชวโมง)

หนวยการเรยนรท 15การเผยแพรชนงานทสราง

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

2. 2. สามารถพบลชชนงานเปนไฟล แฟลชมฟว (flash movie) ได

3. 3. สามารถพบลชชนงานเปนไฟล HTML ได



3

7. กจกรรมการเรยนร 7.1 กจกรรมคร

7.1.1 จดเตรยมเอกสาร หนงสออางอง สอการเรยนทงสอโสตทศน สอสงพมพ ตวอยางแฟมสะสมผลงานของผเรยน

7.1.2 น าเขาสบทเรยนโดยการประเมนผเรยนทหลากหลาย เชน ถามความรพนฐานทงหอง หรอ ท าแบบฝกหดเรยน

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

7.1.4 สงเกต บนทกพฤตกรรมผเรยนขณะศกษาบทเรยน คอยชวยเหลอใหค าแนะน าเมอผเรยนตองการ

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

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

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

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

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

7.1.10 หากผเรยนไดแบงกลมรบผดชอบการด าเนนการตามใบงานใหตวแทนกลมหรอสมาชกทงกลมลกขนบอกค าตามพรอมทงวธการไดมาซงค าตอบ

7.1.11 ครอธบายเนอหา พรอมแสดงวธท าครใหนกศกษามสวนรวมในการเรยนการสอน เชน - ถามตอบ - รวมกนสรป - รวมกนวเคราะหหาเทคนคและแนวทางทดและงาย - รวมกนสรางโจทยปญหา และ รวมกนสรปวธการแกปญหาทก าหนดในแนวทางทถกตอง

และเหมาะสม 7.1.12 ครใหนกศกษาท าแบบฝกหดทบทวนบทเรยนบนกระดานเปนรายบคคลพรอมใหอธบายและ

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

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

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

7.2 กจกรรมผเรยน 7.2.1 จดเตรยมเอกสาร หนงสอแบบเรยน หนงสออางอง ตามทผสอนและบทเรยนก าหนด 7.2.2 น าเขาสบทเรยนโดยรบการชแจงวธการเรยนร ระยะเวลาทท าการเรยนการสอน หลกการ

แนวทางการเรยน การประเมนผลการเรยน 7.2.3 จดกลมกนศกษา คนควา หาขอมลจากเอกสารต ารา หนงสอเรยน หนงสออางอง และเรยน

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

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

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

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

1. หนงสอประกอบการเรยนวชาโปรแกรมตารางค านวณ 2.ใบงานประจ าหนวยการเรยนรแตละหนวย 3. แบบฝกหดประจ าหนวยการเรยนร 4. ตวอยางแฟมสะสมชนงาน 5.ชดการสอน PowerPoint แตละหนวยการเรยน 6.VCD CAI 7.บทเรยนออนไลน 8. เครองคอมพวเตอร

9. การวดผลประเมนผลเกบคะแนนระหวางการด าเนนกจกรรมการเรยนร100 คะแนน 1. คณธรรมและจรยธรรม 20 คะแนน 2. ใบงาน/แบบฝกหด(ชนงาน/แฟมสะสมผลงาน) 30 คะแนน 3. ทดสอบระหวางเรยน 20 คะแนน 4. ประเมนผลผเรยนหลงเรยน 30 คะแนน

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

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

ถกตอง 10.3 เกดความคดรวบยอดในแตละหนวยการเรยนร และรหลก เทคนค และวธการหาค าตอบไดอยาง

รวดเรวและถกตอง 10.4 ผานการทดสอบประจ าหนวยและประมวลผลสาระการเรยนรตลอดภาคเรยน 10.5 ผเรยนเกดทกษะ 10.6 สงเกตพฤตกรรมและการแสดงออกถงการเลงเหนคณคาของการน าโปรแกรมตารางงานมาใชใน

ระบบคอมพวเตอรของผเรยน 10.7 ความสนใจในการเรยนร การคนควาเพอแสดงความรและค าตอบ การมสวนรวมในกจกรรม 10.8 การซกถามและการตอบค าถาม 10.9 แบบฝกหดและกจกรรมการฝกทกษะ 10.10 การท างานเปนทม (ใหความส าคญในการท างานเปนทม) 10.11 การประเมนโดยกลมเพอน การประเมนตนเอง 10.12 การเขยนรายงานผลงาน และการแกไขสวนทบกพรองในชนงานทมอบหมาย 10.13 แฟมสะสมผลงานทมอบหมายในแตละหนวยการเรยน

เครองมอวดผล

1. ดานคณธรรมจรยธรรม (จตพสย) 1.1 การปฏบตตามกฎระเบยบของสถานศกษา 1.2 ตรงตอเวลา

1.3 สนใจปฏบตงานทมอบหมายและความกระตอรอรนในการเรยน 1.4 ความรบผดชอบ 1.5 ความสะอาดและความเปนระเบยบ 1.6 ความซอสตย

1.7 การเหนคณคาและมเจตทด 2. ดานวชาการ (ดานทกษะ)

2.1 ตอบค าถาม 2.2 หลกการและเทคนคในกระบวนการคด 2.3 มความรความเขาใจ 2.4 ผลงานการปฏบตตามใบงานมความถกตอง 2.5 มทกษะและวเคราะหการใชงานได 2.6 ความสามารถในการน าความรไปประยกตใชในการท างานกบคอมพวเตอร 2.7 ท าแบบฝกหดหลงเรยนมความเขาใจ 2.8 กระบวนการแกปญหาและกระบวนการสบคนเพอหาค าตอบ 2.6 มโนภาพและความคดรวบยอดในการในกระบวนการเรยนรประจ าหนวย

10. แหลงการเรยนร 10.1 หองสมดสถานศกษา 10.2 หองปฏบตการคอมพวเตอรและสารสนเทศ 10.3 ผปกครอง เพอน ๆ รนพ และบคลากรในสถานศกษา 10.4 หนงสอ E-book ,Elearning , Website ทเกยวของ 10.5 ครผสอน

11. ผลงานผเรยน 11.1 รวบรวมผลงานทเปนผลงานทถกตองในภาระงานทมอบหมาย และผเรยนท าการปรบปรงแกไข

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

10. เอกสารอางอ ง อ. ชษณพงศ ธญญลกษณ .วชาการสรางภาพเคลอนไหว ระดบชนปวช. กรงเทพมหานคร: บรษท ซคเซสมเดยจ ากด, 2556.

1. สาระส าคญ/ความคดรวบยอด

ปจจบน การน าเสนอขอมลบนสอตางๆ มการพฒนาขนมาอยางรวดเรว สามารถน าเสนอไดทงภาพเคลอนไหวและเสยงพรอมๆ กนไดทนท แตตองอาศยเทคนคจากโปรแกรมมากมายทมความยงยากและซบซอน ยงกวานนผลงานทสรางออกมายงมขนาดใหญอกดวย แตเรากพบทางออกของทกๆ ปญหาทกลาวมาโดยการใชงานโปรแกรม “Flash” 2. จดประสงคการเรยนร

1. รจกและเขาใจกระบวนการท างานของโปรแกรม Flash CS4 เบองตน

2. มความรความเขาใจเกยวกบสวนประกอบตางๆ ของโปรแกรม Flash CS4 3. มความรความเขาใจเกยวกบเครองมอตางๆ ทใชในการท างานของโปรแกรม Flash CS4

แบบการบรณาการกจกรรมการเรยนการสอนตามหลกปรชญาของเศรษฐกจพอเพยง

1. ความพอประมาณ 1.1 ศกษาและปฎบตงานพอประมาณ เหมาะสมกบเวลา

2. ความมเหตผล 2.1 เพอใหท างานส าเรจทนเวลา 2.2 เพอใหผเรยนไดฝกทกษะการปฎบตงานจรง

3. การมภมคมกนทด 3.1 เปนผมความรบผดชอบ ตรงเวลา

3.2 มความรอบคอบในการท างาน

4. เงอนไขความร 4.1 มความร เกยวกบระบบเครอขายคอมพวเตอรเบองตน 4.2 มทกษะในการใชงานระบบเครอขายคอมพวเตอรเบองตน

5. เงอนไขคณธรรม 5.1 ความมวนย โดยเขาเรยนตรงเวลา แตงกายไดถกตอง

5.2 ดแลทรพยสมบตของสวนรวม

รายวชา การสรางภาพเคลอนไหวเบองตน 2901-2011 คาบท 1-3 หนวยท 1 ชอเรอง รจกกบ Flash CS4 ระดบประกาศนยบตรวชาชพ (ปวช.)

สปดาหท 1 จ านวน 3 ชวโมง

3. กจกรรมการเรยนร กจกรรมคร กจกรรมผเรยน

ขนน าเขาสบทเรยน(30 นาท) 1. ตรวจสอบรายชอนกศกษาทเขาเรยน 2. ครน าเขาสบทเรยนโดยใหผเรยนในหองแสดงความ

คดเหน ถงโปรแกรม Flash CS4 3. รวมสนทนา

1. ใหความรวมมอกบครในการตรวจสอบ 2. ผเรยนแสดงความคดเหนและน าเสนอ 3. รวมสนทนาและแสดงความคดเหน

ขนด าเนนการสอน(180 นาท) 1. บอกจดประสงคการเรยน 2. ใหนกเรยนแบงกลม3 กลมรวมศกษาจากเรอง กลมท 1ความหมาย ของโปรแกรมประยกตไมโครซอฟทเอกเซล กลมท2สวนประกอบของโปรแกรมเอกเซล กลมท3การเลอกเซลลเพอปอนขอมล 3. ประเมนพฤตกรรมรายบคคลโดยอาจารยจะซกถามใน

แตละบคคล 4. ครบรรยาย และยกตวอยางประกอบในหวขอการ

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

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

ขนสรป(30 นาท) 1. ครและนกเรยนรวมกนสรปสาระส าคญ 2. เปดโอกาสใหนกเรยนซกถามขอสงสย 3. ครแนะน าใหผเรยน ไปศกษาจากหนงสอประกอบการ

เรยนเพมเตม 4. ทดสอบหลงเรยน

1. ครและนกเรยนรวมกนสรปสาระส าคญ 2. นกเรยนสอบถามขอสงสย 3. ฟงและจดบนทก 4. ท าแบบทดสอบทายบท

4. กจกรรมการเรยนร กอนเรยน

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

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

5. ท าใบงาน ตรวจสอบใบงาน แกไขใบงาน 6. ทบทวนเนอหา 7. ท าแบบฝกหดหลงเรยน 8. รวมกนเฉลยแบบฝกหด

5. สอการเรยนการสอนประจ าหนวย 1. หนงสอเรยนวชา โปรแกรมตารางค านวณ 2. ใบความรประจ าหนวย 3. ใบงานและแบบฝกหด 4. เครองคอมพวเตอร 5. ซดสอการสอน

6. วดผลประเมนผลประจ าหนวย 1. สงเกตผเรยนมความสนใจ เกดความเขาใจในสาระการเรยนร ตลอดจนแสดงความกระตอรอรน

ในการแสดงความคดเหนและสรปสาระการเรยนรประจ าหนวย 2. ท าใบงานไดอยางถกตอง ทนเวลาทก าหนด ใบงานสะอาดและเปนระเบยบ 3. ผเรยนท าแบบฝกหดหลงเรยนไดถกตอง โดยไดคะแนน 50% เปนอยางต า

เกณฑการประเมนผล วดผลสมฤทธจากแบบประเมนผลการเรยนร รอยละ 80-100 หมายถง ผลการเรยนดมาก รอยละ 70-79 หมายถง ผลการเรยนด รอยละ 60-69 หมายถง ผลการเรยนปานกลาง รอยละ 50-59 หมายถง ผลการเรยนผานเกณฑ ต ากวารอยละ 50 หมายถง ผลการเรยนไมผานเกณฑ แบบประเมนพฤตกรรมรายบคคล 8-10 คะแนน หมายถง มพฤตกรรมด 5-7 คะแนน หมายถง มพฤตกรรมพอใช ต ากวา 5 คะแนน หมายถง มพฤตกรรมทตองปรบปรง

7. กจกรรมเสนอแนะประจ าหนวย

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

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

ความจ าเปนในการน าไปประยกตใชใหเกดขนโดยตนเองใหไดเพอเกดความรความเขาใจอยางแทจรงไมใชเกดจากการทองจ า

แบบและเกณฑประเมนพฤตกรรมรายบคคล ค าชแจง ใหผประเมนขดเครองหมายถก ในชองพฤตกรรมทคาดหวงใหเกดกบนกเรยน เกณฑการตดสน 2 คะแนน หมายถง มพฤตกรรมในระดบแบบสม าเสมอ 1 คะแนน หมายถง มพฤตกรรมในระดบผานเกณฑ 0 คะแนน หมายถง มพฤตกรรมในระดบไมผานเกณฑ เกณฑการประเมน 8 - 10 คะแนน หมายถง มพฤตกรรมด 5 - 7 คะแนน หมายถง มพฤตกรรมพอใช ต ากวา 5 คะแนน หมายถง มพฤตกรรมทตองปรบปรง


การสรางภาพกราฟกใน Flash ม 2 วธ วธแรกคอการใชเครองมอ Flash สรางขนมา และวธท 2 คอน าเขาภาพจากภายนอก อาจเปนภาพถายหรอภาพทสรางจากโปรแกรมกราฟกอนกได เชน Illustrator หรอ Photoshop ซงมไดหลากหลายนามสกล อาท .GIF .PNG .BMP เปนตน ส าหรบในบทนเราจะกลาวถงการสรางภาพกราฟกดวยวธแรก นนคอ การใชเครองมอใน Flash วาดรปขนมาเอง โดยเราจะกลาวถงหลกการพนฐานและการใชเครองมอวาดทละตว 2. จดประสงคการเรยนร 1. มความรความเขาใจเกยวกบลกษณะของภาพกราฟกแตละประเภท 2. มความรความเขาใจเกยวกบกลมเครองมอทใชในการวาดภาพกราฟก

3. เขาใจและสามารถสรางรปดวยเครองมอตางๆ ได 3. แบบการบรณาการกจกรรมการเรยนการสอนตามหลกปรชญาของเศรษฐกจพอเพยง







รายวชา การสรางภาพเคลอนไหวเบองตน 2901-2011 คาบท 4-6 หนวยท 2 ชอเรอง การวาดรปและลงส ระดบประกาศนยบตรวชาชพ (ปวช.)


5.2 ดแลทรพยสมบตของสวนรวม 4. กจกรรมการเรยนร กจกรรมคร กจกรรมผเรยน












1. แสดงความคดเหน ถงโปรแกรม Flash CS4 ขณะเรยน

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

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



7 วดผลประเมนผลประจ าหนวย 1. สงเกตผเรยนมความสนใจ เกดความเขาใจในสาระการเรยนร ตลอดจนแสดงความกระตอรอรน




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

1. มความรความเขาใจในการเลอกออบเจกต 2. เขาใจและสามารถจดการกบออบเจกตได

3. อธบายถงวธการในการจดเรยงออบเจกตได 3. แบบการบรณาการกจกรรมการเรยนการสอนตามหลกปรชญาของเศรษฐกจพอเพยง








รายวชา การสรางภาพเคลอนไหวเบองตน 2901-2011 คาบท 7-9 หนวยท 3 ชอเรอง การจดการออบเจกต ระดบประกาศนยบตรวชาชพ (ปวช.)


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






1. สาระส าคญ/ความคดรวบยอด ส เปนสวนส าคในการออกแบบชนงาน ซงในบทการวาดรปทผานมา เราไดกลาวถงการเลอกสเสน Stroke Color และสพน Fill Color มาแลว ในบทนเราจะกลาวถงการใชเครองมออนๆ ทเกยวกบสใน Flash 2. จดประสงคการเรยนร

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

3. แบบการบรณาการกจกรรมการเรยนการสอนตามหลกปรชญาของเศรษฐกจพอเพยง








รายวชา การสรางภาพเคลอนไหวเบองตน 2901-2011 คาบท 10-12 หนวยท 4 ชอเรอง การใชส ระดบประกาศนยบตรวชาชพ (ปวช.)



ขนน าเขาสบทเรยน(30 นาท) 1. ตรวจสอบรายชอนกศกษาทเขาเรยน 2. ครน าเขาสบทเรยนโดยใหผเรยนในหองแสดงความคดเหน ถงโปรแกรม Flash CS4 3. รวมสนทนา


ขนด าเนนการสอน(180 นาท) 1. บอกจดประสงคการเรยน 2. ใหนกเรยนแบงกลม3 กลมรวมศกษาจากเรอง กลมท 1ความหมาย ของโปรแกรมประยกตไมโครซอฟทเอกเซล กลมท2สวนประกอบของโปรแกรมเอกเซล กลมท3การเลอกเซลลเพอปอนขอมล 3. ประเมนพฤตกรรมรายบคคลโดยอาจารยจะซกถามในแตละบคคล 4. ครบรรยาย และยกตวอยางประกอบในหวขอการตรวจสอบอปกรณตางๆ ภายในคอมพวเตอรอยางชดเจนเพอใหผเรยนสามารถจดจ าและปฏบตได

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

บนทก

ขนสรป(30 นาท) 1. ครและนกเรยนรวมกนสรปสาระส าคญ 2. เปดโอกาสใหนกเรยนซกถามขอสงสย 3. ครแนะน าใหผเรยน ไปศกษาจากหนงสอประกอบการเรยนเพมเตม 4. ทดสอบหลงเรยน




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

6. ทบทวนเนอหา 7. ท าแบบฝกหดหลงเรยน 8.รวมกนเฉลยแบบฝกหด






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

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



1. สาระส าคญ/ความคดรวบยอด นอกจากการสรางภาพใน Flash แลว เราสามารถใสตวอกษรหรอขอความบนสเตจ ไดโดยใชเครองมอ Text Tool โดยขอความใน Flash นน แบงออกไดเปน 3 ประเภท ไดแก ขอความแบบสแตตก (Static Text) เปนขอความธรรมดาทวไป, ขอความแบบไดนามก (Dynamic Text) เปนขอความทเปลยนแปลงรปแบบไดตามคาก าหนดจากโปรแกรมทเขยนขน และขอความแบบอนพทเทกซ (Input Text) เปนฟลดหรอชองรบขอความทใหผใชพมพขอความเขาไปได ส าหรบรปแบบการสรางขอความแตละแบบนนคลายกน จะตางกนบางในสวนคณสมบตเพมเตม และแนวทางการประยกตใช ซงในบทนเราจะเนนการใชขอความแบบสแตตกเปนหลกเพราะเปนขอความแบบพนฐาน สวนในบทตอๆ ไปจะกลาวถงการน าขอความแบบไดนามกและขอความแบบอนพทเทกซมาใชตอไป

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

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

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

1.5 ศกษาและปฎบตงานพอประมาณ เหมาะสมกบเวลา






รายวชา การสรางภาพเคลอนไหวเบองตน 2901-2011 คาบท 13-15 หนวยท 5 ชอเรอง การสรางขอความ ระดบประกาศนยบตรวชาชพ (ปวช.)


5.2 ดแลทรพยสมบตของสวนรวม 4. กจกรรมการเรยนร กจกรรมคร กจกรรมผเรยน





บนทก





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

5. ท าใบงาน ตรวจสอบใบงาน แกไขใบงาน 6. ทบทวนเนอหา 7. ท าแบบฝกหดหลงเรยน 8.รวมกนเฉลยแบบฝกหด







ซมบอล (symbol) คอการน าออบเจกตทเปนภาพกราฟก ปมกด หรอมฟว มาก าหนดเปนตนแบบ เพอน าไปใชเปนสวนประกอบในชนงาน โดยซมบอลทสรางจะถกเกบไวในพาเนล LIBRARY 2. จดประสงคการเรยนร

1. อธบายถงวธการในการสรางซมบอลได 2. อธบายถงวธการในการใชอนสแตนซได









รายวชา การสรางภาพเคลอนไหวเบองตน 2901-2011 คาบท 16-21 หนวยท 6 ชอเรอง ซมบอลและอนสแตนซ ระดบประกาศนยบตรวชาชพ (ปวช.)

สปดาหท 6-7 จ านวน 6 ชวโมง






บนทก






4. ผเรยนและครผสอนรวมกนประเมนขอสรปของผเรยนทออกแสดงความคดเหนเพอใหไดขอสรปทถกตอง และครผสอนแสดงความชนชมกบผเรยนทกคนทออกแสดงความคดเหนและมสวนรวมในกจกรรมทมอบหมาย 5. ท าใบงาน ตรวจสอบใบงาน แกไขใบงาน 6. ทบทวนเนอหา 7. ท าแบบฝกหดหลงเรยน 8.รวมกนเฉลยแบบฝกหด

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




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





1 คะแนน หมายถง มพฤตกรรมในระดบผานเกณฑ 0 คะแนน หมายถง มพฤตกรรมในระดบไมผานเกณฑ เกณฑการประเมน 8 - 10 คะแนน หมายถง มพฤตกรรมด 5 - 7 คะแนน หมายถง มพฤตกรรมพอใช ต ากวา 5 คะแนน หมายถง มพฤตกรรมทตองปรบปรง


ภาพกราฟกนนแบงออกไดเปน 2 ประเภท คอ ภาพบทแมป และภาพเวกเตอร เนองจาก Flash เปนโปรแกรมทท างานกบภาพเวกเตอรเปนหลก ดงนนในบทการวาดรป การใชส และการสรางขอความทไดกลาวไปแลว จงเปนการสรางภาพหรอขอความทเปนเวกเตอรทงสน อยางไรกตามภาพเวกเตอรมขอจ ากดตรงทไมสามารถแทนภาพถาย หรอภาพทมรายละเอยดสงไดดนก ในบางกรณเราจงยงตองใชภาพบทแมปในชนงานทสรางอย ซงเราจะตองน าเขาภาพบทแมปเปนไฟลภาพทสรางโดยใชโปรแกรมกราฟกอน เชน Photoshop นอกจากนนเราอาจพบวาเครองมอใน Flash ยงไมคลองตวพอทจะสรางภาพเวกเตอรทมรายละเอยดซบซอนมากๆ จากศนย ดงนนเราอาจจะตองพงโปรแกรมกราฟกสรางภาพลายเสนโดยเฉพาะ เชน Illustrator สรางภาพเวกเตอรใหเสรจแลวจงน าเขามาใชในชนงานตอไป ส าหรบเนอหาในบทนจะกลาวถงการน าเขาภาพกราฟกจากภายนอกทงภาพบทแมป และภาพเวกเตอร


1. รจกไฟลภาพนามสกลตางๆทสามารถน ามาใชงานใน Flash ได 2. มความรความเขาใจและสามารถน าไฟลภาพชนดตางๆ มาใชงานได

3. อธบายถงการน าเขาภาพเวกเตอรทสรางจากโปรแกรมอนได






รายวชา การสรางภาพเคลอนไหวเบองตน 2901-2011 คาบท 22-27 หนวยท 7 ชอเรอง การน าเขาภาพกราฟกจากภายนอก ระดบประกาศนยบตรวชาชพ (ปวช.)










บนทก





1. ศกษาจากกลมทอาจารยจดไวให 2. จดบนทก สาระการเรยนร 3. รวมกนสรปบทเรยน พรอมบนทกผลการสรป แลวลกขนน าเสนอกบครผสอน 4. ผเรยนและครผสอนรวมกนประเมนขอสรปของผเรยนทออกแสดงความคดเหนเพอใหไดขอสรปทถกตอง และครผสอนแสดงความชนชมกบผเรยนทกคนทออกแสดงความคดเหนและมสวนรวมในกจกรรมทมอบหมาย 5. ท าใบงาน ตรวจสอบใบงาน แกไขใบงาน 6. ทบทวนเนอหา 7. ท าแบบฝกหดหลงเรยน 8.รวมกนเฉลยแบบฝกหด






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


1. มความรความเขาใจเกยวกบการน าไฟลวดโอมาใชใน Flash 2. สามารถอธบายถงการแปลงไฟลชนดอนใหเปน Flash Movie ได 3. สามารถอธบายวธการควบคมการเลนวดโอคลปในชนงานได








รายวชา การสรางภาพเคลอนไหวเบองตน 2901-2011 คาบท 28-30 หนวยท 8 ชอเรอง การน าเขาไฟลวดโอ ระดบประกาศนยบตรวชาชพ (ปวช.)








บนทก











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

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

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



2 คะแนน หมายถง มพฤตกรรมในระดบแบบสม าเสมอ 1 คะแนน หมายถง มพฤตกรรมในระดบผานเกณฑ 0 คะแนน หมายถง มพฤตกรรมในระดบไมผานเกณฑ เกณฑการประเมน 8 - 10 คะแนน หมายถง มพฤตกรรมด 5 - 7 คะแนน หมายถง มพฤตกรรมพอใช ต ากวา 5 คะแนน หมายถง มพฤตกรรมทตองปรบปรง


การสรางภาพเคลอนไหวในโปรแกรม Flash จะคลายกบหลกการสรางภาพยนตร โดยจะมการแบงเนอหาทงหมดออกเปนฉากยอยๆ ทเรยกวาซน (scene) และแตละซนจะประกอบดวยภาพนงจ านวนมากทเราเรยกวาเฟรม (frame) เมอน าภาพเหลานมาแสดงอยางตอเนองกจะไดเปนภาพทเคลอนไหว


1. มความรความเขาใจและสามารถจดการไทมไลนได 2. มความรความเขาใจและสามารถจดการเลเยอรได 3. มความรความเขาใจและสามารถจดการเฟรมได









รายวชา การสรางภาพเคลอนไหวเบองตน 2901-2011 คาบท 31-33 หนวยท 9 ชอเรอง เขาใจพนฐานการสรางงานแอนเมชน ระดบประกาศนยบตรวชาชพ (ปวช.)







บนทก







การสรางภาพเคลอนไหวใน Flash นนท าไดอย 3 วธ คอ การสรางภาพเคลอนไหวแบบเฟรมตอเฟรมทเราตองระบขอมลทกเฟรมดวยตนเอง และการสรางภาพเคลอนไหวแบบทวน ซงเราเพยงก าหนดบางเฟรมทส าคญเทานน สวน Flash จะค านวณและสรางเฟรมอนๆ ใหเองโดยอตโนมต และการเคลอนไหวโดยการใสกระดก


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









รายวชา การสรางภาพเคลอนไหวเบองตน 2901-2011 คาบท 34-36 หนวยท 10 ชอเรอง การสรางงานแอนเมชน ระดบประกาศนยบตรวชาชพ (ปวช.)







บนทก







ในบทนจะกลาวถงซมบอลอก 2 รปแบบทเราสามารถสรางและน าไปใชในงานแอนเมชน ไดแกมฟวคลป (movie clip) และปมกด (Button) ซงทง 2 รปแบบนจะเนนการท างานแบบเคลอนไหว โดยมฟวคลปแสดงการเคลอนไหวไดแมวาอยในเฟรมเพยงเฟรมเดยว สวนปมกดสามารถสรางใหโตตอบกบผใชได และทง 2 ซมบอลนจะชวยใหเราสะดวกมากขนในการสรางชนงาน Flash รปแบบตางๆ


1. มความรความเขาใจและสามารถสรางมฟวคลปเพอน ามาใชงานได 2. มความรความเขาใจและสามารถสรางปมกดเพอน ามาใชในชนงานได









รายวชา การสรางภาพเคลอนไหวเบองตน 2901-2011 คาบท 37-42 หนวยท 11 ชอเรอง มฟวคลปและปมกด ระดบประกาศนยบตรวชาชพ (ปวช.)







บนทก











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





8 - 10 คะแนน หมายถง มพฤตกรรมด 5 - 7 คะแนน หมายถง มพฤตกรรมพอใช ต ากวา 5 คะแนน หมายถง มพฤตกรรมทตองปรบปรง


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


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







5. เงอนไขคณธรรม

รายวชา การสรางภาพเคลอนไหวเบองตน 2901-2011 คาบท 43-45 หนวยท 12 ชอเรอง การท างานกบไฟลเสยง ระดบประกาศนยบตรวชาชพ (ปวช.)


5.1 ความมวนย โดยเขาเรยนตรงเวลา แตงกายไดถกตอง 5.2 ดแลทรพยสมบตของสวนรวม






บนทก





1. ศกษาจากกลมทอาจารยจดไวให 2. จดบนทก สาระการเรยนร

3. รวมกนสรปบทเรยน พรอมบนทกผลการสรป แลวลกขนน าเสนอกบครผสอน 4. ผเรยนและครผสอนรวมกนประเมนขอสรปของผเรยนทออกแสดงความคดเหนเพอใหไดขอสรปทถกตอง และครผสอนแสดงความชนชมกบผเรยนทกคนทออกแสดงความคดเหนและมสวนรวมในกจกรรมทมอบหมาย 5. ท าใบงาน ตรวจสอบใบงาน แกไขใบงาน 6. ทบทวนเนอหา 7. ท าแบบฝกหดหลงเรยน 8.รวมกนเฉลยแบบฝกหด






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


1. มความรความเขาใจและสามารถจดการกบกบฟลเตอรแบบตางๆ ได 2. มความรความเขาใจเกยวกบการตกแตงภาพดวย Blend

3. แบบการบรณาการกจกรรมการเรยนการสอนตามหลกปรชญาของเศรษฐกจพอเพยง








รายวชา การสรางภาพเคลอนไหวเบองตน 2901-2011 คาบท 46-48 หนวยท 13 ชอเรอง เทคนคการตกแตงออบเจกต ระดบประกาศนยบตรวชาชพ (ปวช.)







บนทก











แบบและเกณฑประเมนพฤตกรรมรายบคคล ค าชแจง ใหผประเมนขดเครองหมายถก ในชองพฤตกรรมทคาดหวงใหเกดกบนกเรยน เกณฑการตดสน 2 คะแนน หมายถง มพฤตกรรมในระดบแบบสม าเสมอ 1 คะแนน หมายถง มพฤตกรรมในระดบผานเกณฑ 0 คะแนน หมายถง มพฤตกรรมในระดบไมผานเกณฑ เกณฑการประเมน 8 - 10 คะแนน หมายถง มพฤตกรรมด





5 - 7 คะแนน หมายถง มพฤตกรรมพอใช ต ากวา 5 คะแนน หมายถง มพฤตกรรมทตองปรบปรง


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


1. เขาใจถงวธการเรยกใชสครปตในพาเนล ACTIONS 2. มความรเกยวกบค าสงพนฐานในการสรางงานทโตตอบกบผใช 3. มความรความเขาใจเกยวกบการเขยนค าสงโดยใช ActionScript 2.0 4. มความรความเขาใจเกยวกบการเขยนค าสงโดยใช ActionScript 3.0









รายวชา การสรางภาพเคลอนไหวเบองตน 2901-2011 คาบท 49-51 หนวยท 14 ชอเรอง ก าหนดใหชนงานโตตอบกบผใชได ระดบประกาศนยบตรวชาชพ (ปวช.)







บนทก







การแปลงงาน Flash ของเราเพอน าไปเผยแพร ซงโปรแกรม Flash สามารถแปลงไฟลงานใหเราไดหลายรปแบบ ไมวาจะเปนไฟล SWF, HTML, GIF, JPEG, PNG, QuickTime เปนตน โดยทเราสามารถปรบคณลกษณะของไฟลงานเหลานนไดดวยเชนกน ซงเราจะมาศกษาวธการแปลงงาน Flash หรอเรยกวา “ท าการพบลช (publish)” ภายในบทน


1. มความรความเขาใจและสามารถอธบายเกยวกบการพบลชชนงานได 2. สามารถพบลชชนงานเปนไฟล แฟลชมฟว (flash movie) ได 3. สามารถพบลชชนงานเปนไฟล HTML ได









รายวชา การสรางภาพเคลอนไหวเบองตน 2901-2011 คาบท 52-54 หนวยท 15 ชอเรอง การเผยแพรชนงานทสราง ระดบประกาศนยบตรวชาชพ (ปวช.)







บนทก





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

5. ท าใบงาน ตรวจสอบใบงาน แกไขใบงาน 6. ทบทวนเนอหา 7. ท าแบบฝกหดหลงเรยน 8.รวมกนเฉลยแบบฝกหด





2901-2011 วิชา การสร้างภาพเคลื่อนไหว...

Documents

Transcript of 2901-2011 วิชา การสร้างภาพเคลื่อนไหว...