แผนการสอนFlash mx

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

วชา คอมพวเตอร (การสรางงานแบบมลตมเดย (Flash MX))

ขนท 1 วเคราะหผเรยน เปนการศกษาขอมลของผเรยนดาน อาย ความรเดม ขดความสามารถ ความ

ตองการ ความสนใจ ลกษณะนสย พนฐานดานอารมณ สภาพครอบครว เศรษฐกจ และความพรอมของนกเรยนดานอปกรณ

สงทวเคราะห แหลงขอมล ลกษณะของผเรยนอาย ระเบยนสะสม อาย 16 – 18ความรเดม ระเบยนสะสมผลการ

เรยนผ า น ก า ร เ ร ย น ส า ร ะ เ ร อ งคอมพวเตอรเบองตน

ความตองการ - แบบบนทกขอมลพนฐานจาก ระบบดแลนกเรยน- แบบสงเกต- แบบสมภาษณ

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

ความสนใจ - แบบบนทกขอมลพนฐานจาก ระบบดแลนกเรยน- แบบสงเกต- แบบสมภาษณ

สนใจการปฏบต มากกวาเรยนทฤษฎ

ลกษณะนสย แบบวด SDQ ชอบทำางานเปนกลม บางคนชอบอยคนเดยว คอนขางเกบตว ไมคอยแสดงความคดเหนภายในกลม

พนฐานอารมณ แบบวด SDQ มปญหาเร องสภาพทางสงคมททางผปกครองดแลเอาใจใส

สภาพครอบครว แบบบนท กขอมลพ นฐานจากระบบดแลนกเรยน

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

รบผดชอบเศรษฐกจ แบบบนท กขอมลพ น

ฐานจากระบบดแลนกเรยน

สวนใหญมสภาพรายไดปานกลาง มอาชพธรกจสวนตว รบราชการ และรบจางทวไป

ความพรอมของนกเรยนดานอปกรณ

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

ขนท 2 กำาหนดวตถประสงค 1. วตถประสงคทวไป

1.1 เพอใหนกเรยนมความรความเขาใจเกยวกบเรองตอไปน1.1.1ความตองการของระบบ Flash MX1.1.2องคประกอบของ Flash MX1.1.3การอปกรณทใชสำาหรบวาดรปตาง ๆ 1.1.4การใชสและปรบแตงส1.1.5การใชเครองมอในการตกแตงภาพ1.1.6การใชเครองมอในการชวยวดและจดวาง1.1.7การสรางตวอกษร1.1.8การใชงาน Symbol และ Instance1.1.9การใชงาน Layer1.1.10 หลกการพนฐานในการสราง Animation1.1.11 การสรางภาพเคลอนไหว1.1.12 การจดการกบเสยง1.1.13 การเผยแพรผลงาน

1.2 เพอใหนกเรยนมทกษะในเรองการปฏบตในเรองตอไปน1.2.1การอปกรณทใชสำาหรบวาดรปตาง ๆ 1.2.2การใชสและปรบแตงส1.2.3การใชเครองมอในการตกแตงภาพ

1.2.4การใชเครองมอในการชวยวดและจดวาง1.2.5การสรางตวอกษร1.2.6การใชงาน Symbol และ Instance1.2.7การใชงาน Layer1.2.8การสรางภาพเคลอนไหว1.2.9การจดการกบเสยง1.2.10 การเผยแพรผลงาน

1.3 เพอใหนกเรยนเหนคณคาของ คอมพวเตอร (การสรางงานแบบมลตมเดย (Flash MX)

2. วตถประสงคเฉพาะ2.1 หลงจากศกษาเร อง ความเปนมาของ “ Macromedia Flash

Mx”แลวนกเรยนสามารถอธบาย เกยวกบ ประวตความเปนมาไดอยางถกตอง

2.2 หลงจากศกษาเรอง สาเหตทขนาดของ “ Flash มขนาดเลกกวาไฟลทวไป แลวนกเรยนสามารถอธบายเกยวกบขนาดของไฟลไดถก”ตอง

2.3 หลงจากศกษาเรอง ความตองการของระบบ “ Flash MX” แลวนกเรยนสามารถอธบายเกยวกบ ความตองการของระบบไดถกตอง

2.4 หลงจากศกษาเรอง เขาสโปรแกรม “ Flash MX” แลวนกเรยนสามารถเขาสโปรแกรม Flash MX ไดถกตอง

2.5 หลงจากศกษาเร อง ทดลองใชโปรแกรม “ Flash MX” แลวนกเรยนสามารถทดลองใชโปรแกรม Flash MX ไดถกตอง

2.6 หลงจากศกษาเร อง ออกจากโปรแกรม “ Flash MX” แลวนกเรยนสามารถออกจากโปรแกรม Flash MX ไดถกตอง

2.7 หลงจากศกษาเรอง หนาตาและองคประกอบของ “ Flash MX” แลวนกเรยนสามารถอธบายเกยวกบ องคประกอบของ Flash MX ไดถกตอง

2.8 หล งจากศกษาเร อง กล องเคร องมอ “ (Toolbox)” แล วนกเรยนสามารถอธบายเกยวกบเครองมอตาง ๆ ไดถกตอง

2.9 หลงจากศกษาเร อง เสนเวลา “ (Timeline)” แลวนกเรยนสามารถอธบายเกยวกบเสนเวลาไดถกตอง

2.10 หลงจากศกษาเร อง หนาตางการท ำางานหรอเวท “ (Stage)” แลวนกเรยนสามารถอธบายเกยวกบหนาตางการทำางานไดถกตอง

2.11 หลงจากศกษาเร อง ปมการแสดงผล “ (Controller)” แลวนกเรยนสามารถอธบายเกยวกบปมการแสดงผลไดถกตอง

2.12 หลงจากศกษาเร อง หนาตางควบคมการแสดงผล “ (Panel)” แลวนกเรยนสามารถอธบายเกยวกบหนาตางควบคมการแสดงผลไดถกตอง

2.13 หลงจากศกษาเร อง ปมขยายขนาด “ (Zoom)” แลวนกเรยนสามารถอธบายเกยวกบปมขยายขนาดไดถกตอง

2.14 หลงจากศกษาเร อง แกไขซน “ (Exit Scene)” แลวนกเรยนสามารถอธบายเกยวกบ การแกไขซนไดถกตอง

2.15 หลงจากศกษาเร อง แกไขเวท “ (Edit Stage)” แลวนกเรยนสามารถอธบายเกยวกบ การแกไขเวทไดถกตอง

2.16 หลงจากศกษาเรอง หลกการทำางานของ “ Flash” แลวนกเรยนสามารถอธบายเกยวกบ หลกการทำางานของ Flash ไดถกตอง

2.17 หลงจากศกษาเร อง นามสกลของ “ Flash” แลวน กเรยนสามารถอธบายเกยวกบ นามสกลของ Flash ไดถกตอง

2.18 หลงจากศกษาเรอง การนำาไฟลทสรางจากโปรแกรมอนมาใชใน“ Flash” แลวนกเรยนสามารถอธบายเกยวกบการนำาโปรแกรมอนมาใชงานไดถกตอง

2.19 หลงจากศกษาเร อง ภาพกราฟกใน “ Flash” แลวนกเรยนสามารถอธบายเกยวกบภาพกราฟกใน Flash ไดถกตอง

2.20 หลงจากศกษาเร อง ภาพกราฟกชนด “ Raster” แลวนกเรยนสามารถอธบายเกยวกบ ภาพกราฟกชนด Raster ไดถกตอง

2.21 หลงจากศกษาเร อง ภาพกราฟกชนด “ Vecter” แลวนกเรยนสามารถอธบายเกยวกบ ภาพกราฟกชนด Vecter ไดถกตอง

2.22 หลงจากศกษาเร อง การวาดภาพใน “ Flash” แลวนกเรยนสามารถอธบายเกยวกบการวาดภาพไดถกตอง

2.23 หลงจากศกษาเร อง วาดเสนตรง “ (Line Tool)” แลวนกเรยนสามารถวาดเสนตรงไดถกตอง

2.24 หลงจากศกษาเร อง วาดรปดวย “ Pen Tool” แลวนกเรยนสามารถวาดรปดวย Pen Tool ไดถกตอง

2.25 หลงจากศกษาเร อง การวาดวงกลมและวงร “ (Oval Tool)” แลวนกเรยนสามารถวาดวงกลมและวงรไดถกตอง

2.26 หลงจากศกษาเร อง วาดสเหลยม “ (Rectangle Tool)” แลวนกเรยนสามารถวาดสเหลยมไดถกตอง

2.27 หลงจากศกษาเร อง การวาดร ปด วย “ Pencil Tool” แลวนกเรยนสามารถวาดรปดวย Pencil Tool ไดถกตอง

2.28 หล งจากศ กษาเร อง การระบายส “ (Brush Tool)” แล วนกเรยนสามารถระบายสไดถกตอง

2.29 หลงจากศกษาเรอง การลบสวนทไมตองการออกโดย “ Eraser Tool” แลวนกเรยนสามารถลบสวนทไมตองการไดถกตอง

2.30 หลงจากศกษาเร อง การเลอกสของ “ Stoke Color และ Fill Color” แลวนกเรยนสามารถเลอกสพนและสเสนไดถกตอง

2.31 หลงจากศกษาเร อง “Default Color” แลวนกเรยนสามารถอธบายเกยวกบ Default Color ไดถกตอง

2.32 หลงจากศกษาเร อง “No Color” แลวนกเรยนสามารถอธบายเกยวกบ No Color ไดถกตอง

2.33 หลงจากศกษาเร อง “Swap Color” แลวนกเรยนสามารถอธบายเกยวกบ Swap Color ไดถกตอง

2.34 หลงจากศกษาเร อง การใชหนาตาง “ Color Mixer” แลวนกเรยนใชหนาตาง Color Mixer ไดถกตอง

2.35 หลงจากศกษาเร อง การแสดงสแบบ “ Solid” แลวนกเรยนสามารถอธบายเกยวกบ การแสดงสแบบ Solid ไดถกตอง

2.36 หลงจากศกษาเร อง การไลโทนสแบบ “ Linear” แลวนกเรยนสามารถไลโทนสแบบ Linear ไดถกตอง

2.37 หลงจากศกษาเร อง การไลสแบบ “ Redial” แลวนกเรยนสามารถไลสแบบ Redial ไดถกตอง

2.38 หลงจากศกษาเร อง การก ำาหนดใหแสดงสเป นภาพแบบ“ Bitmap” แลวน กเรยนสามารถก ำาหนดใหแสดงสเป นภาพแบบ Bitmap ไดถกตอง

2.39 หลงจากศกษาเร อง การกำาหนดใหพนสเปนรป แลวนกเรยน“ ”สามารถกำาหนดพนสเปนรปภาพไดถกตอง

2.40 ห ล ง จ า ก ศ ก ษ า เ ร อ ง ก า ร เ ล อ ก ส จ า ก ห น า ต า ง “ Color Swatches” แลวนกเรยนสามารถอธบายเกยวกบหนาตาง Color Swatches ไดถกตอง

2.41 หลงจากศกษาเร อง การเปลยนสพนทถก “ Selection” แลวนกเรยนสามารถเปลยนสพนทถก Selection ไดถกตอ

2.42 หลงจากศกษาเร อง การเทสพนภาพโดยใช “ Paint Bucket Tool” แลวนกเรยนสามารถเทสพนภาพโดยใช Paint Bucket Tool ไดถกตอง

2.43 หลงจากศกษาเรอง “Options ของถงส แลวนกเรยนสามารถ”อธบายเกยวกบ Options ของถงสไดถกตอง

2.44 หลงจากศกษาเร อง การปรบโทนสโดยใช “ Lock Fill” แลวนกเรยนสามารถปรบโทนสโดยใช Lock Fill ไดถกตอง

2.45 หลงจากศกษาเร อง การเปลยนสเสนขอบดวย “ Ink Bottle Tool” แลวนกเรยนสามารถเปลยนสเสนขอบดวย Ink Bottle Tool ไดถกตอง

2.46 หลงจากศกษาเร อง เลอกสโดยใช “ Dropper Tool” แลวนกเรยนสามารถเลอกใชสโดยใช Dropper Tool ไดถกตอง

2.47 หลงจากศกษาเร อง การกำาหนดสและลกษณะของเสนขอบ“ ” แลวนกเรยนสามารถอธบายเกยวกบการกำาหนดสและลกษณะของเสนขอบไดถกตอง

2.48 หลงจากศกษาเรอง การปรบแตงภาพ “ Transform Fill” แลวนกเรยนสามารถปรบแตงภาพดวย Transform Fill ไดถกตอง

2.49 หลงจากศกษาเรอง การปรบโทนสแบบ “ Linear” แลวนกเรยนสามารถอธบายเกยวกบ การปรบโทนสแบบ Linear ไดถกตอง

2.50 หลงจากศกษาเร อง การปรบแตงโทนสแบบ “ Redial” แลวนกเรยนสามารถอธบายเกยวกบ การปรบแตงโทนสแบบ Redial ไดถกตอง

2.51 หลงจากศกษาเร อง ความหมายของการ “ Selection” แลวนกเรยนสามารถอธบายเกยวกบ ความหมายของการ Selection ไดถกตอง

2.52 หลงจากศกษาเร อง ล กษณะของการ “ Selection” แล วนกเรยนสามารถอธบายเกยวกบ ลกษณะของการ Selection ไดถกตอง

2.53 หลงจากศกษาเร อง กลองเคร องมอใน “ Flash” แลวนกเรยนสามารถอธบายเกยวกบกลองเครองมอใน Flash ไดถกตอง

2.54 หลงจากศกษาเร อง “Arrow Tool” แลวนกเรยนสามารถใชงาน Arrow Tool ไดถกตอง

2.55 หลงจากศกษาเรอง “Subselect Tool” แลวนกเรยนสามารถใชงาน Sebselect Tool ไดถกตอง

2.56 หลงจากศกษาเร อง “Free Transform Tool” แลวนกเรยนสามารถใชงาน Free Transform Tool ไดถกตอง

2.57 หลงจากศกษาเรอง “Lasso Tool” แลวนกเรยนสามารถใชงาน Lasso Tool ไดถกตอง

2.58 หลงจากศกษาเรอง “Zoom Tool” แลวนกเรยนสามารถใชงาน Zoom Tool ไดถกตอง

2.59 หลงจากศกษาเรอง “Hand Tool” แลวนกเรยนสามารถใชงาน Hand Tool ไดถกตอง

2.60 หลงจากศกษาเร อง เคร องมอในการชวยวดและจดวางใน“ Flash” แลวนกเรยนสามารถอธบายเกยวกบ เคร องมอในการชวยวดและจดวางไดถกตอง

2.61 หลงจากศกษาเรอง การใชงาน “ Ruler” แลวนกเรยนสามารถใชงาน Ruler ไดถกตอง

2.62 หลงจากศกษาเร อง การใชงานเสน “ Guide” แลวนกเรยนสามารถใชงานเสน Guide ไดถกตอง

2.63 หลงจากศกษาเรอง การใชงานเสน “ Grid” แลวนกเรยนสามารถใชงานเสน Grid ไดถกตอง

2.64 หลงจากศกษาเร อง การจดล ำาด บวตถ “ (Arrange)” แลวนกเรยนสามารถจดลำาดบวตถไดถกตอง

2.65 หลงจากศกษาเร อง การจดเรยงวตถ “ (Align)” แลวนกเรยนสามารถจดเรยงวตถไดถกตอง

2.66 หลงจากศกษาเรอง การจดกลมและการแยกกลม “ (Group & Ungroup)” แลวนกเรยนสามารถจดกลมและแยกกลมไดถกตอง

2.67 หลงจากศกษาเร อง การใสขอความโดยใช “ Text Tool” แลวนกเรยนสามารถใชงาน Text Tool ไดถกตอง

2.68 หลงจากศกษาเร อง การเคลอนยายและปรบขนาดกลอง“ขอความ แลวนกเรยนสามารถเคลอนยายและปรบขนาดกลองขอความ”ไดถกตอง

2.69 หลงจากศกษาเร อง การปรบแตงตวอกษรใหเขากบงานท“ออกแบบ แลวนกเรยนสามารถปรบแตงตวอกษรไดถกตอง”

2.70 หลงจากศกษาเร อง การใชหนาตาง “ Properties ของ Text Tool” แลวนกเรยนสามารถใชงานหนาตาง Properties ไดถกตอง

2.71 หลงจากศกษาเร อง ร จ ก “ Symbol และ Instance” แลวนกเรยนสามารถอธบายเกยวกบ Symbol และ Instance ไดถกตอง

2.72 หลงจากศกษาเรอง รจก “ “Symbol แตละแบบ แลวนกเรยน”สามารถอธบายเกยวกบ Symbol ในแตละแบบไดถกตอง

2.73 หลงจากศกษาเรอง “Movie Clip” แลวนกเรยนสามารถใชงาน Movie Clip ไดถกตอง

2.74 หลงจากศกษาเร อง “Button” แลวนกเรยนสามารถใชงาน Button ไดถกตอง

2.75 หลงจากศกษาเร อง “Graphic” แลวนกเรยนสามารถใชงาน Graphic ไดถกตอง

2.76 หลงจากศกษาเร อง การใช “ Library” แลวนกเรยนสามารถอธบายเกยวกบการใช Library ไดถกตอง

2.77 หลงจากศกษาเร อง การเปลยนวตถเป น “ Symbol” แลวนกเรยนสามารถเปลยนวตถเปน Symbol ไดถกตอง

2.78 หลงจากศกษาเรอง การใช “ Symbol จาก Library อน แลว”นกเรยนสามารถใช Symbol จาก Library อนไดถกตอง

2.79 หลงจากศกษาเร อง การสราง “ Symbol ประเภท Button” แลวนกเรยนสามารถสราง Symbol ประเภท Button ไดถกตอง

2.80 หลงจากศกษาเร อง การสราง “ Symbol ประเภท Graphic” แลวนกเรยนสามารถสราง Symbol ประเภท Graphic

2.81 หลงจากศกษาเร อง ความหมายของ “ Layer” แลวนกเรยนสามารถอธบายเกยวกบ ความหมายของ Layer ไดถกตอง

2.82 หลงจากศกษาเรอง การใชงาน “ Layer” แลวนกเรยนสามารถใชงาน Layer ไดถกตอง

2.83 หลงจากศกษาเร อง รจกกบ “ Active Layer” แลวนกเรยนสามารถอธบายเกยวกบ Active Layer ไดถกตอง

2.84 หลงจากศกษาเร อง การสราง “ Layer ใหม แลวนกเรยน”สามารถสราง Layer ใหมไดถกตอง

2.85 หลงจากศกษาเร อง วธการเปลยน “ Layer ตาง ๆ แลว”นกเรยนสามารถเปลยน Layer ไดถกตอง

2.86 หลงจากศกษาเร อง การเปลยนชอให “ Layer”แลวนกเรยนสามารถเปลยนชอให Layer ไดถกตอง

2.87 หลงจากศกษาเร อง การซอนและแสดง “ Layer”แลวนกเรยนสามารถซอนและแสดง Layer ไดถกตอง

2.88 หลงจากศกษาเร อง การเปลยนลำาดบ “ Layer”แลวนกเรยนสามารถเปลยนลำาดบ Layer ไดถกตอง

2.89 หลงจากศกษาเร อง การลบ “ Layer”แลวนกเรยนสามารถลบ Layer ไดถกตอง

2.90 หลงจากศกษาเรอง การปองกนการแกไขรปภาพ แลวนกเรยน“ ”สามารถปองกนการแกไขรปภาพไดถกตอง

2.91 หลงจากศกษาเร อง การจดกล มให “ Layer”แลวน กเรยนสามารถจดกลมให Layer ไดถกตอง

2.92 หลงจากศกษาเร อง การใช “ Guide Layer ในการวางวตถ” แลวนกเรยนสามารถใช Guide Layer ในการวางวตถไดถกตอง

2.93 หลงจากศกษาเร อง การใช “ Layer Mask”แลวน กเรยนสามารถใช Layer Mask ไดถกตอง

2.94 หลงจากศกษาเร อง การกำาหนดคณสมบตของ “ Layer”แลวนกเรยนสามารถอธบายเกยวกบคณสมบตของ Layer ไดถกตอง

2.95 หลงจากศกษาเรอง การกระจาย “ Layer”แลวนกเรยนสามารถกระจาย Layer ไดถกตอง

2.96 หลงจากศกษาเร อง หลกการของ “ Animation”แลวนกเรยนสามารถอธบายเกยวกบหลกการของ Animation ไดถกตอง

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

2.98 หลงจากศกษาเร อง การเคลอนไหวชนดภาพตอภาพ แลว“ ”นกเรยนสามารถอธบายเกยวกบการเคลอนไหวชนดภาพตอภาพไดถกตอง

2.99 หลงจากศกษาเร อง การเคลอนไหวชนดกำาหนดจดเร มตนและ“จดสนสด แลวนกเรยนสามารถอธบายเกยวกบการเคลอนไหวชนด”กำาหนดจดเรมตนและจดสนสดไดถกตอง

2.100 หลงจากศกษาเรอง “Frame” แลวนกเรยนสามารถอธบายเกยวกบ Frame ไดถกตอง2.101 หลงจากศกษาเร อง “Keyframe” แลวนกเรยนสามารถอธบายเกยวกบ Keyframe ไดถกตอง2.102 หลงจากศกษาเรอง “Blank Keyframe” แลวนกเรยนสามารถ

อธบายเกยวกบ Blank Keyframe ไดถกตอง2.103 หลงจากศกษาเรอง “Document Properties” แลวนกเรยน

สามารถอธบายเกยวกบ Document Properties ไดถกตอง2.104 หลงจากศกษาเรอง การทำางานใน “ Scene & Edit Symbol”

แลวนกเรยนสามารถอธบายเกยวกบ การทำางานใน Scene & Edit Symbol ไดถกตอง

2.105 หลงจากศกษาเร อง หนาตาง “ Scene” แลวนกเรยนสามารถอธบายเกยวกบ หนาตาง Scene ไดถกตอง

2.106 หลงจากศกษาเรอง การแกไขซน “ (Edit Scene)” แลวนกเรยนสามารถแกไขซนไดถกตอง

2.107 หลงจากศกษาเร อง การแก ไขวตถท อย ใน “ Scene (Edit Symbol)” แลวนกเรยนสามารถแกไขวตถทอยใน Scene ไดถกตอง

2.108 หลงจากศกษาเร อง เสนเวลา “ (Timeline)” แลวนกเรยนสามารถอธบายเกยวกบเสนเวลาไดถกตอง

2.109 หลงจากศกษาเร อง เคร องมอแสดงภาพบน “ Frame” แลวนกเรยนสามารถอธบายเกยวกบเครองมอแสดงภาพบน Frame ไดถกตอง

2.110 หลงจากศกษาเร อง “Marker” แลวนกเรยนสามารถใชงาน Marker ไดถกตอง

2.111 หลงจากศกษาเรอง “Onion Skin” แลวนกเรยนสามารถใชงาน Onion Skin ไดถกตอง

2.112 หลงจากศกษาเร อง “Onion Skin Outline” แลวนกเรยนสามารถใชงาน Onion Skin Outline ไดถกตอง

2.113 หลงจากศกษาเร อง “Edit Multiple Frame” แลวนกเรยนสามารถใชงาน Edit Multiple Frame ไดถกตอง

2.114 หลงจากศกษาเร อง หลกการเคลอนไหวแบบตาง ๆ แลว“ ”นกเรยนสามารถอธบายเกยวกบหลกการเคลอนไหวแบบตาง ๆ ไดถกตอง

2.115 หลงจากศกษาเร อง การเคลอนไหวชนดภาพตอภาพ แลว“ ”นกเรยนสามารถสรางการเคลอนไหวชนดภาพตอภาพไดถกตอง

2.116 หลงจากศกษาเร อง การเคลอนไหวแบบเปลยนแปลงสถานท“ ” แลวนกเรยนสามารถสรางการเคลอนไหวแบบเปลยนแปลงสถานทไดถกตอง

2.117 หลงจากศกษาเรอง การเคลอนไหวชนดกำาหนดจดเรมตนและจด“สนสด แลวนกเรยนสามารถสรางการเคลอนไหวชนดกำาหนดจดเรม”ตนและจดสนสดไดถกตอง

2.118 หล งจากศ กษา เร อง การท ำา “ Animation แบบ Shape Animation” น กเรยนสามารถท ำา Animation แบบ Shape Animation

2.119 หลงจากศกษาเรอง การทำา “ Animation แบบ Shape Hint ” นกเรยนสามารทำา Animation แบบ Shape Hint

2.120 หลงจากศกษาเร อง การน ำาไฟลภาพยนตรมาใชใน “ Flash” นกเรยนสามารถอธบายเกยวกบการนำาไฟลภาพยนตรมาใชใน Flash ไดถกตอง

2.121 หลงจากศกษาเรอง ไฟลเสยงทใชใน “ Flash ” นกเรยนสามารถอธบายเกยวกบไฟลเสยงทใชใน Flash ไดถกตอง

2.122 ห ล ง จ า ก ศ ก ษ า เ ร อ ง ก า ร จ ด ก า ร เ ส ย ง ด ว ย “ Sound Properties” น ก เ ร ย น ส า ม า ร ถ จ ด ก า ร เ ส ย ง ด ว ย Sound Properties ไดถกตอง

2.123 หลงจากศกษาเร อง การจดการเสยง นกเรยนสามารถอธบาย“ ”เกยวกบการจดการเสยงไดถกตอง

2.124 หลงจากศกษาเรอง การใสเสยงใน “ Frame ” นกเรยนสามารถใสเสยงใน Frame ไดถกตอง

2.125 หลงจากศกษาเรอง การลบเสยงใน “ Frame” นกเรยนสามารถลบเสยงใน Frame ไดถกตอง

2.126 หลงจากศกษาเร อง การใสเสยงในปมกด นกเรยนสามารถใส“ ”เสยงในปมกดไดถกตอง

2.127 หลงจากศกษาเร อง การใสเสยงประกอบฉากใน “ Frame ” นกเรยนสามารถใสเสยงประกอบฉากไดถกตอง

2.128 หลงจากศกษาเรอง วธการ “ Publish” นกเรยนสามารถอธบายเกยวกบ วธการ Publish ไดถกตอง

2.129 หลงจากศกษาเร อง การ “ Publish เป น Flash Movie ” นกเรยนสามารถอธบายเกยวกบการ Publish เปน Flash Movie ไดถกตอง

2.130 หลงจากศกษาเร อง การ “ Publish เปน HTML ” นกเรยนสามารถอธบายเกยวกบ การ Publish เปน HTML ไดถกตอง

2.131 หลงจากศกษาเร อง การ “ Publish เป น GIF ” นกเรยนสามารถอธบายเกยวกบ การ Publish เปน GIF ไดถกตอง

2.132 หลงจากศกษาเร อง การ “ Publish เป น JPEG ” นกเรยนสามารถอธบายเกยวกบ การ Publish เปน JPEG ไดถกตอง

2.133 หลงจากศกษาเร อง การ “ Publish เป น PNG ” นกเรยนสามารถอธบายเกยวกบ การ Publish เปน PNG ไดถกตอง

2.134 หลงจากศกษาเร อง การ “ Publish เป น Quick Time ” นกเรยนสามารถอธบายเกยวกบ การ Publish เปน Quick Time ไดถกตอง

2.135 หล งจากศ กษา เร อง การ “ Export Movie และ Export Image ” นกเรยนสามารถทำาการ Export Movie และ Export Image ไดถกตอง

ขนท 3 วเคราะหเนอหา เปนการศกษาเนอหาสาระเกยวกบ คอมพวเตอร (การสรางงานแบบมลตมเดย

(Flash MX) ซงสามารถแยกเปนหนวยตอนหวเรองดงนหนวยท 1 ทำาความรจกกบ Flash

ตอนท 1.1 รจกกบ Flashหวเรอง 1.1.1 สาเหตทขนาดของ Flash มขนาดเลกกวา

แฟมทวไปหวเรอง 1.1.2 ความตองการของระบบ Flash MX

ตอนท 1.2 เขาสโปรแกรม Flash MXหวเรอง 1.2.1 เขาสโปรแกรม Flash MXหวเรอง 1.2.2 ทดลองใชโปรแกรม Flash MXหวเรอง 1.2.3 ออกจากโปรแกรม Flash MX

หนวยท 2 พนฐานเบองตนของ Flashตอนท 2.1 หนาตาและองคประกอบของ Flash

หวเรอง 2.1.1 แถบคำาสง (Menu Bar)หวเรอง 2.1.2 แถบเครองมอ (Tool Bar)หวเรอง 2.1.3 กลองเครองมอ (Toolbox)หวเรอง 2.1.4 กลมคำาสง Selection เกยวกบการเลอกหวเรอง 2.1.5 เสนแบงเวลา (Timeline)หวเรอง 2.1.6 หนาตางการทำางานหรอเวท (Stage)

ตอนท 2.2 หนาตางควบคมการแสดงผล (Panel)หวเรอง 2.2.1 Panel Infoหวเรอง 2.2.2 Panel Transformหวเรอง 2.2.3 Panel Color Mixerหวเรอง 2.2.4 Panel Swatchesหวเรอง 2.2.5 Panel Alignหวเรอง 2.2.6 Panel Sceneหวเรอง 2.2.7 Panel Movie Explorerหวเรอง 2.2.8 Panel Answersหวเรอง 2.2.9 Panel Propertiesหวเรอง 2.2.10 Panel Actionหวเรอง 2.2.11 Panel Library

หวเรอง 2.2.12 ปมขยายขนาด (Zoom)หวเรอง 2.2.13 แกไขซน (Edit Scene)หวเรอง 2.2.14 แกไขเวท (Edit Stage)

ตอนท 2.3 หลกการทำางานของ Flashหวเรอง 2.3.1 หลกการทำางานของ Flashหวเรอง 2.3.2 นามสกลของ Flashหวเรอง 2.3.3 การ Import ไฟลหวเรอง 2.3.4 การ Import ไฟลแบบตอเนอง

หนวยท 3 อปกรณการวาดภาพใน Flashตอนท 3.1 ภาพกราฟก

หวเรอง 3.1.1 ภาพกราฟกชนด Rasterหวเรอง 3.1.2 ภาพกราฟกชนด Vector

ตอนท 3.2 Line Toolหวเรอง 3.2.1 การวาดเสนตรงดวย Line Toolหวเรอง 3.2.2 การทำาใหเสนตรงกลายเปนเสนโคง

ตอนท 3.3 Pen Toolหวเรอง 3.3.1 การวาดรปดวย Pen Toolหวเรอง 3.3.2 การวาดเสนตรงโดยใช Pen Toolหวเรอง 3.3.3 การวาดสวนโคงโดยใช Pen Tool

ตอนท 3.4 Oval Toolหวเรอง 3.4.1 การวาดวงกลมดวย Oval Toolหวเรอง 3.4.2 การวาดวงรดวย Oval Tool

ตอนท 3.5 Rectangle Toolหวเรองท 3.5.1 การวาดรปสเหลยมดวย Rectangle Tool

ตอนท 3.6 Pencil Toolหวเรอง 3.6.1 การเขยนรปโดยใช Pencil Tool

ตอนท 3.7 Brush Toolหวเรอง 3.7.1 การระบายสโดย Brush Toolหวเรอง 3.7.2 การเลอกลกษณะของแปรงระบายสหวเรอง 3.7.3 การกำาหนดคณลกษณะของแปรงระบายส

ตอนท 3.8 Eraser Toolหวเรอง 3.8.1 การลบสวนทไมตองการออกโดย Eraser

Tool

หวเรอง 3.8.2 การกำาหนดคณลกษณะของการลบหนวยท 4 การทำางานกบส

ตอนท 4.1 การดคาดวยหนาตาง Infoหวเรอง 4.1.1 Stork และ Fill เสนและพนทภายในหวเรอง 4.1.2 การเลอกสเพมเตม

ตอนท 4.2 การใชหนาตาง Color Mixerหวเรอง 4.2.1 การแสดงสแบบ Solidหวเรอง 4.2.2 การแสดงสแบบ Linearหวเรอง 4.2.3 การไลโทนสแบบ Redialหวเรอง 4.2.4 กำาหนดใหพนแสดงเปนภาพ Bitmap

ตอนท 4.3 การไลโทนสหวเรอง 4.3.1 การไลโทนสหวเรอง 4.3.2 การไลโทนสมากกวา 2 สหวเรอง 4.3.3 การเพมตวเลอนสหวเรอง 4.3.4 การลบตวเลอนส

ตอนท 4.4 เลอกสจากหนาตาง Color Swatches. หวเรอง 4.4.1 การเปลยนสพนท ทถก Selection

หวเรอง 4.4.2 การเปลยนสพนภาพโดยใช Paint Bucket Tool

หวเรอง 4.4.3 Option ของถงสหวเรอง 4.4.4 การเปลยนสเสนขอบดวย Ink Bottle

Toolหวเรอง 4.4.5 การเลอกสโดยใช Dropper Tool

หนวยท 5 เครองมอตกแตงภาพ ตอนท 5.1 ความหมายของการ Selection

หวเรอง 5.1.1 เครองมอทสราง Selectionหวเรอง 5.1.2 ลกษณะการ Selectionหวเรอง 5.1.3 การปรบแตงเสนขอบ

ตอนท 5.2 เครองมอในการ Selectionหวเรอง 5.2.1 Snap to Object เครองมอเชอมตอวตถหวเรอง 5.2.2 Smooth เครองมอเพมความโคงมนหวเรอง 5.2.3 Straighten เครองมอชวยปรบมม

หวเรอง 5.2.4 SubSelect Tool เครองมอเปลยนรปรางวตถ

หวเรอง 5.2.5 Free Transform Tool เครองมอบดและปรบวตถ

หวเรอง 5.2.6 Lasso Tool เครองมอสราง Selection อสระ

หวเรอง 5.2.7 Zoom Tool ยอ ขยายภาพ–หวเรอง 5.2.8 Hand Tool เลอนดภาพ

หนวยท 6 การจดการวตถ ตอนท 6.1 เครองมอในการชวยจดและวางใน Flash

หวเรอง 6.1.1 การใชงาน Rulerหวเรอง 6.1.2 การใชงานเสน Guide

ตอนท 6.2 การใชงานเสน Guideหวเรอง 6.2.1 การสรางเสน Guideหวเรอง 6.2.2 การเคลอนยายเสน Guideหวเรอง 6.2.3 การลบเสน Guideหวเรอง 6.2.4 การซอนและแสดงเสน Guideหวเรอง 6.2.5 การกำาหนดรายละเอยดของเสน Guide

ตอนท 6.3 การจดลำาดบวตถหวเรอง 6.3.1 การจดลำาดบวตถหวเรอง 6.3.2 วธการจดลำาดบวตถหวเรอง 6.3.3 การจดเรยงวตถ

ตอนท 6.4 การจดกลมและการแยกกลมหวเรอง 6.4.1 การแยกกลมหวเรอง 6.4.2 การจดกลม

หนวยท 7 การสรางตวอกษรตอนท 7.1 การใสขอความโดยใช Text Tool

หวเรอง 7.1.1 การใสขอความโดยใช Text Toolหวเรอง 7.1.2 การเคลอนยายและปรบขนาดกลองขอความหวเรอง 7.1.3 การปรบแตงตวอกษรใหเขากบงานท

ออกแบบตอนท 7.2 การใชหนาตาง Properties ของ Text Tool

หวเรอง 7.2.1 Static Textหวเรอง 7.2.3 Dynamic Textหวเรอง 7.2.4 Input Text

ตอนท 7.3 ตวอยางการใชงาน Text ในรปแบบตาง ๆหนวยท 8 รจกกบ Symbol

ตอนท 8.1 รจก Symbol แตละแบบหวเรอง 8.1.1 Movie Clipหวเรอง 8.1.2 Buttonหวเรอง 8.1.3 Graphic

ตอนท 8.2 การใช Libraryหวเรอง 8.2.1 การใช Libraryหวเรอง 8.2.1 Option ของ Library

ตอนท 8.3 การใชงาน Symbolหวเรอง 8.3.1 การเปลยนวตถเปน Symbolหวเรอง 8.3.2 การเปลยนชอให Symbolหวเรอง 8.3.3 การใช Symbol จาก Library อนหวเรอง 8.3.4 การสราง Symbol ประเภท Movie Clipหวเรอง 8.3.5 การสราง Symbol ประเภท Button

ตอนท 8.4 ตวอยางการสรางปมกดหวเรอง 8.4.1 การสรางปมกดหวเรอง 8.4.2 การสรางปมกดทมลกษณะเปนขอความ

หนวยท 9 รจกกบ Layerตอนท 9.1 ความหมายของ Layer

หวเรอง 9.1.1 ความหมายของ Layerหวเรอง 9.1.2 การใชงาน Layer

ตอนท 9.2 การใชงาน Layerหวเรอง 9.2.1 การสราง Layer ใหมหวเรอง 9.2.2 วธเปลยนการทำางานไปใน Layer ตาง ๆหวเรอง 9.2.3 การเปลยนชอให Layerหวเรอง 9.2.4 การซอนและแสดง Layerหวเรอง 9.2.5 การเปลยนลำาดบ Layerหวเรอง 9.2.6 การลบ Layer

หวเรอง 9.2.7 การปองกนการแกไขรปภาพหวเรอง 9.2.8 การทำาให Layer แสดงแตเสนโครงรางหวเรอง 9.2.9 การจดกลมให Layerหวเรอง 9.2.10 การสราง Folder เพอเกบ Layer

ตอนท 9.3 การใช Guide Layer ในการวางวตถหวเรอง 9.3.1 การสราง Guide Layerหวเรอง 9.3.2 การใช Layer Maskหวเรอง 9.3.3 การกำาหนดคณสมบตของ Layer

หนวยท 10 หลกการพนฐานในการสราง Animationตอนท 10.1 หลกการของ Animation

หวเรอง 10.1.1 ประเภทของภาพเคลอนไหวตอนท 10.2 Frame

หวเรอง 10.2.1 การเพม Frameหวเรอง 10.2.2 การลบ Frameหวเรอง 10.2.3 ปรบการแสดง Frameหวเรอง 10.2.4 Tinted Frame

ตอนท 10.3 Keyframeหวเรอง 10.3.1 การเพม Keyframeหวเรอง 10.3.2 การลบ Keyframe

ตอนท 10.4 Blank Keyframeหวเรอง 10.4.1 การเพม Blank Keyframeหวเรอง 10.4.2 เสนเวลา (Timeline)

หนวยท 11 ตวอยางการสราง Animationตอนท 11.1 หลกการสรางภาพเคลอนไหวแบบตาง ๆ

หวเรอง 11.1.1 การเคลอนไหวชนดภาพตอภาพหวเรอง 11.1.2 การทำา Animation แบบ Tweenหวเรอง 11.1.3 การทำา Animation แบบบด พลกวตถหวเรอง 11.1.4 การทำา Animation แบบ Guidelineหวเรอง 11.1.5 การเปลยนแปลงตวอกษร

หนวยท 12 Flash กบภาพและเสยงตอนท 12.1 ไฟลเสยงทใชใน Flash

หวเรอง 12.1.1 ระบบเสยงใน Flash

หวเรอง 12.1.2 การนำาไฟลเสยงเขามาใชใน Flashตอนท 12.2 การใสเสยงใน Frame

หวเรอง 12.3.1 การใสเสยงใน Frameหวเรอง 12.3.2 การลบเสยงทกำาหนดไวใน Frameหวเรอง 12.3.3 การใสเสยงในปมกด

ตอนท 12.3 การใชหนาตาง Properties กบเสยงหวเรอง 12.4.1 การใชหนาตาง Properties กบเสยงหวเรอง 12.4.2 การปรบแตงเสยงดวย Edit Envelope

หนวยท 13 การเผยแพร Flash Movieตอนท 13.1 การ Publish

หวเรอง 13.1.1 การ Publish เปน Flash Movieหวเรอง 13.1.2 การ Publish เปน HTMLหวเรอง 13.1.3 การ Publish เปน ไฟล GIFหวเรอง 13.1.4 การ Publish เปน ไฟล JPEGหวเรอง 13.1.5 การ Publish เปน ไฟล PNGหวเรอง 13.1.6 การ Publish เปน ไฟล Quit Timeหวเรอง 13.1.7 การ Export Movie และ Export

Image

ขนท 4 กำาหนด / พฒนา ขนตอนการสอน เปนวธการสอนทเนนผเรยนเปนสำาคญ โดยใชกระบวนการปฏบต การงาน

การกลมและจดการเรยนรแบบแกปญหาโดยใชสารสนเทศ

แผนการจดกจกรรมการเรยนรกลมสาระการเรยนรการงานอาชพและเทคโนโลย

ชอหนวย การสรางงานแบบมลตมเดย (Flash MX)แผนการเรยนรท 1 เรอง ทำาความรจกกบ Flash MX เวลา 1 ชวโมง

ภาคเรยนท ………. ปการศกษา ……………

1. มาตรฐานการเรยนร ง 4.1เขาใจและเหนคณคาของการใชเทคโนโลยสารสนเทศในการเรยนรและการใชในชวตประจำาวน การใชความคดสรางสรรค การแกไขปญหาในการทำางาน และการสรางงานอยางมประสทธภาพ ประสทธผลและมคณธรรมในการทำางาน

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

ได

3. สาระการเรยนร1. ความเปนมาของ Macromedia Flash MX2. สาเหตทขนาดของ Flash มขนาดเลกกวาไฟลทวไป

3. ความตองการระบบของ Flash MX4. เขาสโปรแกรม Flash MX

5. ทดลองใชโปรแกรม Flash MX6. ออกจากโปรแกรม Flash MX

4. สาระทนำามาบรณาการ-

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

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

หนวยท กจกรรม สอทใช เวลา (นาท

)หนวยท 1 ทำาความรจกกบ Flash ตอนท 1.1 รจกกบ Flash

ตอนท 1.2 เขาสโปรแกรม Flash MX

กำาหนดภาระงานผสอนเกรนนำาเกยวกบจดประสงคการเรยนร ดงน- นกเรยนสามารถอธบายและเรยนร Flash MX และเขาใจความตองการของระบบได- จากนน ผสอนกลาวนำาถงววฒนาการของคอมพวเตอรในปจจบน วามการพฒนาไปถงขนใดบาง โดยใหนกเรยนชวยกนแสดงความคดเหน เพอใหเพอน ๆ ในชนเรยนไดรบรทวถงกน- ผสอนอธบายถงภาพทว ๆ ซงเปนไฟลแบบ (Bitmap) และไฟลแบบ Flash (Vector) ใหนกเรยนไดเหนถงความแตกตาง- นกเรยนชวยกนยกตวอยางเกยวกบรปภาพในปจจบน วามความละเอยดและคมชดตางกนอยางไร

- ผสอนเกรนนำาเกยวกบจดประสงคการเรยนเรยนรดงน- นกเรยนอธบายเกยวกบ การเขาสโปรแกรม “

- ใบความรท 1 เรอง ทำาความรจกกบ “Flash MX”- สออเลกทรอนกสวชา การสรางงานแบบมลตมเดย (Flash MX) หวขอแผนการเรยนรท 1 เรอง รจกกบ Flash MX- ตวอยางรปภาพนามสกลตาง ๆ- ตวอยางเวบไซต

- เครองคอมพวเตอร- โปรแกรม Flash MX- ไฟลตวอยางของ Flash MX (Color_picker)

5

5

การทดลองใชโปรแกรม และการออกจากโปรแกรม Flash MX “- ผสอนเรมใหนกเรยนแตละคเขาโปรแกรม ทดลองใชโปรแกรม และออกจากโปรแกรมอยางถกวธ- นกเรยนรบภาระงาน

ขนท 2 ประกอบกจกรรมการเรยนการสอน

ตอนท กจกรรม สอทใช เวลา(นาท

)

หนวยท 1 ทำาความรจกกบ Flash ตอนท 1.1 รจกกบ Flash

นยามภาระงาน- ผสอนแจกใบความรท 1 เรอง ทำาความรจกกบ Flash MX เพอใหนกเรยนศกษาประกอบกบคำาอธบายของผสอน- ผสอนเรมอธบายเกยวกบวา ทำาไมไฟลภาพทสรางดวย Flash MX จงเลกกวาไฟลอน ๆ ทวไป- จากนนผสอนทำาใหนกเรยนเปดใบความรเกยวกบความตองการระบบของ Flash วา เครองคอมพวเตอรตองมลกษณะเชนใด จงจะใชโปรแกรมนได- ผสอนใหนกเรยนจบกลม กลมละ 5- 7 คน เพอชวยกนสรปเกยวกบลกษณะของรปภาพในปจจบน วาภาพแบบใด เหมาะทจะใชงานในการเขยนเวบไซต- ผสอนใหนกเรยนสงตวแทนของกลม กลมละ 1 คน เพอออกมาสรปเรองเกยวกบภาพทเหมาะสมกบการทำาเวบไซต- ผสอนแจกภาระงานท 1 ซงจะใหนกเรยนทำาภาระงานท 1 เรอง ความแตกตางระหวางภาพ Bitmap และ ภาพ Vector แบบอตนย จำานวน 3 ขอ

- ใบความรท 1 เร อง ท ำา ค ว า ม ร จ ก ก บ“ Flash MX”- สออเลกทรอนกสวชา การสรางงานแบบมลตมเดย (Flash MX) หวขอแผนการเรยนรท 1 เรอง รจกกบ Flash MX- ตวอยางรปภาพนามสกลตาง ๆ- ตวอยางเวบไซต

10

- นกเรยนสงใบงาน ผสอนใหนกเรยนแตละคน ดใบงานของตนเอง โดยทผสอนจะทำาการเฉลยไวบนกระดาน และใหนกเรยนแก สงททำาผดลงไปในใบงาน


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

- สออเลกทรอนกสวชา การสรางงานแบบมลตมเดย (Flash MX) หวขอแผนการเรยนรท 1 เรอง รจกกบ Flash MX- ใบความรท 1 เร อง

ท ำา ค ว า ม ร จ ก ก บ“ Flash MX”- คอมพวเตอร- โปรแกรม Flash MX- ไฟลตวอยางของ Flash MX (Color_picker)

10

10

ขนท 3 ขนสรปตอนท เรองทสรป สอทใช เวลา

(นาท)

ตอนท 1.1 รจกกบ Flash

- สาเหตทขนาดของ Flash มขนาดเลกกวาแฟมทวไป- ความตองการของระบบ Flash MX

- ใบความรท 1 เรอง ทำาความรจกกบ “

Flash MX”

5


- เขาสโปรแกรม Flash MX- ทดลองใชโปรแกรม Flash MX- ออกจากโปรแกรม Flash MX

- ใบความรท 1 เรอง ทำาความรจกกบ “

Flash MX”- คอมพวเตอร- โปรแกรม Flash MX

5

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

ชนเรยน โดยครจะคอยใหคำาสรปในหวขอตาง ๆ ทนกเรยนไดรบ ใชเวลา 10 นาทกลมท 1 ภาพ Bitmapกลมท 2 ภาพ Vector

6. ภาระงานท 1ภาระงานท 1 เร อง ความแตกตางของภาพ Bitmap และภาพ Vector โดยให

นกเรยนทำาการอธบายถงความแตกตางระหวางภาพทงสอง

7. สอการเรยนการสอน7.1 CD ชวยสอน วชาคอมพวเตอร (การสรางงานแบบมลตมเดย (Flash

MX ))7.2 ใบความรท 1 เรอง ทำาความรจกกบ “ Flash MX”7.3 เครองคอมพวเตอรและโปรแกรม Flash MX

8. แหลงเรยนร

หนงสอ คมอการเรยนรและเทคนคการใชงาน Macromadia Flash Mx โดย ยทธชย รจรวมล

9. หลกฐานการเรยนรภาระงานท 1 ทนกเรยนสงใหผสอนตรวจ ทายชวโมง

10. การประเมนการเรยนรแบบประเมนชนงานท 1 เรอง ความแตกตางของภาพ Bitmap และภาพ

Vector

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

ดมาก ด ปรบปรง1. การอธบายถงความแตกตางของ

ภาพ Bitmap และภาพ Vector2 ความสนใจในการเรยน และความ

ตงใจในการทำางาน3. ความตรงตอเวลาในการสงงาน4. ความสะอาดเรยบรอยในการทำางาน

11. สรปผลการเรยนรผาน หมายถง มความสนใจในการเรยน สงงานเรยบรอยตามกำาหนดเวลาไมผาน หมายถง ไมสงงานตามทไดรบมอบหมาย

12. ขอเสนอแนะ……………………………………………………………………………

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

รายวชาคอมพวเตอร (การสรางงานแบบมลตมเดย (Flash MX)) จำานวน 40 ชวโมง

ใบความรท 1ทำาความรจกกบ Flash MX

แผนการสอนท 1จดประสงคปลายทาง

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

1. สามารถเขาสโปรแกรม Flash MX2. ทดลองใชโปรแกรม Flash MX3. ออกจากโปรแกรม Flash MX ไดถกตอง

เนอหารจกกบ Flashสาเหตทขนาดของ Flash มขนาดเลกกวาแฟมทวไป

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

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

Flash MX มความตองการระบบคอมพวเตอรเพอทจะนำามาใชงานแสดงผล ดงน

1. Microsoft Windows 98 / 2000 / NT 4 /Me / XP2. CPU 200 MHz หรอมากกวานน3. RAM 64 MB ซงจรง ๆ แลวควรเปน 128 MB มากกวา4. พนทฮารดดสก 85 MB5. ความละเอยดของจอภาพทใชแสดงผล 1024 x 768 Pixcel

6. การดจอแสดงความละเอยดส 16 Bit เปนอยางนอย แตสำาหรบการแสดงกราฟกสทมความละเอยดสงควรเปน 24 Bit

7. บราวเซอรท สน บสนน Plug-in Shockwave Flash (สำาหรบบ ร า ว เ ซ อ ร Internet Explorer ต ง แ ต เ ว อ ร ช น 4 ข น ไ ป Netscape ตงแตเวอรชน 4.5 ขนไป)

8. ไดรฟ CD-ROM สำาหรบตดตงโปรแกรมหรอคนหาไฟลภาพ

เขาสโปรแกรม Flash MXเราสามารถเรยกใชงานโปรแกรม Flash MX ไดดวยวธการดงตอไปน1. คลกเมาสทปม Start2. เล อกค ำาส ง Program Macromedia Macromedia Flash

MX3. จะปรากฏหนาจอแรกของ Flash

ทดลองใชโปรแกรม Flash MXหลงจากทเราเปดโปรแกรม Flash ขนมาแลว Flash จะมตวอยางของไฟลให

เราไดทดลองใช ซงไฟลตวอยางนจะเปนไฟลทมาพรอมกบโปรแกรม Flash MX โดยใหเราเลอกไปท File Open เพอจะทำาการเปดไฟลท Flash ไดเตรยมไวใหเรา

หล งจากน นจะปรากฏหน าต าง Open ข นมา ให เราเข าไปท โฟลเดอร Macromedia Flash MX Samples FLA จะมตวอยางไฟล Flash ท เตรยมไว ใหเราเลอกตวอยางทตองการ เพอเปดขนมาทดสอบ (จากรปเลอก Color_picker) จากนน Click mouse ทปม Open

เมอตวอยางขนมา จะพบตวอยางงานทสรางเสรจขนมาแลว ซงเราจะมาทำาการทดสอบตวอยางทสรางเสรจแลว โดยเลอกท Control Test Movie หรอ กด < Ctrl + Enter > เพอทำาการทดสอบโปรแกรม

ทำาการทดสอบไฟลตามตองการ (จากตวอยาง Color_picker เราสามารถปรบเปลยนสรถไดตามตองการ) เมอทดสอบโปรแกรมเสรจแลว ใหเรา คลกเมาส ปมกากบาท เพอปดหนาจอททำาการเลนโปรแกรมอย แลวจะกลบไปหนาจอเดม

ออกจากโปรแกรม Flashหลงจากทเราใชงานโปรแกรม Flash เสรจสนแลว เราสามารถออกจาก

โปรแกรมได โดยเลอกคำาสง File Exit หรอกดคย < Ctrl + Q > จะเปนการสนสดการใชงานโปรแกรม


ภาระงานท 1เรอง ความแตกตางระหวางภาพ Bitmap และ ภาพ Vector

ชอ…………………………………………นามสกล เลขท…………………………………… …………………..ชน วนท เดอน……………………… ………………… ………………………พ.ศ……………………………….

1. ใหนกเรยนอธบายถงลกษณะของภาพ Bitmap พรอมบอกขอด และ ขอเสย ของภาพ Bitmap ดวย…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………

2. ใหนกเรยนอธบายถงลกษณะของภาพ Vector พรอมบอกขอด และ ขอเสย ของภาพ Vector ดวย…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………

3. ใหนกเรยนอธบายความแตกตางระหวางภาพ Bitmap และ ภาพ Vector……………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………

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


ชอหนวย การสรางงานแบบมลตมเดย (Flash MX)แผนการเรยนรท 2 เรอง พนฐานเบองตนของโปรแกรม Flash MX เวลา 2

ชวโมงภาคเรยนท ………. ปการศกษา ……………


2. ผลการเรยนรทคาดหวงนกเรยนสามารถอธบายของ Flash แถบคำาสง, แถบเครองมอ, กลองเครองมอ, เสนเวลา, หนาตางการทำางาน, หนาตางการควบคมการแสดงผล, ปมขยายขนาด, แกไขซน ได

3. สาระการเรยนร1. หนาตาและองคประกอบของ Flash

1.1 แถบคำาสง (Menu Bar)1.2 แถบเครองมอ (Tool Bar)1.3 กลองเครองมอ (Toolbox)1.4 เสนเวลา (Timeline)1.5 หนาตางการทำางานหรอเวท (Stage)

1.6 ปมควบคมการแสดงผล (Controller)1.7 หนาตางควบคมการแสดงผล (Panel)1.8 ปมขยายขนาด (Zoom)1.9 แกไขซน (Edit Scene)1.10 แกไขเวท (Edit Stage)

2. หลกการทำางานของ Flash2.1 นามสกลของ Flash2.2 การ Import ไฟลแบบตอเนอง


5. กระบวนการจดการเรยนรขนท 1 นำาเขาสบทเรยน


)หนวยท 2 พนฐานเบองตนของ Flashตอนท 2.1 หนาตาและองคประกอบของ Flash

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

- ใบความรท 2 เรอง พนฐานเบองตนของ“

Flash ”- สออเลกทรอนกสวชา การสรางงานแบบมลตมเดย (Flash MX) หวขอแผนการเรยนรท 2 เรอง พนฐานเบองตนของ Flash - คอมพวเตอร- โปรแกรม Flash MX

10

10

ตอนท 2.2 หนาตางควบคมการแสดงผล (Panel)

ตอนท 2.3 หลกการทำางานของ Flash

แถบเครองมอ และแถบคำาสงไดถกตอง ตามหลกการใชงาน ผสอนอธบายถงหนาตางทจำาเปนในโปรแกรม Flash MX ซงนกเรยนจะตองเรยกใชงานไดอยางถกตอง- นกเรยนรบภาระงาน

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

- ผสอนเกรนนำาเกยวกบจดประสงคการเรยนร ดงน- นกเรยนสามารถอธบายเกยวกบ หลกการ

- สออเลกทรอนกสวชา การสรางงานแบบมลตมเดย (Flash MX) หวขอแผนการเรยนรท 2 เรอง พนฐานเบองตนของ Flash - ใบความรท 2 เรอง พน“ฐานเบองตนของ Flash ”- คอมพวเตอร- โปรแกรม Flash MX

- สออเลกทรอนกสวชา การสรางงานแบบมลตมเดย (Flash MX) หวขอแผนการเรยนรท 2 เรอง พนฐานเบองตนของ Flash - ใบความรท 2 เรอง พน“ฐานเบองตนของ Flash ”- คอมพวเตอร- โปรแกรม Flash

10

ทำางานของ Flash ได- จากนนผสอน นำาเขาสเรอง นามสกลของ Flash โดยท Flash จะมนามสกลหลก ๆ อย 2 อยางคอ *.fla , *.swf - นกเรยนจะตองตอบคำาถามเกยวกบการนำาไฟลอน ๆ มาใชใน Flash MX ได หลงจากทผสอน ไดสอนเกยวกบเรองหลกการทำางานของ Flash เสรจแลว โดยนกเรยนจะตองบอกชนดของไฟลได 7 ใน 10 ชอ และอธบายหนาตางควบคมการแสดงผลได 2 ใน 4 ขอ จงจะถอวาผานจดประสงค- นกเรยนรบภาระงาน

MX

ขนท 2 ประกอบกจกรรมการเรยนการสอนตอนท กจกรรม สอทใช เวลา

(นาท)

หนวยท 2 พนฐานเบองตนของ Flashตอนท 2.1 หนาตาและองคประกอบของ Flash

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

- สออเลกทรอนกสวชา การสรางงานแบบมลตมเดย (Flash MX) หวขอแผนการเรยนรท 2 เรอง พนฐานเบองตนของ Flash - ใบความรท 2 เรอง พน“ฐานเบองตนของ Flash MX”

15



เสนเวลา วาแตละอยางมหนาทการทำางานอยางไรบาง- ผสอนใหนกเรยนแตละคเขาสโปรแกรม Flash MX เพอเขาไปศกษาสงทตองการ พรอมทงดใบความรประกอบ- จากนนผสอนจะตองทำาการเลอกนกเรยนขนมาถามความเขาใจเกยวกบเครองมอทใชใน Flash MX 4 – 5 คน ถานกเรยนคนใดคนหนงตอบคำาถามไมได ผสอนกใหนกเรยนในหองตอบพรอมกน พรอมทงใหกำาลงใจนกเรยนเพอใหนกเรยนตงใจเรยนมากขน- ผสอนแจกใบความรท 2 เรอง พนฐานเบองตนของ Flash เพอใหนกเรยนไดศกษาประกอบคำาอธบาย- ผสอนใหนกเรยนจบคกน พรอมทงทดลองเรยกหนาตาง ๆ ออกมาใชงาน โดยทผสอนจะเปนผอธบายวธการเรยกหนาตางนน ๆ และความสำาคญของหนาตาง รวมถงวธการปดหนาตางเมอไมใชงานดวย- ผสอนแจกภาระงานท 2 เรองไฟลตาง ๆ ทสามารถ

- คอมพวเตอร- โปรแกรม Flash MX

- สออเลกทรอนกสวชา การสรางงานแบบมลตมเดย (Flash MX) หวขอแผนการเรยนรท 2 เรอง พนฐานเบองตนของ Flash - ใบความรท 2 เรอง พน“ฐานเบองตนของ Flash MX”- คอมพวเตอร- โปรแกรม Flash MX

- สออเลกทรอนกสวชา การสรางงานแบบมลตมเดย (Flash MX) หวขอ

15

15

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

- ผสอนแจกใบความรท 2 เรอง พนฐานเบองตนของ Flash เพอใหนกเรยนไดศกษาประกอบคำาอธบาย- ผสอนอธบาย เกยวกบ หลกการทำางานของ Flash และไฟลตาง ๆ ท Flash สามารถนำาเขามาใชได- ผสอนใหนกเรยนจบคกน จากนนใหนกเรยนไดทำาการ Import ไฟลรปภาพมาเกบไวใน Flash โดยทนกเรยนแตละคจะตอง Import ไฟลภาพ ทงไฟลภาพทเปนภาพเดยว และไฟลภาพตอเนอง โดยนกเรยนแตละคจะตองทำาตามทผสอนอธบายทละขนตอน- ในกรณทนกเรยนคใด ทำาไมทน หรอตองการจะศกษาเพมเตม ใหนกเรยน

แผนการเรยนรท 2 เรอง พนฐานเบองตนของ Flash - ใบความรท 2 เรอง พน“ฐานเบองตนของ Flash MX”- คอมพวเตอร- โปรแกรม Flash MX

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


(นาท)

ตอนท 2.1 หนาตาและองคประกอบของ Flash

- แถบคำาสง (Menu Bar)- แถบเครองมอ (Tool Bar)- กลองเครองมอ (Toolbox)- กลมคำาสง Selection เกยวกบการเลอก- เสนแบงเวลา (Timeline)- หนาตางการทำางานหรอเวท (Stage)

- สออเลกทรอนกสวชา การสรางงานแบบมลตมเดย (Flash MX) หวขอแผนการเรยนรท 2 เรอง พนฐานเบองตนของ Flash - ใบความรท 2 เรอง พน“ฐานเบองตนของ Flash MX”- คอมพวเตอร- โปรแกรม Flash MX

10


- Panel Info- Panel Transform- Panel Color Mixer- Panel Swatches- Panel Align- Panel Scene


10

- Panel Movie Explorer- Panel Answers- Panel Properties- Panel Action- Panel Library- ปมขยายขนาด (Zoom)- แกไขซน (Edit Scene)- แกไขเวท (Edit Stage)

แผนการเรยนรท 2 เรอง พนฐานเบองตนของ Flash - ใบความรท 2 เรอง พน“ฐานเบองตนของ Flash MX”- คอมพวเตอร- โปรแกรม Flash MX


- หลกการทำางานของ Flash- นามสกลของ Flash- การ Import ไฟล- การ Import ไฟลแบบตอเนอง

- สออเลกทรอนกสวชา การสรางงานแบบมลตมเดย (Flash MX) หวขอแผนการเรยนรท 2 เรอง พนฐานเบองตนของ Flash - ใบความรท 2 เรอง พ“นฐานเบองตนของ Flash MX”- คอมพวเตอร- โปรแกรม Flash MX

10

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

ในกลองเครองมอ แถบคำาสง และกลมคำาสง จนคดวานกเรยนสามารถจำาไดแมนยำา จากนนใหครเปนผทดสอบ โดยสมเรยกถามนกเรยนในหองเรยน ประมาณ 10 คน และสรปปดทายเกยวกบความสำาคญของ กลองเครองมอ แถบคำาสง และกลมคำาสง ใชเวลา 15 นาท

6. ภาระงานท 2ภาระงานท 2 เรอง หลกการทำางานของ Flash

7. สอการเรยนการสอน

7.1 CD ชวยสอน วชาคอมพวเตอร (การสรางงานแบบมลตมเดย (Flash MX ))

7.2 ใบความรท 2 เรอง พนฐานเบองตนของ “ Flash MX”7.3 เครองคอมพวเตอรและโปรแกรม Flash MX

8. แหลงเรยนรหนงสอ คมอการเรยนรและเทคนคการใชงาน Macromadia Flash Mx โดย

ยทธชย รจรวมล

9. หลกฐานการเรยนรภาระงานท 2 ทนกเรยนสงใหผสอนตรวจทายชวโมง

10. การประเมนการเรยนรแบบประเมนชนงานท 2 เรอง หลกการทำางานของ Flash


ดมาก ด ปรบปรง1. นกเรยนสามารถบอกหลกการทำางาน

ของ Flash ได2 ความสนใจในการเรยน และความ

กระตอรอรนในการทำางาน3. ความตรงตอเวลาในการสงงาน4. ความสะอาดเรยบรอยในการทำางาน


12. ขอเสนอแนะ……………………………………………………………………………

……………………………………………………………………………………………………………………………………………………….

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


ใบความรท 2พนฐานเบองตนของ Flash


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

1. อธบายแถบคำาสง , แถบเครองมอ , กลองเครองมอ , เสนเวลา

2. ใชหนาตางการทำางานหรอเวท3. ใชหนาตางควบคมการแสดงผล4. แกไขซน และแกไขเวท

เนอหาหนาตาและองคประกอบของ Flash

หนาตาและองคประกอบของ Flash จะเปน ดงรป

แถบคำาสง (Menu Bar)เปนแถบทใชเกบรวบรวมคำาสงทงหมดของ Flash โดยใชหวขอแบงเปนก

ลมและหมวดหม ดงน

หมวด คำาอธบายFile

EditView

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

กลองเครองมอ

แถบคำาสง

แถบเครองมอ

เสนเวลา

ปมขยายขนาด

ปมควบคมหนาจอ

และปดโปรแกรม

แกไขซนแกไขเวท

หนาตางทำางานหรอเวท

หนาตางเครองมอและหนาตางควบคมตาง ๆ (Panel)

Insert

ModifyTextControl

WindowHelp

เปนเมนเกบคำาสงทเกยวกบการแกไข การจดการวตถ เชน Undo, Redo, Cut, Copy, Paste ฯลฯเปนเมนเกบคำาสงทเกยวกบการแสดงการมองวตถในรปแบบตาง ๆ เปนเมนเกบคำาสงทเกยวกบการเพมเตมหรอแทรกคำาสง เปนสวนสำาคญทชวยในการทำาภาพเคลอนไหวเปนเมนเกบคำาสงทเกยวกบการทำาใหวตถมคณสมบตใหม ๆ เปนเมนเกบคำาสงทเกยวกบการจดการกบตวอกษร เชน Font, Size, Style ฯลฯเปนเมนเกบคำาสงทเกยวกบการควบคมการแสดงของชนงานท เราสรางข น เชน Play, Rewind, Stop, Forward, Backward เปนตนเปนเมนเกบคำาสงทเกยวกบการแสดงหนาตางควบคมตาง ๆเปนเมนเกบคำาสงทเกยวกบการใหความชวยเหลอ ซงอธบายการใชงานโปรแกรม

แถบเครองมอ (Tool Bar)

ครองมอ คำาอธบายNewOpenSavePrintPrint PerviewCutCopyPasteUndoRedo

การเรมสรางงานใหมการเปดไฟลงานเดมการบนทกไฟลงานการสงพมพงานการตรวจสอบดกอนพมพการตดหรอลบวตถออกเพอจะนำาไปวางทอนการคดลอกวตถเพอจะนำาไปวางทอนการวางวตถทได Cut หรอ Copy มาวางการยอนกลบไป 1 ขนตอน

Snap to ObjectsSmoothStraightenRotateScaleAlign

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

กลองเครองมอ (Toolbox)เปนกลองสำาหรบเกบอปกรณตาง ๆ ทใชในการทำางาน

Toolbox จะมลกษณะเปนไอคอนรปภาพ สามารถเรยกใชงานไดงาย เพยงการ Click mouse ทไอคอนคำาสงทตองการเทานน เราสามารถเรยกใชเครองมอนไดโดยใชคำาสง Window Toolsการแบงกลม Toolbox

กลมคำาสง Selection เกยวกบการเลอก กลมคำาสง Edit เกยวกบการวาดและตกแตงภาพ กลมคำาสง View เกยวกบการมองภาพในรปแบบตาง ๆ กลมคำาสง Colors ใชในการเลอกสใหกบเสนและสพน กลมคำาสง Options จะแสดงคำาสงเพมเตมของแตละ

คำาสงทเราเลอกใชงาน

เสนแบงเวลา (Timeline)Timeline เป นเคร องมอหนงใน Flash จะปรากฏทกคร งเม อเป ด

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

สำาหรบสวนประกอบหลกของเสนเวลามดงน

หนาตางการทำางานหรอเวท (Stage)เปนหนาตางในการทำางานของเรา หรอเรยกอกอยางหนงวาเวท (Stage)

ซงเปนพนทวาง ๆ สำาหรบการสรางภาพเคลอนไหว (Animation) โดยใหเราเปนผกำากบการแสดง เมอเราสรางงานหรอวางวตถบน Stage เราจะเรยกภาพรวมนวา Scene

หนาตางควบคมการแสดงผล (Panel)

ใน Flash MX จะมหนาตางหรอ Panel ทรวบรวมเครองมอตาง ๆ ทใชงานกบวตถ โดยจะถกจดไวทบรเวณดานขวาของโปรแกรม ทำาใหเราไมตองเสยเวลาไปเปดหาและมการจดเปนหมวดหมไวแลว นอกจากนยงสามารถทจะยบและขยายหนาตางเพอใหใชพนทไดเตมท โดยมหนาตางทสำาคญ ดงน

Panel Infoเปนหนาตางทแสดงรายละเอยดเกยวกบ

วตถ W แสดงความกวาของวตถ H แสดงความสงของวตถ X แสดงตำาแหนงของเมาสในแกน X Y แสดงตำาแหนงของเมาสในแกน Y

Panel Tranformเปนหนาตางทใชปรบเปลยนขนาด การบด

และการหมนวตถ โดยท Constrain ใชส ำาหรบยอและขยาย

วตถ ใหเปลยนไปตามสดสวนทเรายอหรอขยาย

Rotate ใชกำาหนดมม เพอหมนวตถ Skew ใชบดวตถ

Panel Color Mixerเปนหนาตางทชวยในการผสมส ซ งใช

Mode RGBสามารถเลอกสทเราตองการได R ปรบสแดงใหวตถ B ปรบสนำาเงนใหวตถ

Panel Swatchesเปนหนาตางทจดเรยงสไวและทำาการไลส ทำาใหเรา

สามารถเลอกสใชไดงายขน

Panel Alignเปนหนาตางสำาหรบจดเรยงวตถใหเรยง

อยในแนวเดยวกน ซงมกจะมลกษณะและรปแบบ

ตาง ๆ โดยใชจดเรยงวตถตงแต 2 ชนขนไป

Panel Sceneเปนหนาตางทใชสลบพนทการทำางาน

(Scene) ซงจะใชในกรณทมการสรางชนงานทมความ

ยาวและมการเปลยนรปแบบของพนทการทำางาน

(เหมอนการเปลยนฉาก เชน เปลยนจากฉากเรมตน

เปนฉากตอส)

Panel Movie Explorerเปนหนาตางทใชดโครงสรางของงานทเรา

สราง (เรยกวา Flash Movie) ทงหมด รวม

ทงใชคนหาวตถทถกสรางในชนงานนนดวย ซงจะมปม

ตาง ๆ สำาหรบแสดงชนดของวตถทสรางไวในชนงานนน

ซงประกอบดวย Show เปนปมทใชแสดงวตถชนดตาง

ๆ ทอยในชนงาน Find ใชสำาหรบคนหาวตถทอยในชน

งาน

Panel Answersเปนหนาตางสำาหรบแสดงรายละเอยดตาง

ๆ ของFlash MX โดยมรายการแสดง ดงน Readme แสดงรายละเอยดเกยวกบ

Flash MX Tutorials แสดงการใชเครองมอและ

การใช Flash MX

Panel Properties

เป นหนาตางทใชแสดงคณสมบต ต าง ๆของวตถ และเราสามารถเปลยนแปลงคณสมบตเหลานนได ในหนาตางน เชน หากเรา Click mouse ท พนทการทำางาน (Stage) กจะแสดงคณสมบตตาง ๆของพนทการทำางานออกมาดงรป ไดแก

Size ขนาดของพนทการทำางาน Publish เวอรชนของ Flash Background สของพนหลง Frame Rate ความเรวในการแสดง Frame ตอวนาท (ซง Flash

จะกำาหนดความเรวไวท 12 Frame ตอวนาทหนาตางนจะแสดงคณสมบตของวตถทเรา Click mouse ลงไป ซงจะมการเปลยนแปลงคณสมบตไปตามวตถนน

Panel Actionเปนหนาตางทใชกำาหนดการกระทำาใหกบ

วตถและFrame ทกำาลงแสดงอย โดยเราสามารถ

เขยน Script ให ก บว ตถ หร อ Frame เพ อ

แสดงสงทเรากำาหนด

Panel Libraryในการทำางานของ Flash แตละงานเรา

อาจนำาไฟลภาพเคลอนไหว หรอเสยง มาใชประกอบ

กนในงานของเรา ซงหนาตาง Library จะเปนตว

รวบรวมไฟลตาง ๆ เหลานไว รวมทงไฟลทเราสรางเอง

ดวย หากเราตองการใชงานไฟลเหลานอกกแคลาก

จาก Library มาวางบน Stage เทานนเราสามารถเปดหนาตาง Library มาใช

โดยเลอกคำาสง Window Library

ปมขยายขนาด (Zoom)เปนปมควบคมทท ำาหนาทขยายขนาดพนทในการทำางานหรอ Stage

นอกจากนน เรายงสามารถกำาหนดขนาดเองได และมคำาสงเพมเตมอก 2 คำาสง คอ

สวนประกอบ คำาอธบาย Show Frame

Show All

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

แกไขซน (Edit Scene)

เปนปมทใชแสดงซน (Scene) หรอฉากตาง ๆ ทไดมการสรางไว ซงเราจะใชในการสลบซนตาง ๆ โดย Click mouse ทปม กจะแสดงซนทเราไดสรางไว ใหเลอกวาจะใหแสดงซนไหน

แกไขเวท (Edit Stage)เปนปมทแสดงวตถทเราทำาการเปลยนแปลงเปน Symbol แลว เพอทจะ

ทำาการแกไขวตถนน โดย Click mouse ทปม เพ อแสดง Symbol ตาง ๆ จากนนใหเราเลอกและทำาการแกไข

หลกการทำางานของ Flashกอนทเราจะใช Flash กน เราตองรวาการสรางชนงานนนมหลกอยางไร

และเมอเราเขาใจหลกคราว ๆ ของ Flash แลว การใช Flash กจะเปนเร องทงายขนขนตอนท 1 เปนการนำาภาพทเราสรางขน หรอทเราไดมาจากทอนมาวางบน Stage ขนตอนท 2 ทำาการแปลงวตถน น เป น Symbol ซ งเป นล กษณะท Flash สามารถนำาไปทำาเปน Animation ไดขนตอนท 3 เปนขนตอนทเราจะมาทำา Symbol ใหเปน Animation ซงในขนตอนนเราสามารถจะใสเสยง

หรอ Script คำาสงเพมเตมลงไปไดดวยขนตอนท 4 เมอเราสรางชนงานเสรจแลว เรากทำาการ Publish หรอทำาการแปลงชนงานของเราออกส

สายตาประชาชน

นามสกลของ Flashสงหนงทเราจ ำาเปนตองทราบในการใชงาน Flash คอ นามสกลของ

Flash โดยท Flash จะสรางนามสกลหลก ๆ 2 อยาง คอ*.fla คอไฟลทไดจากการสรางชนงานใน Flash ทเกดจากการเซฟเปน

ไฟลตนฉบบ ซงสามารถนำาเปลยนแปลงแกไขได *.fla ยอมากจาก Flash Movie หรอทเรา

เรยกวา Movie

*.swf คอไฟลท Flash สรางขนหลงจากการแสดงผลออกมา เราสามารถ Double Click ดผลการ

แสดงได โดยไมตองเปดโปรแกรม Flash ซง *.swf ยอมาจาก Shockwave Flash

นอกจากนน เมอเราสงให Flash ทำาการ Publish หรอเผยแพรงานออกมาเปนหนาเวบ เราจะตองกำาหนดให Flash สรางไฟล .html เพม และเลอกไฟลทมสกล 2 ชนด คอ *.html กบ *.swf ซง *.html จะเปนตวเรยกไฟล *.swf ขนมา เพอแสดงภาพเคลอนไหวบนหนาเวบ

การ Import ไฟล1. เลอก File Import2. เลอกไฟลภาพทเราตองการ3. Click mouse ปม เพอนำาไฟลนนเขามาใชงาน

การ Import ไฟลแบบตอเนองหากไฟลทเราจะ Import เขามามตวเลขตอทายมาหลาย ๆ อนดบ เชน

Clip01.jpg, Clip02.jpg, Clip03.jpg … เปนตน ถาเราจะ Import ไฟลชอ Clip01.jpg และมไฟล Clip02.jpg, Clip03.jpg อยดวย Flash กจะ

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


ภาระงานท 2ไฟลตาง ๆ ท Flash สามารถนำามาใชงานได


1. ผสอนใหนกเรยนอานทบทวนใบความรท 2 เกยวกบไฟลทสามารถนำามาใชใน Flash ได พรอมใหนกเรยนยกตวอยางมาคนละ 10 ชนด

ลำาดบท ชนดของไฟล นามสกลไฟล ลกษณะไฟล123 4445678910

2. ใหนกเรยนอธบายหนาตางควบคมการแสดงผลดงตอไปน1. Panel Info

…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………2. Panel Tranform…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………3. Panel Color Mixer…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………4. Panel Align…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………


ชอหนวย การสรางงานแบบมลตมเดย (Flash MX)แผนการเรยนรท 3 เรอง อปกรณในการวาดเสนใน Flash MX เวลา 4 ชวโมง


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

ชวตประจำาวน การใชความคดสรางสรรค การแกไขปญหาในการทำางาน และการสรางงานอยางมประสทธภาพ ประสทธผลและมคณธรรมในการทำางาน

2. ผลการเรยนรทคาดหวงนกเรยนสามารถใชงานอปกรณวาดภาพใน Flash ได

3. สาระการเรยนร1. ภาพกราฟกใน Flash

1.1 ภาพกราฟกชนด Raster1.2 ภาพกราฟกชนด Vecter

2. การวาดภาพใน Flash2.1 วาดเสนตรง (Line Tool)2.2 วาดรปดวย Pen Tool2.3 การวาดวงกลมและวงร (Oval Tool)2.4 วาดสเหลยม (Rectangle Tool)2.5 การวาดรปดวย Pencil Tool2.6 การระบายส (Brush Tool)2.7 การลบสวนทไมตองการออกโดย Eraser Tool

4. สาระทนำามาบรณาการนกเรยนสามารถนำาความรวชาศลปะ ในการวาดภาพมาประยกตใชในการสรางภาพ



)หนวยท 3 อปกรณการวาดภาพใน Flashตอนท 3.1 ภาพกราฟก

ตอนท 3.2 Line Tool

กำาหนดภาระงาน

- ผสอนเกรนนำาเกยวกบจดประสงคการเรยนร ดงน- นกเรยนสามารถ อธบายเกยวกบ ความแตกตางระหวางภาพ Ratter กบภาพ Vector ได- ผสอนจะใหนกเรยนดภาพแบบตาง ๆ ซงนกเรยนจะตองบอกความ

- สออเลกทรอนกสวชา การสรางงานแบบมลตมเดย (Flash MX) หวขอแผนการเรยนรท 3 เรอง อปกรณการวาดภาพใน Flash - ใบความรท 3 เรอง อปกรณในการวาด“

ภาพใน Flash”- ตวอยางภาพ

10

5

ตอนท 3.3 Pen Tool

ตอนท 3.4 Oval Tool

ตอนท 3.5 Rectangle Tool

แตกตางระหวางภาพตาง ๆ พรอมกนเสนอแนะวาควรจะนำาภาพแบบใดมาใชในการเขยนเวบไซตไดด- นกเรยนรบภาระงาน

- ผสอนเกรนนำาเกยวกบจดประสงคการเรยนร ดงน- นกเรยนสามารถอธบายเกยวกบการใช Line Tool ในการวาดรปเสนตรงได- ผสอนบอกกลาวแกนกเรยนวา เมอนกเรยนเรยนการวาดเสน Line Tool เสรจแลว นกเรยนจะตองวาดเสนตรง และทำาเสนตรงใหกลายเปนเสนโคงได- นกเรยนรบภาระงาน

- ผสอนเกรนนำาเกยวกบจดประสงคการเรยนร ดงน- นกเรยนสามารถอธบายเกยวกบการใช Pen Tool ในการวาดรปเสนตรงและเสนโคงได- ผสอนบอกกลาวแกนกเรยนวา เมอนกเรยนเรยนการวาดเสน Pen Tool เสรจแลว นกเรยนจะตองวาดเสนตรง และทำาเสนตรงใหกลายเปนเสน

นามสกลตาง ๆ


ภาพใน Flash”



- สออเลกทรอนกสวชา การสรางงานแบบมลตมเดย

5

5

5

5

ตอนท 3.6 Pencil Tool

ตอนท 3.7 Brush Tool

ตอนท 3.8 Eraser Tool

โคงได- นกเรยนรบภาระงาน

- ผสอนเกรนนำาเกยวกบจดประสงคการเรยนร ดงน- นกเรยนสามารถอธบายเกยวกบการใช Oval Tool ในการวาดรปวงกลมและวงรได- ผสอนบอกกลาวแกนกเรยนวา เมอนกเรยนเรยนการวาดรปดวย Oval Tool เสรจแลว นกเรยนจะตองวาดรปวงกลมและวงรไดอยางถกตองสวยงาม- นกเรยนรบภาระงาน

- ผสอนเกรนนำาเกยวกบจดประสงคการเรยนร ดงน- นกเรยนสามารถอธบายเกยวกบการใช Rectangle Tool ในการวาดรปสเหลยมได- ผสอนบอกกลาวแกนกเรยนวา เมอนกเรยนเรยนการวาดรปดวย Rectangle Tool เสรจแลว นกเรยนจะตองวาดรปสเหลยมไดอยางถกตองและสวยงาม- นกเรยนรบภาระงาน

- ผสอนเกรนนำาเกยวกบ

(Flash MX) หวขอแผนการเรยนรท 3 เรอง อปกรณการวาดภาพใน Flash - ใบความรท 3 เรอง อปกรณในการวาด“






5

5

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

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

- ผสอนเกรนนำาเกยวกบจดประสงคการเรยนร ดงน- นกเรยนสามารถอธบายเกยวกบการใช Eraser





Tool ในการลบภาพทไมตองการได- ผสอนบอกกลาวแกนกเรยนวา เมอนกเรยนเรยนไดใช Eraser Tool เสรจแลว นกเรยนสามารถทจะลบภาพทไมตองการออกได- นกเรยนรบภาระงาน- การเขยนรปโดยใช Pencil Tool

- ผสอนเรมตนดวยการสอนเกยวกบการระบายส Brush Tool- การเลอกลกษณะของแปรงระบายส- การกำาหนดคณลกษณะของการระบายส- การลบสวนทไมตองการออกโดย Eraser Tool- การกำาหนดคณสมบตของการลบ- นกเรยนสามารถอธบายเรอง ความแตกตาง“ระหวางภาพ Raster และ Vector การวาดรปแบบตาง ๆ การระบายส และการลบสวนทไมตองการออก”- นกเรยนรบภาระงาน

ขนท 2 ประกอบกจกรรมการเรยนการสอน

ตอนท กจกรรม สอทใช เวลา(นาท

)หนวยท 3 อปกรณการวาดภาพใน Flashตอนท 3.1 ภาพกราฟก

ตอนท 3.2 Line Tool

นยามภาระงาน

- ผสอนแจกใบความรท 3 อปกรณการวาดภาพใน Flash เพอใหนกเรยนไดดประกอบ ขณะทผสอนทำาการอธบายตามขนตอน- ผสอนใหนกเรยนจบกลม กลมละ 8- 9 เพอชวยกนศกษาเกยวกบความแตกตางระหวางภาพนามสกลตาง ๆ ภาพภาพนามสกลใด เหมาะสมกบการใชงานแบบใด- ผสอนทำาการสมตวแทนนกเรยนออกมาสรปหนาชนเรยน 2 – 3 คน - ผสอนแจกภาระงานท 3 เรอง ภาพ Rector และ ภาพ Vector จำานวน 2 ขอ ใหนกเรยนทำาการอธบายภาพนน - นกเรยนทำาเสรจ ผสอนทำาการเฉลยคำาตอบทถกตองใหบนกระดาน

- ผสอนแจกใบความรท 3 อปกรณการวาดภาพใน Flash เพอใหนกเรยนได

- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแ ผ น ก า ร เ ร ย น ร ท 3 เร อง อปกรณการวาดภาพใน Flash- ใบความรท 3 เร อง

อปกรณในการวาด“ภาพใน Flash”- ตวอยางรปภาพแบบ Rector และ ภาพ Vector


อปกรณในการวาด“

10

10

10

ตอนท 3.3 Pen Tool



ดประกอบ ขณะทผสอนทำาการอธบายตามขนตอน- ผสอนใหนกเรยนจบค จากนนใหนกเรยนเขาโปรแกรม Flash MX - ผสอนจะใหนกเรยนทดลองใหเครองมอ Line Tool ในการวาดรปเสนตรง ซงเมอวาดเสนตรงไดแลว ผสอนจะใหนกเรยนปรบเปนเสนโคงได- ผสอนใหนกเรยนแตละควาดเสนตรง และเสนโคง ในลกษณะตาง ๆ ตามทนกเรยนชอบ- ผสอนสงเกต ความตงใจในการเรยนและปฏบตงานของนกเรยน ถานกเรยนสามารถสรางเสนตรงและเสนโคงไดตามทผสอนตองการ ถอวาผานจดประสงค

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

ภาพใน Flash”- เ ค ร อ งคอมพวเตอร- โปรแกรม Flash MX


อปกรณในการวาด“ภาพใน Flash”- เ ค ร อ งคอมพวเตอร- โปรแกรม Flash MX

15

15



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

- ผสอนแจกใบความรท 3 อปกรณการวาดภาพใน Flash เพอใหนกเรยนไดดประกอบ ขณะทผสอนทำาการอธบายตามขนตอน- ผสอนใหนกเรยนจบค จากนนใหนกเรยนเขาโปรแกรม Flash MX - ผสอนจะใหนกเรยนทดลองใหเครองมอ Oval Tool ในการวาดรปวงกลมและวงร - ผสอนใหนกเรยนแตละวาดรปวงกลมและวงรขนาดใหญและเลก จากนนใหนำามาประกอบกนเพอใหเกดเปนรปดอกไม ทงเอา Line Tool มาวาดเปนกงกาน




อปกรณในการวาด“ภาพใน Flash”- เ ค ร อ งคอมพวเตอร- โปรแกรม Flash

15

15

15

ตอนท 3.8 Eraser Tool

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

- ผสอนแจกใบความรท 3 อปกรณการวาดภาพใน Flash เพอใหนกเรยนไดดประกอบ ขณะทผสอนทำาการอธบายตามขนตอน- ผสอนใหนกเรยนจบค จากนนใหนกเรยนเขาโปรแกรม Flash MX - ผสอนจะใหนกเรยนทดลองใหเครองมอ Rectangle Tool ในการวาดรปสเหลยม - ผสอนใหนกเรยนแตละวาดรปสเหลยมทงทขนาดใหญและเลก จากนนใหนำามาประกอบกนเพอใหเกดเปนรปบาน โดยนกเรยนสามารถนำาความรเกยวกบ Line Tool , Pen Tool , Oval Tool มาประกอบใหเกดเปนรปอน ๆ ดวยได- ผสอนสงเกต ความตงใจในการเรยนและปฏบตงานของนกเรยน ถานกเรยนสามารถสรางรปบานไดตรงตามความ

MX



- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย

ตองการแลว ถอวาผานจดประสงค

- ผสอนแจกใบความรท 3 อปกรณการวาดภาพใน Flash เพอใหนกเรยนไดดประกอบ ขณะทผสอนทำาการอธบายตามขนตอน- ผสอนใหนกเรยนจบค จากนนใหนกเรยนเขาโปรแกรม Flash MX - ผสอนจะใหนกเรยนทดลองใหเครองมอ Pencil Tool ในการวาดรปรางอสระตาง ๆ เพอใหเกดเปนรปตาง ๆ - ผสอนใหนกเรยนแตคสรางสรรคภาพ โดยการใชเครองมอตาง ๆ มาประกอบกน ดวยได- ผสอนสงเกต ความตงใจในการเรยนและปฏบตงานของนกเรยน ถานกเรยนสามารถสรางรปทสวยงามไดตรงตามความตองการแลว ถอวาผานจดประสงค

- ผสอนแจกใบความรท 3 อปกรณการวาดภาพใน Flash เพอใหนกเรยนไดดประกอบ ขณะทผสอนทำาการอธบายตามขนตอน- ผสอนใหนกเรยนจบค จากนนใหนกเรยนเขา

(Flash MX) ห วข อแ ผ น ก า ร เ ร ย น ร ท 3 เร อง อปกรณการวาดภาพใน Flash- ใบความรท 3 เร อง




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

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

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


(นาท)

ตอนท 3.1 ภาพกราฟก - ภาพกราฟกชนด Raster- ภาพกราฟกชนด Vector

- CD ชวยสอน วชาคอมพวเตอร การสรางงานแบบมลตมเดย (Flash MX )- - ใบความรท 3 เรอง อปกรณใน“การวาดภาพใน Flash”

5

ตอนท 3.2 Line Tool - การวาดเสนตรงดวย Line Tool- การทำาใหเสนตรงกลายเปนเสนโคง

- CD ชวยสอน วชาคอมพวเตอร การสรางงานแบบมลตมเดย (Flash MX )- ใบความรท 3 เรอง อปกรณในการวาด“


10

ตอนท 3.3 Pen Tool - การวาดรปดวย Pen Tool- การวาดเสนตรงโดยใช Pen Tool- การวาดสวนโคงโดยใช Pen Tool



10


- การวาดวงกลมดวย Oval Tool- การวาดวงรดวย Oval Tool



10


- การวาดรปสเหลยมดวย Rectangle Tool



10


- การเขยนรปโดยใช Pencil Tool



10


- การระบายสโดย Brush Tool- การเลอกลกษณะของแปรงระบายส- การกำาหนดคณลกษณะของแปรงระบายส



10

ตอนท 3.8 Eraser - การลบสวนทไม - CD ชวยสอน วชา 10

Tool ตองการออกโดย Eraser Tool- การกำาหนดคณลกษณะของการลบ

คอมพวเตอร การสรางงานแบบมลตมเดย (Flash MX )- ใบความรท 3 เรอง อปกรณในการวาด“


ขนท 4 ทดสอบหลงเรยนครใหนกเรยนแบงกลมออกเปน 7 กลม และใหแตละกลมออกมาสรปเกยวกบ

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

1. Line Tool2. Pen Tool3. Oval Tool4. Rectangle Tool5. Pencil Tool6. Brush Tool7. Eraser Tool

6. ภาระงานท 3ใหนกเรยนปฏบตงานลงเครอง ภาระงานท 3 เรอง การวาดภาพจากเครองมอ

ใน Flash


MX ))7.2 ใบความรท 3 เรอง อปกรณในการวาดภาพใน “ Flash”7.3 เครองคอมพวเตอรและโปรแกรม Flash MX



9. หลกฐานการเรยนร

นกเรยนปฏบตงาน โดยการสรางภาพ ดวยการใชเครองมอท Flash MX มให และเมอนกเรยนวาดเสรจ ผสอนใหนกเรยน Save งานลงแผนดสก

10. การประเมนการเรยนร แบบประเมนชนงานท 3 การวาดภาพโดยใชเครองมอ Flash


ดมาก ด ปรบปรง

1. นกเรยนสามารถวาดภาพโดยใชเครองมอท Flash มให ไดถกตอง สวยงาม

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

3. ความตรงตอเวลาในการสงงาน4. นกเรยนมความเปนระเบยบ

เรยบรอยในการทำางาน


12. ขอเสนอแนะ……………………………………………………………………………

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


ใบความรท 3อปกรณการวาดภาพใน Flash


นกเรยนสามารถใชอปกรณตาง ๆ ใน Flash วาดรปทกำาหนดใหไดจดประสงคปลายทาง

1. เปรยบเทยบความแตกตางระหวางภาพ Raster กบภาพ Vector2. การวาดเสนตรงดวย Line Tool3. การวาดรปดวย Pen Tool4. การวาดรปวงกลมและวงรดวย Oval Tool5. การวาดสเหลยมดวย Rectangle Tool6. การเขยนรปโดยใช Pencil Tool7. การระบายสโดยใช Brush Tool8. การลบสวนทไมตองการออกโดย Eraser Tool

เนอหาภาพกราฟกชนด Raster

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

ภาพชนดนเปนภาพในลกษณะทใชการคำานวณทางคณตศาสตรเขามาชวย ทำาใหไมเกดปญหารอยหยกหรอรอยแตกเมอขยายภาพ เพราะภาพกราฟกชนด Vector น ใชสวนประกอบของเสนตรงและเสนโคงตาง ๆ มาประกอบกนจนเปนภาพ ซงเสนตรงและเสนโคงนสามารถนำามาคำานวณทางคณตศาสตรได ภาพกราฟกชนด Vector ท เราพบเหนสวนใหญเปนภาพทถกสรางขน เชน Clipart เปนตนการวาดเสนตรงดวย Line Tool

คำาสง Line Tool เปนคำาสงทใชในการลากเสนตรงในลกษณะตาง ๆ เราสามารถใชงานคำาสง Line Tool ไดดงน คอ

1. Click mouse ทไอคอน Line ท กล องเคร องมอ ต วช เมาส จะเปลยนเปนรป

2. Click mouse คางไวทจดเรมตน3. ลากเมาสไปยงตำาแหนงทตองการ แลวปลอยเมาส

การทำาเสนตรงใหกลายเปนเสนโคงเราสามารถเปลยนเสนตรงใหกลายเปนเสนโคงโดยคลกเมาสทปม Arrow

Tool แลวนำาเมาสไปวางบรเวณเสนตรง ใหตวชเมาสเปน แลวจงคลกเมาสคางไว แลวดดเสนตรงใหโคงไปมา

การวาดรปดวย Pen ToolPen Tool เปนเคร องมอทใชวาดเสนและสวนโคงตาง ๆ โดยการคลกเมาส

แตละคร งเปนการกำาหนดจดแตละจดในตำาแหนงทตองการคลกเมาสนน ๆ และจด

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

การวาดเสนตรงโดยใช Pen Tool1. คลกเมาสทไอคอน Pen Tool ตวชเมาสจะเปนเปน2. คลกเมาสทจดเรมตนของเสนตรง3. คลกเมาสทจดสดทายของเสนตรง จะพบวา Flash จะสรางเสนตรงเชอม

ตอระหวางจดสองจดใหโดยอตโนมต

การวาดสวนโคงโดยใช Pen Toolการวาดสวนโคงโดยใชเครองมอชนดนจะไดสวนโคงทสวยงามและมความราบ

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

โคง จากนนใหลากเขาออกหรอขนลง โดยไมตองปลอยเมาสเสนตรงนจะกลายเปนเสนโคงงอตามเมาสทเราลาก

4. เมอตองการทำาเสนโคงเชอมตอจากเสนโคงเดม ใหคลกเมาสคางไวทจดปลายทางอกจดหนง แลวลากเขาออก หรอขนลง โปรแกรม Flash จะทำาการวาดเสนโคงเชอมตอใหโดยอตโนมต

การวาดวงกลมและวงรดวย Oval Toolคำาสง Oval Tool เปนคำาสงทใชในการวาดรปวงกลมและวงรในลกษณะตาง ๆ 1. คลกเมาสทไอคอน Oval Tool ทกลองเครองมอหรอกดคย < O >

ตวชเมาสจะเปลยนเปนรป 2. ลากเมาสเพอวาดรปวงกลมหรอวงรตามขนาดทตองการ

การวาดสเหลยมดวย Rectangle ToolLine Tool เปนเครองมอทใชในการวาดรปสเหลยม เราสามารถใชงานคำาสง

Rectangle Tool ไดดงนคอ1. คลกเมาสทไอคอน Rectangle Tool ทกลองเครองมอ ตวชเมาสจะเปลยนเปนรป 2. ลากเมาสไปยงตำาแหนงทตองการ แลวปลอยเมาส หากเกดรปวงกลมเลก ๆ

ดานขางเมาสแสดงวาจะไดรปสเหลยมจตรส

.

เราสามารถกำาหนดคามมของรปสเหลยมใหมความมนได โดยคลกเมาสทRadius ในสวนของ Option แลวกำาหนดคาความมนของรปสเหลยมท หนาตาง Settings

การเขยนรปโดยใช Pencil Toolpencil Tool เปนเครองมอทใชในการวาดภาพ เชนเดยวกบ Pen Tool ซง

Pen Tool จะเนนหนกทางดานการปรบแตงเสน ทเราไดเรยนรมากอนหนาน แตลกษณะของ Pencil Tool นนเหมาะสำาหรบการวาดภาพเปนแบบราง หรอการขดเสนตาง ๆ

1. คลกเมาสทไอคอน ทกลองเครองมอ ตวชเมาสจะเปลยนเปนรป

2. กำาหนดรปแบบของเสนโดยคลกเมาสปม Pencil Mode ในสวนของ Option จากกลองเครองมอ

3. ลากเสนไดอสระตามตองการ

การระบายสโดย Brush ToolBrush Tool หรอแปรงระบายส เปนเครองมอทใชในการระบายส ซง Flash

ทำาใหการระบายสทคอนขางยงยากกลายเปนเร องงายอยางไมนาเชอ วธการระบายส คอ

1. เลอกสทตองการระบายใหเปนสของ Fill Color2. คลกเมาสเลอกท ตวชเมาสจะมรปรางเหมอนแปรงระบายส ตามทเรา

เลอก3. ลากเมาสระบายสตามตองการ

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

ของแปรงระบายส (Brush Tool) โดยกำาหนดขนาดของแปรงระบายสทชอง Brush Size และกำาหนดลกษณะหนาตดของแปรงระบายสไดทชอง Brush Shape

การกำาหนดคณลกษณะของการระบายสเราสามารถกำาหนดคณลกษณะของการระบายส โดยคลกเมาสทปม แลว

เลอกลกษณะการระบายสตามตองการ ดงน

Paint Normal

กำาหนดใหระบายสทบทกสวนของภาพ

Paint Fill กำาหนดใหระบายสทบพนทเสนเสนกรอบรปไวPaint Behind

กำาหนดใหระบายสในสวนพนหลง

Paint Selection

กำาหนดใหระบายสทบในสวนททำาการ Selection ไว

Paint Inside

กำาหนดใหระบายสทบพนทดานใน

การลบสวนทไมตองการออกโดย Eraser Toolเราสามารถลบสวนทไมตองการของภาพออกได โดยการใชเครองมอ Eraser

Tool ดวยวธการ ดงตอไปน1. คลกเมาสทไอคอน 2. ลากเมาสลบบรเวณทไมตองการของภาพออก

การกำาหนดคณลกษณะของการลบเมอเราไดเลอกการลบดวย Eraser Tool นน เราสามารถกำาหนดคณสมบต

การลบไดในสวนของ Options ไดดงนEraser mode เปนการกำาหนดรปแบบการลบในลกษณะตาง ๆ เมอ

เราคลกเมาสทปม Eraser mode แลวสามารถเลอกรปแบบการลบไดดงน

กำาหนดใหลบทกสวนของภาพกำาหนดใหลบสวนทเปนพนทยกเวนเสนกรอบกำาหนดใหลบเฉพาะเสนกรอบกำาหนดใหลบเฉพาะพนททถกเลอกกำาหนดใหลบเฉพาะพนทภายในเสนกรอบ

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

Eraser Shape เปนสวนทกำาหนดขนาดและรปรางหวยางลบ ซงมทงหวแบบวงกลมและหวแบบรปสเหลยม


ภาระงานท 3ภาพ Raster และ ภาพ Vector


ใหนกเรยนตอบคำาถามดงตอไปน1. ภาพ Raster เปนภาพแบบใด ยกตวอยางชนดของภาพประกอบ

…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………..

2. ภาพ Vector เปนภาพแบบใด ยกตวอยางชนดของภาพประกอบ……………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………


ชอหนวย การสรางงานแบบมลตมเดย (Flash MX)แผนการเรยนรท 4 เรอง การทำางานกบส เวลา 4 ชวโมง



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

3. สาระการเรยนร1. การเลอกสของ Stroke Color และ Fill Color

1.1 Default Color1.2 No Color1.3 Swap Colors

2. การใชหนาตาง Color Mixer3. การแสดงสแบบ Solid4. การไลโทนสแบบ Linear5. กำาหนดการไลสแบบ Redial

6. กำาหนดใหแสดงสเปนภาพแบบ Bitmap7. การกำาหนดใหพนสเปนรป8. การเลอกสจากหนาตาง Color Swatches9. การเปลยนสพนททถก Selection10. การเทสพนภาพโดยใช Paint Bucket Tool11. Options ของถงส12. การปรบโทนสโดยใช Lock Fill13. การเปลยนสเสนขอบดวย Ink Bottle Tool14. เลอกสโดยใช Dropper Tool15. การกำาหนดสและลกษณะของเสนขอบ16. การปรบแตงภาพ Transform Fill17. การปรบโทนสแบบ Linear18. การปรบแตงโทนสแบบ Radial

4. สาระทนำามาบรณาการนกเรยนสามารถนำาความรวชาศลปะ เกยวกบแมส และการใชส เพอนำาหลกการมา

ทำาการผสมสไดสวยงาม

5. กระบวนการจดการเรยนรขนท 1 แบบทดสอบกอนเรยน

ใชแบบทดสอบกอนเรยนแบบปรนย จำานวน 10 ขอ เวลา 10 นาท

ขนท 2 นำาเขาสบทเรยนหนวยท กจกรรม สอทใช เวลา

(นาท)

หนวยท 4 การทำางานกบสตอนท 4.1 การดคาดวยหนาตาง Info

กำาหนดภาระงาน- ผสอนเกรนนำาเกยวกบจดประสงคการเรยนร ดงน- ผสอนบอกใหนกเรยนเขาใจกอนวาเมอนกเรยนเรยนเรองการอานคาในหนาตาง Info แลว

- สออเลกทรอนกสวชา การสรางงานแบบมลตมเดย (Flash MX) หวขอแผนการเรยนรท 4 เรอง การทำางานกบส - ใบความรท 4 เรอง

10

ตอนท 4.2 การใชหนาตาง Color Mixer

ตอนท 4.3 การไลโทนส

ตอนท 4.4 เลอกสจากห น า ต า ง Color Swatches

นกเรยนจะตองสามารถบอกคาตาง ๆ ในหนาตางๆ ได - นกเรยนรบภาระงาน

- ผสอนเกรนนำาเกยวกบจดประสงคการเรยนร ดงน- นกเรยนสามารถอธบายลกษณะการใชงานของหนาตาง Color Mixer- ผสอนจะใหนกเรยนเลอกสจากสของ Stroke Color และ Fill Color ซงจะมวธการปฏบตอยหลายรปแบบ ซงนกเรยนจะตองจดจำาวธการเลอกส และใชสพนและสเสน เพมเตมใหกบรปวาด- นกเรยนรบภาระงาน

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

การทำางานกบส “ ”- คอมพวเตอร- โปรแกรม Flash MX

- สออเลกทรอนกสวชา การสรางงานแบบมลตมเดย (Flash MX) หวขอแผนการเรยนรท 4 เรอง การทำางานกบส - ใบความรท 4 เรอง การทำางานกบส “ ”




10

10

10

หน าต าง Color Mixer โดยก ำาหนดร ปแบบเป น Bitmap- ซงเมอนกเรยนไดเรยนเกยวกบการไลโทนสแลว นกเรยนจะตองสามารถไลโทนสแบบตาง ๆ ได ถกตอง- นกเรยนรบภาระงาน

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




(นาท)

หนวยท 4 การทำางานกบสตอนท 4.1 การดคาดวย

นยามภาระงาน- ผสอนแจกใบความรท 4 เรอง การทำางานกบส

- ส ออ เล กทรอน กส ว ช า กา รสร า งง า น

20

หนาตาง Info

ตอนท 4.2 การใชหนาตาง Color Mixer


เพอใหนกเรยนไดดประกอบ ขณะทผสอนทำาการอธบายตามขนตอน- ผสอนใหนกเรยนจบค จากนนใหนกเรยนเขาโปรแกรม Flash MX - ผสอนใหนกเรยนเปดหนาตาง Info โดยใชคำาสง Window Info เมอเปดหนาตาง Info ไดแลว ผสอนจะทำาการอธบายวา แตละสวนมหนาทอยางไร- ผสอนทำาการสมตวอยางนกเรยนในชนเรยน 4 – 5 ขนมา พรอมทงถามเกยวกบสวนตาง ๆ ของหนาตาง ๆ Info เพอเปนการทดสอบวานกเรยนเขาใจทผสอนไดสอนไปหรอไม

- ผสอนแจกใบความรท 4 เรอง การทำางานกบส เพอใหนกเรยนไดดประกอบ ขณะทผสอนทำาการอธบายตามขนตอน- ผสอนใหนกเรยนจบค จากนนใหนกเรยนเขาโปรแกรม Flash MX - ผสอนทำาการอธบายเกยวกบ Fill Color และ Stork Color วามสวนแตกตางกนอยางไร - ผสอนใหนกเรยนได

แ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแผนการเรยนรท 4 เรอง การทำางานกบส- ใบความรท 4 เร อง การทำางานกบส“ ”- คอมพวเตอร- โปรแกรม Flash MX

- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแผนการเรยนรท 4 เรอง การทำางานกบส- ใบความรท 4 เร อง การทำางานกบส“ ”- คอมพวเตอร- โปรแกรม Flash MX

30

30

ตอนท 4.4 เล อกส จ า ก ห น า ต า ง Color Swatches

ทำาการใชหนาตาง Color Mixer วา มการไลสเปนแบบใดบาง

1. Solid2. Linear3. Redial4. Bitmap

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

- ผสอนแจกใบความรท 4 เรอง การทำางานกบส เพอใหนกเรยนไดดประกอบ ขณะทผสอนทำาการอธบายตามขนตอน- ผสอนใหนกเรยนจบค จากนนใหนกเรยนเขาโปรแกรม Flash MX - ผสอนใหภาระงาน โดยใหนกเรยนแตละค เลอกการเลอกสแบบ Redial โดยนกเรยนจะใชตวเลอนสกตวกได- นกเรยน สามารถด ใบความรประกอบการทำางานได

- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแ ผ น ก า ร เ ร ย น ร ท 4 เรอง การทำางานกบ- ใบความรท 4 เร อง การทำางานกบส“ ”


- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแ ผ น ก า ร เ ร ย น ร ท 4 เรอง การทำางานกบ- ใบความรท 4 เร อง การทำางานกบส“ ”


30

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

- ผสอนแจกใบความรท 4 เรอง การทำางานกบส เพอใหนกเรยนไดดประกอบ ขณะทผสอนทำาการอธบายตามขนตอน- ผสอนใหนกเรยนจบค จากนนใหนกเรยนเขาโปรแกรม Flash MX - ผสอนใหนกเรยนแตละคทำาการ Import ไฟลรปภาพมาเกบไวกอน แลวอธบายวา ครงทแลวมา เราใสสพนเปนสตาง ๆ คราวนเราจะใสสพนเปนรปภาพ- ผสอนใหนกเรยนสรางรปวงกลม จากนนกเปลยนหนาตาง Color Mixer เปนแบบ Bitmap ซงจะทำาใหพนหลงเปนรปภาพได- ผสอนใหนกเรยนกำาหนดรปทรงของภาพเอง โดยใหนกเรยนใหสพนเปนรปภาพใด ๆ กได- นกเรยนทกคนสามารถใสภาพเปนสพนไดถกตองและสวยงาม ถอวาผานจดประสงค


(นาท)

ตอนท 4.1 การดคาดวยหนาตาง Info

- Stork และ Fill เสนและพนทภายใน- การเลอกสเพมเตม

- สออเลกทรอนกสวชา การสรางงานแบบมลตมเดย (Flash MX) หวขอแผนการเรยนรท 4 เรอง การทำางานกบส- ใบความรท 4 เรอง การทำางานกบส“ ”

15

- การแสดงสแบบ Solid- การแสดงสแบบ Linear- การไลโทนสแบบ Redial- กำาหนดใหพนแสดงเปนภาพ Bitmap


15


- การไลโทนส- การไลโทนสมากกวา 2 ส- การเพมตวเลอนส- การลบตวเลอนส


20

ตอนท 4.4 เลอกสจากหนาตาง Color Swatches

- การเปลยนสพนท ทถก Selection- การเปลยนสพนภาพโดยใช Paint Bucket


20

Tool- Option ของถงส- การเปลยนสเสนขอบดวย Ink Bottle Tool- การเลอกสโดยใช Dropper Tool

แผนการเรยนรท 4 เรอง การทำางานกบส- ใบความรท 4 เรอง การทำางานกบส“ ”

ขนท 5 ทดสอบหลงเรยนใหนกเรยนแบงกลมออกเปน 4 กลม เพอสรปเกยวกบการไลโทนสแบบตาง ๆ

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

1. Solid2. Linear3. Redial4. Bitmap

6. ภาระงานท 4 ภาระงานท 4 ใหนกเรยนปฏบตงานกบเครองคอมพวเตอร เรอง การไลสแบบ

ตาง ๆ ปฏบตงานกบเครองคอมพวเตอร เรอง การสรางภาพและแตงเตมสสรรค


MX ))7.2 ใบความรท 4 เรอง การทำางานกบส“ ”7.3 เครองคอมพวเตอรและโปรแกรม Flash MX



9. หลกฐานการเรยนรนกเรยนปฏบตงานกบเคร องคอมพวเตอร ผสอนใหนกเรยนทำาการไลสแบบ

ตาง ๆ ตามใบงานและทำาการบนทกงานลงแผนดสก

10. การประเมนการเรยนร แบบประเมนชนท 4 เรอง การไลสแบบตาง ๆ


ดมาก ด ปรบปรง1. นกเรยนสามารถทำาการไลสในรป

แบบตาง ๆ ไดถกตอง สวยงาม ตามใบงานทไดรบ

2. นกเรยนมความสนใจ และกระตอรอรนในการทำางาน

3. ความตรงตอเวลาในการสงงาน4. นกเรยนมคณธรรม จรยธรรมในการ

ทำางานรวมกบบคคลอน ๆ


12. ขอเสนอแนะ…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………


ใบความรท 4การทำางานกบส


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

1. การเลอกสของ Stroke Color และ Fill Color2. การใชหนาตาง Color Mixer3. เลอกใชสจากหนาตาง Color Swatches4. การเปลยนสพนทถก Selection5. การเทสพนภาพโดยใช Paint Bucket Tool6. การเปลยนสเสนขอบดวย Ink Bottle Tool7. เลอกสโดยใช Dropper Tool8. การกำาหนดสพนเปนรปภาพ

เนอหาการดคาดวยหนาตาง Info

เราสามารถดรายละเอยดของสทใชอยไดทหนาตาง Info โดยใชคำาสงท Window > Info ซงคาสจะเปลยนไปในแตละจดตามตำาแหนงของตวชเมาสดงรายละเอยดตอไปน

Stroke และ Fill เสนและพนทภายในStroke เปนเสนรอบรปหรอเสนโครงรางของวตถ

หรอเปนเสนทถกสรางขนมา เชน เสนตรง, เสนโคง หรอเสนทเปนลวดลาย

Fill เปนพนทภายในของเสนรป หรอพนททไมมเสนรอบรปกไดเปนรปทรง 2 มต ซงเราสามารถทจะแยกระหวาง Stroke กบ Fill ไดดงน

เราสามารถกำาหนดสของ Stroke Color และ Fill Color ไดดงนคอ1. Click mouse ท ของ Stroke Color หรอสของ Fill

Color ทเราตองการเปลยน ในทนเราจะเปลยนสของ Stroke Color ฉะนน Click mouse ท ของ Stroke Color

2. เลอกสจากตารางสทปรากฏขน

การเลอกสเพมเตมเราสามารถเลอกสทเราตองการนอกเหนอจากตารางสท Flash เตรยมไวได1. Click mouse ปม เมอตองการเลอกสเพมเตมหรอเลอกสท

ตองการ2. เลอกสทตองการจากหนาตาง Color เราสามารถเลอกสตาง ๆ ไดมายง

ขน3. เมอไดสตามตองการแลว Click mouse ปม O.K.

การใชหนาตาง Color MixerColor Mixer เปนหนาตางแสดงคาหรอผสมเพอนำาไปใชกบวตถ โดยสทได

จะนำาไปใชกบ Stroke Color และ Fill Color โดยการ Click mouse เลอกสทแถบสในหนาตาง Color Mixer นอกจากนนยงมรปแบบของสใหเราตองเลอกดงนการแสดงสแบบ Solid

เปนการกำาหนดสพน

การไลโทนสแบบ Linearเปนการกำาหนดใหมการไลสแบบเสนตรง

กำาหนดการไลสแบบ Redialเปนการกำาหนดใหมการไลสจากจดศนยกลางวงกลมไปตามแนวรศม

กำาหนดใหแสดงสเปนภาพแบบ Bitmapเปนการกำาหนดใหสพนเปนภาพ

เราสามารถเรยกหนาต าง Color Mixer ข นมาได โดยเล อกท เมน Window>Color Mixer จะปรากฏหนาตาง Color Mixer ดงรป ซงจะมรายละเอยดตาง ๆ ดงตอไปนการกำาหนดสพนแบบ Solid

เปนการกำาหนดสพน โดยสามารถกำาหนดไดทงสของ Stroke Color และ Fill Color

การไลโทนสแบบ Linearเปนการกำาหนดใหมการไลสแบบเสนตรง คอไลจากสหนงไปอกสหนง เชน ไล

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

การไลโทนสเราสามารถกำาหนดสและไลโทนสไดดงน1. Click mouse ทตวเลอนสเพอเร มตน เพอเปนการกำาหนดวาจะ

เลอกสเรมตนใหตวเลอนสน2. เลอกสทตองการใหตวเลอนส เพอใชเปนสเรมตนในการไลสเรมตน3. ปรบความเขมของสตามตองการ

4. Click mouse ทตวเลอนส เพอเปนการกำาหนดวาเราจะเลอกสสนสดใหตวเลอนสน

5. เลอกสทตองการใหตวเลอนส เพอใชเปนสสนสดในการไลโทนส6. ปรบความเขมของสตามตองการ

การไลโทนสมากกวา 2 สเราสามารถกำาหนดสและไลโทนสไดมากกวา 2 ส ซงไดดงน1. Click mouse ทตวเลอนสเรมตน เพอเปนการกำาหนดวาจะเลอก

สเรมตนใหตวเลอนตวน2. เลอกสทตองการใหตวเลอนสเรมตน3. ปรบความเขมของสตามตองการ

4. Click mouse บนพนท ระหวางตวเล อมตน และตวเล อนสดท าย สงเกตวาเมาสจะเปลยนเปนรปลกศร

5. จะปรากฏตวเลอกส ขนมา ใหเราเลอกสทตองการใหเลอน6. ปรบความเขมของสตามตองการ

7. Click mouse ทตวเลอนส เพอเปนการกำาหนดวาเราจะเลอกสสดทายใหตวเลอนตวน

8. เลอกสทตองการใหตวเลอนสสดทาย9. ปรบความเขมของสตามตองการ

การเพมตวเลอนสเราสามารถเพมตวเลอนสไดตามตองการ และสามารถกำาหนดไดมาสดถง 8 ส

โดยเราจะเพมตวเลอนส และทำาการไลโทนส โดยการ Click mouse ทพนระหวางตวเลอนตวเรมและตวสดทาย

การลบตวเลอนสหากเราตองการลบตวเลอนสใหเรา Click mouse คางทตวเลอนสท

ตองการลบ จากนนกลากออกจากหนาตาง Color Mixer

กำาหนดการไลสแบบ Redialเปนการไลโทนสจากจดศนยกลางวงกลมไปตามแนวรศม สจะไลไปตามทศทาง

ทเราเลอนปม โดยจดเร มตนเปนจดศนยกลางวงกลม และทศทางทเราเลอนตวเลอน จะเปนการขยายแนวรศมของโทนส

กำาหนดใหพนสเปนรปเปนการทำาใหใชรปภาพมาแทนพนสของรป โดยเราสามารถเลอกรปทเรา

ตองการได

การทำาใหสพนเปนรปเราสามารถใชหนาตาง Color Mixer เปลยนสพนของวตถทเราสรางใหเปน

ภาพได โดยใหเรากำาหนดรปแบบเปน Bitmap แลวทำาการเลอกรป โดยมวธการดงน

1. กำาหนดรปแบบ Bitmap2. จะปรากฏหนาตาง Open ขนมา เลอกรปทตองการจะใหแทนสพน3. จากนน Click mouse ทปม Open

เลอกสจากหนาตาง Color Swatchesเราสามารถกำาหนดสใหกบ Stroke Color หรอ Fill Color ไดอกวธหนง

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

การเปลยนสพนททถก Selectionเมอเราได Selection พนทเพอทำาการแกไขแลว เราสามารถเปลยนสพนทท

ถ กน น ไ ด โดย Click mouse เล อกส ท จ ะ ร ะบ ายพ นท ไ ด ท Fill Color กจะทำาใหพนททเราเลอกมสทเปลยนไป และถาเราตองการเปลยนสเสนขอบของเรา Selection เสนขอบแลว Click mouse เล อกสท ต องการท ได Stroke Color

การเทสพนภาพโดยใช Paint Bucket Toolการเทสพนภาพโดยใชถงส หรอ Paint Bucket Tool ซงอยใน

Toolbox เราสามารถจะเทสใหวตถไดโดยถงสและสทตองไดเลย โดยไมตองทำาการ Selection ทวตถกได แตการใชถงสจะเปลยนสของวตถเฉพาะท ซงวธการใชงานสามารถทำาไดดงน

1. Click mouse ท Fill Color แลวเลอกสทเราตองการ2. Click mouse ปม Paint Bucket Tool หรอกดคย <K>

ตวชเมาสจะเปลยนเปน3. Click mouse บรเวณพนททเราตองการเปลยนส

Options ของถงสเราสามารถกำาหนดใหถงสเตมสในวตถได แมวาวตถนนจะมชองวางกตาม ไม

วาจะเปนชองวางขนาดเลกหรอใหญ ซงเราสามารถกำาหนดไดวาจะเตมสในลกษณะใด โดยเลอกไปท ซงเปน Options ของถงส ดงน

การเปลยนสเสนขอบดวย Ink Bottle Toolเราสามารถเปลยนสเสนของภาพโดยไมตอง Selection เสนขอบ โดยใช Ink

Bottle Tool ซงจะเปนการเปลยนสของขอบทงหมด การเปลยนสเสนขอบสามารถทำาไดดงน

1. Click mouse ท Stroke Color แลวเลอกสทเราตองการ

2. Click mouse ปม Ink Bottle Tool หรอกดคย <S> ตวชเมาสจะเปลยนเปน

3. Click mouse เสนขอบ สของเสนขอบจะเปลยนไป

เลอกสโดยใช Dropper Tool การใช Dropper Tool ทำาใหเราสามารถเลอกสจากภาพทเรามอยได โดยทเรา

ไมตองไปเปรยบเทยบสเอง ซงสามารถผดพลาดไดงาย แตถาใช Dropper Tool ดดสทเราตองการ เรากจะไดสนนมาใช เชน เราตองการสเนอเพอลบรวรอยจากภาพของเรา เรากได Dropper Tool ดดสผวบรเวณทใกลเคยง เพอนำามาระบายทบรวรอยของภาพได เปนตน เราสามารถใชงาน Dropper Tool ไดดงน

1. Click mouse ทป ม Dropper Tool หรอปม <i> ท คยบอรด

2. Click mouse เพอเลอกสทเราตองการในพนทภาพ สงเกตวาถาเราวาง Dropper Tool บรเวณดานขางของภาพ ตวเมาสจะเปลยนเปน ใหเราเลอกดดสทเราตองการ

3. สทเราเลอกจะแสดงท Fill Color

กำาหนดสพนเปนรปภาพเราสามารถทจะทำาใหรปภาพของเราเปนพนหลงของวตถทเราจะสรางได เชน เราสามารถสรางวงกลมโดยพนของวงกลมนนเปนรปภาพทเราตองการได ดงตวอยางตอไปน1. นำาไฟลรปภาพทตองการเขามา โดยเลอกคำาสง File>Import ซงเปนการ

เรยกไฟลทเราตองการใชเขามา2. เลอกคำาสง Modify>Break Apart เพอแยกองคประกอบของภาพจาก

กลมภาพ Bitmap ซงจะทำาใหเราสามารถแกไขภาพได3. เมอเราลองใช Dropper Tool ดดสทภาพ จะพบวาสพนจะกลายเปน

รปภาพ4. เมอเราสรางวงกลมจะปรากฏวา พนสของวงกลมจะกลายเปนรปภาพ

ถาเราตองการเปลยนพนของวตถเปนภาพใหม ให Import ภาพเขามาใหมโดยทำาตามขนตอนท 1 –2 แตพนของวตถยงคงเปนภาพเดม ใหเราคลกปม แลวคลกเมาส ภาพทเราตองการใชเปนสพนอนใหม

ถาภาพทเรา Import มามขนาดเลก เมอทำาใหกลายเปนพนหลงของวตถจะกลายเปนลกษณะของภาพทเรยงตอกนไปเรอย ๆ

เมอเราทำาการ Import หรอใช Dropper Tool ดดภาพเขามา ภาพจะถกเกบไว 2 ทคอ หนาตาง Color Mixer และท Fill Color ซงมความแตกตางกนดงน

หนาตาง Color Mixer ภาพทถก Import เขามาจะแสดงรปแบบเปน Bitmap เมอเรา Click mouse แลวทำาการวาดวตถหรอใชถงสเทลงในวตถนน พนทของวตถจะเปนภาพทมขนาดเลกกวาภาพจรงเรยงกน

Fill Color หากภาพทเราใช Dropper Tool ดดเขามาเกบไวท Fill Color และนำามาใชทนท (โดยไมไดเลอกผานหนาตาง Color Mixer) ภาพทไดจะมขนาดเทาของจรง

การกำาหนดสและลกษณะของเสนขอบเราสามารถกำาหนดลกษณะของเสนขอบไดหลายรปแบบตามทตองการโดยกำาหนด

จากหนาตาง Properties ซงจะเปลยนแปลงไปตามเคร องมอทเราเลอกใช มวธดงน

1. Click mouse ท Stroke Color เพอกำาหนดการสรางเสนขอบ

2. กำาหนดรปแบบทเราจะสรางเสนหรอเสนขอบ เชน Rectangle Tool, Oval Tool, Pencil Tool ฯลฯ เปนตน

3. เลอกแบบของเสนขอบจากหนาตาง Properties

4. กำาหนดขนาดของเสนขอบ5. เสนขอบรปตาง ๆ ทได

เราสามารถปรบแตงลกษณะของเสนขอบเองได โดย Click mouse แลวเลอกคำาสง Custom กำาหนดลกษณะของเสนขอบจาก Line Style ทปรากฏขน

การปรบแตงภาพ Transform Fill Transform Fill เปนเคร องมอทใชปรบแตงการไลโทนสแบบ Linear และ

Redial ซง Transform Fill ไมไดใชในการเทสหรอเปลยนส แตใชในการปรบโทนสและสามารถขยายหรอลดรศม หรอยายจดศนยกลางได

การปรบโทนส Linear

เราสามารถปรบแนวของโทนสโดยใช Transform Fill เชน เลอนตำาแหนงแนวโทนส (ยายจดศนยกลาง ปรบใหแนวเสนของโทนสเอยง, ขยายแนวของโทนสได โดยการใหเรา Click mouse ทปม สงเกตวาเมาสจะเปลยนเปนรป ลกศร จากนนให Click mouse พนททตองการปรบแตง เพอเปลยนแนวของโทนสตามตองการ ดงน

การปรบโทนสแบบ Radialเราสามารถปรบการไลโทนสหรอแนวรศมแบบ Radial ไดหลายรปแบบ เชน

เลอนตำาแหนงจดศนยกลางของโทนส ขยายขนาดแนวรศม ขยายแนวรศมออกดานขาง และหมนแนวรศมของโทนสได โดยการ Click mouse ทปม ตวเมาสจะเปลยนเปนรปลกศร แลว Click mouse พนทเพอทำาการปรบแตงเงาใหกบวตถไดเลย

แบบทดสอบกอนเรยนรายวชาคอมพวเตอร (การสรางงานแบบมลตมเดย (Flash MX))

คำาสง ใหนกเรยนเลอกคำาตอบทถกตองทสด

1. การเรยกหนาตาง Info ขนมาใช งาน ใชคำาสงใด ?ก. Modifyข. Windowค. Insertง. File

2. Stork Color คอสใด ?ก. สเสนข. สพนค. สผสมง. สดำา

3. ขอใดคอการไลสแบบเสนตรง ?ก. Solidข. Linearค. Redialง. Bitmap

4. การไลสแบบ Redial คอการไลส แบบใด ?ก. การกำาหนดสพนข. การไลสแบบเสนตรงค. การไลสจากจดศนยกลางไปตาม

เสนรศมง. การกำาหนดสพนเปนภาพ

5. เราสามารถเรยกหนาตาง Color Mixer จากเมนใด ?ก. Windowข. Modifyค. Insertง. Edit

6. เราสามารถเพมตวเลอนส ไดสงสดกตว ?ก. 6ข. 7ค. 8ง. 9

7. คอ เครองมอใด ?ก. Ink Bottle Toolข. Dropper Toolค. Paint Bucket Toolง. Lock Fill

8. คอ เครองมอใด ?ก. Ink Bottle Toolข. Dropper Toolค. Paint Bucket Toolง. Lock Fill

9. ถาตองการแยกองคประกอบของภาพ ใชคำาสงใด ?

ก. Modify Break Apartข. Window Blank

Keyframeค. Insert Imageง. File Break Apart

10. คอ Icon ของอะไร ?

ก. Stork Colorข. Fill Colorค. Paint Bucket Toolง. Lock Fill


ชอหนวย การสรางงานแบบมลตมเดย (Flash MX)แผนการเรยนรท 5 เรอง เครองมอตกแตงภาพ เวลา 4 ชวโมง


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

การใชในชวตประจำาวน การใชความคดสรางสรรค การแกไขปญหาในการทำางาน และการสรางงานอยางมประสทธภาพ ประสทธผลและมคณธรรมในการทำางาน

2. ผลการเรยนรทคาดหวงนกเรยนสามารถตกแตงภาพโดยใชเครองมอตาง ๆ ท Flash มใหได

3. สาระการเรยนร1. ความหมายของการ Selection และ ลกษณะของการ Selection

1.1 การ Selection เฉพาะเสนของวตถ1.2 การ Selection เฉพาะพนททเลอก1.3 การ Selection ทงเสนและพนทของวตถ1.4 การ Selection หลาย ๆ วตถ

2. กลองเครองมอใน Flash2.1 Arrow Tool เครองมอสราง Selection 2.2 Subselect Tool เครองมอเปลยนรปรางวตถ2.3 Free Transform Tool เครองมอบด และปรบวตถ2.4 Lasso Tool เครองมอสราง Selection อสระ2.5 Zoom Tool ยอ - ขยายภาพ2.6 Hand Tool เลอนดภาพ

4. สาระทนำามาบรณาการนกเรยนสามารถนำาความรวชาศลปะ มาใชในการตกแตงภาพไดอยาง

สวยงาม



)หนวยท 5 เครองมอตกแตงภาพตอนท 5.1 ความหมายของการ Selection

ตอนท 5.2 เครองมอในการ Selection

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

- ผสอนเกรนนำาเกยวกบจดประสงคการเรยนร ดงน- นกเรยนสามารถอธบายเกยวกบ การใชเคร องมอในการ Selection- นกเรยนจะตองทำาการ Selection วตถ เพอกอ

- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแผนการเรยนรท 4 เรอง เคร องมอตกแตงภาพ - ใบความรท 4 เรอง

เคร องมอตกแต ง“ภาพ”

30

30

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


(นาท)

หนวยท 5 เครองมอตกแตงภาพตอนท 5.1 ความหมายของการ Selection

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

- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแ ผ น ก า ร เ ร ย น ร ท 5 เร อง เคร องมอในการตกแตงภาพ- ใบความรท 5 เร อง

เ ค ร อ ง ม อ ใ น ก า ร“ตกแตงภาพ”

60


Selection ลกษณะใด - ผสอน ใหนกเรยนวาดรปวงกลมขนาดเทากนขนม า 5 ว ง จ า ก น น ใ ห น กเรยนทำาการเปลยนส และลกษณะของเสนขอบแบบตาง ๆ โดยนกเรยนสามารถดจากใบความรได- นกเรยนทกคนสามารถเ ป ล ย น ส เ ส น ข อ บ แ ล ะลกษณะของเสนขอบไดถกตอง ถอวาผานจดประสงค

- ผสอนแจกใบความรท 5 เรอง เครองมอในการตกแตงภาพเพอใหนกเรยนไดดประกอบ ขณะทผสอนทำาการอธบายตามขนตอน- ผสอนใหนกเรยนจบค จ า กน น ใ ห น ก เ ร ย น เ ข าโปรแกรม Flash MX - ผสอนวาดรปแตงโมขนมา 1 ชน และใหนกเรยนแตละควาดรปแตงโมขนม า เ ช น ก น จ า ก น น ใ ห น ก เ ร ย น ใ ช เ ค ร อ ง ม อ Lasso Tool ใ น ก า ร Selection วตถ เพอตดแ ต ง แ ต ง โ ม ใ ห แ ห ว งเหมอนกบรอยกด- นกเรยนแตละคนทำารปแตงโมตามทผ สอนกอน หลงจากนนเมอนกเรยนใช Lasso Tool เปนแลว ผ

- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแ ผ น ก า ร เ ร ย น ร ท 5 เร อง เคร องมอในการตกแตงภาพ- ใบความรท 5 เร อง


60

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


(นาท)

ตอนท 5.1 ความหมายของการ Selection

- เครองมอทสราง Selection- ลกษณะการ Selection- การปรบแตงเสนขอบ

- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแผนการเรยนรท 5 เรอง เคร องมอในการตกแตงภาพ- ใบความรท 5 เร อง


20


- Snap to Object เครองมอเชอมตอวตถ- Smooth เครองมอเพมความโคงมน- Straighten เครองมอชวยปรบมม- SubSelect Tool เครองมอเปลยนรปรางวตถ

- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแผนการเรยนรท 5 เรอง เคร องมอในการตกแตงภาพ- ใบความรท 5 เร อง

20

- Free Transform Tool เครองมอบดและปรบวตถ- Lasso Tool เครองมอสราง Selection อสระ- Zoom Tool ยอ –ขยายภาพ- Hand Tool เลอนดภาพ


ขนท 4 ทดสอบหลงเรยนครใหนกเรยนแบงกลมออกเปน 2 กลม เพอใหอภปรายกนในหวขอ

ทำาไมจะตองใชเครองมอในการ Selection โดยครจะเปนผตงกระท ถงความจำาเปน หรอ ถาไมใช เราจะตองอยางไร ใชเวลา 20 นาท

6. ภาระงานท 5ใหนกเรยนปฏบตงานกบเครองคอมพวเตอร เรอง การ Selection วตถ ภาระงานท 5 ใหนกเรยนปฏบตงานกบเครอง เรองการใช Lasso Tool วาดภาพแตงโม

7. สอการเรยนการสอน7.1 CD ชวยสอน วชาคอมพวเตอร (การสรางงานแบบมลตมเดย

(Flash MX ))7.2 ใบความรท 5 เรอง ทำาความรจกกบ “ Flash MX”7.3 เครองคอมพวเตอรและโปรแกรม Flash MX

8. หลกฐานการเรยนรปฏบตงานกบเคร องคอมพวเตอร เมอนกเรยนสามาร Selection

วตถ ไดตามวตถประสงคของผสอน ผสอนจะทำาการเชคการทำางานของนกเรยน

ปฏบตงานกบเครองคอมพวเตอร เกยวกบการใช Lasso Tool ในการวาดภาพแตงโม

9. การประเมนการเรยนร แบบประเมนชนงานท 5 เรอง การ Selection วตถ โดยการใช

Lasso Tool


ดมาก ด ปรบปรง1. นกเรยนสามารถทำาการ Selection

ไดอยางถกตอง2. นกเรยนสามารถสรางภาพดวยการใช

Lasso Tool ได3. นกเรยนมความสนใจ และ

กระตอรอรนในการทำางาน4. ความตรงตอเวลาในการสงงาน5. นกเรยนมคณธรรม จรยธรรมในการ

ทำางานรวมกบเพอน ๆ ในชนเรยน


11. ขอเสนอแนะ…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………


ใบความรท 5เครองมอตกแตงภาพ


นกเรยนสามารถใชเครองมอในการตกแตงภาพไดอยางถกตอง

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

เนอหาความหมายของการ Selection

การ Selection ใน Flash หมายถงการเลอกวตถทตองจดการหรอทำาการเปลยนแปลงบางอยาง ซงการเลอกนอาจจะเปนการเลอกทงวตถหรอเลอกเพยงบางอยางบางสวนของวตถกไดโดยเราจะสามารถจดการแกไขเปลยนแปลงวตถทเลอกไดรปแบบโดยทวไปของการ Selections แบงเปน 4 ลกษณะดงน

1. การ Selection เฉพาะเสนของวตถ2. การ Selection เฉพาะพนททเลอก3. การ Selection ทงเสนและพนทของวตถ4. การ Selection หลาย ๆ วตถ

การใช Arrow Tool เครองมอทสราง SelectionArrow Tool เปนเครองมอทใชในการ Selection วตถทตองการ

โดยการ Click mouse หรอลากเมาสไปทวตถนน นอกจากนน Arrow Tool ยงสามารถทำาการปรบแตงเสนขอบไดดวย เราสามารถเรยกใช Arrow Tool ไดโดย Click mouse ทไอคอน ซงอยในหนาตาง Toolbox

Arrow Tool จะทำางานสมพนธกบไอคอนทอยในสวนของ Options อกดวย ซงเปนเครองมอทชวยในการทำางาน

Arrow Tool เปนเครองมอทเราใชอยเสมอและมความสามารถมากมายทเดยว เรามาดวธการใช Arrow Tool กน

ลกษณะการ Selectionการ Selection เปนการเลอกวตถทเราจะทำาการตกแตงหรอแกไข ซง

เราจะทำาการ Selection เฉพาะบางจดเทานน ดงตวอยางทเรามวตถทมเสนขอบ เราสามารถทำา การ Selection ไดซงมวธดงน1. Click mouse ลงไปทวตถ

วธการ Click mouse ลงไปทวตถ เราจะเหนไดวาเกดการ Selection ขน และเมอลากวตถทถก Selection วตถนนจะถกลากออกมาดวย ซงวธนสงเกตไดวาเสนขอบจะแยกออกจากวตถ

2. ใชเมาสสราง Selection คลมวตถการใชเมาสคลมไปทวตถนนม 2 แบบ คอการใชเมาส Selection วตถ

ทงหมด และการใชเมาส Selection วตถเพยงบางสวน การใชเมาส Selection วตถทงหมดวธการใชArrow Tool สราง Selection คลมวตถเราจะเหนไดวา

วตถจะถก Selection ทงหมด และเมอเราทำาการลากวตถ วตถทงหมดจะถกลากออกมาดวย

การใชเมาส Selection วตถเพยงบางสวน

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

การปรบแตงเสนขอบการปรบแตงเสนขอบ เปนอกความสามารถหนงของ Arrow Tool

เราจะสงเกตเหนวา เมอนำา Arrow Tool ไปวางทเสนขอบของวตถทเปนเสนตรงเสนโคง สญลกษณขาง Arrow Tool จะเปลยนจาก เปน

และเมอนำา Arrow Tool เขาใกลมมของวตถสญลกษณขาง Arrow Tool จะเปลยนเปน

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

Option ตางๆของ Arrow Toolใน Toolbox สวน Option ของ Arrow Tool

เปนตวชวยในการใช Arrow Tool ใหมประสทธภาพมากยงขน ซงมตวชวยตางๆดงน

Snap to Objects เครองมอเชอมตอวตถเปนเครองมอทใชตอเสนขอบของวตถ โดยใช Arrow Tool ไป Click

ทเสนขอบแลวลากเสนขอบของวตถนนไปทเสนขอบทตองการจะเชอมตอ เมอลากเสนขอบเขาไปใกลจะพบวาเสนขอบของเราจะถกดดตดกนกบเสนขอบทเขาไปใกล ซงจะมสญลกษณ เกดขน

Smooth เครองมอเพมความโคงมนเปนเครองมอททำาใหเสนขอบของวตถมความโคงมนมากยงขน โดยใช

Arrow Tool ทำาการ Selection จากนนกทำาการ คลกเมาสทปม จะทำาใหวตถโคงมนมากขน

Straighten เครองมอชวยปรบมมเปนเครองมอทใชในการปรบมมของวตถใหเกดความโคงมน โดยใช

Arrow Tool ทำาการ Selection วตถนนทำาการ Click mouse จะทำาใหมมของวตถมนขน

การใช Subselect Tool เครองมอเปลยนรปรางวตถSubselect Tool เปนเครองมอทใชในการปรบแตงวตถ ซงจะกระทำา

ทเสนขอบและขอบของวตถ โดยใช Subselect Tool ไป Click mouse ทขอบของวตถจากนนกทำาการปรบเปลยนรปรางของวตถไดวธการใช Subselect Tool สามารถใชไดดงน

1. Click mouse ท Subselect Tool2. นำาเมาสไป Click mouse ทเสนขอบของวตถ จะเกดจดวงกลมท

เสนขอบของวตถ

3. เมอนำาเมาสไปทจดของเสนขอบจะเปลยนเปนรป จากน น เราก สามารถปรบเปล ยนวตถได โดยการลากเมาส หากเรา Click mouse ไปทรปจะเกดแขนจากรปเพอใหเราปรบวตถ

การใช Free Transfrom Tool เครองมอบด และปรบวตถFree Transfrom Tool เปนเคร องทใชในการบดปรบวตถ , หมน

วตถ , ปรบความเอ ยงของวตถ , ขยายขนาดของวตถ โดยท Free Transfrom Tool นจะรวมความสามารถหลายอยางไวในเคร องมอเดยว ซงเราสามารถใชงานไดโดย Click mouse ไปทวตถ จากนนทำาการปรบเปลยนหรอบดหมนวตถตามทตองการ

วธการใช Free Transfrom Tool สามารถใชไดดงน1. Click mouse ท Free Transfrom Tool

2. สงเกตจะเกดจดปรบ รอบๆ วตถทเรา Click mouse ลงไป

3. เมอนำาเมาสไปทจดตางๆ ของเสนขอบจะเปลยนเปนรปรางของเมาสไปตามจดตางๆ นน จากนนเรากสามารถบดปรบได โดยการลากเมาส ซงจะมลกษณะแตกตางกนดงน

การบดวตถ

การปรบขนาดวตถ

การหมนวตถ

Option ตางๆของ Free Transfrom Tool

โดยปกตแลว Free Transfrom Tool จะมลกษณะของเครองมอหลายๆอยางรวมอยในตวเอง ( ซงกคอ Option ของ Free Transfrom Tool นนเอง) และเราสามารถแยกเครองมออยางเจาะจงของ Free Transfrom Tool ไดโดยการ Click mouse ทปมของ Option ตวใดตวหนง ซงมการทำางานดงนRotate and skew หมนและบดรป

Scale ยอขยายวตถ

Distrot ปรบเปลยนวตถ

Envelope ปรบแตงวตถวธการปรบแตงวตถ

การใช Lasso Tool เครองมอสราง Selection อสระLasso Tool เปนเครองมอททำาใหเราสามารถเลอกพนท Selection

ไดอยางอสระและรวดเรว อกทงยงมความยดหยน โดยเราสามารถใชงานไดดงน

1. Click ทไอคอน ในหนาตาง Toolbox จะปรากฏตวชเมาสเปนรป บนพนทการทำางาน(ถากดคย < Ctrl> คางไวตวชเมาสจะเปลยนเปน Arrow Tool)

2. Click mouse คางไว และลากไปตามพนททเราตองการ แลวปลอยเมาส พนททเลอกจะมลกษณะเหมอนถกแรเงา ถาเราปลอยเมาสทตำาแหนงใด โปรแกรมจะกำาหนดพนทใหโดยอตโนมต

3. เราสามารถยายสวนทถกเลอกได โดยใช Selection Tool เลอนไปบรเวณพนททเราเลอก ตวชเมาสจะเปลยนเปนรป แลวลากพนทนนไปยงตำาแหนงทตองการหรอจะลบออกไดโดยกดคย <Delete>

Option ตางๆของ Lasso ToolPolygon Mode เครองมอ Selection แบบหลายเหลยมOption ของ Lasso Tool เปนตวชวยในการสราง

Selection ใหมประสทธภาพมากยงขน ซงมตวชวยตางๆดงน

เราสามารถทำาการ Selection พนทแบบเสนตรงหลายเหลยมไดโดยใช polygon Mode ทำาใหการ Selection เปนไปอยางเจาะจงมากขน โดยมวธใชดงน

1. Click ไอคอน ซงอยในสวน Options ตวชเมาสจะเปลยนเปน Polygon

2. Click mouse ไปยงจดตางๆ ทเราตองการเลอกพนท เมอไดพนททตองการแลวจง Double click พนททถกเลอกจะมลกษณะเหมอนถกแรเงา ถาเรา Double click ทตำาแหนงใดๆ โปรแกรมจะเลอกพนทใหโดยอตโนมต

3. เราสามารถยายสวนทถกเลอกได โดยการ Click mouse พนทนนแลวลากออกไป หรอจะทำาการลบทงกไดโดยกดคย <Delete>

การใช Zoom Tool ยอ ขยายภาพ –

การยอ ขยายภาพ จะชวยใหเราสามารถตกแตงภาพไดงาย–ทำาใหมองเหนภาพชดเจนยงขน และสามารถตกแตงภาพไดจนถงสวนยอยสดของภาพ

Zoom Tool เปนเคร องมอหนงทอยใน Tool box มรปรางเหมอนแวนขยาย ใชในการยอหรอขยายภาพ มขนตอนการทำางานดงตอไปน

1. เมอตองการขยายภาพ Click mouse ทไอคอน ใน Toolbox แลวไปท Options แลว Click mouse

2. เมอเลอนเมาสเขาไปบรเวณรปภาพ ตวชเมาสจะเปลยนเปนรป ในขนตอนมวธใชแตกตางกนดงน2.1 เมอตองการขยายภาพ ใหไปทบรเวณทตองการขยายแลว Click

mouse ภาพบรเวณนนจะขยายออก และเมอ Click mouse ไปเรอยๆ ภาพจะขยายขนเรอยๆ

2.2 เมอตองการขยายภาพเปนบรเวณเจาะจง ให Drag mouse เลอกบรเวณทตองการดเจาะจงเทานน แลวปลอยเมาส จะเหนวาภาพทขยายไมไดเปนสดสวนเปอรเซนตเหมอนกบวธการทผานมา

2.3 เมอตองการยอภาพ ใหกดคย <Alt> คางไวไปท Options แลว Click mouse จะสงเกตเหนวาตวชเมาสเปลยนเปน หลงจากนนเลอกบรเวณทตองการยอภาพ และ Click mouse ภาพจะถกยอลง

การใช Hand Tool เลอนดภาพในกรณทมภาพขนาดใหญไมสามารถมองเหนไดทกสวนของภาพไดใน

หนาจอเดยว เราสามารถเลอนภาพเพอดภาพในทกจดได ภายในหนาจอเดยวโดยไมตองอาศย Scrollbar อกตอไป ดวยวธงายๆคอ การใช Hand Tool

ทอยบน Toolbox ในสวน View 1. Click mouse ทไอคอน บน Toolbox หลงจากนนเลอน

เมาสไปทรปภาพตวชเมาสเปลยนเปนรป

2. Click mouse คางไวและลากไปยงทศทางตางๆ ทตองการ (คลายๆกบการจบภาพเลอน)


ชอหนวย การสรางงานแบบมลตมเดย (Flash MX) แผนการเรยนรท 6 เรอง การจดการวตถ เวลา 4 ชวโมง




2. ผลการเรยนรทคาดหวงนกเรยนสามารถจดลำาดบวตถ, จดเรยงวตถ, จดกลมและแยกกลมได

3. สาระการเรยนร1. เครองมอในการชวยวดและจดวางใน Flash

1.1 Ruler เปนเครองมอวดขนาดจะอยบรเวณขอบของรป1.2 Guide เปนเสนทชวยในการกะระยะและตำาแหนง

2. การใชงาน Ruler3. การใชงานเสน Guide

3.1 การสรางเสน Guide3.2 การเคลอนยายเสน Guide3.3 การลบเสน Guide3.4 การซอนและแสดงเสน Guide3.5 การกำาหนดรายละเอยดของเสน Guide

4. การจดลำาดบวตถ (Arrange)

5. การจดเรยงวตถ (Align)6. การจดกลมและการแยกกลม (Group & Ungroup)




)หนวยท 6 การจดการวตถตอนท 6.1 เครองมอในการชวยจดและวางใน Flash

ตอนท 6.2 การใชงานเสน Guide

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

- ผสอนเกรนนำาเกยวกบจดประสงคการเรยนร ดงน

- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแ ผ น ก า ร เ ร ย น ร ท 6 เร อง การจดการ - ใบความรท 6 เรอง การจดการวตถ“ ”

- เ ค ร อ งคอมพวเตอร- โปรแกรม Flash MX

- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อ

20

20

20

ตอนท 6.3 การจดลำาดบวตถ

ตอนท 6.4 การจดกลมและการแยกกลม

- นกเรยนสามารถอธบายเกยวกบ การใชงานเสน Guide ได- ผ สอนบอกกล าวแก น กเรยนว า น ก เรยนจะต องสามารถสร าง เส น เ ค ล อ น ย า ย ล บ ห ร อจดการตาง ๆ ในการน ำาเสน Guide มาใชงานได- นกเรยนรบภาระงาน

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

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

แ ผ น ก า ร เ ร ย น ร ท 6 เร อง การจดการวตถ - ใบความรท 6 เรอง การจดการวตถ“ ”


- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแ ผ น ก า ร เ ร ย น ร ท 6 เร อง การจดการวตถ - ใบความรท 6 เรอง การจดการวตถ“ ”



- เ ค ร อ ง

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

คอมพวเตอร- โปรแกรม Flash MX


(นาท)

หนวยท 6 การจดการวตถตอนท 6.1 เครองมอในการชวยจดและวางใน Flash


นยามภาระงาน- ผสอนแจกใบความรท 6 เรอง การจดการวตถเพอใหนกเรยนไดดประกอบ ขณะทผสอนทำาการอธบายตามขนตอน- ผสอนใหนกเรยนจบค จ า กน น ใ ห น ก เ ร ย น เ ข าโปรแกรม Flash MX - ผสอนเร มใหน กเรยนทำาความรจก กบเครองมอทเรยกวา Ruler และบอกความสำาคญวา ทำาไมเราจงจ ำาเป นตองน ำาไมบรรทดเขามาชวยในการทำางาน - ผสอน ใหนกเรยนแตละคนำารปภาพเขามาคละ 1 รป และทำาการเรยกไมบรรทดขนมา เพอใชงาน- ผ ส อ น ส ม ต ว อ ย า งนกเรยนขนมา 5 – 6 คน เ พ อ ใ ห ท ด ส อ บ เ ร ย กไมบรรทด และบอกความ



20

25


ตอนท 6.4 การจดกลม

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

- ผสอนแจกใบความรท 6 เรอง การจดการวตถเพอใหนกเรยนไดดประกอบ ขณะทผสอนทำาการอธบายตามขนตอน- ผสอนใหนกเรยนจบค จ า กน น ใ ห น ก เ ร ย น เ ข าโปรแกรม Flash MX อธบายตามขนตอน- ผสอนใหนกเรยนจบค จ า กน น ใ ห น ก เ ร ย น เ ข าโปรแกรม Flash MX - ผสอน เร มอธบายความหมายและความสำาคญของเสน Guide และเร มสอนเร องตาง ๆ เกยวกบเสน Guide

1. ก า ร ส ร า ง เ ส น Guide

2. การเคลอนยายเสน Guide

3. ก า ร ล บ เ ส น Guide

4. ก า ร ซ อ น แ ล ะแ ส ด ง เ ส น Guide

5. การกำาหนดรายละเอยดของเสน Guide

- นกเรยนแตละค หลงจากเรยนจบแลว จะตอง

- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแผนการเรยนรท 6 เรอง การจดการวตถ

- ใบความรท 6 เรอง การจดการวตถ“ ”


- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแผนการเรยนรท 6 เรอง การจดการวตถ

- ใบความรท 6 เรอง การจดการวตถ“ ”

25

25

และการแยกกลม จดการแบบตาง ๆ เกยวกบเสน Guide ได จงจะถอวาผานจดประสงค

- ผสอนแจกใบความรท 6 เรอง การจดการวตถเพอใหนกเรยนไดดประกอบ ขณะทผสอนทำาการอธบายตามขนตอน- ผสอนใหนกเรยนจบค จ า กน น ใ ห น ก เ ร ย น เ ข าโปรแกรม Flash MX อธบายตามขนตอน- ผสอนใหนกเรยนจบค จ า กน น ใ ห น ก เ ร ย น เ ข าโปรแกรม Flash MX - ผสอนเร มดวยการให นกเรยน ทำาการ Import รปภาพกาตนรในลกษณะทาทาง ต าง ๆ เล กบาง ใหญบาง คละ 5 ภาพ เมอไดภาพเสรจเรยบรอยแลว ผ สอน เร มสอน โดยให น ก เ ร ย น ท ำา ก า ร Selection ภาพทงหมด และ เรยกการจดวตถท Modify Arrange ซงผสอนจะทำาใหนกเรยนดเปนตวอยาง 1 แบบ- การจดการวตถจะมอยดวยกน 4 แบบ นกเรยนแต ล ะค จ ะต องท ำา ให ได ทงหมด 4 แบบ ผสอนจะท ำา ก า ร ต ร ว จ ง า น ถ านกเรยนทำาครบแลว จาก




นนจงใหน กเรยนบนท กงานไว

- ผสอนแจกใบความรท 6 เรอง การจดการวตถเพอใหนกเรยนไดดประกอบ ขณะทผสอนทำาการอธบายตามขนตอน- ผสอนใหนกเรยนจบค จ า กน น ใ ห น ก เ ร ย น เ ข าโปรแกรม Flash MX อธบายตามขนตอน- ผสอนใหนกเรยนจบค จ า กน น ใ ห น ก เ ร ย น เ ข าโปรแกรม Flash MX - ผสอนใหนกเรยนแตละค น ำาภาพท ได บ นท ก ไว คร งท เรยนเร องการจดวตถ มาทำางาน- ผสอนอธบายถงการจดกลมและการแยกกลมวตถ- ผสอนใหนกเรยนทำางาน โดยใหทำาการจดวตถเปน 2 กล ม กล มละ 2 ภาพ และ 3 ภาพ จากนนทำาการตรวจงาน- เม อน กเรยนจดกล มเสรจ และใหตรวจแลว ผสอนใหน กเรยนแต ละค ท ำาการแยกกล ม ท เป นภาพ 3 ภาพ- นกเรยนทกคนสามารถสรางงานไดตามทผสอนต องการ ถ อว าผ านจ ดประสงค

- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแ ผ น ก า ร เ ร ย น ร ท 5 เร อง เคร องมอในการตกแตงภาพ- ใบความรท 5 เร อง เคร องม อ ในการ“ตกแตงภาพ”

ขนท 3 ขนสรป

ตอนท เรองทสรป สอทใช เวลา(นาท

)ตอนท 6.1 เครองมอในการชวยจดและวางใน Flash

- การใชงาน Ruler- การใชงานเสน Guide

- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแผนการเรยนรท 6 เรอง การจดการวตถ - ใบความรท 6 เรอง การจดการวตถ“ ”


10


- การสรางเสน Guide- การเคลอนยายเสน Guide- การลบเสน Guide- การซอนและแสดงเสน Guide- การกำาหนดรายละเอยดของเสน Guide



10


- การจดลำาดบวตถ- วธการจดลำาดบวตถ- การจดเรยงวตถ



10

ตอนท 6.4 การจดกลมและการแยกกลม

- การแยกกลม- การจดกลม


- เ ค ร อ งคอมพวเตอร- โปรแกรม Flash

MX

10

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

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

1. การจดเรยงวตถ2. การจดลำาดบวตถ3. การจดกลม4. การแยกกลม

6. ภาระงานท 6ภาระงานท 6 ใหนกเรยนปฏบตงานกบเครองคอมพวเตอร เกยวกบ

การจดลำาดบวตถใหนกเรยนปฏบตงานกบเครอง เรองการจดกลมและการแยกกลม


(Flash MX ))7.2 ใบความรท 6 เรอง เครองมอตกแตงภาพ“ ”7.3 เครองคอมพวเตอรและโปรแกรม Flash MX

8 แหลงเรยนรหนงสอ คมอการเรยนรและเทคนคการใชงาน Macromadia Flash

Mx โดย ยทธชย รจรวมล

9 หลกฐานการเรยนรผสอนตรวจเชคงานทนกเรยนทำาการ จดลำาดบวตถ วาทำาไดถกตองตาม

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

ตองตามคำาสงหรอไม จากนนผสอนใหนกเรยนบนทกงานลงแผนดสก

10 การประเมนการเรยนร แบบประเมนชนงานท 6 เรอง การจดลำาดบวตถ และ การแยกกลม - จด

กลม


ดมาก ด ปรบปรง1. นกเรยนสามารถจดลำาดบวตถไดถก

ตอง2. นกเรยนสามารถจดกลมวตถได3. นกเรยนสามารถแยกกลมวตถได4. นกเรยนสามารถแกไขปญหาทเกด

ขนไดด5. นกเรยนมความตงใจในการทำางาน

และมความคดสรางสรรค6. ความตรงตอเวลาในการสงงาน


12. ขอเสนอแนะ………………………………………………………………………

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


ใบความรท 6การจดวตถ


นกเรยนสามารถใชเครองมอในการชวยวดและจดวางใน Flash ไดจดประสงคนำาทาง

1. สามารถใชงาน Ruler , Guide , Grid2. สามารถจดลำาดบวตถ3. สามารถจดเรยงวตถ4. สามารถจดกลมและแยกกลมได

เนอหาเครองมอในการชวยวดและจดวางใน Flash

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

1. Ruler เปนเครองมอวดขนาดจะอยบรเวณขอบของรป2. Guide เปนเสนทชวยในการกะระยะและตำาแหนง3. Grid เปนเสนตารางทใชอางองตำาแหนงตางๆ

วธการใชเครองมอชวยวดและจดวางมดงนการใชงาน Ruler

Ruler มลกษณะเหมอนไมบรรทดทอยบรเวณดานบนและดานซายของหนาตางรปภาพ เปนตวอางองเพอบอกขนาดของพนททเลอก ถาหากหนาตางไมมแถบไมบรรทด เลอกคำาสง View Rulers

การใชงานเสน Guideเปนเสนทชวยในการกะระยะและตำาแหนง โดยใชแนวเสนตรงทงในแนว

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

1. เลอนเมาสไปทไมบรรทดอาจเปนแนวตงหรอแนวนอนกได(แลวแตความตองการ) ตวชเมาสจะเปลยนเปนรป หลงจากนน Click mouse คางไว และลากออกมาในตำาแหนงทตองการ สงเกตขณะทเลอนตวชเมาสจะเปลยนเปนรป

2. เมอไดตำาแหนงทตองการแลวปลอยเมาส จะปรากฏเปนเสนตรงสเขยว เราเรยกวาเสน Guide ซงเราสามารถสรางกเสนกได

เคลอนยายเสน Guideให Click mouse คางไวทเสน Guide และลากไปยงตำาแหนงท

ตองการ เมอไดตำาแหนงแลวปลอยเมาส

การลบเสน Guideเปนการยายเสน Guide ออกไปนอกหนาตางภาพ โดยเราจะ Click

moues คางไวทเสน Guide แลวลากเสน Guide นนออกไปนอกหนาตาง เสน Guide นนกจะหายไป

การซอนและแสดงเสน Guideเลอกทคำาสง View Guides Show Guides แลวคลกเมาสท

เครองหมาย เพอไมใหปรากฏทหนาคำาสง Show Guides จะสงเกตไดวาเสน Guide เดมทงหมดจะถกซอนโดยอตโนมต

เมอตองการใหเสน Guide กลบมาแสดงอกครง เลอกทคำาสง View>Guides>Show Guides แลวทำาเครองหมาย ทหนาคำาสง Show Guidesการกำาหนดรายละเอยดของเสน Guide

เราสามารถกำาหนดรายละเอยดของเสน Guide การลอคตำาแหนงของ Guide การกำาหนดใหวตถอยในตำาแหนงของเสน Guide โดยใชค ำาส ง View>Guides>Edit Guides

การจดลำาดบวตถ (Arrange)ในการสรางชนงานบางครงเราตองการจดลำาดบใหกบวตถไหนอยกอน

หรออยหลง เชน ตองการใหรปทเรา Import เขามากอนอยดานหนารปทเราวาดขนเอง เปนตน ซงเราสามารถใชคำาสง Arrange ในการจดลำาดบของวตถไดโดยเลอก Modify Arrange

หากเราตองการนำาวตถทอยดานหนามาไวดานหลง ซงตองเปนวตถ 2 ชนทซอนกนอย ใช Arrow Tool ทำาการ Selection วตถทตองการไวดานหลง

1. เลอก Modify>Arrange>Sent to Back2. วตถทอยดานหนาจะกลบมาอยดานหลง

วธการจดลำาดบวตถมดงน Bring to Front คอ ใหวตถทถกเลอกอยหนาสด

Bring Forward คอ ใหวตถเลอกขนมาอก 1 ลำาดบ Send Backward คอ ใหวตถทถกเลอกถอยหลงลงไปอก 1 ลำาดบ Send to Back คอ ใหวตถทถกเลอกถอยลงไปหลงสด

การจดเรยงวตถ (Align)Align เปนคำาสงในการจดเรยงวตถ เพอใหวตถเปนระเบยบ เชน เรา

ตองการใหวตถอยในแนวเดยวกน,ชดซาย,ชดขวา,เรยงหนากระดาน หรอมระยะหางเทากนเปนตน

1. ใหเราเลอกเมน Window Align เพอเปดหนาตาง Align ขนมา2. ทำาการ Select วตถทตองการจดเรยง โดยเราจะตองทำาการ Select

วตถมากกวา 1 ตว3. เลอกวธจดเรยงตามทเราตองการดงน

Align จดวตถใหเรยง ชดซาย, กลาง, ชดขวาDistribute จดวตถใหอยในระยะทเสมอกนโดยคำานวณจาก

วตถทงหมดMatch Size จดวตถใหมขนาดเทากบวตถทมขนาดใหญทสด

ในแนวตงหรอแนวนอนSpace จดระยะหางใหเทากนTo Stage จดวตถโดยคำานวณจาก Stage ทงหมด

4. วตถจะถกจดเรยงตามทเรากำาหนด

การจดกลมและการแยกกลม(Group & Ungroup)การจดกลม(Group)จะชวยในการจดวางวตถและชวยปองกนไมใหวตถ

ถกแกไขหรอเปลยนโดยไมตงใจ เพราะเมอเราทำาการ Group วตถแลว จะทำาใหไมสามารถแกไขวตถไดอก

การแยกกลม(Ungroup) จะชวยในการแยกกลมของวตถทถกจดกลม(Group)ใหแยกเปนวตถแตละชนเหมอนเดมกอนทจะทำาการ Groupการจดกลม Group

เปนการจดกลมใหวตถ โดยใหวตถทถกจดกลมมลกษณะเปนชนเดยวกน ซงการจดกลมวตถจะทำาใหวตถไมสามารถแกไขไดอก ทำาใหเวลาเคลอนยายวตถ วตถจะถกเคลอนยายวตถพรอมกนทงหมด เชน ตองการรวมวตถ 2 อยางเขาดวยกนดงตวอยางตอไปน

1. ทำาการ Select วตถทตองการจดกลม2. เลอกเมน Modify Group เพอทำาการจดกลมใหวตถ3. วตถถกจดอยในเดยวกน สงเกตจากเสนทลอมรอบวตถ

การแยกกลม Ungroupเปนการแยกกลมของวตถทถกจดกลม(Group)ทำาใหเราสามารถปรบ

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

1. Click mouse ทวตถทเราตองการแยกกลม2. เลอก Modify Ungroup เพอทำาการแยกกลมของวตถทมการจด

กลมกนอย3. วตถจะถกแยกกลมและสามารถแกไขได


ชอหนวย การสรางงานแบบมลตมเดย (Flash MX)

แผนการเรยนรท 7 เรอง การสรางตวอกษร เวลา 2 ชวโมงภาคเรยนท ………. ปการศกษา ……………



2. ผลการเรยนรทคาดหวงนกเรยนสามารถสรางตวอกษรโดยใชโปรแกรม Flash ได

3. สาระการเรยนร1. การใสขอความโดยใช Text Tool2. การเคลอนยายและปรบขนาดกลองขอความ3. การปรบแตงตวอกษรใหเขากบงานทออกแบบ4. การใชหนาตาง Properties ของ Text Tool




)หนวยท 7 การสรางตวอกษรตอนท 7.1 การใสขอความโดยใช Text Tool

กำาหนดภาระงาน- ผสอนเกรนนำาเกยวกบจดประสงคการเรยนร ดงน- น ก เ ร ย น ส า ม า ร ถ อธบายเก ยวก บ การใส ข อ ค ว า ม โ ด ย ใ ช Text Tool ได- ผสอนจะเรม ใหนกเรยน

- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแผนการเรยนรท 7 เรอง การสรางตวอกษร - ใบความรท 7 เรอง การสรางตวอกษร“ ”

10

ตอนท 7.2 การใชหนาตาง Properties ของ Text Tool

ตอนท 7.3 ตวอยางการใชงาน Text ในรปแบบตาง ๆ

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

- ผสอนเกรนนำาเกยวกบจดประสงคการเรยนร ดงน- นกเรยนสามารถอธบายเกยวกบ ตวอกษรในร ปแบบตาง ๆ ได- ใ น จ ด ป ร ะ ส ง ค น นกเรยนจะรจกตวอกษร 3 รปแบบ ซงนกเรยนจะตองบอกไดวา ตวอกษรแตละแบบแตกตางกนอยางไร และมการรบขอมลอยางไร- นกเรยนรบภาระงาน

- ผสอนเกรนนำาเกยวกบจดประสงคการเรยนร ดงน- น ก เ ร ย น ส า ม า ร ถ

ทำางานเกยวกบ Text ในรปแบบตาง ๆ

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






10

10

- นกเรยนรบภาระงาน


(นาท)

หนวยท 7 การสรางตวอกษรตอนท 7.1 การใสขอความโดยใช Text Tool


นยามภาระงาน- ผสอนแจกใบความรท 7 เรอง การสรางตวอกษร เพอใหนกเรยนไดดประกอบ ขณะทผสอนทำาการอธบายตามขนตอน- ผสอนใหนกเรยนจบค จ า กน น ใ ห น ก เ ร ย น เ ข าโปรแกรม Flash MX - ผสอนเร มใหน กเรยนทำาความร จก ก บ Text Tool ซงเปนเคร องมอทใ ช ส ำาหร บการ เข ยนต วอกษร ซงจะเปนรปตว A - ผสอน กำาหนดขอความใ น ร ป แ บ บ ต า ง ๆ ใ ห นกเรยนไดพมพ และจดตวอกษร ใสส และรปแบบต าง ๆ เพ อ ใหน ก เร ยนเคยชนก บการใช Text Tool โ ด ย น ก เ ร ย นส า ม า ร ถ ด ใ บ ค ว า ม ร ประกอบได- นกเรยน ทกคนสามารถสรางขอความ เคลอนยาย ใสส หรอเปลยนรปแบบตวอกษรไดถกตองถอวาผานจดประสงค

- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแ ผ น ก า ร เ ร ย น ร ท 7 เร อง การสรางตวอกษร - ใบความรท 7 เรอง การสรางตวอกษร“ ”


- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแ ผ น ก า ร เ ร ย น ร ท 7 เร อง การสรางตว

15

15


- ผสอนแจกใบความรท 7 เรอง การสรางตวอกษร เพอใหนกเรยนไดดประกอบ ขณะทผสอนทำาการอธบายตามขนตอน- ผสอนใหนกเรยนจบค จ า กน น ใ ห น ก เ ร ย น เ ข าโปรแกรม Flash MX - นกเรยนจะตองรจกตว

อกษรทง 3 รปแบบ 1. Static Text2. Dynamic Text3. Input Text

- ผสอนใหนกเรยนเขยนขอความว า Flash MX จา กน น ท ำา ก า ร แ ย ก ต วอ กษร และน ำาต วอ กษรแตละต วมาออกแบบในลกษณะตาง ๆ กน โดยผสอนจะเร มท ำาตว F ใหด เปนตวอยาง นอกจากนน ผ ส อ น ใ ห น ก เ ร ย น ใ ช จนตนาการเอง- นกเรยนสามารถสรางตวอกษรได ถอวาผานจดประสงค

- ผสอนแจกใบความรท 7 เรอง การสรางตวอกษร เพอใหนกเรยนไดดประกอบ ขณะทผสอนทำาการอธบายตามขนตอน- ผสอนใหนกเรยนจบค จ า กน น ใ ห น ก เ ร ย น เ ข าโปรแกรม Flash MX

อกษร - ใบความรท 7 เรอง การสรางตวอกษร“ ”


- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแ ผ น ก า ร เ ร ย น ร ท 7 เร อง การสรางตวอกษร - ใบความรท 7 เรอง การสรางตวอกษร“ ”


15

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



)ตอนท 7.1 การใสขอความโดยใช Text Tool

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



10


- Static Text- Dynamic Text- Input Text

- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแผนการเรยนรท 7 เร

10

อง การสรางตวอกษร - ใบความรท 7 เรอง การสรางตวอกษร“ ”



- ตวอยางการใชงาน Text ในรปแบบตาง ๆ



10

ขนท 4 ทดสอบหลงเรยนครใหนกเรยนแบงกลมออกเปน 3 กลม จากนนใหแตละกลมอภปรายใน

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

หวขออภปราย1. Static Text2. Dynamic Text3. Input Text

6. ภาระงานท 7ใหนกเรยนปฏบตงานกบเครองคอมพวเตอร เรอง การตกแตงตวอกษร


(Flash MX ))7.2 ใบความรท 7 เรอง การสรางตวอกษร“ ”

7.3 เครองคอมพวเตอรและโปรแกรม Flash MX

8. แหลงเรยนรหนงสอ คมอการเรยนรและเทคนคการใชงาน Macromadia Flash Mx

โดย ยทธชย รจรวมล

9. หลกฐานการเรยนรงานทนกเรยนไดปฏบตลงไปในเครอง ตามทผสอนสง และผสอนใหนกเรยนบนทกงานลงในแผนดสก

10. การประเมนการเรยนร แบบประเมนชนงานท 7 เรอง การตกแตงตวอกษร


ดมาก ด ปรบปรง1. นกเรยนสามารถตกแตงตวอกษรได

ถกตอง สวยงาม2 นกเรยนมความคดรเรมสรางสรรค3. นกเรยนมความตงใจในการทำางาน 4. ความตรงตอเวลาในการสงงาน


12. ขอเสนอแนะ…………………………………………………………………………………………………………………………………………………………

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


ใบความรท 7การสรางตวอกษร


นกเรยนสามารถสรางตวอกษรใน Flash ไดอยางถกตองสวยงามจดประสงคนำาทาง

1. สามารถใสขอความโดยใช Text Tool2. การจดการกบตวอกษร เคลอนยาย , ปรบขนาดกลองขอความ ,

ปรบแตงตวอกษร3. การใชหนาตาง Properties ของ Text Tool

เนอหาการใสขอความโดยใช Text Tool

การใสขอความโดยทวไป หมายถง การใชคำาสงในการพมพตวอกษร ดวย Text Tool โดยการใสขอความแตละครงจะเปนการเพม Layer ใหมเองโดยอตโนมต การใสขอความโดย Text Tool

1. Click mouse ท จาก Text Tool ตวเมาสชจะเปลยนเปนรป

2. Drag mouse บรเวณทสรางกลองขอความ โดยกำาหนดขนาดตามขนาดตามความยาวทเราลาก

3. กำาหนดรปแบบของ Font และขนาดของ Font ไดจากหนาตาง Properties ตามตองการ

เราจะทำาการกำาหนดตวอกษรกอนอยางคราวๆ กอนโดยกำาหนดขนาดตวอกษร และการจดเรยงตวอกษร ซงจะกำาหนดขนาดตวอกษรเปน 44 จดเรยงตวอกษรเปนแบบจดอยกงกลาง และกำาหนดสเปนสแดง

4. เมอกำาหนดลกษณะตวอกษรเสรจแลว ใหพมพขอความทตองการลงไป

5. จากนนเราทำาการทดสอบโดยการใหโปรแกรมแสดงผลออกมา โดยเลอกทเมน Control.Test Movie

การเคลอนยาย และปรบขนาดกลองขอความในการพมพตวอกษรนน เราจะตองกำาหนดตำาแหนง กอนพมพขอความ

ลงในกลองขอความทเกดขน ซ งในกลองขอความนคอชองทใหเราเขยนขอความนนเอง หากเราตองการเคลอนยายตำาแหนงของกลองขอความใหนำาตวชเมาสบรเวณกลองขอความดดยใหตวชเมาสเปลยนเปนรป แลว Click mouse คางไวและเคลอนยายกลองขอความไปวางตำาแหนงทตองการได

ในกรณทเรากำาหนดขนาดของกลองขอความเลกเกนไปหรอใหญเกนไป เราสามารถขยายกลองขอความออกไปได โดยมวธการดงน

1. เลอกท Text Tool แลวคลกเมาสทตวอกษรบนกลองขอความ2. จากนนเลอนตวชเมาสไปทรปสเหลยมดานขวาบนกรอบขอความ สงเกตวาเมาสจะเปลยนเปนรป

3. ใหลากเมาสปรบขนาดของกลองขอความตามตองการ

ปรบแตงตวอกษรใหเขากบงานทออกแบบเราสามารถออกแบบและปรบแตงตวอกษรของเราเองใหเขากบงานตาง

ๆ ได นอกเหนอจาก Font ตวอกษรทมอยแลว ซงทำาใหเราออกแบบตวอกษรทแตกตางตามใจของเราได สามารถทำาไดดงน

1. คลกเมาสเลอกขอความทตองการปรบแตงตวอกษรในขอความนน2. เลอกคำาสง Modify Break Apart เพอแยกองคประกอบจาก

ตวอกษรใหกลายเปนภาพ3. คลกเมาสท Arrow Tool เพอปรบแตงตวอกษรใหไดรป

แบบตวอกษรตามตองการ โดยสงเกตทเมาสจะเปลยนเปนรปแบบตาง ๆ ดงน

เปนการปรบแตงสวนโคง เปนการปรบแตงสวนทเปนมมเหลยม เปนการเลอกทงตวอกษรนนเพอจะทำาการใด ๆ

การใชหนาตาง Properties ของ Text Toolในหนาตาง Properties ของ Text Tool นน มการใชงาน Text หรอ

ขอความใน Flash ทมรปแบบเฉพาะตว โดยแตละรปแบบจะมการใชงานแตกตางกนออกไป และมคำาสงอน ๆ ทเกยวของดวย ซงมอย 3 รปแบบ ไดแก Static Text, Dynamic Text และ Input Text

Static Textเปนรปแบบของการแสดงตวอกษรธรรมดาทวไป มรายละเอยด ดงน

กำาหนดรปแบบของ Font ทเราตองการกำาหนดขนาดของตวอกษรกำาหนดสใหขอความแสดงขอความเปนตวหนาแสดงขอความเปนตวเอยงแสดงขอความเปนแนวตงหรอแนวนอน

Horizontal แสดงขอความเปนแนวนอนVertical Left to Right แสดงขอความ

แนวตงสลบซายไปขวาVertical Right to Left แสดงขอความ

แนวตงสลบขวาไปซายแสดงขอความชดซายแสดงขอความอยกงกลางแสดงขอความอยชดขวาแสดงขอความเตมกลองขอความ

กำาหนดระยะหางของตวอกษรกำาหนดรปแบบในการแสดงตวอกษร

Normal กำาหนดรปแบบตวอกษรเปนแบบปรกตSuperscript กำาหนดรปแบบตวอกษรเปนแบบ

ยกSubscript กำาหนดรปแบบตวอกษรเปนแบบหอย

กำาหนดใหปรบชองไฟของตวอกษรอตโนมตหรอไมใชสำาหรบหมนตวอกษรกำาหนดรปแบบของบรรทดทใชแสดงตวอกษร

Indent กำาหนดระยะชดขอบหนาLine Spacing กำาหนดระยะหางระหวาง

บรรทดLeft Margin กำาหนดระยะหางขอบซายRight Margin กำาหนดระยะหางขอบขวา

แสดงคากลองขอความ

W แสดงความกวางของกลองขอมลH แสดงความสงของกลองขอมล

X แสดงตำาแหนงของกลองขอความในแนวแกน XY แสดงตำาแหนงของกลองขอความในแนวแกน Y

กำาหนด Link ใหกบขอความ เพอเชอมโยงเวบเพจอน

กำาหนดรปแบบในการแสดงบราวเซอร เมอเรากำาหนด Link เชอมโยงกบเวบเพจอน มรปแบบดงน

Blank เปดหนาเพจใหมขนมาParent แสดงบนหนาเพจเดมโดยลบหนาเดมออกSelf แสดงในเพจหรอเฟรมเดยวกนกบทแสดง

ขอความTop ขยายเตมหนาจอ

กำาหนดให Text สามารถ Selection ได เมอใชในเวบเพจ ทำาใหผชมสามารถ Copy ขอความไปใชได

ก ำาหนดให Font อนได ใกลเค ยงเม อไมพบ Font ท กำาหนด

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

ตามขอมลจากเซรฟเวอรเปนการกำาหนดใหแสดงจำานวนแถวของขอความ

โดยมรปแบบดงน

Single Line เป นการส งใหกล องขอความรบขอความเปนแบบแถวเดยว

Multiline เปนการสงใหกลองขอความขอมลไดมากกวา 1 แถว

Multiline no wrap เ ป น ก า ร ส ง ใ ห ก ล อ งขอความรบขอมลไดมากกวา 1 แถว แตจะหยดกตอเมอพบเครองหมายหยดหรอเบรกขอความ

กำาหนดชอให Text หรอขอความ ส ำาหรบเรยกหรออางถงขอความทเราตองการ

เปนการกำาหนดใหรกษาการจดลกษณะการยอหนา Font ใหแสดงในแทก HTML ใหเหมาะสม

กำาหนดใหแสดงกรอบของขอความ การตงชอตวแปร ใชในการเขยนโปรแกรมหรอการเขยน

Script เปนการสงใหบนทกลกษณะ Font ทเราใชในงานของเรา เพอ

ปองกนไมใหเปนภาษาแปลก ๆ เมอผใชไมม Font ทเราใช ซ งสงใหบนทกลกษณะตางไดดงน

No Characters ไมตองทำาการบนทก Font

All Character ใหบนทก Font เฉพาะตวอกษร

Only ใหบนทกเฉพาะUppercase Letter (A-Z) ใ ห บ น ท ก

เฉพาะตวพมพใหญLowercase Letter (a-z) ใ ห บ น ท ก

เฉพาะตวพมพเลกNumerals (0-9) ใหบนทกเฉพาะตวเลขPunctuation ใหบนท กเฉพาะตวอ กษรพเศษ เชน วงเลบและเคร องหมายตาง ๆ เปนตนAnd these characters ใหบนทกเฉพาะตวทเรากำาหนด โดยพมพลงในชองทเตรยมไว

Input Textเปนกลองรบขอความ ซ งสามารถรบขอความแบบปกต หรอแบบ

Password ทใชปอนรหสผานกไดเปนการกำาหนดใหแสดงจำานวนแถวของขอความโดยมรป

แบบดงน

Single Line เปนการสงใหกลองขอความรบขอความเปนแบบแถวเดยว

Multiline เป นการส ง ใหกล องขอความรบขอมลไดมากกวา 1 แถว

Multiline no wrap เป นการ ส ง ใ ห ก ล อ งขอความรบขอมลไดมากกวา 1 แถว แตจะหยดกตอเมอพบเครองหมายหยดหรอเบรกขอความ

Password การส ง ใหกล องขอความแสดงขอความออกมาเปน “ * ” ใชในกรณทตองการใหแสดงขอความเปนรหสผาน

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

ประจำา ไดแก ขอความธรรมดา (Static Text) กลองขอความ (Input Text ) แ บ บ Singel Line แ ล ะ แ บ บ Multiline แ ล ะ ก ล อ ง ข อ ค ว า ม แ บ บ Password

1.ใหเราทำาการ Import ภาพเขามา โดยเลอก File Open แลวเลอกภาพทเราตองการเขามา จากนน คลกเมาสทปม Open

2. คลกเมาสท เพอเขยนหวขอ โดยกำาหนดท Properties เปน Static Text และกำาหนด Font (ถาเลอก Font ทมคำาวา UPC ตามหลง จะสามารถใชภาษาไทยได) ความหนาของตวอกษร สของตวอกษร

3. เลอกสตวอกษร ปรบขนาดตวอกษรและพมพตวอกษรตามจดทตองการ

4. กำาหนดรปแบบ Text Tool เปนแบบ Input Text เพอเปนการสรางแบบกลองรบขอความแลวเลอก Single Line เปนการกำาหนดใหรบ

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

5.กำาหนดกลองขอความเปนแบบ Multiline เพอสรางกลองขอความทใสขอความไดหลายแถว

6. กำาหนดกลองขอความเปนแบบ Password เพอสรางกลองขอความสำาหรบใสรหสผาน

7. กด < Ctrl+Enter > หรอเลอกท Control Test Movie เพอทดสอบงานทสราง แลวทดลองใสขอความด


ชอหนวย การสรางงานแบบมลตมเดย (Flash MX)แผนการเรยนรท 8 เรอง รจกกบ Symbol เวลา 4 ชวโมง




2. ผลการเรยนรทคาดหวงนกเรยนรจก Symbol แตละแบบ และสามารถเปลยนวตถเปน

Symbol ได

3. สาระการเรยนร1. รจก Symbol และ Instance2. รจก Symbol แตละแบบ3. Movie Clip

3.1 Button3.2 Graphic

4. การใช Library5. การเปลยนวตถเปน Symbol6. การใช Symbol จาก Library อน7. การสราง Symbol ประเภท Button

สาระทนำามาบรณาการ-



)หนวยท 8 รจกกบ Symbolตอนท 8.1 รจก Symbol แตละแบบ

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

- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแผนการเรยนรท 8 เรอง รจกกบ Symbol

- ใบความรท 8 เรอง รจกกบ “ Symbol”

20

ตอนท 8.2 การใช Library

ตอนท 8.3 การใชงาน Symbol

ตอนท 8.4 ตวอยางการสรางปมกด

- ผ สอนบอกกล าวแก นกเรยนวา เมอนกเรยนไดเร ยนร แล ว น ก เรยนจะตองสามารถตอบคำาถามผสอนเก ยวก บ Symbol ได- นกเรยนรบภาระงาน

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

- ผสอนเกรนนำาเกยวกบจดประสงคการเรยนร ดงน- นกเรยนสามารถอธบายเ ก ย ว ก บ ก า ร ใ ช ง า น Symbol ได- ผสอนอธบายวา ในการเรยนจดประสงคน จะตองสามารถใชงาน Symbol ได- นกเรยนรบภาระงาน



- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแผนการเรยนรท 8 เรอง รจกกบ Symbol - ใบความรท 8 เรอง รจกกบ “ Symbol”


- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแผนการเรยนรท 8 เรอง รจกกบ Symbol - ใบความรท 8 เรอง รจกกบ “ Symbol”


- ส ออ เล กทรอน กส

20

20

20

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

ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแ ผ น ก า ร เ ร ย น ร ท 8 เ ร อ ง ร จ ก ก บ Symbol - ใบความรท 8 เรอง รจกกบ “ Symbol”



(นาท)

หนวยท 8 รจกกบ Symbolตอนท 8.1 รจก Symbol แตละแบบ

ตอนท 8.2 การใช

นยามภาระงาน- ผสอนแจกใบความรท 8 เรอง รจกกบ Symbol เพอใหนกเรยนไดดประกอบ ขณะทผสอนทำาการอธบายตามขนตอน- ผสอนอธบายเกยวกบ Symbol วาคออะไร และ Symbol มทงหมดอย 3 แบบ

1. Movie Clip2. Button3. Graphic

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

- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแ ผ น ก า ร เ ร ย น ร ท เ ร อ ง ร จ ก ก บ Symbol - ใบความรท 8 เรอง รจกกบ “ Symbol”

30

25

Library



เก ดความสงสยหรอ ไม เข า ใ จ ผ สอนจะท ำาการอธบายใหฟงอ ก 1 รอบ พรอมแนะนำาใหน กเรยนอานใบความรประกอบ

- ผสอนแจกใบความรท 8 เรอง รจกกบ Symbol เพอใหนกเรยนไดดประกอบ ขณะทผสอนทำาการอธบายตามขนตอน- ผสอนใหนกเรยนจบค จ า กน น ใ ห น ก เ ร ย น เ ข าโปรแกรม Flash MX อธบายตามขนตอน- ผ ส อ น อ ธ บ า ย ใ ห น กเรยนฟงวา Library ค ออะ ไร มความส ำาค ญอยางไร -นกเรยน จะตอง Import ร ป ภ า พ ม า ใ ส ไ ว ใ น Library - ผ สอน มอบ หม าย ให นกเรยนนำา Symbol จาก Library อนมาใชงาน ซงผสอนจะทำาใหนกเรยนด 1 ตวอยาง จากนน ผสอนใหนกเรยน Import เขามาอก 5 ภาพ- น กเรยนสามารถ ใช Symbol จ า ก Library อนไดถกตอง ถอวาผานจดประสงค

- ผสอนแจกใบความรท 8 เรอง รจกกบ Symbol




- เ ค ร อ งคอมพวเตอร

25

25

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

- ผสอนแจกใบความรท 8 เรอง รจกกบ Symbol เพอใหนกเรยนไดดประกอบ ขณะทผสอนทำาการอธบายตามขนตอน- ผสอนใหนกเรยนจบค จ า กน น ใ ห น ก เ ร ย น เ ข าโปรแกรม Flash MX - ผสอนใหนกเรยนเปดใบความร จากน น ใหดท หวขอ ตวอยางการสรางป ม ก ด เ ส ร จ แ ล ว ใ ห น ก เ ร ย น ท ำา ง า น ต า มตวอยาง จนสำาเรจไดงานมาเรยบรอยจงใหผ สอนตรวจ

- โปรแกรม Flash MX





)ตอนท 8.1 รจก Symbol แตละแบบ

- Movie Clip- Button- Graphic



10

ตอนท 8.2 การใช Library

- การใช Library- Option ของ Library



10


- การเปลยนวตถเปน Symbol- การเปลยนชอให Symbol- การใช Symbol จาก Library อน

- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแ ผ น ก า ร เ ร ย น ร ท

10

- การสราง Symbol ประเภท Movie Clip- การสราง Symbol ประเภท Button

เ ร อ ง ร จ ก ก บ Symbol - ใบความรท 8 เรอง รจกกบ “ Symbol”



- การสรางปมกด- การสรางปมกดทมลกษณะเปนขอความ



10


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

หวขออภปราย1. Movie Clip2. Button3. Graphic

6. ภาระงานท 8ภาระงานท 8 ใหนกเรยนปฏบตงานกบเครองคอมพวเตอร เร อง การ

สราง ปมกด

7. สอการเรยนการสอน

7.1 CD ชวยสอน วชาคอมพวเตอร (การสรางงานแบบมลตมเดย (Flash MX ))

7.2 ใบความรท 8 เรอง รจกกบ “ Symbol”7.3 เครองคอมพวเตอรและโปรแกรม Flash MX



9. หลกฐานการเรยนรผสอนใหนกเรยนปฏบตงานกบเครองคอมพวเตอร และเชคการทำางานทกครงผสอนใหนกเรยนปฏบตงานกบเครองคอมพวเตอร โดยทำาตามใบงานท

8 เสรจแลวใหนกเรยนบนทกงานลงแผนดสก

10. การประเมนการเรยนร แบบประเมนชนงานท 8 เรอง การสราง ปมกด


ดมาก ด ปรบปรง1 นกเรยนสามารถสราง ปมกดตามใบ

งานได2. นกเรยนมความคดรเรมสรางสรรค3. นกเรยนมความตงใจในการทำางาน 4. ความตรงตอเวลาในการสงงาน


12. ขอเสนอแนะ

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


ใบความรท 8รจกกบ Symbol

แผนการสอนท 8

จดประสงคปลายทางนกเรยนสามารถรจกและใชงาน Symbol และ Instance ไดอยางถก

ตองจดประสงคนำาทาง

1. รจก Symbol และ Instance2. การใช Library3. การเปลยนวตถเปน Symbol4. การสราง Symbol ประเภท Bottom5. การสราง Symbol ประเภท Graphic

เนอหารจกกบ Symbol แตละแบบ

Symbol ทเราจะใชในการสราง Flash Movie นนม 3 ประเภท โดยแตละประเภทกจะมหนาทแตกตางกนออกไป ซงเปนสงทจำาเปนทเราตองทราบวา Symbol เหลานมลกษณะการทำางานอยางไร และ Symbol แบบไหนเหมาะกบลกษณะอยางไร

Movie Clip เปน Symbol ทมลกษณะเปนภาพเคลอนไหว ซงเราอาจเรยกไดวาเปน Animation ขนาดเลกกได หากเราสราง Movie Clip นเกบไวใน Library และเมอนำามาใชบน Stage เรากจะได Movie Clip ทสามารถแสดงภาพเคลอนไหวไดอยางอสระ โดยไมจ ำาเปนทจะตองขนอยกบ Timeline บน Stage นน นอกจากนนเรายงสามารถใสเสยงใหกบ Movie Clip ไดดวยกน จงทำาให Movie Clip เปนตวหลกในการทำา Animation

Button เปน Symbol ทเปนลกษณะของปมกด ทสามารถใสเสยงและแสดงการตอบโตกบผใชได จงทำาให Button เปนตวหลกทใชในการแสดงการตอบโตกบผใช เชน เวลาทมการ Click mouse หรอเวลาการนำาเมาสมาวางไวบนปมกด เปนตน

Graphic เปน Symbol ทมล กษณะเปนภาพนง ซ งเปนสวนประกอบหนงใน Animation และสามารถทจะกำาหนดใหมการตอบโตกบผใชได แตไมสามารถใสเสยงไดการใช Library

เปนตวเกบและแสดง Symbol ตาง ๆ ทเราสรางขนหรอ Import เขามารวมทงไฟลเสยงและภาพดวย เราสามารถเปดหนาตาง Library ไดโดยเลอก Window>Library

ดานลางของ Library เปนปมคำาสงทใชสำาหรบจดการกบ Symbol ทเกบไวอยใน Library โดยมคำาสงตาง ๆ มดงน

New Symbol สราง Symbol ใหม ซงเปนการเปดหนาตางในการสราง Symbol ขนมา และท ำาการเกบ Symbol ทสรางไวใน Library

New Folder สรางโฟลเดอรเพอเกบ Symbol ใหเปนหมวดหม ในกรณทม Symbol จำานวนมาก

Property เรยก Symbol Property ขนมาทำาการแกไขDelete Symbol ลบ Symbol

การใช Library น จ ะช วยใหการท ำา Animation ใน Flash Movie มขนาดเลกลง เพราะ Library สามารถทจะเกบ Symbol ท เปนตนฉบบไว และดงมาใชไดเรอย ๆ แมวาจะมการใช Symbol ตวเดยวกนนสกกคร งกตาม Flash กไมจำาเปนจะตองคำานวณใหมทกคร ง เชน เราแสดงภาพของตนไมทเปน Symbol 100 ภาพ แตจรง แลวเปนการแสดง Symbol เพยงภาพเดยวเทานน จงทำาใหประหยดพนทและชวยในการแสดงผลใหรวดเรวอกดวยOptions ของ Library

เมอเรา Click mouse ทมมขวาบนของ Library จะมคำาสงตาง ๆ ออกมา ดงน

การเปลยนวตถเปน Symbol วตถต าง ๆ ทน ำาเขามาหรอท เราสรางข น เราสามารถทจะสรางเป น

Symbol ได โดยทเราจะตองทำาการ Selection วตถทเราตองการจะสรางเป น Symbol ก อน จากน นก ท ำาการเล อก Insert>Convert to Symbol ซงจะเกดหนาตาง Symbol Properties ขน โดยเปนการกำาหนดคณสมบตใหกบวตถวาตองการใชงานในวตถนนเปนแบบ Movie Clip, แบบ Button หรอแบบ Graphic ซงเราสามารถทำาไดดงน

1. ใช Selection Tool ทำาการ Select วตถท ตองการจะสราง Symbol

2. แลวเลอก Insert Convert to Symbol ซงจะปรากฏหนาตาง Convert to Symbol ขนมา

Name กำาหนดชอให Symbol Behavior กำาหนดลกษณะของ Symbol ไดแก

Movie Clip คอ กำาหนดใหเปนภาพเคลอนไหว Button คอ กำาหนดใหเปนปม Graphic คอ กำาหนดใหเปนภาพนง Registration คอ กำาหนดใหจดศนยกลางหรอจดหมนของ

ภาพ

การใช Symbol จาก Library อนเราสามารถใช Symbol จาก Library อนมารวมกบ Library ท

เราท ำางานอยได โดยไมต องสราง Symbol ใหม ซ งเป นการเรยก Library จาก Flash Movie อนมาใช โดยการเลอก File>Open as Library ซง Flash จะเปดหนาตาง Open as Library แลวใหเราเลอก Library จาก Flash Movie อนมาใช

1. เล อก File>pen as Library จะมหน าต าง Open as Library ข นมา จากน นให เราเล อก Library จาก Flash Movie ทเราตองการแลว Click mouse ปม Open

2. สงเกตวาจะปรากฏหนาตาง Library เพมขนมาอกหนงหนาตางเราสามารถเรยก Library อนมาใชไดแตไมสามารถแกไข Symbol

หรอวตถตาง ๆ ใน Library นนได นอกจากเราจะทำาการนำา Symbol หรอวตถ ใน Library อนน น มาไวบน Stage ของเราก อนท ำาให Symbol นนถกนำาไวใน Library ของเราดวย จากนนเรากสามารถทำาการแกไขได

3. ใหลาก Symbol หรอวตถท อยใน Library อนเขามาไวบน Stage ของเรา ทำาใหเราสามารถนำา Symbol หรอวตถนนมาใชได

การสราง Symbol ประเภท Movie Clipการสราง Symbol ประเภท Movie Clip นเหมาะกบการสราง

ภาพเคลอนไหว ซ ง Symbol ประเภท Movie Clip นจะตางจาก Symbol ประเภทอน เนองจากสามารถทจะเคลอนไหวได และมการทำางานทเปนอสระจาก Symbol ตวอนทอยใน Stage

1. สราง Instance ขนมา โดยเราสามารถ Import ภาพหรอสรางภาพดวยเครองมอใน Flash ตามทเราตองการได

2. เล อก Insert>Convert to Symbol ซ งจะปรากฏหนาต าง Convert to Symbol ขนใหเราเลอก Movie Clip ตงชอ แลว Click mouse ปม O.K. เพอทำาการเปลยนวตถทเรา Select ใหเปน Symbol

3. เราจะได Movie Clip ซงจะแสดงใน Library และมสญลกษณอยหนาชอ Movie Clip ทเราตง

การสราง Symbol ประเภท Buttonการสราง Symbol ประเภท Button นเหมาะกบการสรางปมกด

สามารถใส Animation, เสยง และ Action Script ไดดวย โดยการทเราจะทำาการสราง Symbol ประเภท Button ขนมากอนและท ำาการ Double click สญลกษณ ซงจะแสดงใน Library หรอท Symbol กได เราจะสงเกตเหนวา Frame บน Timeline ของเราจะเปลยนไป ซงเปนการแสดงการตอบสนองของปมกดกบผใช โดยจะมอย 4 สถานะดงน

สถานะ คำาอธบายUp ขณะท เมาสยงไมมาวางบนปม ถกโชว เอาไวบน

Stage ซงเราสามารถใส Animation, เสยง และ Action Script ไดดวย

Over ขณะทเมาสวางบนปม ซงเราสามารถใส Animation, เสยง และ Action Script ไดดวย

Down ขณะทเมาสกำาลง Click mouse ลงไปทปม ซงเราส า ม า ร ถ ใ ส Animation, เ ส ย ง แ ล ะ Action Script ไดดวย

Hit ขณะทปลอยเมาสหลงจาก Click mouse ลงไป ซงเราสามารถใส Animation, เสยง และ Action Script ได

ตวอยางการสรางปมกดในตวอยางเราจะสรางปมกดทมลกษณะดงน คอ เมอเรานำาเมาสมาวาง

ไวทปมแลว ปมกดจะเปลยนสและขอความแสดงขน โดยเราจะสรางวตถวงกลมขนมา และทำาการเปลยนเปน Symbol ประเภท Button กำาหนดใหปมตอบสนองผใชขณะทมสถานะเปน Over โดยการเปลยนสแสะแสดงขอความ ดงรป

1. สราง Instance กอน ในทนเราจะสรางปมกดอยางงาย ๆ โดยเราจะสรางวงกลมขน แลวใช Paint Bucket Tool ระบายสลงไป

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

3. เลอก Insert>Convert to Symbol ซงจะปรากฏ หนาตาง Convert to Symbol ขนใหเราเลอก Button ตงชอปมกดนน แลว Click mouse ปม O.K.

.

4. เราจะได วงกลมทเป นปมกด ซ งจะแสดงใน Library และม สญลกษณ อยหนาชอ Symbol

5. Double click ท Symbol ห ร อ ส ญ ล ก ษณ ใ น Library ของเรา หรอเล อกท Edit>Edit Symbol เพ อทำาการแกไขการทำางานของปมกดใหเปนอยางทเราตองการ

6. สงเกตวา Frame ท Timeline จะเปลยนจาก Frame ปกต ไปเปน Frame ทแสดงสถานะตาง ๆ ของปม ไดแก Up, Over, Down และ Hit และพนทการแสดง (Stage) เปลยนจาก Scene 1 ไปเปนชอทเราตงใหกบ Symbol

7. Click mouse ป ม ข ว า ท Over แ ล ว เ ล อ ก Insert Keyframe เพอใหเราสามารถกำาหนดสถานะตาง ๆ ในปมกดได

8. หลงจากกำาหนด Insert Keyframe ทกชองแลว ใหมาทชอง Over แลวเปลยนส Symbol เพอเวลาทนำาเมาสมาวางทปมแลว ปมจะเปลยนส

9. สรางรปสเหลยมขนมาโดยใช Rectangle Tool และพมพขอความในชองสเหลยมโดยใช Text Tool และเพมองคประกอบอน ๆ ตามตองการ เมอนำาเมาสวางไวทปมจะมการเปลยนสและแสดงขอความ

10. ใหเรา Click mouse ปมขวาท Frame ชอง Down และ Hit เลอก Insert Keyframe เพอใหแสดงภาพเหลานเม อ Click mouse ลงและปลอยปมเมาสดวย

11. หลงจาก Insert Keyframe หมดทกชองแลว ใหเรา Click mouse ท Scene 1 เพอกลบมาทพนทการทำางาน (Stage) ปกต

12. ใหเราท ำาการทดสอบ โดยกด <Ctrl+Enter> หรอเลอก Control>Test Movie จะเหนไดวาปมเมอวางเมาสจะเปลยนไปเปนอกรป และแสดงขอความขนมา

ตวอยางการสรางปมกดทมลกษณะเปนขอความเราจะสรางปมกดทมลกษณะเปนขอความ ปมลกษณะนมกจะใชเปน

Link และเชอมโยงไปยงเวบเพจหนาอน โดยเราจะสรางปมกดทมลกษณะเปนขอความ เมอเรานำาเมาสมาวางทตวหนงสอทำาหนาทเปนปมกดแลว ตวหนงสอจะเปลยนส

วธการสรางปมกดทมลกษณะเปนขอความ มวธการดงน1. สราง Instance กอน ในทนเราจะใช สรางขอความขนมา

ดงรป

.

2. ท ำา ก า ร Selection ข อ ค ว า ม ท ส ร า ง ข น ม า แ ล ะ เ ล อ ก Insert>Convert to Symbol ซงจะปรากฏหนาตาง Convert to Symbol ขน ใหเราเลอก Button ตงชอปมกด แลว Click mouse ปม O.K.

3. เราจะได Symbol ขอความทเป นเหมอนปมกด ซ งจะแสดงใน Library และมสญลกษณ อยหนาชอ Symbol

4. Double click ท Symbol หรอสญล กษณ ใน Library ของเรา หรอเลอกท Edit>Edit Symbol เพอทำาการแกไขการทำางานและกำาหนดสถานะตาง ๆ ของปม

5. สงเกตวา Timeline จะเปลยนไป เปน Frame ทแสดงสถานะตาง ๆ ของปมกด ไดแก Up, Over, Down และ Hit จากนน ใหเรา Click mouse ปมขวาท ชอง Over เลอก Insert Keyframe

6. หลงจากกำาหนด Insert Keyframe แลว จากนนมาทชอง Over ทำาการเปลยนสหรอ Font ตามตองการ เพอเวลาทนำาเมาสวางทปมจะเปลยนสและ Font

7. ใหเรา Click mouse ปมขวาท Frame ชอง Down และ Hit เลอก Insert Keyframe เพ อใหแสดงภาพเหลาน เม อ Click mouse ลงและปลอยปมเมาสดวย

8. หลงจาก Insert Keyframe หมดทกชองแลว ใหเรา Click mouse ท Scene 1 เพอกลบมาพนทการทำางาน (Stage) ปกต

แลวกด <Ctrl+Enter> หรอเล อก Control>Tesr movie เพอทดสอบ


ชอหนวย การสรางงานแบบมลตมเดย (Flash MX)แผนการเรยนรท 9 เรอง รจกกบ Layer เวลา 4 ชวโมง




2. ผลการเรยนรทคาดหวงนกเรยนสามารถใชงาน Layer ไดถกตองเหมาะสมกบงาน

3. สาระการเรยนร1. ความหมายของ Layer2. การใชงาน Layer3. รจกกบ Active Layer4. การสราง Layer ใหม5. วธการเปลยน Layer ตาง ๆ6. การเปลยนชอให Layer7. การซอนและแสดง Layer

8. การเปลยนลำาดบ Layer9. การลบ Layer10. การปองกนการแกไขรปภาพ11. การจดกลมให Layer12. การใช Guide Layer ในการวางวตถ13. การใช Layer Mask14. การกำาหนดคณสมบตของ Layer15. การกระจาย Layer




)หนวยท 9 รจกกบ Layerตอนท 9.1 ความหมายของ Layer

ตอนท 9.2 การใชงาน Layer

กำาหนดภาระงาน- ผสอนเกรนนำาเกยวกบจดประสงคการเรยนร ดงน- น ก เ ร ย น ส า ม า ร ถ อธบาย เก ยวก บ ความหมายของ Layer ได- นกเรยนจะตองเรมรจกความหมายของ Layer และสามารถตอบคำาถามของผสอนเกยวกบความจ ำา เป นในการใช Layer หรอสวนประกอบส ำาคญของ Layer ได- นกเรยนรบภาระงาน

- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแ ผ น ก า ร เ ร ย น ร ท 9 เ ร อ ง ร จ ก ก บ Layer - ใบความรท 9 เรอง รจกกบ “ Layer”

- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย

30

30

ตอนท 9.3 การใช Guide Layer ในการวางวตถ

- ผสอนเกรนนำาเกยวกบจ ดประสงค การ เร ยนร ดงน- นกเรยนสามารถอธบายเ ก ย ว ก บ ก า ร ใ ช ง า น Layer ได- ผ ส อ น อ ธ บ า ย ใ ห นกเรยนฟงวา เม อเรยนจ บ จ ด ป ร ะ ส ง ค น แ ล ว น ก เ ร ย น จ ะ ต อ ง ส ร า ง Layer ใหม การเปลยนไปใช Layer ตาง ๆ เปลยนชอ Layer ได รวมไปถงการใชงาน Layer แบบอน ๆ ได - นกเรยนรบภาระงาน

- ผสอนเกรนนำาเกยวกบจ ดประสงค การ เร ยนร ดงน- นกเรยนสามารถอธบายเ ก ย ว ก บ ก า ร Guide Layer ในการวางวตถได- นกเรยนจะตองรบภาระง า น ก า ร ส ร า ง Layer Mark ซ ง จ ะ เ ล อ ก เ อ าเฉพาะสวนทตองการ- นกเรยนทกคนจะตองทำา Layer Mark ไดจงจะถอวาผานจดประสงค- นกเรยนรบภาระงาน

(Flash MX) ห วข อแผนการเรยนรท 9 เรอง รจกกบ Layer - ใบความรท 9 เรอง รจกกบ “ Layer”

- เครองคอมพวเตอร- โปรแกรม Flash MX

- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแผนการเรยนรท 9 เรอง รจกกบ Layer - ใบความรท 9 เรอง รจกกบ “ Layer”


30


(นาท)

หนวยท 9 รจกกบ Layerตอนท 9.1 ความหมายของ Layer


นยามภาระงาน- ผสอนแจกใบความรท 9 เรอง รจกกบ Layer เพอใหนกเรยนไดดประกอบ ขณะทผสอนทำาการอธบายตามขนตอน- ผสอนใหนกเรยนจบค จ า กน น ใ ห น ก เ ร ย น เ ข าโปรแกรม Flash MX - ผสอนเร มอธบายเกยวก บ ค ว า ม ห ม า ย ข อ ง Layer วาหมายความวาอยางไร และเพราะอะไรจงจะตองม Layer- ผ สอ น ย ก ต ว อ ย า งโปรแกรม Photoshop ค ว บ ค ไ ป ด ว ย เ พ อ ท นกเรยนจะไดเขาใจมากขน- ผสอน ทดสอบความเขาใจ โดยการสมตวอยางนกเรยน 5 – 6 คน ขนมาเพอทดสอบความเขาใจ

- ผสอนแจกใบความรท 9 เรอง รจกกบ Layer เพอใหนกเรยนไดดประกอบ ขณะทผสอนทำาการอธบายตามขนตอน- ผสอนใหนกเรยนจบค จ า กน น ใ ห น ก เ ร ย น เ ข าโปรแกรม Flash MX




- เครองคอมพวเตอร

30

45

ตอนท 9.3 การใช Guide Layer ในการวางวตถ

- ผสอน สอนใหนกเรยน Layer ใหม ตามวธตาง ๆ ซ งน กเรยนจะตองสราง Layer ข น ม า ค ล ะ 5 Layer - ผสอน สอนใหนกเรยนเปลยนการใชงาน Layer ได จากน น ให เปล ยนช อ Layer เปน

1. Layer ท 1 เปลยนเปน หว

2. Layer ท 2 เปลยนเปน ลำาตว

3. Layer ท 3 เปลยนเปน แขน

4. Layer ท 4 เปลยนเปน ขาซาย

5. Layer ท 5 เปลยนเปน ขาขวา

- จากนนใหนกเรยนวาดรปโดเรมอน โดยวาดรปต า ม ช อ Layer เ ช น Layer หว วาดรปหวโดเรมอนลงไป - เมอนกเรยนวาดเสรจใหล อ ง จ ดก า ร ก บ Layer แบบตาง ๆ ตามใบความร เสรจแลวใหผ สอนตรวจงาน

- ผสอนแจกใบความรท 9 เรอง รจกกบ Layer เพอใหนกเรยนไดดประกอบ ขณะทผสอนทำาการอธบายตามขนตอน

- โปรแกรม Flash MX

- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแ ผ น ก า ร เ ร ย น ร ท 9 เ ร อ ง ร จ ก ก บ - ใบความรท 9 เรอง รจกกบ “ Layer”


30

- ผสอนใหนกเรยนจบค จ า กน น ใ ห น ก เ ร ย น เ ข าโปรแกรม Flash MX - ผ ส อ น ใ ห น ก เ ร ย น Import ภาพกระตายเขามา 1 รป- ใ น ก า ร ท ำา Layer Mark นกเรยนจะตองตงค าต าม ท ผ บ อก ส วน ท นกเรยนวาดวงกลมลงไปปกปด จะเปนสวนทเราจะเลอกใหแสดงไว ในทนผสอนใหนกเรยนใสวงกลมท ด ำา ท บ ไ ป ท ห ว ข อ งกระตาย เมอเสรจจะเหลอเ พ ย ง แ ต ส ว น ห ว ข อ งกระตาย ตวของกระตายจะหายไป- ผสอนใหน กเรยนท ำาภาพ Layer Mark ค ละ 5 ภาพ โดยใหน ก เรยนเลอกภาพตามใจ และจะ Mark สวนใดกได เมอทำาเสรจแลว ใหผสอนทำาการตรวจงาน



)ตอนท 9.1 ความหมายของ Layer

- ความหมายของ Layer- การใชงาน Layer



10


- การสราง Layer ใหม- วธเปลยนการทำางานไปใน Layer ตาง ๆ- การเปลยนชอให Layer- การซอนและแสดง Layer- การเปลยนลำาดบ Layer- การลบ Layer- การปองกนการแกไขรปภาพ- การทำาให Layer แสดงแตเสนโครงราง- การจดกลมให Layer- การสราง Folder เพอเกบ Layer



10

ตอนท 9.3 การใช Guide Layer ในการ

- การสราง Guide Layer- การใช Layer Mask


10

วางวตถ - การกำาหนดคณสมบตของ Layer

แ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแผนการเรยนรท 9 เรอง รจกกบ Layer - ใบความรท 9 เรอง รจกกบ “ Layer”


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

ของ Layer ใน Flash กบ Layer ใน Photoshop ใชเวลา 15 นาท 6. ภาระงานท 9

ภาระงานท 9 ใหนกเรยนปฏบตงานกบเครองคอมพวเตอร เรอง การใช Layer ในการสรางงาน


(Flash MX ))7.2 ใบความรท 9 เรอง รจกกบ “ Layer”7.3 เครองคอมพวเตอรและโปรแกรม Flash MX

8. แหลงเรยนร หนงสอ คมอการเรยนรและเทคนคการใชงาน Macromadia

Flash Mx โดย ยทธชย รจรวมล

9. หลกฐานการเรยนร

ใหนกเรยนปฏบตงานกบเคร องคอมพวเตอร เร อง การใช Layer ในการสรางงาน ทนกเรยนจะตองทำาสงทายชวโมง พรอมทงบนทกลงแผนดสก

10. การประเมนการเรยนร แบบประเมนชนงานท 9 เรอง การใช Layer ในการสรางงาน


ดมาก ด ปรบปรง1. นกเรยนสามารถใช Layer ในการ

สรางงานไดอยางถกตอง สวยงาม2 นกเรยนมความคดรเรมสรางสรรค3. นกเรยนมความตงใจในการทำางาน 4. ความตรงตอเวลาในการสงงาน


12. ขอเสนอแนะ………………………………………………………………………

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


ใบความรท 9รจกกบ Layer


นกเรยนสามารถใชงาน Layer ไดถกตองเหมาะสมกบงานจดประสงคนำาทาง

1. ความหมายของ Layer2. การใชงาน Layer3. การจดกลมให Layer4. การกำาหนดคณสมบตของ Layer5. การกระจาย Layer

เนอหาความหมายของ layer

ลกษณะการทำางานแบบ Layer เปนเหมอนการวางแผนใสทบกนเปนลำาดบขนขนมาเรอยๆ โดยแตละแผนใสเปรยบเสมอนเปนแตละ layer บรเวณของ Layer ทไมมรปจะเหนถง Layer ทอยขางลาง โดยกระบวนการนจะทำาใหเกดเปนรป Flash movie ทสมบรณ

นอกจากนแลว ในแตละ Layer จะแยกการทำางานอยางชดเจน มคณสมบตตางๆ เปนตวของตวเอง และการแกไขทเกดขนในแตละ layer นนจะไมสงผลตอ Layer อนๆ ดงตวอยางตอไปน

การใชงาน Layerรจกกบ Active Layer

ในการสราง Flash movie ขนมานน แมจะประกอบไปดวย layer แตเราจะทำางานไดเพยงครงละ Layer เทานน layer ทเราทำางานอยนนเรยกวา Active Layer สามารถสงเกตไดจะปรากฎเปนแทบสดำาท Layer นนและเราสามารถกำาหนดสถานะตางๆของ Layer นนไดเชนการกำาหนดหรอใหแสดง Layer

การสราง Layer ใหม

เราสามารถสราง Layer ใหมไดหลายวธรดงตอไปน คอวธท 1 สรางโดยเลอกคำาสง Insert LayerLayer ใหมจะถกสรางขนมาเหนอ Layer ทเรากำาลงทำางานอย โดยม

การกำาหนดชอ Layer โดยอตโนมต

วธท 2 สรางโดยการใช Click MouseLayer ใหมจะถกสรางขนมาเหนอ Layer ทเรากำาลงทำางานอยพรอม

กบการกำาหนดชอ Layer โดยอตโนมต

วธท 3 สรางโดยการใช Click Mouse ปมขวา เลอกคำาสง Insert Layer

Layer ใหมจะถกสรางขนมาเหนอ Layer ทเรากำาลงทำางานอย โดยมการกำาหนดชอ Layer โดยอตโนมต

วธเปลยนการทำางานไปใน Layer ตางๆเราสามารถเรยก Layer ใดทำางานกได โดยการ Click Mouse

เลอก Layer ทตองการจะจกการหรอแกไขโดย Click Mouse ท Layer จากหนาตาง Timeline ซงจะปรากฎรป ขนมาท Layer และ Layer นนจะกลายเปน Active Layer ทนท

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

สรางวา Layer นน ไดบรรจองคประกอบอะไรและทำาหนาทอะไร โดยเฉพาะอยางยงเมอทำางานกบ Layer จำานวนมากๆการตงชอ Layer ทำาไดดงน

1. Double click ท Layer ทเราตองการเปลยนชอ2. ทำาการพมพชอใหมให Layer

การซอนและการแสดง LayerFlash Movie เร องหนงอาจประกอบ Layer หลาย Layer ใน

บางคร งหากเราตองการ ซอน Layer บาง Layer ไมใหมองเหนกอน เพอความสะดวกในการทำางาน โดยทไมไดลบ Layer นนทง ซงสามารถทำาไดโดยคลกเมาสท เพอซอน Layer ซงชองสถานะเปลยนเปน ถาตองการซอน Layer ทงหมดใหคลกเมาสทรป

การเปลยนลำาดบ LayerLayer เรยงลำาดบจากลางขนบน แตเราสามารถปรบเปลยนตำาแหนง

ของ Layer ได การเปลยนลำาดบของ Layer จะทำาใหเราสามารถสรางรปภาพทแตกตางกนออกไปไดซงเราสามารถทำาการเปลยนลำาดบของ Layer ได โดยการ Drag mouse ไปยงตำาแหนงตางๆ ทตองการบนหนาตางการทำางานของ Layer ได

ภาพตนฉบบ

การลบ Layerวธท 1 ลบโดย Click mouse ปมขวา Layer ทตองการจะลบแลว

เลอกคำาสง Delete Layerวธท 2 ลบโดยใช ไอคอน ทหนาตางการทำางานของ Layer โดย

การ Click เลอก Layer ทตองการจะลบแลว Click ทไอคอน

ปองกนการแกไขรปภาพถาเราสรางภาพใน Layer ใด Layer หนงแลว และไมตองการจะแกไข

ภาพนนอกหรอเพอปองกนการแกไข Layer นนโดยบงเอญ เราสามารถปองกนการแกไขไดโดย Click mouse ท เพอปองกนการแกไข ทชองสถานนะนนจะเปน (ถาตองการปองกนแกไข Layer ทงหมด ให Click mouse ทไอคอน )

การทำาให Layer แสดงแตเสนโครงรางการให Layer แสดงเสนโครงราง เปนการชวยใหเรารวา Layer ทเรา

เลอกอยนเปน Layer ไหน นอกจากนนยงทำาใหเราเหนโครงรางโดยรวมของ Layer นนอกดวย ถาเราตองการให Layer แสดงเฉพาะเสนโครงราง สามารถทำาไดโดย Click mouse ท เราจะเหนไดวารปสเหลยมจะเปลยนไป (ถาตองการให Layer ทงหมดแสดงแตเสนโครงรางสามารถทำาไดโดย Click mouse ท ผลลพธทได Layer จะแสดงแตเสนโครงราง

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

ของ Flash movie ทเราสรางเชนตวละคร, ฉากหลง, ตวประกอบ ฯลฯ เมอรวมกนแลวจะเกด Layer จำานวนมากและอาจทำาใหเราสบสนและไมสะดวกในการทำางาน ดงนนเราจงควรทจะจดกลมของ Layer เพอแบงกลมการทำางานของ Layerการสราง Folder เพอเกบ Layer

เราสามารถสราง Folder เพอเกบ Layer ตางๆ ทกระจดกระจายอยใหมารวมกนได ซงจะชวยใหเราทำางานไดงายขนซงวธการสราง Folder มดงน

1. ใหเรา Click mouse ทปม บนหนาตาง Timeline เพอสราง Folder

2. Double click ท Folder เพอทำาการเปลยนชอใหสอความหมาย

3. ลาก Layer ทเราตองการเกบไวท Folder ไปวางไวบน Folder เพอทำาการเกบ Layer นนไวใน Folder

4. ใหเราทำาการจดกลมของตวละครลงใน Folder ใหเรยบรอย สงเกตวาหนาตาง Timeline ของเราจะดงายขน

การใช Guide Layer ในการวางวตถGuide Layer เปน Layer ทเขามาเปนตวชวยในการวางวตถ การ

จดเรยง การวาด และการทำาภาพเคลอนไหวใน Layer ของเรา เชนเราตองการใหวตถ 2 ชน อยในระดบความสงเดยวกน เราจะสราง Guide Layer เพอชวยในการวางวตถเปนตน ซ งเราสามารถทจะวาดเขยน หรอกระทำากบ Guide Layer ไดเหมอนกบ Layer ทวไป แต Guide Layer นจะไมถกแสดง เมอเราทำาเปน Flash Movie เพราะเปน Layer ทเขามาเปนตวชวยเทานน

การสราง Guide Layer เราตองการใหต วละครยนเรยงอยในระดบเดยวกน โดยเราจะใช

Guide Layer เขามาชวยในการวางเสนเพอจดเรยงตวละคร

1. Click mouse ปม Add motion guide เราสามารถสงเกตไดวามอก Layer เพมขนมานนคอ Guide Layer ทขนมาเหนอ Layer ของเรา

2. จากนนเรากสามารถใน Guide Layer โดยการขดเสนดวย Line Tool เพอกะระยะใหกบวตถหรอตวละครของเราใหอยในระดบเดยวกน

3. ทำาการจดโดยใชเมาสลากวตถหรอตวละครแตละตวใหอยในระดบเดยวกน ซงเราไมจำาเปนตองกะระยะตวละครดวยตวของเราเอง แตใชเสนทเราขดใน Guide Layer ในการกะระยะ

4. เมอทำาการทดสอบผลลพธทไดโดยการกด ( Ctrl+Enter ) จะพบวาเสนทเราขดบน Guide Layer

หายไป

การใช Layer Maskการใช Layer Mask เปนการสงใหเรามองเหน Layer ทอยใต

Layer Mask เพยงบางสวนท Layer Mask กำาหนดไวเทานน หรออธบายไดงายๆ กคอ เหมอนเรามองผานชองหนาตาง ซงชองหนาตางนนกเปรยบไดกบ Layer Mask ใน Flash นนเอง

Layer Mask มประโยชนในการใชแสดง Layer ทไมตองการใหผใชเหนทงหมด หรอคอยๆ ใหเหนทละสวน เปนการดงดดความสนใจของผใชอกอยางหนง

การกำาหนดคณสมบตของ Layer นอกจาการกำาหนดคณสมบตของแตละ Layer ในแถบสถานะตางๆ

แลว เราสามารถก ำาหนดคณสมบต เพ มเต มของ Layer ได ท Layer Properties โดยคลกเมาสปมขวาท Layer เลอก Properties จะปรากฎ

หน าต าง Layer Properties ข น หร อจ ะ Double click ท ไ อคอน ซงอยดานหนาของ Layer กได

หากเรา Double click ทไอคอน ทอยดานหนาของ Layer ทเราตองการจะทำาการ Mask จะปรากฎหนาตาง Layer Properties ขน


ชอหนวย การสรางงานแบบมลตมเดย (Flash MX)แผนการเรยนรท 10 เรอง หลกการพนฐานในการสราง Animation เวลา

2 ชวโมงภาคเรยนท ………. ปการศกษา ……………


การใชในชวตประจำาวน การใชความคดสรางสรรค การแกไขปญหาในการ

ทำางาน และการสรางงานอยางมประสทธภาพ ประสทธผลและมคณธรรมในการทำางาน

2. ผลการเรยนรทคาดหวงนกเรยนสามารถสรางภาพเคลอนไหวอยางงายได

3. สาระการเรยนร1. หลกการของ Animation2. ประเภทของการเคลอนไหว

3. การเคลอนไหวชนดภาพตอภาพ4. การเคลอนไหวชนดกำาหนดจดเรมตนและจดสนสด

5. Frame6. KeyFrame7. Blank Keyframe8. Document Properties9. การทำางานใน Scene & Edit Symbol10. หนาตาง Scene 11. การแกไขซน (Edit Scene)12. การแกไขวตถทอยใน Scene (Edit Symbol)13. เสนเวลา (Timeline)14. เครองมอแสดงภาพบน Frame

14.1 Marker14.2 Onion Skin14.3 Onion Skin Outline14.4 Edit Multiple Frame




)หนวยท 10 หลกการพนฐานในการสราง Animationตอนท 10.1 หลกการ

กำาหนดภาระงาน

- ผสอนเกรนนำาเกยวกบจดประสงคการเรยนร


10

ของ Animation

ตอนท 10.2 Frame

ตอนท 10.3 Keyframe

ตอนท 10.4 Blank Keyframe

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

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

- ผสอนเกรนนำาเกยวกบจดประสงคการเรยนร ดงน- น ก เ ร ย น ส า ม า ร ถ

แ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแ ผ น ก า ร เ ร ย น ร ท 10 เร อง หลกการพนฐ า น ข อ ง Animation - ใ บ ค ว า ม ร ท 10 เร อง หล กการพ น“ฐ า น ใ น ก า ร ส ร า ง Animation “

- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแ ผ น ก า ร เ ร ย น ร ท 10 เร อง หลกการพนฐ า น ข อ ง Animation - ใ บ ค ว า ม ร ท 10 เร อง หล กการพ น“ฐ า น ใ น ก า ร ส ร า ง Animation “- คอมพวเตอร- โปรแกรม Flash MX

- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแ ผ น ก า ร เ ร ย น ร ท 10 เร อง หลกการพน

10

10

10

อ ธ บ า ย เ ก ย ว ก บ Keyframe ได- ใ น จ ด ป ร ะ ส ง ค น น กเรยนจะตองร จกการท ำางานของ Frame ในส ว น ต า ง ๆ จ ะ ต อ งส า ม า ร ถ ส ร า ง Frame แ ล ะ ล บ Frame ท ไ ม ตองการออกได- นกเรยนรบภาระงาน

- ผสอนเกรนนำาเกยวกบจดประสงคการเรยนร ดงน- น ก เ ร ย น ส า ม า ร ถ อธบายเก ยวก บ Blank Keyframe ได- ใ น จ ด ป ร ะ ส ง ค น น กเรยนจะตองร จกการท ำา ง า น ข อ ง Blank KeyFrame ในสวนตาง ๆ จะต องสามารถสราง Blank Keyframe และล บ Blank Keyframe ทไมตองการออกได- นกเรยนรบภาระงาน

ฐ า น ข อ ง Animation - ใ บ ค ว า ม ร ท 10 เร อง หล กการพ น“ฐ า น ใ น ก า ร ส ร า ง Animation “- คอมพวเตอร- โปรแกรม Flash MX



(นาท)

หนวยท 10 หลกการพนฐานในการสราง


10

Animationตอนท 10.1 หลกการของ Animation

ตอนท 10.2 Frame



- ผสอนแจกใบความรท 10 เรอง หลกการของ Animation เพอใหนกเรยนไดดประกอบ ขณะทผสอนทำาการอธบายตามขนตอน- ผสอนอธบายเกยวกบเ ร อ ง ห ล ก ก า ร ข อ ง Animation และประเภทของ Animation ซงจะมประเภทตาง ๆ - ผสอนแจกภาระงานท 10 เรอง หลกการพนฐานในการสราง Animation จำานวน 3 ขอ ซงนกเรยนจะตองท ำาได 2 ใน 3 ขอ จงจะถอวาผานจดประสงคการเรยนร

- ผสอนแจกใบความรท 10 เรอง หลกการของ Animation เพอใหนกเรยนไดดประกอบ ขณะทผสอนทำาการอธบายตามขนตอน- ผสอนใหนกเรยนจบค จ า กน น ใ ห น ก เ ร ย น เ ข าโปรแกรม Flash MX - ผ สอนบอกกล าวแก น กเรยนวา เราจะเรยนเร อง Frame การสราง Frame ใ ห ม ก า ร เ พ ม Frame การลบ Frame- นกเรยนสามารถปฏบตงานตามทผสอน สอนได




10

10

ถอวาผานจดประสงค

- ผสอนแจกใบความรท 10 เรอง หลกการของ Animation เพอใหนกเรยนไดดประกอบ ขณะทผสอนทำาการอธบายตามขนตอน- ผสอนใหนกเรยนจบค จ า กน น ใ ห น ก เ ร ย น เ ข าโปรแกรม Flash MX - ผ สอนบอกกล าวแก น กเรยนวา เราจะเรยนเ ร อ ง Keyframe ก า รส ร า ง Keyframe ใ ห ม การเพม Keyframe การลบ Keyframe- นกเรยนสามารถปฏบตงานตามทผสอน สอนได ถอวาผานจดประสงค

- ผสอนแจกใบความรท 10 เรอง หลกการของ Animation เพอใหนกเรยนไดดประกอบ ขณะทผสอนทำาการอธบายตามขนตอน- ผสอนใหนกเรยนจบค จ า กน น ใ ห น ก เ ร ย น เ ข าโปรแกรม Flash MX - ผ สอนบอกกล าวแก น กเรยนวา เราจะเรยนเ ร อ ง Blank Keyframe ก า ร ส ร า ง Blank Keyframe ใหม

แ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแ ผ น ก า ร เ ร ย น ร ท 10 เร อง หลกการพนฐ า น ข อ ง Animation - ใ บ ค ว า ม ร ท 10 เร อง หล กการพ น“ฐ า น ใ น ก า ร ส ร า ง Animation “- คอมพวเตอร- โปรแกรม Flash MX


ก า ร เ พ ม Blank Keyframe ก า ร ล บ Blank Keyframe- นกเรยนสามารถปฏบตงานตามทผสอน สอนได ถอวาผานจดประสงค



)ตอนท 10.1 หลกการของ Animation

- ประเภทของภาพเคลอนไหว

- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแผนการเรยนรท 10 เร อง หลกการพนฐานของ Animation - ใ บ ค ว า ม ร ท 10 เร อง หล กการพ น“ฐ า น ใ น ก า ร ส ร า ง Animation “- คอมพวเตอร- โปรแกรม Flash MX

10

ตอนท 10.2 Frame - การเพม Frame- การลบ Frame- ปรบการแสดง Frame- Tinted Frame

- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแผนการเรยนรท 10 เร อง หลกการพนฐาน

10

ของ Animation - ใ บ ค ว า ม ร ท 10 เร อง หล กการพ น“ฐ า น ใ น ก า ร ส ร า ง Animation “- คอมพวเตอร- โปรแกรม Flash MX


- การเพม Keyframe- การลบ Keyframe

- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแผนการเรยนรท 10 เร อง หลกการพนฐานของ Animation - ใ บ ค ว า ม ร ท 10 เร อง หล กการพ น“ฐ า น ใ น ก า ร ส ร า ง Animation “- คอมพวเตอร- โปรแกรม Flash MX

5


- การเพม Blank Keyframe- เสนเวลา (Timeline)

- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแผนการเรยนรท 10 เร อง หลกการพนฐานของ Animation - ใ บ ค ว า ม ร ท 10 เร อง หล กการพ น“ฐ า น ใ น ก า ร ส ร า ง Animation “- คอมพวเตอร- โปรแกรม Flash

5

MX


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

หวขออภปราย1. Frame2. Keyframe3. Blank Keyframe

6. ภาระงานท 10ภาระงานท 10 เรองหลกการพนฐานในการสราง Animation

7. สอการเรยนการสอน7.1 CD ชวยสอน วชาคอมพวเตอร (การสรางงานแบบ

มลตมเดย (Flash MX ))7.2 ใบความรท 10 เรอง ทำาความรจกกบ “ Flash MX”7.3 เครองคอมพวเตอรและโปรแกรม Flash MX



9. หลกฐานการเรยนรใบงานท 10 เรอง หลกการพนฐานในการสราง Animation

10. การประเมนการเรยนร แบบประเมนชนงานท 10 เรอง หลกการพนฐานในการสราง

Animation

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

ดมาก ด ปรบปรง1. นกเรยนสามารถอธบายหลกการพน

ฐานในการสรางภาพ Animation ไดอยางถกตอง

2 นกเรยนมความคดรเรมสรางสรรค3. นกเรยนมความตงใจในการทำางาน 4. ความตรงตอเวลาในการสงงาน


12. ขอเสนอแนะ…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………


ใบความรท 10หลกการพนฐานในการสราง Animation


นกเรยนสามารถรและเขาใจหลกการพนฐานในการสราง Animation ไดจดประสงคนำาทาง

1. ประเภทของการเคลอนไหว2. การใชงาน Frame , Keyframe , Blank Keyframe ,

Document Properties3. การทำางานใน Scene & Edit Symbol4. การจดการกบเสนแบงเวลา

เนอหาหลกการของ Animation

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

1. การเคลอนยายแบบยายสถานท (Motion) เชน วตถเคลอนทจากจด A ไปจด B

2. การเคลอนทโดยการเปลยนแปลงลกษณะ (Transform)

ประเภทของภาพเคลอนไหวการเคลอนไหวชนดภาพตอภาพ (Frame By Frame Animation)

เปนการเคลอนไหวชนด ภาพท 1 ไปภาพท 2 ไปภาพท 3 … ไป ภาพสดทาย หรอเปนลกษณะการเคลอนไหวของการตนนนเอง

การเปลยนแปลงของภาพแตละภาพทเรยงอยางตอเนองในลกษณะน เหมาะส ำาหรบการท ำา Animation ทซบซอน เชน Animation ทมการเคลอนไหวลกษณะทาทางมาก เปนตน ซงจะใชภาพจ ำานวนมาก โดยทแตละ Frame จะใสภาพในลกษณะทาทางตาง ๆ 1 ภาพ ทำาใหเสยเวลา แตจะทำาใหภาพมการเคลอนไหวทเหมอนจรงการเคล อนไหวชน ดก ำาหนดจดเร มต นและจดส นสด (Tweened Animation)

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

1. เปลยนแปลงสถานท (Motion Tween)เปนการเคลอนไหวทมการยายสถานท โดยไมมการเปลยนแปลงรปราง

ของวตถ แตสามารถเปลยนสหรอขนาดได คอ การเปลยนแปลงจากจด A ไป จ ด B น นเอง โดยท ระหวางการเคล อนท จาก A ไป B สามารถมการเปลยนแปลงขนาด เปลยนส หรอคอย ๆ จางหายไป แตไมสามารถเปลยนจากรปหนงไปยงอกรปหนงได

การทำา Animation ลกษณะน Flash Movie จะมขนาดเลกกวา การเคลอนไหวชนดภาพตอภาพ เพราะใชการคำานวณการเคลอนไหวแทนการใชภาพจรงหลาย ๆ มาแสดงตอกน

2. เปลยนแปลงลกษณะเดม (Shape Tween)เปนการเคลอนไหวโดยมการเปลยนแปลงรปราง หรอเปลยนจากวตถหนงไปเปนอกวตถหนง

FrameFrame มลกษณะเปนชองเลก ๆ ทเรยงกนเปนแถวยาว ทำาหนาทบรรจ

ภาพและเสยงทจดวางบน Stage เราจงตองจดเรยงเร องราวบน Frame เพอแสดงออกมาเปน Flash Movie โดยแตละ Frame จะถกแสดงเมอมการผานของ Playhead ซง Playhead ตวนเองจะเปนตววงผาน Frame แตละ Frame เพอแสดงภาพและเสยงทบรรจอยใน Frame นน

การเพม Frameเลอก Insert Frame หรอคลกเมาสปมขวาทชอง Frame เลอก

Insert Frame

การลบ Frameเลอก Insert Remove Frames หรอคลกเมาสปมขวาทชอง

Frame เลอก Frame ทเราตองการ Remove Frames

ปรบการแสดง Frameเราสามารถปรบรปแบบการแสดง Frame บนหนาจอใหเหมาะกบ

ลกษณะงานทเราทำาได โดยคลกเมาสปม ซงอยทางขวามอของ Frame ดงน

Tiny คอ การปรบแตงใหชอง Frame มขนาดบางทสด

Small คอ การปรบใหชอง Frame มขนาดบาง

Normal คอ การปรบใหชอง Frame มขนาดปกต

Medium คอ การปรบใหชอง Frame มขนาดปานกลาง

Large คอ การปรบใหชอง Frame มขนาดใหญทสด

Short คอ การปรบใหชอง Frame มขนาดสน

Tinted Frame เปนการใชสเพอบอกลกษณะของ Frame เชนMotion Tween จะแสดงเปน จดแรกกบลกศรเปนสแดงและจด

สดทายเปนสฟาShape Tween จะแสดงเปน จดแรกกบลกศรเปนสเขยวและจด

สดทายเปนสฟาPreview เปนการแสดงภาพในแตละ Frame วาแตละ Frame มภาพทแสดงอะไรบาง

Preview In Context คอ การแสดงผลในแตละ Frame เหมอนกบ Preview แตจะเปนการแสดงทง Stage

KeyframeKeyframe คอ Frame ทมวตถหรอมการเปลยนแปลง เราสามารถ

สงเกตได โดยจะมจดใน Frame หรอจะมจดทจดเรมตนของ Frame ในการสรางงาน Animation เราจะตองกำาหนด Keyframe ในตำาแหนงตาง ๆ และกำาหนดรายละเอยดของแตละ Keyframe ไดอยางเหมาะสม งาน Animation ทไดจงจะมผลลพธตามทตองการ

การเพม Keyframeเปนการเพม Frame โดยมภาพหรอวตถของ Frame ทอยกอนหนา

ตดมาดวย หาก Frame กอนหนาเปน Frame วาง ๆ เรากจะได Frame เปลามา เราสามารถเพม Keyframe ไดโดยเลอก Insert Keyframe หรอคลกเมาสทปมขวา Frame เลอก Insert เลอก Keyframe

การลบ Keyframeใหเราทำาการคลกเมาสท Frame ทเราตองการลบออก เลอก Insert

Clear Keyframe หรอคลกเมาสทปมขวา เลอก Clear Keyframe

Blank Keyframeเปน Keyframe ทวางอยยงไมมการใชงาน ไมมวตถหรอ Instance

ใด ๆ เปน Keyframe เปลา ๆ การเพม Blank Keyframe

การเพม Frame เปลา ๆ ขนมา โดยไมขนอยวา Frame กอนหนาจะมวตถอยหรอไม โดยเลอก Insert Blank Keyframe หรอคลกเมาสปมขวาท Frame เลอก Insert Blank Keyframe

Document Propertiesเปนการกำาหนดคณสมบตตาง ๆ ใหกบ Flash Movie ของเรา โดย

การกำาหนดคณสมบตนจะมผลตอ Flash Movie ทงหมด เพราะเปนการกำาหนดภาพรวม เชน เราเปลยนสพนหลงกจะเปนการเปลยนสพนหลงทก ๆ Frame ไปดวย เปนตน ดงนน จงถอวา Document Properties เปนตวกำาหนดคณสมบตของภาพรวมของ Flash Movie กได เราสามารถเปด Document Properties ไดโดยเลอก Modify Document

หรอ เราจะเปด Document Properties โดย ดบเบลคลกท Frame Rate บน Timeline กได

การทำางานใน Scene & Edit Symbolการสรางภาพเคลอนไหวใน Flash กเหมอนกบเรากำากบละครเรองหนง

ซ งคงจะตองแบงออกเปนแตละฉาก เพอใหง ายตอการควบคมดแล ซ ง Scene เองกเปรยบเสมอนกบฉากหนงฉากทเราสามารถนำามาประกอบเปน Flash Movie ได

ปกตแลว Scene จะถกเรยกขนมาพรอมกบการเปด Flash ซงเราสามารถสงเกตไดจากมมลางซายของหนาตาง Timeline เขยนวา Scene 1

หนาตาง Sceneในแตละ Stage จะมมากกวา 1 Scene กได เพราะในการสราง Flash

Movie ทยาว ๆ หากเราเรยงลำาดบไมดอาจทำาใหเราสบสน จงตองแบงเปนแตละฉากเหมอนกบเราสรางภาพยนตรขนมาเรองหนง เราสามารถทจะจดการกบฉากเหลานได โดยเรยก Panel Scene ขนมา โดยเลอก Windows

Scene

การแกไขซน (Edit Scene)ปม Edit Scene ปมนมหนาทในการเปลยน Scene หรอเปลยนฉาก

ใน Stage เพอทำาใหเราทำาการแกไขคาหรอเปลยนแปลงวตถตาง ๆ ใน Stage โดยใหเราคลกเมาสทปม Edit Scene แลวเลอก Scene ทเราตองการ

การแกไขวตถทอยใน Scene (Edit Symbol)

เราสามารถแกไขวตถทอยใน Scene ได โดยการ คลกเมาสทปม Edit Symbol จะแสดงรายการของ Symbol ทเราไดสรางไว ซ งสามารถนำาไปแกไขได โดยเลอก Symbol ทตองการ

เสนเวลา TimelineTimeline เปนเคร องมอหนงของ Flash ทชวยในการกำากบเวลาใน

การแสดงภาพเคลอนไหว โดยม Playhead เปนตววงผานแตละ Frame ท ว างอย โดยไมมการกระท ำาอะไรภายใน Frame เราจะเรยกวา Empty Frame

การแสดงสถานะเกยวกบภาพเคลอนไหวบน Timeline

การแสดงภาพ Animation จะมการใชความสมพนธของเวลาเขามาชวยในการแสดงวตถในแตละ Frame ดวย เชน แสดง Animation ดวยความเรว 12 Frame ตอวนาท เปนตน ซงเราสามารถรขอมลเหลานไดจาก StatusBar ดานลางของ Timeline ซงจะแสดงสถานะของภาพเคลอนไหว

Status คำาอธบายCurrent FrameFrame RateElapsed time

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


ภาระงานท 10เรองหลกการพนฐานในการสราง Animation

ชอ…………………………………………นามสกล เลขท…………………………………… …………………..ชน วนท……………………… …………………เดอน พ……………………… .ศ……………………………….

ใหนกเรยนตอบคำาถามดงตอไปน1. หลกการของการสราง Animation คอ

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

2. การเคลอนไหวชนดภาพตอภาพ เปนแบบใด…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………

3. การเคลอนไหวชนดกำาหนดจดเรมตนและจดสนสด เปนแบบใด…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………


ชอหนวย การสรางงานแบบมลตมเดย (Flash MX)แผนการเรยนรท 11 เรอง การสราง Animation เวลา 4 ชวโมง




2. ผลการเรยนรทคาดหวงนกเรยนสามารถเขาใจหลกการพนฐานในการสราง Animation ได

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

3.1 การทำา Animation แบบ Tween3.2 การทำา Animation แบบ ยอ ขยาย วตถ–3.3 การทำา Animation แบบบดพลกวตถ3.4 การทำา Animation แบบ Guideline

4. การทำาการเคลอนไหวชนดกำาหนดจดเรมตนและกำาหนดจดสนสด




)หนวยท 11 ตวอยางการสราง Animationตอนท 11.1 หลกการสรางภาพเคลอนไหวแบบตาง ๆ

กำาหนดภาระงาน- ผสอนเกร นนำาเกยวกบจดประสงคการเรยนร ดงน- น ก เร ยนสามารถ

- ใ บ ค ว า ม ร ท 11 เร อง หลกการสราง“ภาพเคลอนไหวแบบตาง ๆ”- สออเลกทรอนกส

20

อธบายและเรยนร หลกการสรางภาพเคลอนไหวแบบตาง ๆ- น ก เ ร ย น จ ะ ต อ งเ ร ย น ร ห ล ก ก า รเคลอนไหวแบบตาง ๆ - นกเรยนจะตองสรางภาพเคลอนไหวแบบตาง ๆ ดงน

1. ก า ร ส ร า ง ภ า พเ ค ล อ น ไ ห ว ช น ดภาพตอภาพ

2. ก า ร ท ำา Animation แบบ Tween

3. ก า ร ท ำา Animation แบบบดพลก วตถ

4. ก า ร ท ำา Animation แบบ Guide line

5. การเปลยนแปลงตวอกษร

- ซงนกเรยนจะตองทำา Animation ไดถกตองและสวยงาม 4 ใน 5 อยาง จงจะถอวาผานจดประสงค- นกเรยนรบภาระงาน

วชา การสรางงานแบบมลตมเดย (Flash MX) หวขอแผนการเรยนรท 11 เรอง หลกการสรางภาพเคลอนไหวแบบตาง ๆ - เครองคอมพวเตอร- โปรแกรม Flash MX


(นาท)

หนวยท 11 ตวอยางการสราง Animationตอนท 11.1 หลกการสรางภาพเคลอนไหวแบบตาง ๆ


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

- ใ บ ค ว า ม ร ท 11 เร อง หลกการสราง“ภาพเคลอนไหวแบบตาง ๆ”- สออเลกทรอนกสวชา การสรางงานแบบมลตมเดย (Flash MX) หวขอแผนการเรยนรท 11 เรอง หลกการสรางภาพเคลอนไหวแบบตาง ๆ - เครองคอมพวเตอร- โปรแกรม Flash MX

180


(นาท)

ตอนท 11.1 หลกการสรางภาพเคลอนไหวแบบตาง ๆ

- การเคลอนไหวชนดภาพตอภาพ- การทำา Animation แบบ Tween

- ใ บ ค ว า ม ร ท 11 เร อง หลกการสราง“ภาพเคลอนไหวแบบตาง ๆ”

20

- การทำา Animation แบบบด พลกวตถ- การทำา Animation แบบ Guideline- การเปลยนแปลงตวอกษร

- สออเลกทรอนกสวชา การสรางงานแบบมลตมเดย (Flash MX) หวขอแผนการเรยนรท 11 เรอง หลกการสรางภาพเคลอนไหวแบบตาง ๆ - เครองคอมพวเตอร- โปรแกรม Flash MX


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

หวขออภปราย1. การเคลอนไหวชนดภาพตอภาพ2. การทำา Animation แบบ Tween3. การทำา Animation แบบบด พลกวตถ4. การทำา Animation แบบ Guideline5. การเปลยนแปลงตวอกษร

6. ภาระงานท 11ภาระงานท 11 เรอง การทำา Animation แบบ Motion Tween

7. สอการเรยนการสอน7.1CD ชวยสอน วชาคอมพวเตอร (การสรางงานแบบมลตมเดย

(Flash MX ))7.2ใบความรท 11 เรอง การสราง “ Animation”

7.3 เครองคอมพวเตอรและโปรแกรม Flash MX



9. หลกฐานการเรยนรการทำา Animation แบบ Motion Tweenการสราง Animation ใหตวอกษรการสราง Animation Guidelineการสราง Animation แบบเปลยนแปลงตวอกษร โดยทนกเรยนจะตองทำาการสงงานทายชวโมงทกครง พรอมกบบนทกงานสงแผนดสก

10. การประเมนการเรยนร แบบประเมนชนงานท 11 เรอง การทำา Animation แบบตาง ๆ


ดมาก ด ปรบปรง1. นกเรยนสามารถทำา Animation

แบบ Motion Tween ไดถกตอง สวยงาม

2. นกเรยนสามารถทำา Animation ใหกบตวอกษร

3. นกเรยนสามารถทำา Animation แบบ Guideline ไดถกตอง สวยงาม

4. นกเรยนสามารถทำา Animation แบบเปลยนแปลงตวอกษร

5. นกเรยนมความคดรเรมสรางสรรค6. นกเรยนมความตงใจในการทำางาน 7. ความตรงตอเวลาในการสงงาน


12. ขอเสนอแนะ………………………………………………………………………

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


ใบความรท 11ตวอยางการสราง Animation


นกเรยนสามารถสรางภาพเคลอนไหวอยางงาย ๆ ไดจดประสงคนำาทาง

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

เนอหาหลกการสรางภาพเคลอนไหวแบบตาง ๆ 1. การเคลอนไหวชนดภาพตอภาพ (Frame By Frame Animation)

เปนการแสดงภาพแตละภาพทเรยงตอกนอยางตอเนอง จนดเหมอนวาภาพนนมการเคลอนไหว ซงเราจะทำาการ Import ภาพทเราจะสราง มาไวใน Frame แตละ Frame 2. การเคลอนไหวชนดกำาหนดจดเรมตนและจดสนสด (Tweened

Animation)การเคลอนไหวทมการกำาหนดจดเรมตนและจดสนสดในการแสดงภาพ

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

การเคลอนไหวชนดภาพตอภาพ (Frame By Frame Animation )

การเคลอนไหวดวยวธนสามารถทำาไดโดยการสรางภาพในแตละ Frame หรอทำาการ Import ไฟลภาพลงในแตละ Frame หากไฟลทเราจะ Import เขามามตวเลขตอทายมาหลาย ๆ อนดบ เรากสามารถ Import ไฟลอยางตอเนองไดเลย ทำาใหเราได Animation แบบการเคลอนไหวชนดภาพตอภาพทนท

วธการสรางภาพเคลอนไหว

1. ทำาการ Import ไฟลภาพทเราตองการสรางภาพเคลอนไหว โดยเลอก File Import

2. หากไฟลภาพของเรามเลขลงทายตอเนองกน เรากสามารถทำาการ Import ไฟลอยางตอเนองได โดย Flash จะถามเราโดยอตโนมตวาตองการจะ Import ไฟลอน ๆ เขามาดวยหรอไม

3. เราจะไดไฟลภาพของเราในแตละ Frame ขนมา หากไฟลภาพของเราไมไดเรยงตอเนองกน กใหทำาการ Import ไฟลภาพทละไฟล

4. ทำาการทดสอบ Animation โดยกดคย <Ctrl+Enter> หรอ Control Test Movie เราจะเหนวตถของเราเคลอนท

การเคล อนไหวชน ดก ำาหนดจดเร มต นและจดส นสด (Tweened Animation)

เปนการเคลอนไหวโดยมการเปลยนแปลงสถานท แตไมมการเปลยนรปรางของวตถ ซงการเคลอนไหวลกษณะนสามารถทจะเปลยนขนาด, ส, การหมน, การพลกได เปนตนการทำา Animation แบบ Tween

เปนภาพเคลอนไหวทเคลอนทจากทหนงไปอกทหนง โดยเราจะสรางรป Animation เคลอนทจากซายไปขวา ซ งเปนการสงใหภาพถกแสดงจาก Frame ท 1 และเพม Keyframe ตรง Frame ท 20 จากนนกเปนการใช Motion Tween ทำาใหเกดการเคลอนไหว

วธการมดงน1. สรางภาพหรอ Import ภาพเขามาไวท Stage

2. ท ำา ก า ร Selection ภ า พ แ ล ว เ ล อ ก Insert Convert Symbol หรอกดคย <F8> เพอทำาการแปลงเปน Symbol

3. จะมหนาตาง Symbol Property ขนมา ใหเราเล อก Movie Clip และคลกเมาสปม O.K. เพ อแปลงภาพทเล อกเปน Symbol แบบ Movie Clip ซงเปนการกำาหนดใหวตถนเปนภาพเคลอนไหว

4. เล อก Frame ท 20 และคล กเมาสท ป มขวา เล อก Insert Keyframe เพอเปนการบอกวาเราจะแสดงภาพตงแต Frame ท 1 ถง Frame ท 20

5. เราจะเหนวามการเปลยนแปลงท Frame ของเรา แสดงวา Flash รแลวจะมการแสดงภาพเคลอนไหวตงแต Frame ท 1 ถง frame ท 20 จากนนกลบไปคลกเมาสเลอก Frame ท 1 เพอกำาหนดจดเร มตนของการเคลอนไหว

6. เ ล อ ก Insert Create Motion Tween เ พ อ ใ ห Flash ทำาการสราง Animation ตงแต Frame ท 1 ถง Frame ท 20

7. เราจะเหนวามลกศรท Frame ของเราแสดงวา Flash ไดสรางการเคลอนไหวตงแต Frame ท 1 ถง Frame ท 20 เรยบรอยแลว ใหเราคลกเมาสเลอก Frame ท 20 ยายตำาแหนง Movie Clip ของเรา เพอกำาหนดจดสนสดของการเคลอนไหว Animation

8. ทำาการทดสอบ Animation โดยกดคย <Ctrl+Enter> หรอ Control Test Movie เราจะเหนวตถของเราเคลอนท เราสามารถหาฉากหลงมาใส เพอใหเขากบบรรยากาศได

การทำา Animation แบบการบดพลกวตถเปนการทำา Animation โดยการใชคำาสง Flip Vertical หรอ Flip

Horizontal ชวย ซงการทำา Animation ลกษณะนจะทำาใหวตถคอย ๆ หมนพลกและบดรปราง โดยในตวอยางเราจะสราง Animation ซงเปนการสงให

ภาพ Animation ถกแสดงจาก Frame ท 1 และเพม Keyframe ถง Frame ท 20 จากนนกเปนการใช Motion Tween ทำาใหเกดการเคลอนไหว

วธการมดงน1. ใหเราใช Text Tool พมพขอความขนมา โดยกำาหนดขนาดและส

ตามทเราตองการ

2. ทำาการ Selection ทขอความ เลอก Modify Break Apart เพอทำาการแยกองคประกอบของขอความ

3. ทำาการกระจาย Layer ออก เพอแยกตวหนงสอออกเปน Layer ละ 1 ตว โดยใหเราเลอก Modify Distribute to Layers

4. สงเกตวาขอความของเราถกแยกออกเปนตวอกษรละ Layer จากนน ใหเราคลกเมาสปมขวาท Frame ท 20 ใน Layer ของตวอกษรตวแรก (ตว F)

5. คลกเมาสปมขวาท Frame ท 1 ใน Layer แรกของตวอกษร เลอก Create Motion Tween เพอสรางการเคลอนไหวตงแต Frame ท 1 ถง Frame ท 20

6. ใหเราทำาการ Insert Keyframe และ Create Motion Tween ในทก ๆ Layer ของเแตละตวอกษร

7. กลบไปท Layer ของตวอกษรตวแรก ใหคลกเมาสท Frame ท 1 (สง เกตว าจะมกรอบสฟ าล อมรอบต วอ กษร ) แล ว เล อก Modify

Transform Flip Horizontal เพอทำาการกลบดานของตวอกษร

8. จากนนคลกเมาสท Frame ท 1 ของ Layer ในตวอกษรตวถดมา และเลอก Modify Transfrom Flip Horizontal โดยเราจะทำากบ Frame ท 1 ของทก Layer ทมตวอกษรเมอทำาเสรจ ตวอกษรทงหมดจะกลบดานกน

9. ทำาการทดสอบ Animation โดยกดคย <Ctrl+Enter> หรอ Control Test Movie เราจะเหนวตถของเราเคลอนท เมอดเสรจแลวใหคลกปม กากบาท เพอปดหนาตาง

การทำา Animation แบบ Guidelineเปนการสราง Animation โดยใช Guideline ชวย ซงการทำา

Animation ลกษณะนวตถจะเคลอนทตามเสน Guideline ทเราสรางขน ซงเปนการสงใหภาพ Animation ถกแสดงจาก Frame ท 1 และเพม Keyframe ถง Frame ท 20 จากนนกเปนการกำาหนดคาตาง ๆ ให

Animatioin เคลอนไหว

วธการสรางมดงน1.ใหเราสราง Animation จากขนตอนท 1 ถง ขนตอนท 7 ในหวขอ

การทำา Animation แบบ Tween2. กลบมาเลอกท Frame ท 1 แลวคลกเมาสทปม เพอสราง

Guide Layer ทเปน Guide Line ขนมา

3. คลกเมาสท Frame แรกของ Guide Layer แลวเลอก Pencil Tool ลากเสนทตองการใหวตถเคลอนทตามใน Guide line เพอให Movie Clip ของเราวงตามเสนทเราลาก

4. นำา Movie Clip ใน Frame ท 1 มาวางไวทปลายของเสนทจดเรมตน

5. จากนนคลกเมาสท Frame ท 20 ใน Layer 1 นำา Movie Clip ไปวางไวทปลายสดทายของเสนทเราลาก เพอให Movie Clip วงไปตงแตจดเรมตนและไปจนถงจดสดทาย


การเปลยนแปลงตวอกษรตอไปจะเปนการสราง Animation ทเปนตวหนงสอคอย ๆ เปลยนจาก

ตวหนงไปเปนอกตวหนง ซงเราสามารถจะนำามาประยกตใหมการเปลยนแปลงรปราง จากตวหนงสอประโยคหนงใหกลายเปนอกประโยคหนง หรอจากตวอกษรมาเปนรป หรอจากรปมาเปนตวหนงสอกไดวธทำาดงน

1. คลกเมาสทปม Text Tool แลวเขยนขอความท Frame ท 1 แลวเลอก Modify Break Apart (2 ครง เพอใหเกดจดเลก ๆ ทขอความ ซงหมายถงสามารถแกไขวตถไดแลว ) เพอแยกองคประกอบของวตถ ทำาใหเราสามารถปรบแตงวตถทเรา Import เขามาได

2. เลอก Frame ท 20 และคลกเมาสปมขวาเลอก Insert Keyframe เพอเปนการแสดงวตถตงแต Frame ท 1 ถง Frame ท 20

แลวทำาการลบขอความใน Frame ท 20 ออกไป

3. คลกเมาส ท ปม Text Tool แลวเขยนตวหนงสอท Frame ท 20 แลวเลอก Modify Break Apart (2 คร ง) เพอแยกองคประกอบของวตถ นอกจากนนเราสามารถปรบแตงวตถทเรา Import ได

4. จากนนคลกเมาสเลอกท Frame ท 1 ไปทหนาตาง Properties เลอก Shape เพอเปนการกำาหนดใหเปนการเปลยนแปลงรปราง

5. เราจะเหนวามลกศรท Frame ของเรา แสดงวา Flash ไดทำาการเปลยนแปลง Animation แลว



ชอหนวย การสรางงานแบบมลตมเดย (Flash MX) แผนการเรยนรท 12 เรอง Flash กบภาพยนตรและเสยง เวลา 3 ชวโมง




2. ผลการเรยนรทคาดหวงนกเรยนรจกการใสเสยงดวยวธตาง ๆ ได

3. สาระการเรยนร1. การนำาไฟลภาพยนตรมาใชใน Flash2. ไฟลเสยงทใชใน Flash3. การจดการเสยงดวย Sound Properties4. การจดการเสยง5. การใสเสยงใน Frame6. การลบเสยงใน Frame

7. การใสเสยงในปมกด8. การใสเสยงประกอบฉากใน Frame




)หนวยท 12 Flash กบภาพและเสยงตอนท 12.1 ไฟลเสยงทใชใน Flash

ตอนท 12.2 การใสเสยงใน Frame

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


- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแ ผ น ก า ร เ ร ย น ร ท 12 เร อง ไฟลเสยงทใชใน Flash - ใ บ ค ว า ม ร ท 12 เร อง ไฟลเสยงทใช “ใน Flash”- คอมพวเตอร- โปรแกรม Flash MX

- ส ออ เล กทรอน กส

20

20

ตอนท 12.3 การใชหนาตาง Properties กบเสยง

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

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

ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแผนการเรยนรท 12 เร อง ไฟลเสยงทใชใน Flash - ใ บ ค ว า ม ร ท 12 เร อง ไฟลเสยงทใช “ใน Flash”- คอมพวเตอร- โปรแกรม Flash MX

- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแผนการเรยนรท 12 เร อง ไฟลเสยงทใชใน Flash - ใ บ ค ว า ม ร ท 12 เร อง ไฟลเสยงทใช “ใน Flash”- คอมพวเตอร- โปรแกรม Flash MX

20


(นาท)

หนวยท 12 Flash กบ นยามภาระงาน- ส ออ เล กทรอน กส 30

ภาพและเสยงตอนท 12.1 ไฟลเสยงทใชใน Flash



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

- ผสอนแจกใบความรท 12 เรองไฟลเสยงทใชใน Flash เพอใหนกเรยนไดดประกอบ ขณะทผสอนทำาการอธบายตามขนตอน- ผสอนใหนกเรยนจบค จ า กน น ใ ห น ก เ ร ย น เ ข าโปรแกรม Flash MX - ผ ส อ น ใ ห น ก เ ร ย น Import รปภาพ เหมอนกบเนอเรอง 1 เรองเขามาไวใน Frame - ผ ส อ น ใ ห น ก เ ร ย น

ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแผนการเรยนรท 12 เร อง ไฟลเสยงทใชใน Flash - ใ บ ค ว า ม ร ท 12 เร อง ไฟลเสยงทใช “ใน Flash”- คอมพวเตอร- โปรแกรม Flash MX


25

25

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

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

- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแ ผ น ก า ร เ ร ย น ร ท 12 เร อง ไฟลเสยงทใชใน Flash - ใ บ ค ว า ม ร ท 12 เร อง ไฟลเสยงทใช “ใน Flash”- คอมพวเตอร- โปรแกรม Flash MX



)ตอนท 12.1 ไฟลเสยงทใชใน Flash

- ระบบเสยงใน Flash- การนำาไฟลเสยงเขามาใชใน Flash


10


- การใสเสยงใน Frame- การลบเสยงทกำาหนดไวใน Frame- การใสเสยงในปมกด


10


- การใชหนาตาง Properties กบเสยง- การปรบแตงเสยงดวย Edit Envelope

- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแผนการเรยนรท 12 เ

10

ร อง ไฟลเสยงทใชใน Flash - ใ บ ค ว า ม ร ท 12 เร อง ไฟลเสยงทใช “ใน Flash”- คอมพวเตอร- โปรแกรม Flash MX

ขนท 4 ทดสอบหลงเรยนผสอนสมนกเรยนในชนเรยน 5 – 10 คนขนมาถามเกยวกบ ไฟลเสยง

ทใชไดใน Flash มนามสกลใดบาง จากนนผสอนทำาการสรปปดทาย ใชเวลา 10 นาท 6. ภาระงานท 12

ภาระงานท 12 บอกระบบเสยงใน Flash

7. สอการเรยนการสอน7.1CD ชวยสอน วชาคอมพวเตอร (การสรางงานแบบมลตมเดย (Flash

MX ))7.2ใบความรท 12 เรอง “Flash กบภาพยนตรและเสยง”7.3เครองคอมพวเตอรและโปรแกรม Flash MX



9. หลกฐานการเรยนรภาระงานท 11 เรอง ระบบเสยงใน Flash

10. การประเมนการเรยนร แบบประเมนชนงานท 12 เรองการใสเสยง


ดมาก ด ปรบปรง

1. นกเรยนสามารถบอกระบบเสยงใน Flash ได



12. ขอเสนอแนะ………………………………………………………………………

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


ใบความรท 12Flash กบภาพและเสยง


นกเรยนรจกและสามารถจดการกบเสยงใน Flash ไดจดประสงคนำาทาง

1. ไฟล เสยงทใชใน Flash2. การใสเสยงและปรบแตงเสยงดวยวธตาง ๆ

เนอหาไฟลเสยงทใชใน Flash

Flash สามารถ Import เสยงได หลายนามสกล WAV Sound (*.wav), Mp3 Sound (*.mp3), AIFF Sound (*.aif), Sun Au (*.au) ทงนการนำาเสยงมาใชกบ Flash Movie ของเราตองคำานงถงความเหมาะสมดวย เชน หากเราจะใชเสยงประกอบในเวบไซต เรากไมควรใชเสยงทมขนาดใหญมากเพราะจะทำาให Flash Movie ทไดมขนาดใหญเปนผลใหผใชตองเสยเวลาโหลดนาน เปนตน นอกจากนนไฟลเสยงยงใชหนวยความจำาภายในเครองพอสมควร และเราตองคำานงถงพนทฮารดดสกดวยระบบเสยงใน Flash

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

1. ระบบ Mono

เปนเสยงชนดชองสญญาณเดยว เสยงทออกจากลำาโพงจะมลกษณะเดยวกนทง 2 ขาง โดยทวไปใชเสยงแบบ 22 kHz 16 บต ซงเสยงแบบ Mono น จะเหมาะกบทมลกษณะเสยงระดบเดยว เชน เสยงพด2. ระบบ Stereoเปนเสยงชนด 2 ชองสญญาณ เสยงทออกจากลำาโพงจะมลกษณะแตกตางกนทง 2 ขาง ตามทศทางของเสยง และมคณภาพดกวา แตจะใชพนทในการเกบมากกวาแบบ Mono ถง 2 เทา ซงเสยงแบบ Stereo น จะเหมาะกบทมลกษณะระดบเสยง เชน เสยงดนตร

การนำาไฟลเสยงเขามาใชใน Flashการนำาไฟลเสยงเขามาใชใน Flash จะถกเกบไวใน Library ซงทำาใหเรา

สามารถใชไฟลเสยงนนไดบอย โดยทเราไมตองไปเสยเวลากบการ Import ใหม ไฟลเสยงท Flash สามารถ Import ได มหลายชนด เชน WAV Sound (*.wav), Mp3 Sound (*.mp3), AIFF Sound (*.aif), Sun Au (*.au) ซงการ Import File เสยงทำาได ดงน

1. เลอก File Import จะปรากฏหนาตาง Import ขน

2. เลอกไฟลเสยงทเราตองการ แลวคลกเมาสปม Open ไฟลเสยงของเราจะถกเกบไวใน Library โดยจะมไอคอนเปนรปลำาโพง

การจดการเสยงดวย Sound Propertiesเราสามารถทดสอบไฟลเสยงของเราได โดยการกด ฟงเสยงและ

กด หยดเสยง หรอเราจะเขาไปใน Sound Properties ได โดยการดบเบลคลกรปลำาโพงทอยหนาไฟลเสยงของเรา

หนาตาง Sound Properties จะแสดงรายละเอยดตาง ๆ ของไฟลเสยงทเรานำาเขามาใชงาน ไดแก ระดบความถของเสยง , ชอของไฟลเสยง , รายละเอยดและชนดของไฟลเสยง เปนตน ซงมรายละเอยดตาง ๆ ดงน

Update เมอเราทำาการแกไขรายละเอยดตาง ๆ ของไฟลเสยง ใหคลกเมาสทปมนเพอใหการ

เปลยนแปลงนนมผลImport การนำาไฟลเสยงเขามาใชงานใน Flash

ดบเบลคลก

Test การทดสอบฟงเสยงStop หยดเสยงCompression คอ การลดขนาดของไฟลเสยง ซ งจะท ำาให Flash

Movie ของเรามขนาดเลกและนำาไปใชงานไดงายขน แตการลดขนาดไฟลเ ส ย ง น น จ ะ ม ผ ล ท ำา ใ ห ค ณ ภ า พ ข อ ง เ ส ย ง ล ด ล ง ด ว ย เ ร า ก ำา ห น ด Compression ได 5 วธ ดงน

Default คอ การตงคาบบอดไฟลตามทเราก ำาหนดไวใน Publish Setting

ADPCM เหมาะสำาหรบการลดขนาดของไฟลเสยงสน ๆ เชน เสยงคลกทเกดจากการกดปม หรอเสยงทประกอบทแสดงออกมาเปนชวงสน ๆ

- Preprocessing ใหแปลงระบบเสยงจาก Stereo เป น Mono

- Sample Rate อตราในการปรบระดบของ Bit Rate ซงเปนระดบในการควบคมคณภาพของเสยง ถาใหคา Bit Rate สง คณภาพของเสยงกจะสง แตขนาดของไฟลกจะใหญตามดวย

- ADPCM Bits เปนคาของจำานวน Bit ทใชในการคณกบคาของ Sample Rate ซ งจะใหค าของ Bit Rate ออกมา หากกำาหนดใหคา ADPCM Bits สง คณภาพของเสยงจะออกมาด แตขนาดของไฟลกจะใหญตามไปดวย

MP3 ใชในการลดขนาดของไฟลทมความยาวมาก ๆ เชน เพลงประกอบBit Rate เปนระดบในการควบคมคณภาพของเสยงQuality ปรบคณภาพเสยง ซงมใหเลอก 3 ระดบ จะมผลทำาให

ลดเวลาในการโหลดไฟล- Fast ใชเวลาในการลดขนาดไฟลเรวและโหลดเรว แต

คณภาพตำา- Medium ใชเวลาในการลดขนาดไฟลและโหลดปาน

กลาง คณภาพเสยงปานกลาง- Best ใชเวลาในการลดขนาดไฟลชา และโหลดไดชา แต

คณภาพเสยงจะคมชดใกลเคยงเสยงเดม

RAW สามารถใชในการลดขนาดของไฟลได โดยการปรบระบบเสยงใหเปนเสยงระบบ Stereo หรอ Mono โดยเสยงทดจะอยในระดบ 44 kHz

- Preprocessing ใหแปลงเสยงจาก Stereo เปน Mono- Sample Rate อตราในการสมปรบระดบของ Bit Rate

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

Speech ใชในการปรบลดขนาดเสยงในลกษณะเสยงพด โดยสามารถปรบไดหลายระดบ

- Sample Rate ทเหมาะสมกบเสยงพดจะอยท 22 kHz หากเราตองการปรบใหตำา

ขอความทอยบรรทดสดทายใน Sound Properties คอ คณภาพและขนาดของเสยง หลงการลดขนาดของเสยง โดยจะแสดงจำานวน Bit Rate , ระบบเสยง (Stereo หรอ Mono) , เปอรเซนตหลงจากบบอดแลวการใสเสยงใน Frame

การใสเสยงใน Frame เปนการบอกวาใหเลนเสยงเมอมการเปด Flash Movie มาถง Frame ทเราก ำาหนด เชน เราตองการใหเสยงดงข นใน Animation ของเรา

ซงการใสไฟลเสยงไวใน Frame นนจะตองทำาการ Insert Keyframe ลงไปใน Frame ทเราตองการใหเลนเสยง จากนนจงเปนการกำาหนดไฟลเสยงทจะใหเลนท Frame นน ซงมขนตอนดงน

1. สราง Animation หรอ เปด Animation เดมทเราเคยสรางไว2. สราง Layer ขนมาใหม โดยเลอก Insert Layer หรอ คลก

เมาสท เพอกำาหนดใหเลนไฟลเสยงใน Layer น3. เลอกชอง Frame ทตองการใสเสยงใน Layer ทเราสราง แลว

เลอก Insert Keyframe หรอคลกเมาสทปมขวาใน Frame ท ตองการเลอก Insert Keyframe

4. ทำาการ Import ไฟลเสยงเขามาใน Library กอน โดยเลอก File Import แลวเลอกไฟลเสยงทตองการ คลกปม Open

5. เมอเราทำาการ Import เสยงเขามาแลว ใหเราทำาการเพมเสยงลงไดโดยไปทหนาตาง ๆ Properties ทชอง Sound คลกเมาสทปม แ ล วเลอกเพลงทเราตองการ

6. เราจะสงเกตไดวา ไฟลเสยงถกสงใหเลนใน Frame ทเรากำาหนดไว ท ด ส อ บ โ ด ย ก ด <Enter> ห ร อ Control Test Movie ห ร อ ก ด <Ctrl+Enter>

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

Frame ซงเราสามารถลบเสยงทกำาหนดไวไดโดยวธดงตอไปน1. เลอก Frame ทมเสยงทเราตองการลบออก

2. เลอก Insert Clear Keyframe หรอ คลกเมาสปมขวาเลอก Clear Keyframe สงเกตไดวาเสยงทเราเพมใน Frame หายไป

การใสเสยงในปมกดเราคงเคยไดยนเวลากดปมแลวมเสยงดงขน ซงวธการใสเสยงลงไปใน

ปมกดนนจะคลายกบการใสเสยงลงใน Frame โดยหลงจากทเราไดสรางปมกดแลว ใหทำาการ Insert Keyframe ลงในสถานะ HIT ของปมกดนน เพอทำาใหเกดเสยงเวลาทเราคลกปมกด ดงขนตอนตอไปน

1. สรางหรอ Import วตถข นมา ทจะใชเปนปมกด จากนนทำาการ Import เสยงทเราตองการใสเขามาใน Library

2. เลอก Insert Convert Symbol เลอก Botton เพอแปลงวตถนนเปนปมกด

3. ดบเบลคลกท Button ทเราสรางขน สงเกตไดวา Frame ของเราจะแสดงสถานะตาง ๆ ของปม ไดแก Up, Over, Down และ Hit ดงรป

4. Selection ทสถานะ Over แลวเล อก Insert Keyframe แลวทำาอยางนทกชอง หรอในชองทเราตองการจะใชกได เพอทจะนำาวตถหรอเสยงเขาไปในสถานะเหลานนได

5. เลอก Frame ทสถานะ Over แลวเปลยนส ซงจะทำาใหเมอเวลาทเรานำาเมาสวางทปมกด ปมกดนนจะเปลยนส โดยเราจะเปลยนสในสถานะอน ๆ ดวย

6. คลกเมาสท Frame ในสถานะ HIT เลอกเมน File Import เพอเลอกเสยงทเราตองการนำาเขามาไวในสถานะ Hit

7. ไปทหนาตาง Properties ทชอง Sound เลอกเสยงทเรานำาเขามา

8. ทดสอบโดยกดปม <Enter> หรอเล อกท Control Test Movie หรอกด <Ctrl +Enter>

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

การใชหนาตาง Properties กบเสยงเมอมการ Import เสยงเขามา เสยงจะถกเกบไวทหนาตาง Library

ซงเราสามารถลากไฟลเสยงไปไวท Frame ทตองการได หรอใชหนาตาง Properties ในการเลอกเสยงเพอใสใน Frame กได นอกจากนนเรายงกำาหนดการวนรอบของเสยง ปรบแตงเสยง และจดการเสยงในรปแบบตาง ๆ ทเราตองการ

การปรบแตงเสยงดวย Edit EnvelopeEdit Envelope เปนหนาตางทใชสำาหรบการปรบแตงเสยง และชวย

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

ซ งเราสามารถทจะทำาการเปดหนาตาง Edit Envelope ไดโดยการ คลกเมาสทปม Edit ทหนาตาง Properties

Stop หยดเสยงทเลนPlay เลนเสยงโดยจะเปนไปตามทเราปรบแตงเอาไวZoom In ใชขยายภาพของความถเสยงทำาใหเขาไปแกไขราย

ละเอยดไดงายขนZoom Out ใชยอภาพความถเสยงSecond เปลยนหนวยความยาวของเสยงทแสดงเปนวนาทFrame เปลยนหนวยความยาวของเสยงทแสดงเปน Frame

Effect เปนการกำาหนดเอฟเฟคในการเลนเสยง ซงมตวเลอกตาง ๆ ดงน

- Left Channel ใหเสยงออกลำาโพงซาย

- Right Channel ใหเสยงออกลำาโพงขวา

- Fade Left to Right เปนการไลเสยงจากลำาโพงซายไปขวา

- Fade Right to Left เปนการไลเสยงจากลำาโพงขวาไปซาย

- Fade In ใหเสยงคอย ๆ ดงขนเรอย ๆ- Fade Out ใหเสยงคอย ๆ เบาลงเรอย ๆ

Custom ใหเราปรบเสยงเอง ซงเราสามารถปรบแตงเสยงเองไดไมยาก โดยเมอเราดบเบลคลกทหนาตางความถ จะม (Time Control) เพมขนใหเราปรบแตงเสยงได


ชอหนวย การสรางงานแบบมลตมเดย (Flash MX)แผนการเรยนรท 13 เรอง การเผยแพร Flash Movie เวลา 2 ชวโมง


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


2. ผลการเรยนรทคาดหวงนกเรยนสามารถเผยแพรผลงานได

3. สาระการเรยนร1. วธการ Publish

2. การ Publish เปน Flash Movie3. การ Publish เปนไฟล HTML4. การ Publish เปนไฟล GIF5. การ Publish เปนไฟล JPEG6. การ Publish เปนไฟล PNG7. การ Publish เปนไฟล Quick Time

9. การ Export Movie และ Export Image




)หนวยท 13 การเผยแพร Flash Movieตอนท 13.1 การ Publish

กำาหนดภาระงาน- ผสอนเกรนนำาเกยวกบจดประสงคการเรยนร ดงน- น ก เ ร ย น ส า ม า ร ถ อ ธ บ า ย เ ก ย ว ก บ ก า ร

- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแผนการเรยนรท 13

30

Publish- ผ สอนบอกกล าวก บนกเรยนวา ในจดประสงคน นกเรยนจะตองรจกการ Publish ไ ฟ ล Flash เป นไฟล ประเภทต าง ๆ ดงน

1. Flash Movie2. HTML3. GIF4. JPEG5. PNG6. Quit Time

- นอกจากน นกเรยนยงจะตองสามารถ Export file ไดดวย- นกเรยนรบภาระงาน

เร อง การเผยแพร Flash Movie - ใ บ ค ว า ม ร ท 13 เร อง การเผยแพร “ Flash Movie”- คอมพวเตอร- โปรแกรม Flash MX


(นาท)

หนวยท 13 การเผยแพร Flash Movieตอนท 13.1 การ Publish

นยามภาระงาน- ผสอนแจกใบความรท 13 เรองการเผยแพร Flash Movie เพอใหนกเรยนไดดประกอบ ขณะทผสอนทำาการอธบายตามขนตอน- ผสอนใหนกเรยนจบค จ า กน น ใ ห น ก เ ร ย น เ ข าโปรแกรม Flash MX - ผสอนเร มอธบายถ งค ว า ม ห ม า ย ข อ ง ก า ร Publish แบบตาง ๆ - ผสอนใหนกเรยนสราง

- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแผนการเรยนรท 13 เร อง การเผยแพร Flash Movie - ใ บ ค ว า ม ร ท 13 เร อง การเผยแพร “ Flash Movie”- คอมพวเตอร- โปรแกรม Flash MX

50

File Flash ท เ ป น ภ า พเคลอนไหว ขนมา 1 อยาง เพ อท ำาการ Export ให เปน Flash Movie- น ก เ ร ย น ส า ม า ร ถ Export ไฟลออกไปวางไวท หน า จอ Desktop ได ถอวาผานจดประสงค



)ตอนท 13.1 การ Publish

- การ Publish เปน Flash Movie- การ Publish เปน HTML- การ Publish เปน ไฟล GIF- การ Publish เปน ไฟล JPEG- การ Publish เปน ไฟล PNG- การ Publish เปน ไฟล Quit Time- การ Export Movie และ Export Image

- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแผนการเรยนรท 13 เร อง การเผยแพร Flash Movie - ใ บ ค ว า ม ร ท 13 เร อง การเผยแพร “ Flash Movie”- คอมพวเตอร- โปรแกรม Flash MX

20

ขนท 4 ทดสอบหลงเรยนใหนกเรยนแบงกลมออกเปน 5 กลม เพอสรปเกยวกบการ Publish

ไฟลแบบตาง ๆ หลงจากนนใหสงตวแทนกลมออกมารายงานหนาชนเรยน ผสอนเปนผสรปปดทาย ใชเวลา 20 นาทการ Publish เปน Flash Movie

1. การ Publish เปน HTML2. การ Publish เปน ไฟล GIF3. การ Publish เปน ไฟล JPEG4. การ Publish เปน ไฟล PNG5. การ Publish เปน ไฟล Quit Time

6. ภาระงานท 13ปฏบตงานกบเครองคอมพวเตอร การนำาเสนองาน


(Flash MX ))7.2 ใบความรท 13 เรอง การเผยแพร “ Flash Movie”7.3 เครองคอมพวเตอรและโปรแกรม Flash MX



9. หลกฐานการเรยนรผลงานทนกเรยน Export ออกมาวางไวทหนาจอ Desktop

10. การประเมนการเรยนร แบบประเมนชนงานท 13 เรอง การนำาเสนองาน


ดมาก ด ปรบปรง1. นกเรยนสามารถนำาไฟลงานทสราง

ขน ออกไปวางไวทหนาจอ Desktop ได



12. ขอเสนอแนะ…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………


ใบความรท 13การเผยแพร Flash Movie


นกเรยนสามารถเผยแพรผลงาน โดยการ Publish ไดจดประสงคนำาทาง

1. สามารถทำาการ Publish2. การ Publish เปนไฟลตาง ๆ 3. การ Export Movie และ Export Image

เนอหาการ Publish

หลงจากทเราสรางงานเสรจแลว เรากสามารถนำางานไปเผยแพรได ซง Flash สามารถจะแปลงงาน (Publish) งานเราออกมาไดหลายรปแบบ ขนอยกบลกษณะงานทเราจะใช นอกจากนนเรายงสามารถกำาหนดคณสมบตตาง ๆ ของชนงานเราไดดวย เราสามารถเขาไป Publish ชนงานของเราไดโดย เลอกไปท File Publish Settings

จากแทบ Formats เราจะเหนไดวา Flash สามารถจะแปลงไฟลของเราออกเปนชนดตาง ๆ ได แลวยงมแทบเกยวของกบไฟลทเราตองการแปลงอกดวย ซงไฟลตาง ๆ เหลานมลกษณะการใชงานทแตกตางกน ซงนอกจากแทบ Formats แลว ในแตละแทบจะเปนการกำาหนดคณสมบตตาง ๆ ของไฟลทเราตองการจะแปล ได แก Flash , HTML , GIF , JPEG , PNG และ Quick Time เปนตนการ Publish เปน Flash Movie

การ Publish เปน Flash Movie ไฟลของ Flash นจะมนามสกลเปน (*.swf) หรอทเราเรยกเตม ๆ วา Shockwave Flash นอกจากนนเรายงสามารถปองกนไมใหคนอนนำาไฟลของเราไปแกไขหรอทำาการเปลยนแปลงโดยไมไดรบอนญาตดวย ซงรายละเอยดตาง ๆ มดงน

การ Publish เปนไฟล HTMLการแปลงงานเปนหนาเวบเพจ จะ Publish ออกมาได 2 นามสกล

คอ (*.html) กบ (*.swf) โดยทง 2 นามสกลนจะทำางานรวมกนและใหผลเหมอนการทำางานบน Flash หมายความวาเราจะไดไฟล 2 ไฟลน คอ ไฟลนามสกล (*.html) กบ (*.swf) ซงตองใชทง 2 ไฟลน Upload ขนไปทเซรฟเวอรจงจะใชได

การ Publish เปนไฟล GIF(*gif) เปนไฟลภาพทมกถกนำามาใชทำาภาพเคลอนไหวประกอบเวบเพจ

มพนหลงโปรงใส (Transparent) และมขนาดเลก ซงบางครงเราตองใชไฟล GIF นในการแสดงภาพเคลอนไหวแทน Flash Movie เนองจากบราวเซอรของผชมบางทอาจไมไดตดตง Plug-In ของ Shockwave Flash ซงเราสามารถกำาหนดใหแสดงเปนไฟล GIF แทนได

การ Publish เปนไฟล JPEG(*.jpg) เปนไฟลภาพทมความนยมมาก เนองจากมขนาดเลกและ

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

การ Publish เปนไฟล PNG(*.png) เป นไฟลภาพ Bitmap ชนดหน งท มล กษณะโปรงใส

สามารถใชก บโปรแกรม Macromedia Fireworks และอกหลาย ๆ โปรแกรมทตบแตงกราฟก

การ Publish เปนไฟล Quick Time(*.mov) เปนไฟลภาพเคลอนไหวชนดหนง ซงเราสามารถจะฝนลงใน

HTML ไดดวย โดยผใชท ตองการเปดไฟลนจะตองมโปรแกรม Quick Time Player ดวย แตมขอเสย คอ Quick Time จะมขนาดใหญมากกวา Flash มาก

การ Export Movie และ Export Imageการใชคำาสง Export น เปนการนำา Flash Movie เพอนำาไปเผยแพร

ผลงาน ซงเหมอนกบการ Publish แตตางกนตรงทการ Publish นจะเกบคาตาง ๆ ทเรากำาหนดไวใน Publish Setting แตการ Export นน จะใหเราตงคาทกคร งทท ำาการ Export งานออกไป ทำาไดโดยเลอก File > Export Movie

สวนประกอบ คำาอธบายExport Movie

Export Image

เปนการ Export โดยเนนท Movie เปนหลก เชน Quick Time, Windows AVI, GIF Animation แ ล ะ SWF เปนตนเปนการ Export รปภาพ หรอ Graphic ทเปนภาพนง ซ งรวมไปถงภาพแบบ Vector, Bitmap และ JPEG เปนตน

ขนท 5 การจดสภาพแวดลอม1. วเคราะหกายภาพ

1.1 สภาพภายในหองเรยน หองเรยนตองมความเปนระเบยบเรยบรอย ไมมขยะมลฝอย แสงสวางควรจะเพยงพอ หองคอมพวเตอรตองมการตดตงเคร องปรบอากาศใหมความเยนเพยงพอ เพอไมทำาใหเคร องคอมพวเตอรรอนมากเกนไป และภายในหองเรยนควรมการตดปายนเทศประกอบการเรยนการสอนเพอใหนกเรยนมความรเพมเตม ไมมถงขยะภายในหองเรยน เพราะจะทำาใหมกลนอบ

1.2 สภาพเคร องค อมพว เตอร และอปกร ณ เ คร องคอมพวเตอรภายในหองเรยนควรมเพยงพอตอการใชงานของนกเรยน อาจจะใชเครองละ 1 คน หรอ 2 คนตอเครอง ขนอยกบงบประมาณของแตละโรงเรยน และเมอเคร องมปญหา ควรรบแกไขเพอนกเรยนจะไดใชงานอยางมประสทธภาพ สวนอปกรณอน ๆ เชน โทรทศน , ไมโครโฟน และเครองขยายเสยงจะมหรอไมกตามความเหมาะสม

2. วเคราะหสงคม2.1 สภาพการเรยนการสอน การเรยนการสอนภายใน

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

2.2 การแตงกายของครผสอน ครผสอนมความสำาคญตอระบบการเรยนการสอนเปนอยางมาก ดงนน ครตองแตงกายสภาพเรยบรอย สภาพสตรควรใสรองเทาหมสน ไมสวมเสอผาทรดเนนทรวดทรง และไมสวมกระโปรงทสนเกนไป สภาพบรษ ไมสวมเสอยดเขาทำาการสอน และไมปลอยชายเสอออกนอกกางเกง กรณสวมเสอเชต

3. วเคราะหจนตภาพ3.1 ลกษณะทาทางของคร นอกจากการแตงกายของครผ

สอนแลว สงหนงทสำาคญตอนกเรยนคอ การใช คำาพดทสภาพตอนกเรยน ไมพดคำาหยาบคายตอนกเรยน เมอนกเรยนทำาผด

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

3.2 ลกษณะทาทางของผเร ยน นกเรยนควรแตงกายเรยบรอย เคารพ คร อาจารย ทสอน และปฏบตตามกฎระเบยบ–การใชหองอยางเครงครด และไมใชค ำาทไมสภาพตอเพอน มความรบผดชอบตองานทไดรบมอบหมาย

แบบประเมนการนำาเสนอชนงานประเดนการ

ประเมนการสอสาร การนำาเสนอ ความพรอมใน

การนำาเสนอรวม

กลมท 5 คะแนน 3 คะแนน 2 คะแนน 10 คะแนน

12345678

(ลงชอ)……………………………………………….ผประเมน

(……………………………………………..)

เกณฑการใหคะแนนการพดนำาเสนอชนงาน (10 คะแนน)ประเดนการประเมน

5 คะแนน 4 คะแนน 3 คะแนน 2 คะแนน 1 คะแนน

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

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

มทผดพลาดดานการออกเสยงหลายแหง วรรคตอนไมถกตองทำาใหมปญหาในการสอความ

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

พดเหมอนอาน ออกเสยงผดมาก สอความไมได

การนำาเสนอ- -

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

ไมมลลาการพด เนอหามแนวคดอยบาง มสออปกรณประกอบการพด แตไมสอดคลองกบการนำาเสนอ

ไมมลลาในการพดไมมแนวคดขาดอปกรณประกอบการพด

ความพรอมในการนำาเสนอ - - -

การนำาเสนอราบรนมการเตรยมความพรอม

การนำาเสนอไมราบรน ขาดการเตรยมความ

ลวงหนาและสมาชกมสวนรวม ในการใชภาษาเพอนำาเสนอ

พรอม สมาชกไมไดนำาเสนอทกคน

แบบประเมนคณภาพของชนงานประเดนการ

ประเมนความยากงาย

ของชนงาน

ความคดสรางสรรค

ความประณต รวม


12345678

(ลงชอ)……………………………………………….ผประเมน

(……………………………………………..)

เกณฑการใหคะแนนคณภาพชนงาน (10 คะแนน)ประเดนการประเมน


ความยากงายของชนงาน

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

ชนงานมความซบซอน แตยงขาดรายละเอยดเทาทควร มหลกฐานการหาขอมลจากแหลงทหลากหลาย

ชนงานไมซบซอนไมมรายละเอยดเทาทควร มหลกฐานการคนควาจากแหลงมลเพยงแหลงเดยว

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

เปนชนงานงาย ๆ ทคดลอกจากแหลงขอมล

ความคดสรางสรรค - -

เปนชนงานทแสดงถงความคดทพยายามสรางสรรคงานใหม ๆ

เปนชนงานทแสดงถงการปรบปรง ดดแปลงจากชนงานทวไป

เปนชนงานทเหมอนกบตวอยางหรอคดลอกผลงานทวไป

ความประณต- - -

มความประณต ตกแตงสวยงาม

มการตกแตง แตขาดความประณต

แบบประเมนการทำางานกลมประเดนการ

ประเมนความรวมมอ ขนตอนการ

ทำางานหนาทรบผดชอบ รวม


12345678

(ลงชอ)……………………………………………….ผประเมน

(……………………………………………..)

เกณฑการใหคะแนนการทำางานกลม (10 คะแนน)ประเดนการประเมน


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

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

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

สวนมากไมรบผดชอบงานขาดการประสานงานในกลม

ทกคนทำางานทไดรบมอบหมายเทานนขาดการประสานงานกลม

ขนตอนการทำางาน - -

กำาหนดขนตอนซดเจน เหนภาพการทำางานตลอดแนว มความสำาเรจของงานทเหนไดซดเจน

กำาหนดขนตอนชดเจน แตขาดความสมบรณของงานบางสวน

ขนตอนของงานไมชดเจนทำาใหเกดความขดของในกากทำางาน

หนาทรบผดชอบ- - -

ทกคนไดรบมอบหนาท/ภาระงานตาม

ทกคนไดรบมอบหนาท/ภาระงานแต

ความเหมาะสม และปฏบตงานอยางเตมความสามารถ ทำาใหงานเสรจสมบรณ

ทำางานไมเตมความสามารถ งานเสรจไมสมบรณ

Date post:	15-Apr-2017
Category:	Education
Upload:	-
View:	369 times
Download:	0 times

แผนการสอนFlash mx

Education