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

กลมสาระการเรยนรการงานอาชพและเทคโนโลย รายวชา เทคโนโลยสารสนเทศ 1 รหสวชา ง 31101 ชนมธยมศกษาปท 4 ภาคเรยนท 1 ปการศกษา 2556 ชอหนวยการเรยนร โปรแกรม Adobe Flash CS3

(การสรางภาพเคลอนไหวแบบ frame by frame, เลเยอร และการใสเสยง) เวลา 1 คาบ/สปดาห

สาระท 3 เทคโนโลยสารสนเทศและการสอสาร

มาตรฐาน ง 3.1 เขาใจ เหนคณคา และใชกระบวนการเทคโนโลยสารสนเทศในการสบคนขอมล การ

เรยนร การสอสาร การแกปญหาการทางาน และอาชพอยางมประสทธภาพ ประสทธผล และมคณธรรม

ตวชวดชนป

ง 3.1 ม.4-6 (8) ใชฮารดแวรและซอฟตแวรเหมาะสมกบงาน

ง 3.1 ม.4-6 (12) ใชคอมพวเตอรชวยสรางชนงานหรอโครงงานอยางมจตสานก

และความรบผดชอบ

สาระสาคญ

การสรางสอการเรยนร สอนาเสนอตางๆ ในปจจบนมกออกแบบสรางสรรคดวยงานกราฟก ซงโปรแกรม

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

การใชงานโปรแกรม Adobe Flash CS3 ในการสรางภาพเคลอนไหวแบบ frame by frame เปน

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

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

ของชนงานไดอยางมากเลยทเดยว

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

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

สาระการเรยนร ดานความรความคด (K) 1. ขนตอนการสรางภาพเคลอนไหวแบบ frame by frame และการใสเสยง

ดานทกษะกระบวนการ (P) 1. การใชงานเครองมอและคาสงของโปรแกรม Adobe Flash CS3 ในการสรางชนงานได - การสรางภาพเคลอนไหวแบบ frame by frame - การใชงานเลเยอร - การใสเสยง

ดานคณลกษณะอนพงประสงค (A) หวขอท 3 คดอยางสรางสรรค 3.1 มความคดแปลกใหม คดยดหยนและคดละเอยดลออ หวขอท 4 ใฝร ใฝเรยน 4.1 ตงใจเพยรพยายามในการเรยนและเขารวมกจกรรม หวขอท 14 มงมนในการทางาน 14.1 ตงใจและรบผดชอบในหนาทการงาน กระบวนการจดการเรยนร

ขนนาเขาสบทเรยน

1. ครกลาวทกทายนกเรยน และสอบถามนกเรยนเกยวกบเครองมอทไดเรยนไปครงทแลว

2. ครแจงนกเรยนวาวนนจะเรยนโปรแกรม Adobe Flash CS3 ในเรองการสรางภาพเคลอนไหวแบบ frame by frame, การใชงานเลเยอร และการใสเสยง

ขนสอน 1. ครใหนกเรยนเปดโปรแกรม Adobe Flash CS3 แลวเลอก Flash File (ActionScript 3.0) 2. ครอธบายการสรางภาพเคลอนไหวแบบ frame by frame

• ขอความ - สรางวตถขนมาในเฟรมท 1 โดยใชเครองมอเขยนขอความ (Text Tool) เขยน

ขอความลงไป 1 ตวอกษร

เลอกเฟรม 1

Text Tool

เขยนขอความ 1 ตวอกษร

- เลอกทเฟรมถดไป แลวคลกขวา >> Insert Keyframe

- ใชเครองมอเขยนขอความ (Text Tool) เขยนขอความเพมลงไปอก 1 ตวอกษร

- ทาตามขนตอนจากการ เลอกทเฟรมถดไป แลวคลกขวา >> Insert Keyframe จากนนเพมขอความทละตวอกษร ไปเรอยๆจนไดขอความทครบสมบรณตามตองการ

เลอกเฟรมถดไป

คลกขวา เลอก Insert Keyframe

Text Tool

เขยนขอความเพมอก 1 ตวอกษร

Text Tool

เขยนขอความเพมทละ 1 ตวอกษร

จนไดขอความทครบสมบรณตามตองการ

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

ตองการ แลวเลอก Insert Frame เปนการเพมระยะของวตถ

(ถายงเพมเฟรมมากการเคลอนไหวกจะยงชาลง)

• รปภาพ - นาเขาไฟลรปภาพ โดยไปทเมน File >> Import >> Import to Library…

เลอกชองคยเฟรมทตองการ

คลกขวา เลอก Insert Frame

จะปรากฏชองเฟรมถดจากชองคยเฟรม

- จะปรากฏไดอะลอกใหเลอกไฟลรปภาพทตองการ จากนนกด Open ไฟลรปภาพจะ

ปรากฏทชอง Library ในแถบพาเนล

- เลอกเฟรมทตองการวางวตถ แลวคลกขวา เลอก Insert Keyframe

- คลกทไฟลรปภาพ แลวลากมาวางไวท Stage จากนนปรบขนาดรปภาพตามตองการ

โดยใชเครองมอ Free Transform Tool

เลอกรปภาพ

คลกขวา เลอก Insert Keyframe

ปรากฏไฟลรปภาพท Library ของพาเนล

ปรบขนาดรปภาพ

(Free Transform Tool)

คลกไฟลรปภาพ แลวลากไปไวท Stage

- เมอไดรปภาพตามตองการแลว ใหตดพนหลงของภาพออก โดย A : คลกขวาทรปภาพ แลวเลอก Break Apart B : คลกเครองมอ Lasso Tool แลวเปลยนเปน Magic Wand

C : เลอกสวนทตองการลบ แลวกด Delete เพอลบ

- เมอตดภาพเรยบรอยแลว จดวางรปภาพในตาแหนงทตองการ

จากนนคลกทเฟรมถดไป แลวคลกขวา เลอก Insert Keyframe

A

คลกขวา เลอก Break Apart

B

Lasso Tool

Magic Wand

เลอกสวนทตองการลบ กด Delete เพอลบ

C

คลกขวา เลอก Insert Keyframe

เลอกเฟรมถดไป

- คลกทรปภาพ แลวเคลอนยายตาแหนงทละนอย ทาแบบนไปเรอยๆ ตามตองการ จะไดภาพเคลอนไหวแบบ Frame by Frame

3. ครอธบายการใชงานเลเยอร (Layer)

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

4. ครอธบายการการใสเสยง

- คลกทปม Insert Layer จะปรากฏเลเยอรใหมขนมา

คลกขวา เลอก Insert Keyframe

และเคลอนยายรปภาพตามตองการ

คลกปม Insert Layer

จะปรากฏ Layer ใหม

- เปลยนชอเลเยอรใหมเปน “sound” เพอใหจาไดงายและไมสบสน

โดยการดบเบลคลกทเลเยอร แลวพมพลงไปไดเลย

- นาเขาไฟลเสยง โดยไปทเมน File >> Import >> Import to Library…

- จะปรากฏไดอะลอกใหเลอกไฟลเสยงทตองการ จากนนกด Open ไฟลเสยงจะปรากฏท

ชอง Library ในแถบพาเนล

ดบเบลคลกทเลเยอร เปลยนชอเปน “sound”

เลอกไฟลเสยง

ปรากฏไฟลเสยงท Library ของพาเนล

- คลกทเฟรม 1 ของเลเยอร sound แลวคลกลากไฟลเสยงมาไวท Stage จะปรากฏเสยงทเลเยอร sound - ไปทเฟรมทายสดของเลเยอร sound แลวคลกขวา เลอก Insert Keyframe

คลกไฟลเสยงแลวลากออกมาวางท Stage

คลกเลอกเฟรมท 1

จะปรากฏเสยงทเลเยอร sound

เลอกเฟรมสดทาย

คลกขวา เลอก Insert Keyframe

- ตงคาในสวน Properties เพอใหเพลงหยด พรอมกบการแสดงภาพเคลอนไหว ดงน

5. ครใหนกเรยนตกแตงชนงานใหเรยบรอยสวยงาม เมอสรางชนงานเสรจแลวใหนกเรยน Save as ไฟลชอวา “Work04-ชอนกเรยน-40…” ไวทโฟลเดอรงานของตวเองทไดสรางไวแลว จากนนกด Ctrl + Enter เพอแปลงไฟลเปนนามสกล .swf 6. ครใหนกเรยนอพโหลดชนงานขน Site ของตวเอง โดยไปท site.google.com - เลอกไปท Work - คลก เพมไฟล - เลอกไฟลงานทเปน .swf ในโฟลเดอรงานของตวเอง แลวคลก Open - รออพโหลด จะเสรจสนเมอปรากฏไฟลงาน

ขนสรป

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

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

1. คอมพวเตอร

2. LCD Projecter

3. โปรแกรม Adobe Flash CS3

4. อนเทอรเนต

ชอง Sound : เปลยน None เปน ชอเพลงทเราตองการใช

ชอง Sync : เปลยน Event เปน Stop

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

1. การประเมนคณลกษณะอนพงประสงค ประเมนจาก

คณลกษณะอนพงประสงค ตวชวด พฤตกรรมบงช 3. คดอยางสรางสรรค 3.1 มความคดแปลกใหม คดยดหยน

และคดละเอยดลออ 3.1.2 ผลตผลงานจากแนวคดใหมหรอดดแปลงจากแนวคดเดม

4. ใฝร ใฝเรยน 4.1 ตงใจ เพยรพยายามในการเรยนและเขารวมกจกรรม

4.1.2 เอาใจใสและมความเพยรพยายามในการเรยนร

14. มงมนในการทางาน 14.1 ตงใจและรบผดชอบในหนาทการงาน

14.1.1 เอาใจใสตอการปฏบตหนาททไดรบมอบหมาย

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

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

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

พฤตกรรมบงช เกณฑการประเมนผล

3.1.2 ผลตผลงานจากแนวคดใหมหรอดดแปลงจากแนวคดเดม

4 คอ มความคดรเรมสรางสรรค สรางผลงานทมแนวคดใหมหรอดดแปลงจาก แนวคดเดมไดสมบรณ 3 คอ มความคดรเรมสรางสรรค สรางผลงานทมแนวคดใหมหรอดดแปลงจาก แนวคดเดมได แตไมสมบรณ 2 คอ มความคดรเรมสรางสรรค แตไมสามารถสรางชนงานได 1 คอ ไมสามารถสรางชนงานทมแนวคดใหมหรอดดแปลงจากแนวคดเดมได

4.1.2 เอาใจใสและมความเพยรพยายามในการเรยนร

4 คอ ตงใจ เพยรพยายามทจะทางาน และการทากจกรรมตางๆ 3 คอ ขาดความตงใจเพยรพยายามในการทางาน และทากจกรรมตางๆ บางบางครง 2 คอ สวนใหญขาดความตงใจเพยรพยายามในการทางานและทากจกรรม ตองคอยกระตนเตอน 1 คอ ไมมความตงใจ ไมเพยรพยายามในการเรยน และการทากจกรรมตางๆ โดยทากจกรรมอนทไมเกยวของกบการเรยนและกจกรรมนนๆ

14.1.1 เอาใจใสตอการปฏบตหนาททไดรบมอบหมาย

4 คอ ทางานทไดรบมอบหมายครบถวน สงงานตรงตามเวลาทกาหนด 3 คอ ทางานทไดรบมอบหมายครบถวน แตไมสมบรณ สงงานตรงตามเวลา 2 คอ ทางานทไดรบมอบหมายไมครบถวน สงงานลาชากวาเวลาทกาหนด 1 คอ ทางานทไดรบมอบหมายไมเสรจ ไมสงงานตามเวลาทกาหนด

2. การประเมนทกษะ/กระบวนการ

มทกษะในการใชโปรแกรมไดเปนอยางด

- การใชงานเครองมอและคาสงของโปรแกรม Adobe Flash CS3 ในการสรางชนงาน

- การสรางภาพเคลอนไหวแบบ frame by frame - การใชงานเลเยอร - การใสเสยง

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

ใชแบบประเมนทกษะกระบวนการ

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

ระดบผลการเรยน ความหมาย ตวบงช

4.0 ดเยยม สามารถปฏบตตามวตถประสงคไดอยางดเยยม ปฏบตไดถกตอง ไมมแกไข

3.5 ดมาก สามารถปฏบตตามวตถประสงคไดดมาก มขอผดพลาดทตองแกไขเลกนอย

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

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

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

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

1.0 ผานเกณฑขนตา สามารถปฏบตตามวตถประสงคไดตามเกณฑขนตา มขอผดพลาดทตองไดรบการชวยเหลอพเศษจงจะปฏบตไดผานเกณฑ

0 ไมผานเกณฑ ไมสามารถปฏบตไดตามวตถประสงค

3. การประเมนผลงาน

ประเมนจากการสรางชนงาน

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

ใชแบบประเมนชนงาน

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

ระดบผลการเรยน ความหมาย ตวบงช

4.0 ดเยยม สามารถสรางภาพเคลอนไหวแบบ frame by frame สรางเลเยอรใหมและใสเสยงไดถกตองครบถวน มความคดสรางสรรค มการจดแตงใหสวยงาม

3.5 ดมาก สามารถสรางภาพเคลอนไหวแบบ frame by frame สรางเลเยอรใหมและใสเสยงไดถกตองครบถวน ไมมความคดสรางสรรค มการจดแตงใหสวยงาม

3.0 ด สามารถสรางภาพเคลอนไหวแบบ frame by frame สรางเลเยอรใหมและใสเสยงไดถกตองครบถวน ไมมความคดสรางสรรค ไมมการจดแตงใหสวยงาม

2.5 คอนขางด สามารถสรางภาพเคลอนไหวแบบ frame by frame และสรางเลเยอรใหมได แตไมสามารถใสเสยงได มความคดสรางสรรค มการจดแตงใหสวยงาม

2.0 ปานกลาง สามารถสรางภาพเคลอนไหวแบบ frame by frame และสรางเลเยอรใหมได แตไมสามารถใสเสยงได ไมมความคดสรางสรรค มการจดแตงใหสวยงามเลกนอย

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

1.0 ผานเกณฑขนตา สามารถสรางภาพเคลอนไหวแบบ frame by frame ได แตไมสามารถสรางเลเยอรใหมและใสเสยงได ไมมความคดสรางสรรค ไมมการจดแตงใหสวยงาม

0 ไมผานเกณฑ ไมสามารถใชเครองมอในการสรางชนงานได

บนทกหลงสอน

………………………………………………………………………………………………………………………………………………………

………………………………………………………………………………………………………………………………………………………

………………………………………………………………………………………………………………………………………………………

………………………………………………………………………………………………………………………………………………………

………………………………………………………………………………………………………………………………………………………

………………………………………………………………………………………………………………………………………………………

………………………………………………………………………………………………………………………………………………………