Upload
-
View
370
Download
0
Embed Size (px)
Citation preview
การออกแบบการสอนระดบบทเรยนกลมสาระการเรยนรการงานอาชพและเทคโนโลย
วชา คอมพวเตอร (การสรางงานแบบมลตมเดย (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
- นกเรยนสงใบงาน ผสอนใหนกเรยนแตละคน ดใบงานของตนเอง โดยทผสอนจะทำาการเฉลยไวบนกระดาน และใหนกเรยนแก สงททำาผดลงไปในใบงาน
ตอนท 1.2 เขาสโปรแกรม Flash MX
- ผสอนแจกใบความร เ ร อง ท ำา ค วาม ร จ กก บ 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
ตอนท 1.2 เขาสโปรแกรม Flash MX
- เขาสโปรแกรม 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 > จะเปนการสนสดการใชงานโปรแกรม
รายวชาคอมพวเตอร (การสรางงานแบบมลตมเดย (Flash MX)) จำานวน 40 ชวโมง
ภาระงานท 1เรอง ความแตกตางระหวางภาพ Bitmap และ ภาพ Vector
ชอ…………………………………………นามสกล เลขท…………………………………… …………………..ชน วนท เดอน……………………… ………………… ………………………พ.ศ……………………………….
1. ใหนกเรยนอธบายถงลกษณะของภาพ Bitmap พรอมบอกขอด และ ขอเสย ของภาพ Bitmap ดวย…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………
2. ใหนกเรยนอธบายถงลกษณะของภาพ Vector พรอมบอกขอด และ ขอเสย ของภาพ Vector ดวย…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………
3. ใหนกเรยนอธบายความแตกตางระหวางภาพ Bitmap และ ภาพ Vector……………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………………………
แผนการจดกจกรรมการเรยนรกลมสาระการเรยนรการงานอาชพและเทคโนโลย
ชอหนวย การสรางงานแบบมลตมเดย (Flash MX)แผนการเรยนรท 2 เรอง พนฐานเบองตนของโปรแกรม Flash MX เวลา 2
ชวโมงภาคเรยนท ………. ปการศกษา ……………
1. มาตรฐานการเรยนร ง 4.1เขาใจและเหนคณคาของการใชเทคโนโลยสารสนเทศในการเรยนรและการใชในชวตประจำาวน การใชความคดสรางสรรค การแกไขปญหาในการทำางาน และการสรางงานอยางมประสทธภาพ ประสทธผลและมคณธรรมในการทำางาน
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 ไฟลแบบตอเนอง
4. สาระทนำามาบรณาการ-
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
ตอนท 2.2 หนาตางควบคมการแสดงผล (Panel)
ตอนท 2.3 หลกการทำางานของ Flash
เสนเวลา วาแตละอยางมหนาทการทำางานอยางไรบาง- ผสอนใหนกเรยนแตละคเขาสโปรแกรม 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 ไฟล จงจะถอวานกเรยนผานจดประสงคทกำาหนดไว
ขนท 3 ขนสรปตอนท เรองทสรป สอทใช เวลา
(นาท)
ตอนท 2.1 หนาตาและองคประกอบของ Flash
- แถบคำาสง (Menu Bar)- แถบเครองมอ (Tool Bar)- กลองเครองมอ (Toolbox)- กลมคำาสง Selection เกยวกบการเลอก- เสนแบงเวลา (Timeline)- หนาตางการทำางานหรอเวท (Stage)
- สออเลกทรอนกสวชา การสรางงานแบบมลตมเดย (Flash MX) หวขอแผนการเรยนรท 2 เรอง พนฐานเบองตนของ Flash - ใบความรท 2 เรอง พน“ฐานเบองตนของ Flash MX”- คอมพวเตอร- โปรแกรม Flash MX
10
ตอนท 2.2 หนาตางควบคมการแสดงผล (Panel)
- Panel Info- Panel Transform- Panel Color Mixer- Panel Swatches- Panel Align- Panel Scene
- สออเลกทรอนกสวชา การสรางงานแบบมลตมเดย (Flash MX) หวขอ
10
- Panel Movie Explorer- Panel Answers- Panel Properties- Panel Action- Panel Library- ปมขยายขนาด (Zoom)- แกไขซน (Edit Scene)- แกไขเวท (Edit Stage)
แผนการเรยนรท 2 เรอง พนฐานเบองตนของ Flash - ใบความรท 2 เรอง พน“ฐานเบองตนของ Flash MX”- คอมพวเตอร- โปรแกรม Flash MX
ตอนท 2.3 หลกการทำางานของ Flash
- หลกการทำางานของ 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. ความสะอาดเรยบรอยในการทำางาน
11. สรปผลการเรยนรผาน หมายถง มความสนใจในการเรยน สงงานเรยบรอยตามกำาหนดเวลาไมผาน หมายถง ไมสงงานตามทไดรบมอบหมาย
12. ขอเสนอแนะ……………………………………………………………………………
……………………………………………………………………………………………………………………………………………………….
………………………………………………………………………………………………………
รายวชาคอมพวเตอร (การสรางงานแบบมลตมเดย (Flash MX)) จำานวน 40 ชวโมง
ใบความรท 2พนฐานเบองตนของ Flash
แผนการสอนท 2จดประสงคปลายทาง
นกเรยนสามารถรและเขาใจองคประกอบของ 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 ไฟลแบบตอเนองจะชวยเราในการสรางภาพเคลอนไหว
รายวชาคอมพวเตอร (การสรางงานแบบมลตมเดย (Flash MX)) จำานวน 40 ชวโมง
ภาระงานท 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. สาระทนำามาบรณาการนกเรยนสามารถนำาความรวชาศลปะ ในการวาดภาพมาประยกตใชในการสรางภาพ
5. กระบวนการจดการเรยนรขนท 1 นำาเขาสบทเรยน
หนวยท กจกรรม สอทใช เวลา (นาท
)หนวยท 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 MX) หวขอแผนการเรยนรท 3 เรอง อปกรณการวาดภาพใน Flash - ใบความรท 3 เรอง อปกรณในการวาด“
ภาพใน Flash”
- สออเลกทรอนกสวชา การสรางงานแบบมลตมเดย (Flash MX) หวขอแผนการเรยนรท 3 เรอง อปกรณการวาดภาพใน Flash - ใบความรท 3 เรอง อปกรณในการวาด“
ภาพใน 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 เรอง อปกรณในการวาด“
ภาพใน Flash”
- สออเลกทรอนกสวชา การสรางงานแบบมลตมเดย (Flash MX) หวขอแผนการเรยนรท 3 เรอง อปกรณการวาดภาพใน Flash - ใบความรท 3 เรอง อปกรณในการวาด“
ภาพใน Flash”
- สออเลกทรอนกสวชา การสรางงานแบบมลตมเดย (Flash MX) หวขอแผนการเรยนรท 3 เรอง อปกรณการวาดภาพใน Flash - ใบความรท 3 เรอง อปกรณในการวาด“
ภาพใน Flash”
5
5
จดประสงคการเรยนร ดงน- นกเรยนสามารถอธบายเกยวกบการใช Pencil Tool ในการวาดรปอสระตาง ๆ เพอใหเกดเปนรปรางทสวยงาม- ผสอนบอกกลาวแกนกเรยนวา เมอนกเรยนเรยนไดใช Pencil Tool เสรจแลว นกเรยนจะตองวาดรปอสระตามทผสอนกำาหนดได- นกเรยนรบภาระงาน
- ผสอนเกรนนำาเกยวกบจดประสงคการเรยนร ดงน- นกเรยนสามารถอธบายเกยวกบการใช Brush Tool ในการระบายส เพอใหเกดความสวยงามได- ผสอนบอกกลาวแกนกเรยนวา เมอนกเรยนเรยนไดใช Brush Tool เสรจแลว นกเรยนจะตองระบายสในลกษณะตาง ๆ ได- นกเรยนรบภาระงาน
- ผสอนเกรนนำาเกยวกบจดประสงคการเรยนร ดงน- นกเรยนสามารถอธบายเกยวกบการใช Eraser
- สออเลกทรอนกสวชา การสรางงานแบบมลตมเดย (Flash MX) หวขอแผนการเรยนรท 3 เรอง อปกรณการวาดภาพใน Flash - ใบความรท 3 เรอง อปกรณในการวาด“
ภาพใน Flash”
- สออเลกทรอนกสวชา การสรางงานแบบมลตมเดย (Flash MX) หวขอแผนการเรยนรท 3 เรอง อปกรณการวาดภาพใน Flash - ใบความรท 3 เรอง อปกรณในการวาด“
ภาพใน Flash”
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
- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแ ผ น ก า ร เ ร ย น ร ท 3 เร อง อปกรณการวาดภาพใน Flash- ใบความรท 3 เร อง
อปกรณในการวาด“
10
10
10
ตอนท 3.3 Pen Tool
ตอนท 3.4 Oval Tool
ตอนท 3.5 Rectangle Tool
ดประกอบ ขณะทผสอนทำาการอธบายตามขนตอน- ผสอนใหนกเรยนจบค จากนนใหนกเรยนเขาโปรแกรม Flash MX - ผสอนจะใหนกเรยนทดลองใหเครองมอ Line Tool ในการวาดรปเสนตรง ซงเมอวาดเสนตรงไดแลว ผสอนจะใหนกเรยนปรบเปนเสนโคงได- ผสอนใหนกเรยนแตละควาดเสนตรง และเสนโคง ในลกษณะตาง ๆ ตามทนกเรยนชอบ- ผสอนสงเกต ความตงใจในการเรยนและปฏบตงานของนกเรยน ถานกเรยนสามารถสรางเสนตรงและเสนโคงไดตามทผสอนตองการ ถอวาผานจดประสงค
- ผสอนแจกใบความรท 3 อปกรณการวาดภาพใน Flash เพอใหนกเรยนไดดประกอบ ขณะทผสอนทำาการอธบายตามขนตอน- ผสอนใหนกเรยนจบค จากนนใหนกเรยนเขาโปรแกรม Flash MX - ผสอนจะใหนกเรยนทดลองใหเครองมอ Pen Tool ในการวาดรปเสนตรง ซงเมอวาดเสนตรงได
ภาพใน Flash”- เ ค ร อ งคอมพวเตอร- โปรแกรม Flash MX
- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแ ผ น ก า ร เ ร ย น ร ท 3 เร อง อปกรณการวาดภาพใน Flash- ใบความรท 3 เร อง
อปกรณในการวาด“ภาพใน Flash”- เ ค ร อ งคอมพวเตอร- โปรแกรม Flash MX
15
15
ตอนท 3.6 Pencil Tool
ตอนท 3.7 Brush Tool
แลว ผสอนจะใหนกเรยนปรบเปนเสนโคงได- ผสอนใหนกเรยนแตละควาดเสนตรง และเสนโคง ในลกษณะตาง ๆ ตามทนกเรยนชอบ ซงนกเรยนสามารถดใบความรประกอบได- ผสอนสงเกต ความตงใจในการเรยนและปฏบตงานของนกเรยน ถานกเรยนสามารถสรางเสนตรงและเสนโคงไดตามทผสอนตองการ ถอวาผานจดประสงค
- ผสอนแจกใบความรท 3 อปกรณการวาดภาพใน Flash เพอใหนกเรยนไดดประกอบ ขณะทผสอนทำาการอธบายตามขนตอน- ผสอนใหนกเรยนจบค จากนนใหนกเรยนเขาโปรแกรม Flash MX - ผสอนจะใหนกเรยนทดลองใหเครองมอ Oval Tool ในการวาดรปวงกลมและวงร - ผสอนใหนกเรยนแตละวาดรปวงกลมและวงรขนาดใหญและเลก จากนนใหนำามาประกอบกนเพอใหเกดเปนรปดอกไม ทงเอา Line Tool มาวาดเปนกงกาน
- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแ ผ น ก า ร เ ร ย น ร ท 3 เร อง อปกรณการวาดภาพใน Flash- ใบความรท 3 เร อง
อปกรณในการวาด“ภาพใน Flash”- เ ค ร อ งคอมพวเตอร- โปรแกรม Flash MX
- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแ ผ น ก า ร เ ร ย น ร ท 3 เร อง อปกรณการวาดภาพใน Flash- ใบความรท 3 เร อง
อปกรณในการวาด“ภาพใน Flash”- เ ค ร อ งคอมพวเตอร- โปรแกรม Flash
15
15
15
ตอนท 3.8 Eraser Tool
- ผสอนสงเกต ความตงใจในการเรยนและปฏบตงานของนกเรยน ถานกเรยนสามารถสรางรปดอกไมไดตรงตามความตองการไดแลว ถอวาผานจดประสงค
- ผสอนแจกใบความรท 3 อปกรณการวาดภาพใน Flash เพอใหนกเรยนไดดประกอบ ขณะทผสอนทำาการอธบายตามขนตอน- ผสอนใหนกเรยนจบค จากนนใหนกเรยนเขาโปรแกรม Flash MX - ผสอนจะใหนกเรยนทดลองใหเครองมอ Rectangle Tool ในการวาดรปสเหลยม - ผสอนใหนกเรยนแตละวาดรปสเหลยมทงทขนาดใหญและเลก จากนนใหนำามาประกอบกนเพอใหเกดเปนรปบาน โดยนกเรยนสามารถนำาความรเกยวกบ Line Tool , Pen Tool , Oval Tool มาประกอบใหเกดเปนรปอน ๆ ดวยได- ผสอนสงเกต ความตงใจในการเรยนและปฏบตงานของนกเรยน ถานกเรยนสามารถสรางรปบานไดตรงตามความ
MX
- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแ ผ น ก า ร เ ร ย น ร ท 3 เร อง อปกรณการวาดภาพใน Flash- ใบความรท 3 เร อง
อปกรณในการวาด“ภาพใน Flash”- เ ค ร อ งคอมพวเตอร- โปรแกรม Flash MX
- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย
ตองการแลว ถอวาผานจดประสงค
- ผสอนแจกใบความรท 3 อปกรณการวาดภาพใน Flash เพอใหนกเรยนไดดประกอบ ขณะทผสอนทำาการอธบายตามขนตอน- ผสอนใหนกเรยนจบค จากนนใหนกเรยนเขาโปรแกรม Flash MX - ผสอนจะใหนกเรยนทดลองใหเครองมอ Pencil Tool ในการวาดรปรางอสระตาง ๆ เพอใหเกดเปนรปตาง ๆ - ผสอนใหนกเรยนแตคสรางสรรคภาพ โดยการใชเครองมอตาง ๆ มาประกอบกน ดวยได- ผสอนสงเกต ความตงใจในการเรยนและปฏบตงานของนกเรยน ถานกเรยนสามารถสรางรปทสวยงามไดตรงตามความตองการแลว ถอวาผานจดประสงค
- ผสอนแจกใบความรท 3 อปกรณการวาดภาพใน Flash เพอใหนกเรยนไดดประกอบ ขณะทผสอนทำาการอธบายตามขนตอน- ผสอนใหนกเรยนจบค จากนนใหนกเรยนเขา
(Flash MX) ห วข อแ ผ น ก า ร เ ร ย น ร ท 3 เร อง อปกรณการวาดภาพใน Flash- ใบความรท 3 เร อง
อปกรณในการวาด“ภาพใน Flash”- เ ค ร อ งคอมพวเตอร- โปรแกรม Flash MX
- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแ ผ น ก า ร เ ร ย น ร ท 3 เร อง อปกรณการวาดภาพใน Flash- ใบความรท 3 เร อง
อปกรณในการวาด“ภาพใน Flash”- เ ค ร อ งคอมพวเตอร- โปรแกรม Flash MX
โปรแกรม Flash MX - ผสอนจะใหนกเรยนคนำารปดอกไมทไดวาดไวครงกอน ขนมา จากนนผสอนสอนใหนกเรยนระบายสในแบบตาง ๆ ตามใบความร- ผสอนสงเกต ความตงใจในการเรยนและปฏบตงานของนกเรยน ถานกเรยนสามารถระบายสดอกไมไดสวยงาม ถอวาผานตรงตามวตถประสงค
- ผสอนแจกใบความรท 3 อปกรณการวาดภาพใน Flash เพอใหนกเรยนไดดประกอบ ขณะทผสอนทำาการอธบายตามขนตอน- ผสอนใหนกเรยนจบค จากนนใหนกเรยนเขาโปรแกรม Flash MX - ผสอนจะใหนกเรยนคนำารปดอกไมทไดระบายสไวเรยบรอยแลวขนมา จากนนผสอนสอนใหนกเรยนลบกลบดอกบางดอกออกไป โดยวธการลบจะมหลายวธ ตามใบความร- ผสอนใหนกเรยนสรปการวาดรป พรอมทงระบายส มการตกแตงและลบใหสวยงาม - ผสอนสงเกต ความตงใจในการเรยนและปฏบตงานของนกเรยน
ถานกเรยนสามารถออกแบบรปภาพไดอยางสวยงาม ถอวาผานจดประสงค
ขนท 3 ขนสรปตอนท เรองทสรป สอทใช เวลา
(นาท)
ตอนท 3.1 ภาพกราฟก - ภาพกราฟกชนด Raster- ภาพกราฟกชนด Vector
- CD ชวยสอน วชาคอมพวเตอร การสรางงานแบบมลตมเดย (Flash MX )- - ใบความรท 3 เรอง อปกรณใน“การวาดภาพใน Flash”
5
ตอนท 3.2 Line Tool - การวาดเสนตรงดวย Line Tool- การทำาใหเสนตรงกลายเปนเสนโคง
- CD ชวยสอน วชาคอมพวเตอร การสรางงานแบบมลตมเดย (Flash MX )- ใบความรท 3 เรอง อปกรณในการวาด“
ภาพใน Flash”
10
ตอนท 3.3 Pen Tool - การวาดรปดวย Pen Tool- การวาดเสนตรงโดยใช Pen Tool- การวาดสวนโคงโดยใช Pen Tool
- CD ชวยสอน วชาคอมพวเตอร การสรางงานแบบมลตมเดย (Flash MX )- ใบความรท 3 เรอง อปกรณในการวาด“
ภาพใน Flash”
10
ตอนท 3.4 Oval Tool
- การวาดวงกลมดวย Oval Tool- การวาดวงรดวย Oval Tool
- CD ชวยสอน วชาคอมพวเตอร การสรางงานแบบมลตมเดย (Flash MX )- ใบความรท 3 เรอง อปกรณในการวาด“
ภาพใน Flash”
10
ตอนท 3.5 Rectangle Tool
- การวาดรปสเหลยมดวย Rectangle Tool
- CD ชวยสอน วชาคอมพวเตอร การสรางงานแบบมลตมเดย (Flash MX )- ใบความรท 3 เรอง อปกรณในการวาด“
ภาพใน Flash”
10
ตอนท 3.6 Pencil Tool
- การเขยนรปโดยใช Pencil Tool
- CD ชวยสอน วชาคอมพวเตอร การสรางงานแบบมลตมเดย (Flash MX )- ใบความรท 3 เรอง อปกรณในการวาด“
ภาพใน Flash”
10
ตอนท 3.7 Brush Tool
- การระบายสโดย Brush Tool- การเลอกลกษณะของแปรงระบายส- การกำาหนดคณลกษณะของแปรงระบายส
- CD ชวยสอน วชาคอมพวเตอร การสรางงานแบบมลตมเดย (Flash MX )- ใบความรท 3 เรอง อปกรณในการวาด“
ภาพใน Flash”
10
ตอนท 3.8 Eraser - การลบสวนทไม - CD ชวยสอน วชา 10
Tool ตองการออกโดย Eraser Tool- การกำาหนดคณลกษณะของการลบ
คอมพวเตอร การสรางงานแบบมลตมเดย (Flash MX )- ใบความรท 3 เรอง อปกรณในการวาด“
ภาพใน Flash”
ขนท 4 ทดสอบหลงเรยนครใหนกเรยนแบงกลมออกเปน 7 กลม และใหแตละกลมออกมาสรปเกยวกบ
เครองมอทไดเรยนไปหนาชนเรยน วาเครองมอแตละชนดใชงานและเปนอยางไรบาง แบงดงหวขอตอไปน ใชเวลา 15 นาท
1. Line Tool2. Pen Tool3. Oval Tool4. Rectangle Tool5. Pencil Tool6. Brush Tool7. Eraser Tool
6. ภาระงานท 3ใหนกเรยนปฏบตงานลงเครอง ภาระงานท 3 เรอง การวาดภาพจากเครองมอ
ใน Flash
7. สอการเรยนการสอน7.1 CD ชวยสอน วชาคอมพวเตอร (การสรางงานแบบมลตมเดย (Flash
MX ))7.2 ใบความรท 3 เรอง อปกรณในการวาดภาพใน “ Flash”7.3 เครองคอมพวเตอรและโปรแกรม Flash MX
8. แหลงเรยนรหนงสอ คมอการเรยนรและเทคนคการใชงาน Macromadia Flash Mx โดย
ยทธชย รจรวมล
9. หลกฐานการเรยนร
นกเรยนปฏบตงาน โดยการสรางภาพ ดวยการใชเครองมอท Flash MX มให และเมอนกเรยนวาดเสรจ ผสอนใหนกเรยน Save งานลงแผนดสก
10. การประเมนการเรยนร แบบประเมนชนงานท 3 การวาดภาพโดยใชเครองมอ Flash
ท ประเดนการประเมนผลการประเมน
ดมาก ด ปรบปรง
1. นกเรยนสามารถวาดภาพโดยใชเครองมอท Flash มให ไดถกตอง สวยงาม
2. นกเรยนมความสนใจ และกระตอรอรนในการทำางานทไดรบมอบหมาย
3. ความตรงตอเวลาในการสงงาน4. นกเรยนมความเปนระเบยบ
เรยบรอยในการทำางาน
11. สรปผลการเรยนรผาน หมายถง มความสนใจในการเรยน สงงานเรยบรอยตามกำาหนดเวลาไมผาน หมายถง ไมสงงานตามทไดรบมอบหมาย
12. ขอเสนอแนะ……………………………………………………………………………
……………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………
รายวชาคอมพวเตอร (การสรางงานแบบมลตมเดย (Flash MX)) จำานวน 40 ชวโมง
ใบความรท 3อปกรณการวาดภาพใน Flash
แผนการสอนท 3จดประสงคปลายทาง
นกเรยนสามารถใชอปกรณตาง ๆ ใน 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 เปนสวนทกำาหนดขนาดและรปรางหวยางลบ ซงมทงหวแบบวงกลมและหวแบบรปสเหลยม
รายวชาคอมพวเตอร (การสรางงานแบบมลตมเดย (Flash MX)) จำานวน 40 ชวโมง
ภาระงานท 3ภาพ Raster และ ภาพ Vector
ชอ…………………………………………นามสกล เลขท…………………………………… …………………..ชน วนท เดอน……………………… ………………… ………………………พ.ศ……………………………….
ใหนกเรยนตอบคำาถามดงตอไปน1. ภาพ Raster เปนภาพแบบใด ยกตวอยางชนดของภาพประกอบ
…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………..
2. ภาพ Vector เปนภาพแบบใด ยกตวอยางชนดของภาพประกอบ……………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………
แผนการจดกจกรรมการเรยนรกลมสาระการเรยนรการงานอาชพและเทคโนโลย
ชอหนวย การสรางงานแบบมลตมเดย (Flash MX)แผนการเรยนรท 4 เรอง การทำางานกบส เวลา 4 ชวโมง
ภาคเรยนท ………. ปการศกษา ……………
1. มาตรฐานการเรยนร ง 4.1เขาใจและเหนคณคาของการใชเทคโนโลยสารสนเทศในการเรยนรและการใชในชวตประจำาวน การใชความคดสรางสรรค การแกไขปญหาในการทำางาน และการสรางงานอยางมประสทธภาพ ประสทธผลและมคณธรรมในการทำางาน
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 เรอง การทำางานกบส “ ”
- คอมพวเตอร- โปรแกรม Flash MX
- สออเลกทรอนกสวชา การสรางงานแบบมลตมเดย (Flash MX) หวขอแผนการเรยนรท 4 เรอง การทำางานกบส - ใบความรท 4 เรอง การทำางานกบส “ ”
- คอมพวเตอร- โปรแกรม Flash MX
10
10
10
หน าต าง Color Mixer โดยก ำาหนดร ปแบบเป น Bitmap- ซงเมอนกเรยนไดเรยนเกยวกบการไลโทนสแลว นกเรยนจะตองสามารถไลโทนสแบบตาง ๆ ได ถกตอง- นกเรยนรบภาระงาน
- ผสอนเกรนนำาเกยวกบจดประสงคการเรยนร ดงน- นกเรยนสามารถอธบาย วธการเลอกสจากหนาตาง Color Swatches ได- นกเรยนสามารถสรางงานโดยการใชพนสดวยการไลสแบบตาง ๆ รวมถงการใหสพนเปนรปภาพดวยผสอนบอกกลาวแกนกเรยนวา ในการเรยนจดประสงคน นกเรยนทกคนจะตองสรางสพนใหเปนรปภาพได- นกเรยนรบภาระงาน
- สออเลกทรอนกสวชา การสรางงานแบบมลตมเดย (Flash MX) หวขอแผนการเรยนรท 4 เรอง การทำางานกบส - ใบความรท 4 เรอง การทำางานกบส “ ”
- คอมพวเตอร- โปรแกรม Flash MX
ขนท 3 ประกอบกจกรรมการเรยนการสอนตอนท กจกรรม สอทใช เวลา
(นาท)
หนวยท 4 การทำางานกบสตอนท 4.1 การดคาดวย
นยามภาระงาน- ผสอนแจกใบความรท 4 เรอง การทำางานกบส
- ส ออ เล กทรอน กส ว ช า กา รสร า งง า น
20
หนาตาง Info
ตอนท 4.2 การใชหนาตาง Color Mixer
ตอนท 4.3 การไลโทนส
เพอใหนกเรยนไดดประกอบ ขณะทผสอนทำาการอธบายตามขนตอน- ผสอนใหนกเรยนจบค จากนนใหนกเรยนเขาโปรแกรม 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
- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแ ผ น ก า ร เ ร ย น ร ท 4 เรอง การทำางานกบ- ใบความรท 4 เร อง การทำางานกบส“ ”
- คอมพวเตอร- โปรแกรม Flash MX
30
- นกเรยนสามารถไลสแบบ Redial ไดถกตอง สวยงาม ถอวาผานจดประสงค
- ผสอนแจกใบความรท 4 เรอง การทำางานกบส เพอใหนกเรยนไดดประกอบ ขณะทผสอนทำาการอธบายตามขนตอน- ผสอนใหนกเรยนจบค จากนนใหนกเรยนเขาโปรแกรม Flash MX - ผสอนใหนกเรยนแตละคทำาการ Import ไฟลรปภาพมาเกบไวกอน แลวอธบายวา ครงทแลวมา เราใสสพนเปนสตาง ๆ คราวนเราจะใสสพนเปนรปภาพ- ผสอนใหนกเรยนสรางรปวงกลม จากนนกเปลยนหนาตาง Color Mixer เปนแบบ Bitmap ซงจะทำาใหพนหลงเปนรปภาพได- ผสอนใหนกเรยนกำาหนดรปทรงของภาพเอง โดยใหนกเรยนใหสพนเปนรปภาพใด ๆ กได- นกเรยนทกคนสามารถใสภาพเปนสพนไดถกตองและสวยงาม ถอวาผานจดประสงค
ขนท 4 ขนสรปตอนท เรองทสรป สอทใช เวลา
(นาท)
ตอนท 4.1 การดคาดวยหนาตาง Info
- Stork และ Fill เสนและพนทภายใน- การเลอกสเพมเตม
- สออเลกทรอนกสวชา การสรางงานแบบมลตมเดย (Flash MX) หวขอแผนการเรยนรท 4 เรอง การทำางานกบส- ใบความรท 4 เรอง การทำางานกบส“ ”
15
- การแสดงสแบบ Solid- การแสดงสแบบ Linear- การไลโทนสแบบ Redial- กำาหนดใหพนแสดงเปนภาพ Bitmap
- สออเลกทรอนกสวชา การสรางงานแบบมลตมเดย (Flash MX) หวขอแผนการเรยนรท 4 เรอง การทำางานกบส- ใบความรท 4 เรอง การทำางานกบส“ ”
15
ตอนท 4.3 การไลโทนส
- การไลโทนส- การไลโทนสมากกวา 2 ส- การเพมตวเลอนส- การลบตวเลอนส
- สออเลกทรอนกสวชา การสรางงานแบบมลตมเดย (Flash MX) หวขอแผนการเรยนรท 4 เรอง การทำางานกบส- ใบความรท 4 เรอง การทำางานกบส“ ”
20
ตอนท 4.4 เลอกสจากหนาตาง Color Swatches
- การเปลยนสพนท ทถก Selection- การเปลยนสพนภาพโดยใช Paint Bucket
- สออเลกทรอนกสวชา การสรางงานแบบมลตมเดย (Flash MX) หวขอ
20
Tool- Option ของถงส- การเปลยนสเสนขอบดวย Ink Bottle Tool- การเลอกสโดยใช Dropper Tool
แผนการเรยนรท 4 เรอง การทำางานกบส- ใบความรท 4 เรอง การทำางานกบส“ ”
ขนท 5 ทดสอบหลงเรยนใหนกเรยนแบงกลมออกเปน 4 กลม เพอสรปเกยวกบการไลโทนสแบบตาง ๆ
และสรปวาโทนสใดเหมาะกบการใชงานแบบใด จากนนใหสงตวแทนกลมออกมารายงานหนาชนเรยน ผสอนเปนผสรปปดทาย ใชเวลา 20 นาท
1. Solid2. Linear3. Redial4. Bitmap
6. ภาระงานท 4 ภาระงานท 4 ใหนกเรยนปฏบตงานกบเครองคอมพวเตอร เรอง การไลสแบบ
ตาง ๆ ปฏบตงานกบเครองคอมพวเตอร เรอง การสรางภาพและแตงเตมสสรรค
7. สอการเรยนการสอน7.1 CD ชวยสอน วชาคอมพวเตอร (การสรางงานแบบมลตมเดย (Flash
MX ))7.2 ใบความรท 4 เรอง การทำางานกบส“ ”7.3 เครองคอมพวเตอรและโปรแกรม Flash MX
8. แหลงเรยนรหนงสอ คมอการเรยนรและเทคนคการใชงาน Macromadia Flash Mx โดย
ยทธชย รจรวมล
9. หลกฐานการเรยนรนกเรยนปฏบตงานกบเคร องคอมพวเตอร ผสอนใหนกเรยนทำาการไลสแบบ
ตาง ๆ ตามใบงานและทำาการบนทกงานลงแผนดสก
10. การประเมนการเรยนร แบบประเมนชนท 4 เรอง การไลสแบบตาง ๆ
ท ประเดนการประเมนผลการประเมน
ดมาก ด ปรบปรง1. นกเรยนสามารถทำาการไลสในรป
แบบตาง ๆ ไดถกตอง สวยงาม ตามใบงานทไดรบ
2. นกเรยนมความสนใจ และกระตอรอรนในการทำางาน
3. ความตรงตอเวลาในการสงงาน4. นกเรยนมคณธรรม จรยธรรมในการ
ทำางานรวมกบบคคลอน ๆ
11. สรปผลการเรยนรผาน หมายถง มความสนใจในการเรยน สงงานเรยบรอยตามกำาหนดเวลาไมผาน หมายถง ไมสงงานตามทไดรบมอบหมาย
12. ขอเสนอแนะ…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………
รายวชาคอมพวเตอร (การสรางงานแบบมลตมเดย (Flash MX)) จำานวน 40 ชวโมง
ใบความรท 4การทำางานกบส
แผนการสอนท 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. กระบวนการจดการเรยนรขนท 1 นำาเขาสบทเรยน
หนวยท กจกรรม สอทใช เวลา (นาท
)หนวยท 5 เครองมอตกแตงภาพตอนท 5.1 ความหมายของการ Selection
ตอนท 5.2 เครองมอในการ Selection
กำาหนดภาระงาน- ผสอนเกรนนำาเกยวกบจดประสงคการเรยนร ดงน- น ก เ ร ย น ส า ม า ร ถ อธบาย เก ยวก บ ความห ม า ย ข อ ง ก า ร Selection ได- ผสอนจะเรม ใหนกเรยนไ ด ร จ ก เ ค ร อ ง ม อ ท ใ ช ส ำาหร บการ Selection ล ก ษ ณ ะ ข อ ง ก า ร Selection- เม อน กเรยนได เรยนผานจดประสงคน นกเรยนจะตองเปลยนส เสน และลกษณะของเสนขอบได- นกเรยนรบภาระงาน
- ผสอนเกรนนำาเกยวกบจดประสงคการเรยนร ดงน- นกเรยนสามารถอธบายเกยวกบ การใชเคร องมอในการ Selection- นกเรยนจะตองทำาการ Selection วตถ เพอกอ
- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแผนการเรยนรท 4 เรอง เคร องมอตกแตงภาพ - ใบความรท 4 เรอง
เคร องมอตกแต ง“ภาพ”
30
30
ใหเปนรปรางทสวยงามได โ ด ย ผ ส อ น จ ะ น ำา ภ า พตวอยางเปนรปมะละกอทถกก ดแหวงมาใหด เป นตวอยาง- ซงนกเรยนจะตองเปนผคดวา จะใหงานของตนเองออกมาเปนอยางไร- นกเรยนรบภาระงาน
ขนท 2 ประกอบกจกรรมการเรยนการสอนตอนท กจกรรม สอทใช เวลา
(นาท)
หนวยท 5 เครองมอตกแตงภาพตอนท 5.1 ความหมายของการ Selection
นยามภาระงาน- ผสอนแจกใบความรท 5 เรอง เครองมอในการตกแตงภาพเพอใหนกเรยนไดดประกอบ ขณะทผสอนทำาการอธบายตามขนตอน- ผสอนใหนกเรยนจบค จ า กน น ใ ห น ก เ ร ย น เ ข าโปรแกรม Flash MX - ผสอนเร มใหน กเรยนทำาความรจก กบเครองมอท ใ ช ใ น ก า ร Selection แตละชนด และดวา เครองมอแบบใดเหมาะก บการ
- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแ ผ น ก า ร เ ร ย น ร ท 5 เร อง เคร องมอในการตกแตงภาพ- ใบความรท 5 เร อง
เ ค ร อ ง ม อ ใ น ก า ร“ตกแตงภาพ”
60
ตอนท 5.2 เครองมอในการ Selection
Selection ลกษณะใด - ผสอน ใหนกเรยนวาดรปวงกลมขนาดเทากนขนม า 5 ว ง จ า ก น น ใ ห น กเรยนทำาการเปลยนส และลกษณะของเสนขอบแบบตาง ๆ โดยนกเรยนสามารถดจากใบความรได- นกเรยนทกคนสามารถเ ป ล ย น ส เ ส น ข อ บ แ ล ะลกษณะของเสนขอบไดถกตอง ถอวาผานจดประสงค
- ผสอนแจกใบความรท 5 เรอง เครองมอในการตกแตงภาพเพอใหนกเรยนไดดประกอบ ขณะทผสอนทำาการอธบายตามขนตอน- ผสอนใหนกเรยนจบค จ า กน น ใ ห น ก เ ร ย น เ ข าโปรแกรม Flash MX - ผสอนวาดรปแตงโมขนมา 1 ชน และใหนกเรยนแตละควาดรปแตงโมขนม า เ ช น ก น จ า ก น น ใ ห น ก เ ร ย น ใ ช เ ค ร อ ง ม อ Lasso Tool ใ น ก า ร Selection วตถ เพอตดแ ต ง แ ต ง โ ม ใ ห แ ห ว งเหมอนกบรอยกด- นกเรยนแตละคนทำารปแตงโมตามทผ สอนกอน หลงจากนนเมอนกเรยนใช Lasso Tool เปนแลว ผ
- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแ ผ น ก า ร เ ร ย น ร ท 5 เร อง เคร องมอในการตกแตงภาพ- ใบความรท 5 เร อง
เ ค ร อ ง ม อ ใ น ก า ร“ตกแตงภาพ”
60
สอนใหน กเรยนแต ละค วาดร ปใด ๆ ก ได ตามทต น เ อ ง ต อ ง ก า ร แ ต ม ขอแมวา จะตองใช เคร องมอในการ Selection ตวใ ด ต ว ห น ง ใ น ก า รสรางสรรคภาพขนมา- นกเรยนสามารถสรางภ า พ ไ ด ต ร ง ต า ม ก บวตถประสงค ท ต องการ ถอวาผานจดประสงค
ขนท 3 ขนสรปตอนท เรองทสรป สอทใช เวลา
(นาท)
ตอนท 5.1 ความหมายของการ Selection
- เครองมอทสราง Selection- ลกษณะการ Selection- การปรบแตงเสนขอบ
- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแผนการเรยนรท 5 เรอง เคร องมอในการตกแตงภาพ- ใบความรท 5 เร อง
เ ค ร อ ง ม อ ใ น ก า ร“ตกแตงภาพ”
20
ตอนท 5.2 เครองมอในการ Selection
- 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. นกเรยนมคณธรรม จรยธรรมในการ
ทำางานรวมกบเพอน ๆ ในชนเรยน
10. สรปผลการเรยนรผาน หมายถง มความสนใจในการเรยน สงงานเรยบรอยตามกำาหนดเวลาไมผาน หมายถง ไมสงงานตามทไดรบมอบหมาย
11. ขอเสนอแนะ…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………
รายวชาคอมพวเตอร (การสรางงานแบบมลตมเดย (Flash MX)) จำานวน 40 ชวโมง
ใบความรท 5เครองมอตกแตงภาพ
แผนการสอนท 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 ชวโมง
ภาคเรยนท ………. ปการศกษา ……………
1. มาตรฐานการเรยนร ง 4.1เขาใจและเหนคณคาของการใชเทคโนโลยสารสนเทศในการเรยนรและ
การใชในชวตประจำาวน การใชความคดสรางสรรค การแกไขปญหาในการทำางาน และการสรางงานอยางมประสทธภาพ ประสทธผลและมคณธรรมในการทำางาน
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)
4. สาระทนำามาบรณาการ-
5. กระบวนการจดการเรยนรขนท 1 นำาเขาสบทเรยน
หนวยท กจกรรม สอทใช เวลา (นาท
)หนวยท 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
- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแ ผ น ก า ร เ ร ย น ร ท 6 เร อง การจดการวตถ - ใบความรท 6 เรอง การจดการวตถ“ ”
- เ ค ร อ งคอมพวเตอร- โปรแกรม Flash MX
- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแ ผ น ก า ร เ ร ย น ร ท 6 เร อง การจดการวตถ - ใบความรท 6 เรอง การจดการวตถ“ ”
- เ ค ร อ ง
แยกกลม- น กเรยนสามารถจดกลม และแยกกลมรปภาพทก ำาหนดได จงจะถ อวาผานจดประสงคการเรยนร- นกเรยนรบภาระงาน
คอมพวเตอร- โปรแกรม Flash MX
ขนท 2 ประกอบกจกรรมการเรยนการสอนตอนท กจกรรม สอทใช เวลา
(นาท)
หนวยท 6 การจดการวตถตอนท 6.1 เครองมอในการชวยจดและวางใน Flash
ตอนท 6.2 การใชงานเสน Guide
นยามภาระงาน- ผสอนแจกใบความรท 6 เรอง การจดการวตถเพอใหนกเรยนไดดประกอบ ขณะทผสอนทำาการอธบายตามขนตอน- ผสอนใหนกเรยนจบค จ า กน น ใ ห น ก เ ร ย น เ ข าโปรแกรม Flash MX - ผสอนเร มใหน กเรยนทำาความรจก กบเครองมอทเรยกวา Ruler และบอกความสำาคญวา ทำาไมเราจงจ ำาเป นตองน ำาไมบรรทดเขามาชวยในการทำางาน - ผสอน ใหนกเรยนแตละคนำารปภาพเขามาคละ 1 รป และทำาการเรยกไมบรรทดขนมา เพอใชงาน- ผ ส อ น ส ม ต ว อ ย า งนกเรยนขนมา 5 – 6 คน เ พ อ ใ ห ท ด ส อ บ เ ร ย กไมบรรทด และบอกความ
- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแ ผ น ก า ร เ ร ย น ร ท 6 เร อง การจดการวตถ - ใบความรท 6 เรอง การจดการวตถ“ ”
- เ ค ร อ งคอมพวเตอร- โปรแกรม Flash MX
20
25
ตอนท 6.3 การจดลำาดบวตถ
ตอนท 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
- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแผนการเรยนรท 6 เรอง การจดการวตถ
- ใบความรท 6 เรอง การจดการวตถ“ ”
25
25
และการแยกกลม จดการแบบตาง ๆ เกยวกบเสน Guide ได จงจะถอวาผานจดประสงค
- ผสอนแจกใบความรท 6 เรอง การจดการวตถเพอใหนกเรยนไดดประกอบ ขณะทผสอนทำาการอธบายตามขนตอน- ผสอนใหนกเรยนจบค จ า กน น ใ ห น ก เ ร ย น เ ข าโปรแกรม Flash MX อธบายตามขนตอน- ผสอนใหนกเรยนจบค จ า กน น ใ ห น ก เ ร ย น เ ข าโปรแกรม Flash MX - ผสอนเร มดวยการให นกเรยน ทำาการ Import รปภาพกาตนรในลกษณะทาทาง ต าง ๆ เล กบาง ใหญบาง คละ 5 ภาพ เมอไดภาพเสรจเรยบรอยแลว ผ สอน เร มสอน โดยให น ก เ ร ย น ท ำา ก า ร Selection ภาพทงหมด และ เรยกการจดวตถท Modify Arrange ซงผสอนจะทำาใหนกเรยนดเปนตวอยาง 1 แบบ- การจดการวตถจะมอยดวยกน 4 แบบ นกเรยนแต ล ะค จ ะต องท ำา ให ได ทงหมด 4 แบบ ผสอนจะท ำา ก า ร ต ร ว จ ง า น ถ านกเรยนทำาครบแลว จาก
- เ ค ร อ งคอมพวเตอร- โปรแกรม Flash MX
- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแ ผ น ก า ร เ ร ย น ร ท 6 เร อง การจดการวตถ - ใบความรท 6 เรอง การจดการวตถ“ ”
- เ ค ร อ งคอมพวเตอร- โปรแกรม Flash MX
นนจงใหน กเรยนบนท กงานไว
- ผสอนแจกใบความรท 6 เรอง การจดการวตถเพอใหนกเรยนไดดประกอบ ขณะทผสอนทำาการอธบายตามขนตอน- ผสอนใหนกเรยนจบค จ า กน น ใ ห น ก เ ร ย น เ ข าโปรแกรม Flash MX อธบายตามขนตอน- ผสอนใหนกเรยนจบค จ า กน น ใ ห น ก เ ร ย น เ ข าโปรแกรม Flash MX - ผสอนใหนกเรยนแตละค น ำาภาพท ได บ นท ก ไว คร งท เรยนเร องการจดวตถ มาทำางาน- ผสอนอธบายถงการจดกลมและการแยกกลมวตถ- ผสอนใหนกเรยนทำางาน โดยใหทำาการจดวตถเปน 2 กล ม กล มละ 2 ภาพ และ 3 ภาพ จากนนทำาการตรวจงาน- เม อน กเรยนจดกล มเสรจ และใหตรวจแลว ผสอนใหน กเรยนแต ละค ท ำาการแยกกล ม ท เป นภาพ 3 ภาพ- นกเรยนทกคนสามารถสรางงานไดตามทผสอนต องการ ถ อว าผ านจ ดประสงค
- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแ ผ น ก า ร เ ร ย น ร ท 5 เร อง เคร องมอในการตกแตงภาพ- ใบความรท 5 เร อง เคร องม อ ในการ“ตกแตงภาพ”
ขนท 3 ขนสรป
ตอนท เรองทสรป สอทใช เวลา(นาท
)ตอนท 6.1 เครองมอในการชวยจดและวางใน Flash
- การใชงาน Ruler- การใชงานเสน Guide
- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแผนการเรยนรท 6 เรอง การจดการวตถ - ใบความรท 6 เรอง การจดการวตถ“ ”
- เ ค ร อ งคอมพวเตอร- โปรแกรม Flash MX
10
ตอนท 6.2 การใชงานเสน Guide
- การสรางเสน Guide- การเคลอนยายเสน Guide- การลบเสน Guide- การซอนและแสดงเสน Guide- การกำาหนดรายละเอยดของเสน Guide
- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแผนการเรยนรท 6 เรอง การจดการวตถ - ใบความรท 6 เรอง การจดการวตถ“ ”
- เ ค ร อ งคอมพวเตอร- โปรแกรม Flash MX
10
ตอนท 6.3 การจดลำาดบวตถ
- การจดลำาดบวตถ- วธการจดลำาดบวตถ- การจดเรยงวตถ
- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแผนการเรยนรท 6 เรอง การจดการวตถ - ใบความรท 6 เรอง การจดการวตถ“ ”
- เ ค ร อ งคอมพวเตอร- โปรแกรม Flash MX
10
ตอนท 6.4 การจดกลมและการแยกกลม
- การแยกกลม- การจดกลม
- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแผนการเรยนรท 6 เรอง การจดการวตถ - ใบความรท 6 เรอง การจดการวตถ“ ”
- เ ค ร อ งคอมพวเตอร- โปรแกรม Flash
MX
10
ขนท 4 ทดสอบหลงเรยนครแบงนกเรยนออกเปน 4 กลม เพอใหออกมาสรปตามหวขอทมอบให
โดยใหนกเรยนสงตวแทนออกมาสรปหนาชนเรยน และครเปนผสรปปดทาย ดงหวขอทกำาหนดให ใชเวลา 15 นาท
1. การจดเรยงวตถ2. การจดลำาดบวตถ3. การจดกลม4. การแยกกลม
6. ภาระงานท 6ภาระงานท 6 ใหนกเรยนปฏบตงานกบเครองคอมพวเตอร เกยวกบ
การจดลำาดบวตถใหนกเรยนปฏบตงานกบเครอง เรองการจดกลมและการแยกกลม
7. สอการเรยนการสอน7.1 CD ชวยสอน วชาคอมพวเตอร (การสรางงานแบบมลตมเดย
(Flash MX ))7.2 ใบความรท 6 เรอง เครองมอตกแตงภาพ“ ”7.3 เครองคอมพวเตอรและโปรแกรม Flash MX
8 แหลงเรยนรหนงสอ คมอการเรยนรและเทคนคการใชงาน Macromadia Flash
Mx โดย ยทธชย รจรวมล
9 หลกฐานการเรยนรผสอนตรวจเชคงานทนกเรยนทำาการ จดลำาดบวตถ วาทำาไดถกตองตาม
คำาสงหรอไมผสอนตรวจเชคงานทนกเรยนทำาการ จดกลมและแยกกลม วาทำาไดถก
ตองตามคำาสงหรอไม จากนนผสอนใหนกเรยนบนทกงานลงแผนดสก
10 การประเมนการเรยนร แบบประเมนชนงานท 6 เรอง การจดลำาดบวตถ และ การแยกกลม - จด
กลม
ท ประเดนการประเมนผลการประเมน
ดมาก ด ปรบปรง1. นกเรยนสามารถจดลำาดบวตถไดถก
ตอง2. นกเรยนสามารถจดกลมวตถได3. นกเรยนสามารถแยกกลมวตถได4. นกเรยนสามารถแกไขปญหาทเกด
ขนไดด5. นกเรยนมความตงใจในการทำางาน
และมความคดสรางสรรค6. ความตรงตอเวลาในการสงงาน
11. สรปผลการเรยนรผาน หมายถง มความสนใจในการเรยน สงงานเรยบรอยตามกำาหนดเวลาไมผาน หมายถง ไมสงงานตามทไดรบมอบหมาย
12. ขอเสนอแนะ………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………
รายวชาคอมพวเตอร (การสรางงานแบบมลตมเดย (Flash MX)) จำานวน 40 ชวโมง
ใบความรท 6การจดวตถ
แผนการสอนท 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 ชวโมงภาคเรยนท ………. ปการศกษา ……………
1. มาตรฐานการเรยนร ง 4.1เขาใจและเหนคณคาของการใชเทคโนโลยสารสนเทศในการเรยนรและ
การใชในชวตประจำาวน การใชความคดสรางสรรค การแกไขปญหาในการทำางาน และการสรางงานอยางมประสทธภาพ ประสทธผลและมคณธรรมในการทำางาน
2. ผลการเรยนรทคาดหวงนกเรยนสามารถสรางตวอกษรโดยใชโปรแกรม Flash ได
3. สาระการเรยนร1. การใสขอความโดยใช Text Tool2. การเคลอนยายและปรบขนาดกลองขอความ3. การปรบแตงตวอกษรใหเขากบงานทออกแบบ4. การใชหนาตาง Properties ของ Text Tool
4. สาระทนำามาบรณาการ-
5. กระบวนการจดการเรยนรขนท 1 นำาเขาสบทเรยน
หนวยท กจกรรม สอทใช เวลา (นาท
)หนวยท 7 การสรางตวอกษรตอนท 7.1 การใสขอความโดยใช Text Tool
กำาหนดภาระงาน- ผสอนเกรนนำาเกยวกบจดประสงคการเรยนร ดงน- น ก เ ร ย น ส า ม า ร ถ อธบายเก ยวก บ การใส ข อ ค ว า ม โ ด ย ใ ช Text Tool ได- ผสอนจะเรม ใหนกเรยน
- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแผนการเรยนรท 7 เรอง การสรางตวอกษร - ใบความรท 7 เรอง การสรางตวอกษร“ ”
10
ตอนท 7.2 การใชหนาตาง Properties ของ Text Tool
ตอนท 7.3 ตวอยางการใชงาน Text ในรปแบบตาง ๆ
ไ ด ร จ ก เ ค ร อ ง ม อ ท ใ ช สำาหรบการเขยนขอความ - เม อน กเรยนได เรยนผ านจ ดประสงค น แล ว นกเรยนจะตองสามารถใสขอความได- นกเรยนรบภาระงาน
- ผสอนเกรนนำาเกยวกบจดประสงคการเรยนร ดงน- นกเรยนสามารถอธบายเกยวกบ ตวอกษรในร ปแบบตาง ๆ ได- ใ น จ ด ป ร ะ ส ง ค น นกเรยนจะรจกตวอกษร 3 รปแบบ ซงนกเรยนจะตองบอกไดวา ตวอกษรแตละแบบแตกตางกนอยางไร และมการรบขอมลอยางไร- นกเรยนรบภาระงาน
- ผสอนเกรนนำาเกยวกบจดประสงคการเรยนร ดงน- น ก เ ร ย น ส า ม า ร ถ
ทำางานเกยวกบ Text ในรปแบบตาง ๆ
- นกเรยนจะตองทำาการใชงาน Text ซงจะมในใบความรอยแลว ใหนกเรยนปฏบตตาม- น ก เ ร ย น ส า ม า ร ถทำางานไดตรงตามคำาสงจงจะถอวาผานจดประสงค
- คอมพวเตอร- โปรแกรม Flash MX
- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแผนการเรยนรท 7 เรอง การสรางตวอกษร - ใบความรท 7 เรอง การสรางตวอกษร“ ”
- คอมพวเตอร- โปรแกรม Flash MX
- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแผนการเรยนรท 7 เรอง การสรางตวอกษร - ใบความรท 7 เรอง การสรางตวอกษร“ ”
- คอมพวเตอร- โปรแกรม Flash MX
10
10
- นกเรยนรบภาระงาน
ขนท 2 ประกอบกจกรรมการเรยนการสอนตอนท กจกรรม สอทใช เวลา
(นาท)
หนวยท 7 การสรางตวอกษรตอนท 7.1 การใสขอความโดยใช Text Tool
ตอนท 7.2 การใชหนาตาง Properties ของ Text Tool
นยามภาระงาน- ผสอนแจกใบความรท 7 เรอง การสรางตวอกษร เพอใหนกเรยนไดดประกอบ ขณะทผสอนทำาการอธบายตามขนตอน- ผสอนใหนกเรยนจบค จ า กน น ใ ห น ก เ ร ย น เ ข าโปรแกรม Flash MX - ผสอนเร มใหน กเรยนทำาความร จก ก บ Text Tool ซงเปนเคร องมอทใ ช ส ำาหร บการ เข ยนต วอกษร ซงจะเปนรปตว A - ผสอน กำาหนดขอความใ น ร ป แ บ บ ต า ง ๆ ใ ห นกเรยนไดพมพ และจดตวอกษร ใสส และรปแบบต าง ๆ เพ อ ใหน ก เร ยนเคยชนก บการใช Text Tool โ ด ย น ก เ ร ย นส า ม า ร ถ ด ใ บ ค ว า ม ร ประกอบได- นกเรยน ทกคนสามารถสรางขอความ เคลอนยาย ใสส หรอเปลยนรปแบบตวอกษรไดถกตองถอวาผานจดประสงค
- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแ ผ น ก า ร เ ร ย น ร ท 7 เร อง การสรางตวอกษร - ใบความรท 7 เรอง การสรางตวอกษร“ ”
- คอมพวเตอร- โปรแกรม Flash MX
- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแ ผ น ก า ร เ ร ย น ร ท 7 เร อง การสรางตว
15
15
ตอนท 7.3 ตวอยางการใชงาน Text ในรปแบบตาง ๆ
- ผสอนแจกใบความรท 7 เรอง การสรางตวอกษร เพอใหนกเรยนไดดประกอบ ขณะทผสอนทำาการอธบายตามขนตอน- ผสอนใหนกเรยนจบค จ า กน น ใ ห น ก เ ร ย น เ ข าโปรแกรม Flash MX - นกเรยนจะตองรจกตว
อกษรทง 3 รปแบบ 1. Static Text2. Dynamic Text3. Input Text
- ผสอนใหนกเรยนเขยนขอความว า Flash MX จา กน น ท ำา ก า ร แ ย ก ต วอ กษร และน ำาต วอ กษรแตละต วมาออกแบบในลกษณะตาง ๆ กน โดยผสอนจะเร มท ำาตว F ใหด เปนตวอยาง นอกจากนน ผ ส อ น ใ ห น ก เ ร ย น ใ ช จนตนาการเอง- นกเรยนสามารถสรางตวอกษรได ถอวาผานจดประสงค
- ผสอนแจกใบความรท 7 เรอง การสรางตวอกษร เพอใหนกเรยนไดดประกอบ ขณะทผสอนทำาการอธบายตามขนตอน- ผสอนใหนกเรยนจบค จ า กน น ใ ห น ก เ ร ย น เ ข าโปรแกรม Flash MX
อกษร - ใบความรท 7 เรอง การสรางตวอกษร“ ”
- คอมพวเตอร- โปรแกรม Flash MX
- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแ ผ น ก า ร เ ร ย น ร ท 7 เร อง การสรางตวอกษร - ใบความรท 7 เรอง การสรางตวอกษร“ ”
- คอมพวเตอร- โปรแกรม Flash MX
15
- ผสอนใหนกเรยนแตละคดใบความรท 7 เรองการสรางตวอกษร ในสวนของตวอยางการสวนตวอกษร โดยใหนกเรยนปฏบตตามข น ต อ น โ ด ย ส า ม า ร ถเปลยนแปลงขอความคำาพดในงานได- เมอนกเรยนสรางงานเ สร จ จ ะต อ ง ใ ห ผ ส อ นตรวจกอน จงจะถอวาผานจดประสงค
ขนท 3 ขนสรป
ตอนท เรองทสรป สอทใช เวลา(นาท
)ตอนท 7.1 การใสขอความโดยใช Text Tool
- การใสขอความโดยใช Text Tool- การเคลอนยายและปรบขนาดกลองขอความ- การปรบแตงตวอกษรใหเขากบงานทออกแบบ
- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแผนการเรยนรท 7 เรอง การสรางตวอกษร - ใบความรท 7 เรอง การสรางตวอกษร“ ”
- คอมพวเตอร- โปรแกรม Flash MX
10
ตอนท 7.2 การใชหนาตาง Properties ของ Text Tool
- Static Text- Dynamic Text- Input Text
- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแผนการเรยนรท 7 เร
10
อง การสรางตวอกษร - ใบความรท 7 เรอง การสรางตวอกษร“ ”
- คอมพวเตอร- โปรแกรม Flash MX
ตอนท 7.3 ตวอยางการใชงาน Text ในรปแบบตาง ๆ
- ตวอยางการใชงาน Text ในรปแบบตาง ๆ
- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแผนการเรยนรท 7 เรอง การสรางตวอกษร - ใบความรท 7 เรอง การสรางตวอกษร“ ”
- คอมพวเตอร- โปรแกรม Flash MX
10
ขนท 4 ทดสอบหลงเรยนครใหนกเรยนแบงกลมออกเปน 3 กลม จากนนใหแตละกลมอภปรายใน
หวขอทตวเองไดรบ เกยวกบ Text แบบตาง ๆ หลงจากนนใหสงตวแทนออกมาสรปหนาหอง ใชเวลา 15 นาท
หวขออภปราย1. Static Text2. Dynamic Text3. Input Text
6. ภาระงานท 7ใหนกเรยนปฏบตงานกบเครองคอมพวเตอร เรอง การตกแตงตวอกษร
7. สอการเรยนการสอน7.1 CD ชวยสอน วชาคอมพวเตอร (การสรางงานแบบมลตมเดย
(Flash MX ))7.2 ใบความรท 7 เรอง การสรางตวอกษร“ ”
7.3 เครองคอมพวเตอรและโปรแกรม Flash MX
8. แหลงเรยนรหนงสอ คมอการเรยนรและเทคนคการใชงาน Macromadia Flash Mx
โดย ยทธชย รจรวมล
9. หลกฐานการเรยนรงานทนกเรยนไดปฏบตลงไปในเครอง ตามทผสอนสง และผสอนใหนกเรยนบนทกงานลงในแผนดสก
10. การประเมนการเรยนร แบบประเมนชนงานท 7 เรอง การตกแตงตวอกษร
ท ประเดนการประเมนผลการประเมน
ดมาก ด ปรบปรง1. นกเรยนสามารถตกแตงตวอกษรได
ถกตอง สวยงาม2 นกเรยนมความคดรเรมสรางสรรค3. นกเรยนมความตงใจในการทำางาน 4. ความตรงตอเวลาในการสงงาน
11. สรปผลการเรยนรผาน หมายถง มความสนใจในการเรยน สงงานเรยบรอยตามกำาหนดเวลาไมผาน หมายถง ไมสงงานตามทไดรบมอบหมาย
12. ขอเสนอแนะ…………………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………………………………………………………
รายวชาคอมพวเตอร (การสรางงานแบบมลตมเดย (Flash MX)) จำานวน 40 ชวโมง
ใบความรท 7การสรางตวอกษร
แผนการสอนท 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 ชวโมง
ภาคเรยนท ………. ปการศกษา ……………
1. มาตรฐานการเรยนร ง 4.1เขาใจและเหนคณคาของการใชเทคโนโลยสารสนเทศในการเรยนรและ
การใชในชวตประจำาวน การใชความคดสรางสรรค การแกไขปญหาในการทำางาน และการสรางงานอยางมประสทธภาพ ประสทธผลและมคณธรรมในการทำางาน
2. ผลการเรยนรทคาดหวงนกเรยนรจก Symbol แตละแบบ และสามารถเปลยนวตถเปน
Symbol ได
3. สาระการเรยนร1. รจก Symbol และ Instance2. รจก Symbol แตละแบบ3. Movie Clip
3.1 Button3.2 Graphic
4. การใช Library5. การเปลยนวตถเปน Symbol6. การใช Symbol จาก Library อน7. การสราง Symbol ประเภท Button
สาระทนำามาบรณาการ-
5. กระบวนการจดการเรยนรขนท 1 นำาเขาสบทเรยน
หนวยท กจกรรม สอทใช เวลา (นาท
)หนวยท 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
- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแผนการเรยนรท 8 เรอง รจกกบ Symbol - ใบความรท 8 เรอง รจกกบ “ Symbol”
- เ ค ร อ งคอมพวเตอร- โปรแกรม Flash MX
- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแผนการเรยนรท 8 เรอง รจกกบ Symbol - ใบความรท 8 เรอง รจกกบ “ Symbol”
- เ ค ร อ งคอมพวเตอร- โปรแกรม Flash MX
- ส ออ เล กทรอน กส
20
20
20
จ ดประสงค การ เร ยนร ดงน- นกเรยนสามารถอธบายสรางปมกดได- ผ สอนบอกกล าวแก นกเรยนวา ในจดประสงคน จะตองดใบความร และสรางปมกดตามใบความร ท ก ำาหนดได จงจะถ อวาผานจดประสงคการเรยนร- นกเรยนรบภาระงาน
ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแ ผ น ก า ร เ ร ย น ร ท 8 เ ร อ ง ร จ ก ก บ Symbol - ใบความรท 8 เรอง รจกกบ “ Symbol”
- เ ค ร อ งคอมพวเตอร- โปรแกรม Flash MX
ขนท 2 ประกอบกจกรรมการเรยนการสอนตอนท กจกรรม สอทใช เวลา
(นาท)
หนวยท 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
ตอนท 8.3 การใชงาน Symbol
ตอนท 8.4 ตวอยางการสรางปมกด
เก ดความสงสยหรอ ไม เข า ใ จ ผ สอนจะท ำาการอธบายใหฟงอ ก 1 รอบ พรอมแนะนำาใหน กเรยนอานใบความรประกอบ
- ผสอนแจกใบความรท 8 เรอง รจกกบ Symbol เพอใหนกเรยนไดดประกอบ ขณะทผสอนทำาการอธบายตามขนตอน- ผสอนใหนกเรยนจบค จ า กน น ใ ห น ก เ ร ย น เ ข าโปรแกรม Flash MX อธบายตามขนตอน- ผ ส อ น อ ธ บ า ย ใ ห น กเรยนฟงวา Library ค ออะ ไร มความส ำาค ญอยางไร -นกเรยน จะตอง Import ร ป ภ า พ ม า ใ ส ไ ว ใ น Library - ผ สอน มอบ หม าย ให นกเรยนนำา Symbol จาก Library อนมาใชงาน ซงผสอนจะทำาใหนกเรยนด 1 ตวอยาง จากนน ผสอนใหนกเรยน Import เขามาอก 5 ภาพ- น กเรยนสามารถ ใช Symbol จ า ก Library อนไดถกตอง ถอวาผานจดประสงค
- ผสอนแจกใบความรท 8 เรอง รจกกบ Symbol
- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแ ผ น ก า ร เ ร ย น ร ท เ ร อ ง ร จ ก ก บ Symbol - ใบความรท 8 เรอง รจกกบ “ Symbol”
- เ ค ร อ งคอมพวเตอร- โปรแกรม Flash MX
- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแ ผ น ก า ร เ ร ย น ร ท เ ร อ ง ร จ ก ก บ Symbol - ใบความรท 8 เรอง รจกกบ “ Symbol”
- เ ค ร อ งคอมพวเตอร
25
25
เพอใหนกเรยนไดดประกอบ ขณะทผสอนทำาการอธบายตามขนตอน- ผสอนใหนกเรยนจบค จ า กน น ใ ห น ก เ ร ย น เ ข าโปรแกรม Flash MX - ผสอนสอนใหนกเรยนร จ ก ก า ร แ ป ล ง ว ต ถ ใ ห กลายเปน Symbol การเปลยนชอให Symbol - ผสอนใหน กเรยนวาดรปกาตนรขนมาคละ 1 รป จากน นท ำาการแปลงให กลายเปน Symbol
- ผสอนแจกใบความรท 8 เรอง รจกกบ Symbol เพอใหนกเรยนไดดประกอบ ขณะทผสอนทำาการอธบายตามขนตอน- ผสอนใหนกเรยนจบค จ า กน น ใ ห น ก เ ร ย น เ ข าโปรแกรม Flash MX - ผสอนใหนกเรยนเปดใบความร จากน น ใหดท หวขอ ตวอยางการสรางป ม ก ด เ ส ร จ แ ล ว ใ ห น ก เ ร ย น ท ำา ง า น ต า มตวอยาง จนสำาเรจไดงานมาเรยบรอยจงใหผ สอนตรวจ
- โปรแกรม Flash MX
- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแ ผ น ก า ร เ ร ย น ร ท เ ร อ ง ร จ ก ก บ Symbol - ใบความรท 8 เรอง รจกกบ “ Symbol”
- เ ค ร อ งคอมพวเตอร- โปรแกรม Flash MX
ขนท 3 ขนสรป
ตอนท เรองทสรป สอทใช เวลา(นาท
)ตอนท 8.1 รจก Symbol แตละแบบ
- Movie Clip- Button- Graphic
- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแ ผ น ก า ร เ ร ย น ร ท เ ร อ ง ร จ ก ก บ Symbol - ใบความรท 8 เรอง รจกกบ “ Symbol”
- เ ค ร อ งคอมพวเตอร- โปรแกรม Flash MX
10
ตอนท 8.2 การใช Library
- การใช Library- Option ของ Library
- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแ ผ น ก า ร เ ร ย น ร ท เ ร อ ง ร จ ก ก บ Symbol - ใบความรท 8 เรอง รจกกบ “ Symbol”
- เ ค ร อ งคอมพวเตอร- โปรแกรม Flash MX
10
ตอนท 8.3 การใชงาน Symbol
- การเปลยนวตถเปน Symbol- การเปลยนชอให Symbol- การใช Symbol จาก Library อน
- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแ ผ น ก า ร เ ร ย น ร ท
10
- การสราง Symbol ประเภท Movie Clip- การสราง Symbol ประเภท Button
เ ร อ ง ร จ ก ก บ Symbol - ใบความรท 8 เรอง รจกกบ “ Symbol”
- เ ค ร อ งคอมพวเตอร- โปรแกรม Flash MX
ตอนท 8.4 ตวอยางการสรางปมกด
- การสรางปมกด- การสรางปมกดทมลกษณะเปนขอความ
- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแ ผ น ก า ร เ ร ย น ร ท เ ร อ ง ร จ ก ก บ Symbol - ใบความรท 8 เรอง รจกกบ “ Symbol”
- เ ค ร อ งคอมพวเตอร- โปรแกรม Flash MX
10
ขนท 4 ทดสอบหลงเรยนครใหนกเรยนแบงกลมออกเปน 3 กลม จากนนใหแตละกลมอภปรายใน
หวขอทตวเองไดรบ เกยวกบ Symbol แบบตาง ๆ หลงจากนนใหสงตวแทนออกมาสรปหนาหอง ใชเวลา 15 นาท
หวขออภปราย1. Movie Clip2. Button3. Graphic
6. ภาระงานท 8ภาระงานท 8 ใหนกเรยนปฏบตงานกบเครองคอมพวเตอร เร อง การ
สราง ปมกด
7. สอการเรยนการสอน
7.1 CD ชวยสอน วชาคอมพวเตอร (การสรางงานแบบมลตมเดย (Flash MX ))
7.2 ใบความรท 8 เรอง รจกกบ “ Symbol”7.3 เครองคอมพวเตอรและโปรแกรม Flash MX
8. แหลงเรยนรหนงสอ คมอการเรยนรและเทคนคการใชงาน Macromadia Flash Mx
โดย ยทธชย รจรวมล
9. หลกฐานการเรยนรผสอนใหนกเรยนปฏบตงานกบเครองคอมพวเตอร และเชคการทำางานทกครงผสอนใหนกเรยนปฏบตงานกบเครองคอมพวเตอร โดยทำาตามใบงานท
8 เสรจแลวใหนกเรยนบนทกงานลงแผนดสก
10. การประเมนการเรยนร แบบประเมนชนงานท 8 เรอง การสราง ปมกด
ท ประเดนการประเมนผลการประเมน
ดมาก ด ปรบปรง1 นกเรยนสามารถสราง ปมกดตามใบ
งานได2. นกเรยนมความคดรเรมสรางสรรค3. นกเรยนมความตงใจในการทำางาน 4. ความตรงตอเวลาในการสงงาน
11. สรปผลการเรยนรผาน หมายถง มความสนใจในการเรยน สงงานเรยบรอยตามกำาหนดเวลาไมผาน หมายถง ไมสงงานตามทไดรบมอบหมาย
12. ขอเสนอแนะ
…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………
รายวชาคอมพวเตอร (การสรางงานแบบมลตมเดย (Flash MX)) จำานวน 40 ชวโมง
ใบความรท 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 ชวโมง
ภาคเรยนท ………. ปการศกษา ……………
1. มาตรฐานการเรยนร ง 4.1เขาใจและเหนคณคาของการใชเทคโนโลยสารสนเทศในการเรยนรและ
การใชในชวตประจำาวน การใชความคดสรางสรรค การแกไขปญหาในการทำางาน และการสรางงานอยางมประสทธภาพ ประสทธผลและมคณธรรมในการทำางาน
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
4. สาระทนำามาบรณาการ-
5. กระบวนการจดการเรยนรขนท 1 นำาเขาสบทเรยน
หนวยท กจกรรม สอทใช เวลา (นาท
)หนวยท 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”
- เครองคอมพวเตอร- โปรแกรม Flash MX
30
ขนท 2 ประกอบกจกรรมการเรยนการสอนตอนท กจกรรม สอทใช เวลา
(นาท)
หนวยท 9 รจกกบ Layerตอนท 9.1 ความหมายของ Layer
ตอนท 9.2 การใชงาน Layer
นยามภาระงาน- ผสอนแจกใบความรท 9 เรอง รจกกบ Layer เพอใหนกเรยนไดดประกอบ ขณะทผสอนทำาการอธบายตามขนตอน- ผสอนใหนกเรยนจบค จ า กน น ใ ห น ก เ ร ย น เ ข าโปรแกรม Flash MX - ผสอนเร มอธบายเกยวก บ ค ว า ม ห ม า ย ข อ ง Layer วาหมายความวาอยางไร และเพราะอะไรจงจะตองม Layer- ผ สอ น ย ก ต ว อ ย า งโปรแกรม Photoshop ค ว บ ค ไ ป ด ว ย เ พ อ ท นกเรยนจะไดเขาใจมากขน- ผสอน ทดสอบความเขาใจ โดยการสมตวอยางนกเรยน 5 – 6 คน ขนมาเพอทดสอบความเขาใจ
- ผสอนแจกใบความรท 9 เรอง รจกกบ Layer เพอใหนกเรยนไดดประกอบ ขณะทผสอนทำาการอธบายตามขนตอน- ผสอนใหนกเรยนจบค จ า กน น ใ ห น ก เ ร ย น เ ข าโปรแกรม Flash MX
- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแ ผ น ก า ร เ ร ย น ร ท 9 เ ร อ ง ร จ ก ก บ Layer - ใบความรท 9 เรอง รจกกบ “ Layer”
- เครองคอมพวเตอร- โปรแกรม Flash MX
- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแ ผ น ก า ร เ ร ย น ร ท 9 เ ร อ ง ร จ ก ก บ Layer - ใบความรท 9 เรอง รจกกบ “ Layer”
- เครองคอมพวเตอร
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”
- เครองคอมพวเตอร- โปรแกรม Flash MX
30
- ผสอนใหนกเรยนจบค จ า กน น ใ ห น ก เ ร ย น เ ข าโปรแกรม Flash MX - ผ ส อ น ใ ห น ก เ ร ย น Import ภาพกระตายเขามา 1 รป- ใ น ก า ร ท ำา Layer Mark นกเรยนจะตองตงค าต าม ท ผ บ อก ส วน ท นกเรยนวาดวงกลมลงไปปกปด จะเปนสวนทเราจะเลอกใหแสดงไว ในทนผสอนใหนกเรยนใสวงกลมท ด ำา ท บ ไ ป ท ห ว ข อ งกระตาย เมอเสรจจะเหลอเ พ ย ง แ ต ส ว น ห ว ข อ งกระตาย ตวของกระตายจะหายไป- ผสอนใหน กเรยนท ำาภาพ Layer Mark ค ละ 5 ภาพ โดยใหน ก เรยนเลอกภาพตามใจ และจะ Mark สวนใดกได เมอทำาเสรจแลว ใหผสอนทำาการตรวจงาน
ขนท 3 ขนสรป
ตอนท เรองทสรป สอทใช เวลา(นาท
)ตอนท 9.1 ความหมายของ Layer
- ความหมายของ Layer- การใชงาน Layer
- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแผนการเรยนรท 9 เรอง รจกกบ Layer - ใบความรท 9 เรอง รจกกบ “ Layer”
- เครองคอมพวเตอร- โปรแกรม Flash MX
10
ตอนท 9.2 การใชงาน Layer
- การสราง Layer ใหม- วธเปลยนการทำางานไปใน Layer ตาง ๆ- การเปลยนชอให Layer- การซอนและแสดง Layer- การเปลยนลำาดบ Layer- การลบ Layer- การปองกนการแกไขรปภาพ- การทำาให Layer แสดงแตเสนโครงราง- การจดกลมให Layer- การสราง Folder เพอเกบ Layer
- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแผนการเรยนรท 9 เรอง รจกกบ Layer - ใบความรท 9 เรอง รจกกบ “ Layer”
- เครองคอมพวเตอร- โปรแกรม Flash MX
10
ตอนท 9.3 การใช Guide Layer ในการ
- การสราง Guide Layer- การใช Layer Mask
- ส ออ เล กทรอน กส ว ช า กา รสร า งง า น
10
วางวตถ - การกำาหนดคณสมบตของ Layer
แ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแผนการเรยนรท 9 เรอง รจกกบ Layer - ใบความรท 9 เรอง รจกกบ “ Layer”
- เครองคอมพวเตอร- โปรแกรม Flash MX
ขนท 4 ทดสอบกอนเรยนครใหนกเรยนชวยกนอภปรายเกยวกบ ความเหมอนและความแตกตาง
ของ Layer ใน Flash กบ Layer ใน Photoshop ใชเวลา 15 นาท 6. ภาระงานท 9
ภาระงานท 9 ใหนกเรยนปฏบตงานกบเครองคอมพวเตอร เรอง การใช Layer ในการสรางงาน
7. สอการเรยนการสอน7.1 CD ชวยสอน วชาคอมพวเตอร (การสรางงานแบบมลตมเดย
(Flash MX ))7.2 ใบความรท 9 เรอง รจกกบ “ Layer”7.3 เครองคอมพวเตอรและโปรแกรม Flash MX
8. แหลงเรยนร หนงสอ คมอการเรยนรและเทคนคการใชงาน Macromadia
Flash Mx โดย ยทธชย รจรวมล
9. หลกฐานการเรยนร
ใหนกเรยนปฏบตงานกบเคร องคอมพวเตอร เร อง การใช Layer ในการสรางงาน ทนกเรยนจะตองทำาสงทายชวโมง พรอมทงบนทกลงแผนดสก
10. การประเมนการเรยนร แบบประเมนชนงานท 9 เรอง การใช Layer ในการสรางงาน
ท ประเดนการประเมนผลการประเมน
ดมาก ด ปรบปรง1. นกเรยนสามารถใช Layer ในการ
สรางงานไดอยางถกตอง สวยงาม2 นกเรยนมความคดรเรมสรางสรรค3. นกเรยนมความตงใจในการทำางาน 4. ความตรงตอเวลาในการสงงาน
11. สรปผลการเรยนรผาน หมายถง มความสนใจในการเรยน สงงานเรยบรอยตามกำาหนดเวลาไมผาน หมายถง ไมสงงานตามทไดรบมอบหมาย
12. ขอเสนอแนะ………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………
รายวชาคอมพวเตอร (การสรางงานแบบมลตมเดย (Flash MX)) จำานวน 40 ชวโมง
ใบความรท 9รจกกบ Layer
แผนการสอนท 9จดประสงคปลายทาง
นกเรยนสามารถใชงาน 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 ชวโมงภาคเรยนท ………. ปการศกษา ……………
1. มาตรฐานการเรยนร ง 4.1เขาใจและเหนคณคาของการใชเทคโนโลยสารสนเทศในการเรยนรและ
การใชในชวตประจำาวน การใชความคดสรางสรรค การแกไขปญหาในการ
ทำางาน และการสรางงานอยางมประสทธภาพ ประสทธผลและมคณธรรมในการทำางาน
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
4. สาระทนำามาบรณาการ-
5. กระบวนการจดการเรยนรขนท 1 นำาเขาสบทเรยน
หนวยท กจกรรม สอทใช เวลา (นาท
)หนวยท 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
- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแ ผ น ก า ร เ ร ย น ร ท 10 เร อง หลกการพนฐ า น ข อ ง Animation - ใ บ ค ว า ม ร ท 10 เร อง หล กการพ น“ฐ า น ใ น ก า ร ส ร า ง Animation “- คอมพวเตอร- โปรแกรม Flash MX
ขนท 2 ประกอบกจกรรมการเรยนการสอนตอนท กจกรรม สอทใช เวลา
(นาท)
หนวยท 10 หลกการพนฐานในการสราง
นยามภาระงาน
10
Animationตอนท 10.1 หลกการของ Animation
ตอนท 10.2 Frame
ตอนท 10.3 Keyframe
ตอนท 10.4 Blank Keyframe
- ผสอนแจกใบความรท 10 เรอง หลกการของ Animation เพอใหนกเรยนไดดประกอบ ขณะทผสอนทำาการอธบายตามขนตอน- ผสอนอธบายเกยวกบเ ร อ ง ห ล ก ก า ร ข อ ง Animation และประเภทของ Animation ซงจะมประเภทตาง ๆ - ผสอนแจกภาระงานท 10 เรอง หลกการพนฐานในการสราง Animation จำานวน 3 ขอ ซงนกเรยนจะตองท ำาได 2 ใน 3 ขอ จงจะถอวาผานจดประสงคการเรยนร
- ผสอนแจกใบความรท 10 เรอง หลกการของ Animation เพอใหนกเรยนไดดประกอบ ขณะทผสอนทำาการอธบายตามขนตอน- ผสอนใหนกเรยนจบค จ า กน น ใ ห น ก เ ร ย น เ ข าโปรแกรม Flash MX - ผ สอนบอกกล าวแก น กเรยนวา เราจะเรยนเร อง Frame การสราง Frame ใ ห ม ก า ร เ พ ม Frame การลบ Frame- นกเรยนสามารถปฏบตงานตามทผสอน สอนได
- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแ ผ น ก า ร เ ร ย น ร ท 10 เร อง หลกการพนฐ า น ข อ ง Animation - ใ บ ค ว า ม ร ท 10 เร อง หล กการพ น“ฐ า น ใ น ก า ร ส ร า ง Animation “- คอมพวเตอร- โปรแกรม Flash MX
- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแ ผ น ก า ร เ ร ย น ร ท 10 เร อง หลกการพนฐ า น ข อ ง Animation - ใ บ ค ว า ม ร ท 10 เร อง หล กการพ น“ฐ า น ใ น ก า ร ส ร า ง Animation “- คอมพวเตอร- โปรแกรม Flash MX
- ส ออ เล กทรอน กส ว ช า กา รสร า งง า น
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
- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแ ผ น ก า ร เ ร ย น ร ท 10 เร อง หลกการพนฐ า น ข อ ง Animation - ใ บ ค ว า ม ร ท 10 เร อง หล กการพ น“ฐ า น ใ น ก า ร ส ร า ง Animation “- คอมพวเตอร- โปรแกรม Flash MX
ก า ร เ พ ม Blank Keyframe ก า ร ล บ Blank Keyframe- นกเรยนสามารถปฏบตงานตามทผสอน สอนได ถอวาผานจดประสงค
ขนท 3 ขนสรป
ตอนท เรองทสรป สอทใช เวลา(นาท
)ตอนท 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
ตอนท 10.3 Keyframe
- การเพม Keyframe- การลบ Keyframe
- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแผนการเรยนรท 10 เร อง หลกการพนฐานของ Animation - ใ บ ค ว า ม ร ท 10 เร อง หล กการพ น“ฐ า น ใ น ก า ร ส ร า ง Animation “- คอมพวเตอร- โปรแกรม Flash MX
5
ตอนท 10.4 Blank Keyframe
- การเพม Blank Keyframe- เสนเวลา (Timeline)
- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแผนการเรยนรท 10 เร อง หลกการพนฐานของ Animation - ใ บ ค ว า ม ร ท 10 เร อง หล กการพ น“ฐ า น ใ น ก า ร ส ร า ง Animation “- คอมพวเตอร- โปรแกรม Flash
5
MX
ขนท 4 ทดสอบหลงเรยนครใหนกเรยนแบงกลมออกเปน 3 กลม จากนนใหแตละกลมอภปรายใน
หวขอทตวเองไดรบ เกยวกบ การจดการกบสวนตาง ๆ ของ 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
8. แหลงเรยนรหนงสอ คมอการเรยนรและเทคนคการใชงาน Macromadia Flash Mx
โดย ยทธชย รจรวมล
9. หลกฐานการเรยนรใบงานท 10 เรอง หลกการพนฐานในการสราง Animation
10. การประเมนการเรยนร แบบประเมนชนงานท 10 เรอง หลกการพนฐานในการสราง
Animation
ท ประเดนการประเมน ผลการประเมน
ดมาก ด ปรบปรง1. นกเรยนสามารถอธบายหลกการพน
ฐานในการสรางภาพ Animation ไดอยางถกตอง
2 นกเรยนมความคดรเรมสรางสรรค3. นกเรยนมความตงใจในการทำางาน 4. ความตรงตอเวลาในการสงงาน
11. สรปผลการเรยนรผาน หมายถง มความสนใจในการเรยน สงงานเรยบรอยตามกำาหนดเวลาไมผาน หมายถง ไมสงงานตามทไดรบมอบหมาย
12. ขอเสนอแนะ…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………
รายวชาคอมพวเตอร (การสรางงานแบบมลตมเดย (Flash MX)) จำานวน 40 ชวโมง
ใบความรท 10หลกการพนฐานในการสราง Animation
แผนการสอนท 10จดประสงคปลายทาง
นกเรยนสามารถรและเขาใจหลกการพนฐานในการสราง 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 นจะใชเวลาเทาไหร (หนวยเปนวนาท)
รายวชาคอมพวเตอร (การสรางงานแบบมลตมเดย (Flash MX)) จำานวน 40 ชวโมง
ภาระงานท 10เรองหลกการพนฐานในการสราง Animation
ชอ…………………………………………นามสกล เลขท…………………………………… …………………..ชน วนท……………………… …………………เดอน พ……………………… .ศ……………………………….
ใหนกเรยนตอบคำาถามดงตอไปน1. หลกการของการสราง Animation คอ
…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………
2. การเคลอนไหวชนดภาพตอภาพ เปนแบบใด…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………
3. การเคลอนไหวชนดกำาหนดจดเรมตนและจดสนสด เปนแบบใด…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………
แผนการจดกจกรรมการเรยนรกลมสาระการเรยนรการงานอาชพและเทคโนโลย
ชอหนวย การสรางงานแบบมลตมเดย (Flash MX)แผนการเรยนรท 11 เรอง การสราง Animation เวลา 4 ชวโมง
ภาคเรยนท ………. ปการศกษา ……………
1. มาตรฐานการเรยนร ง 4.1เขาใจและเหนคณคาของการใชเทคโนโลยสารสนเทศในการเรยนรและ
การใชในชวตประจำาวน การใชความคดสรางสรรค การแกไขปญหาในการทำางาน และการสรางงานอยางมประสทธภาพ ประสทธผลและมคณธรรมในการทำางาน
2. ผลการเรยนรทคาดหวงนกเรยนสามารถเขาใจหลกการพนฐานในการสราง Animation ได
3. สาระการเรยนร1. หลกการเคลอนไหวแบบตาง ๆ 2. การเคลอนไหวชนดภาพตอภาพ3. การเคลอนไหวแบบเปลยนแปลงสถานท
3.1 การทำา Animation แบบ Tween3.2 การทำา Animation แบบ ยอ ขยาย วตถ–3.3 การทำา Animation แบบบดพลกวตถ3.4 การทำา Animation แบบ Guideline
4. การทำาการเคลอนไหวชนดกำาหนดจดเรมตนและกำาหนดจดสนสด
4. สาระทนำามาบรณาการ-
5. กระบวนการจดการเรยนรขนท 1 นำาเขาสบทเรยน
หนวยท กจกรรม สอทใช เวลา (นาท
)หนวยท 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
ขนท 2 ประกอบกจกรรมการเรยนการสอนตอนท กจกรรม สอทใช เวลา
(นาท)
หนวยท 11 ตวอยางการสราง Animationตอนท 11.1 หลกการสรางภาพเคลอนไหวแบบตาง ๆ
นยามภาระงาน
- ผสอนแจกใบความรท 11 เร อง หลกการสรางภาพเคลอนไหวแบบตาง ๆ เ พ อ ใ ห น ก เ ร ย น ศ ก ษ าประกอบกบคำาอธบายของผสอน- ผสอนใหนกเรยนจบค จ า กน น ใ ห น ก เ ร ย น เ ข าโปรแกรม Flash MX - นกเรยนจะตองสรางภาพเคลอนไหวแบบตาง ๆ ตามใบความรทมตวอยางใหในแตละแบบ- ผ ส อ น ใ ห น ก เ ร ย นสามารถเลอกภาพหรอใชความคดหรอจนตนาการของตนเอง พลกแพลงงานใหดดขนได- ผสอนจะตองตรวจงานทกครงทนกเรยนทำาเสรจ
- ใ บ ค ว า ม ร ท 11 เร อง หลกการสราง“ภาพเคลอนไหวแบบตาง ๆ”- สออเลกทรอนกสวชา การสรางงานแบบมลตมเดย (Flash MX) หวขอแผนการเรยนรท 11 เรอง หลกการสรางภาพเคลอนไหวแบบตาง ๆ - เครองคอมพวเตอร- โปรแกรม Flash MX
180
ขนท 3 ขนสรปตอนท เรองทสรป สอทใช เวลา
(นาท)
ตอนท 11.1 หลกการสรางภาพเคลอนไหวแบบตาง ๆ
- การเคลอนไหวชนดภาพตอภาพ- การทำา Animation แบบ Tween
- ใ บ ค ว า ม ร ท 11 เร อง หลกการสราง“ภาพเคลอนไหวแบบตาง ๆ”
20
- การทำา Animation แบบบด พลกวตถ- การทำา Animation แบบ Guideline- การเปลยนแปลงตวอกษร
- สออเลกทรอนกสวชา การสรางงานแบบมลตมเดย (Flash MX) หวขอแผนการเรยนรท 11 เรอง หลกการสรางภาพเคลอนไหวแบบตาง ๆ - เครองคอมพวเตอร- โปรแกรม Flash MX
ขนท 4 ทดสอบหลงเรยนครใหนกเรยนแบงกลมออกเปน 5 กลม จากนนใหแตละกลมอภปรายใน
หวขอทตวเองไดรบ เกยวกบ การสรางภาพเคลอนไหวแบบตาง ๆ หลงจากนนใหสงตวแทนออกมาสรปหนาหอง ใชเวลา 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
8. แหลงเรยนรหนงสอ คมอการเรยนรและเทคนคการใชงาน Macromadia 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. ความตรงตอเวลาในการสงงาน
11. สรปผลการเรยนรผาน หมายถง มความสนใจในการเรยน สงงานเรยบรอยตามกำาหนดเวลาไมผาน หมายถง ไมสงงานตามทไดรบมอบหมาย
12. ขอเสนอแนะ………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………
รายวชาคอมพวเตอร (การสรางงานแบบมลตมเดย (Flash MX)) จำานวน 40 ชวโมง
ใบความรท 11ตวอยางการสราง Animation
แผนการสอนท 11จดประสงคปลายทาง
นกเรยนสามารถสรางภาพเคลอนไหวอยางงาย ๆ ไดจดประสงคนำาทาง
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 วงไปตงแตจดเรมตนและไปจนถงจดสดทาย
6. ทำาการทดสอบ Animation โดยกดคย <Ctrl+Enter> หรอ Control Test Movie เราจะเหนวตถของเราเคลอนท เมอดเสรจแลวใหคลกปม กากบาท เพอปดหนาตาง
การเปลยนแปลงตวอกษรตอไปจะเปนการสราง 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 แลว
6. ทำาการทดสอบ Animation โดยกดคย <Ctrl+Enter> หรอ Control Test Movie เราจะเหนวตถของเราเคลอนท เมอดเสรจแลวใหคลกปม กากบาท เพอปดหนาตาง
แผนการจดกจกรรมการเรยนรกลมสาระการเรยนรการงานอาชพและเทคโนโลย
ชอหนวย การสรางงานแบบมลตมเดย (Flash MX) แผนการเรยนรท 12 เรอง Flash กบภาพยนตรและเสยง เวลา 3 ชวโมง
ภาคเรยนท ………. ปการศกษา ……………
1. มาตรฐานการเรยนร ง 4.1เขาใจและเหนคณคาของการใชเทคโนโลยสารสนเทศในการเรยนรและ
การใชในชวตประจำาวน การใชความคดสรางสรรค การแกไขปญหาในการทำางาน และการสรางงานอยางมประสทธภาพ ประสทธผลและมคณธรรมในการทำางาน
2. ผลการเรยนรทคาดหวงนกเรยนรจกการใสเสยงดวยวธตาง ๆ ได
3. สาระการเรยนร1. การนำาไฟลภาพยนตรมาใชใน Flash2. ไฟลเสยงทใชใน Flash3. การจดการเสยงดวย Sound Properties4. การจดการเสยง5. การใสเสยงใน Frame6. การลบเสยงใน Frame
7. การใสเสยงในปมกด8. การใสเสยงประกอบฉากใน Frame
4. สาระทนำามาบรณาการ-
5. กระบวนการจดการเรยนรขนท 1 นำาเขาสบทเรยน
หนวยท กจกรรม สอทใช เวลา (นาท
)หนวยท 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
ขนท 2 ประกอบกจกรรมการเรยนการสอนตอนท กจกรรม สอทใช เวลา
(นาท)
หนวยท 12 Flash กบ นยามภาระงาน- ส ออ เล กทรอน กส 30
ภาพและเสยงตอนท 12.1 ไฟลเสยงทใชใน Flash
ตอนท 12.2 การใสเสยงใน Frame
ตอนท 12.3 การใชหนาตาง Properties กบเสยง
- ผสอนแจกใบความรท 12 เรองไฟลเสยงทใชใน Flash เพอใหนกเรยนไดดประกอบ ขณะทผสอนทำาการอธบายตามขนตอน- ผสอนใหนกเรยนจบค จ า กน น ใ ห น ก เ ร ย น เ ข าโปรแกรม Flash MX - ผสอนเร มอธบายถ งระบบเสยงใน Flash ให น กเรยนเขาใจกอนวา ม ไฟล เสยงแบบใดบ างท ส ามารถน ำา เข ามา ใช ใน Flash ได- ผสอนใหนกเรยนแตละค Import ไฟลเสยงเขามาเกบไว คละ 10 เสยง - น ก เ ร ย น ส า ม า ร ถ Import ไฟลเสยงได ตามทผสอนกำาหนดได ถอวาผานจดประสงค
- ผสอนแจกใบความรท 12 เรองไฟลเสยงทใชใน Flash เพอใหนกเรยนไดดประกอบ ขณะทผสอนทำาการอธบายตามขนตอน- ผสอนใหนกเรยนจบค จ า กน น ใ ห น ก เ ร ย น เ ข าโปรแกรม Flash MX - ผ ส อ น ใ ห น ก เ ร ย น Import รปภาพ เหมอนกบเนอเรอง 1 เรองเขามาไวใน Frame - ผ ส อ น ใ ห น ก เ ร ย น
ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแผนการเรยนรท 12 เร อง ไฟลเสยงทใชใน Flash - ใ บ ค ว า ม ร ท 12 เร อง ไฟลเสยงทใช “ใน Flash”- คอมพวเตอร- โปรแกรม Flash MX
- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (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
ขนท 3 ขนสรป
ตอนท เรองทสรป สอทใช เวลา(นาท
)ตอนท 12.1 ไฟลเสยงทใชใน Flash
- ระบบเสยงใน Flash- การนำาไฟลเสยงเขามาใชใน Flash
- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแผนการเรยนรท 12 เร อง ไฟลเสยงทใชใน Flash - ใ บ ค ว า ม ร ท 12 เร อง ไฟลเสยงทใช “ใน Flash”- คอมพวเตอร- โปรแกรม Flash MX
10
ตอนท 12.2 การใสเสยงใน Frame
- การใสเสยงใน Frame- การลบเสยงทกำาหนดไวใน Frame- การใสเสยงในปมกด
- ส ออ เล กทรอน กส ว ช า กา รสร า งง า นแ บ บ ม ล ต ม เ ด ย (Flash MX) ห วข อแผนการเรยนรท 12 เร อง ไฟลเสยงทใชใน Flash - ใ บ ค ว า ม ร ท 12 เร อง ไฟลเสยงทใช “ใน Flash”- คอมพวเตอร- โปรแกรม Flash MX
10
ตอนท 12.3 การใชหนาตาง Properties กบเสยง
- การใชหนาตาง 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
8. แหลงเรยนรหนงสอ คมอการเรยนรและเทคนคการใชงาน Macromadia Flash Mx
โดย ยทธชย รจรวมล
9. หลกฐานการเรยนรภาระงานท 11 เรอง ระบบเสยงใน Flash
10. การประเมนการเรยนร แบบประเมนชนงานท 12 เรองการใสเสยง
ท ประเดนการประเมนผลการประเมน
ดมาก ด ปรบปรง
1. นกเรยนสามารถบอกระบบเสยงใน Flash ได
2 นกเรยนมความคดรเรมสรางสรรค3. นกเรยนมความตงใจในการทำางาน 4. ความตรงตอเวลาในการสงงาน
11. สรปผลการเรยนรผาน หมายถง มความสนใจในการเรยน สงงานเรยบรอยตามกำาหนดเวลาไมผาน หมายถง ไมสงงานตามทไดรบมอบหมาย
12. ขอเสนอแนะ………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………
รายวชาคอมพวเตอร (การสรางงานแบบมลตมเดย (Flash MX)) จำานวน 40 ชวโมง
ใบความรท 12Flash กบภาพและเสยง
แผนการสอนท 1จดประสงคปลายทาง
นกเรยนรจกและสามารถจดการกบเสยงใน 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
4. สาระทนำามาบรณาการ-
5. กระบวนการจดการเรยนรขนท 1 นำาเขาสบทเรยน
หนวยท กจกรรม สอทใช เวลา (นาท
)หนวยท 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
ขนท 2 ประกอบกจกรรมการเรยนการสอนตอนท กจกรรม สอทใช เวลา
(นาท)
หนวยท 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 ได ถอวาผานจดประสงค
ขนท 4 ขนสรป
ตอนท เรองทสรป สอทใช เวลา(นาท
)ตอนท 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ปฏบตงานกบเครองคอมพวเตอร การนำาเสนองาน
7. สอการเรยนการสอน7.1 CD ชวยสอน วชาคอมพวเตอร (การสรางงานแบบมลตมเดย
(Flash MX ))7.2 ใบความรท 13 เรอง การเผยแพร “ Flash Movie”7.3 เครองคอมพวเตอรและโปรแกรม Flash MX
8. แหลงเรยนรหนงสอ คมอการเรยนรและเทคนคการใชงาน Macromadia Flash Mx
โดย ยทธชย รจรวมล
9. หลกฐานการเรยนรผลงานทนกเรยน Export ออกมาวางไวทหนาจอ Desktop
10. การประเมนการเรยนร แบบประเมนชนงานท 13 เรอง การนำาเสนองาน
ท ประเดนการประเมนผลการประเมน
ดมาก ด ปรบปรง1. นกเรยนสามารถนำาไฟลงานทสราง
ขน ออกไปวางไวทหนาจอ Desktop ได
2 นกเรยนมความคดรเรมสรางสรรค3. นกเรยนมความตงใจในการทำางาน 4. ความตรงตอเวลาในการสงงาน
11. สรปผลการเรยนรผาน หมายถง มความสนใจในการเรยน สงงานเรยบรอยตามกำาหนดเวลาไมผาน หมายถง ไมสงงานตามทไดรบมอบหมาย
12. ขอเสนอแนะ…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………
รายวชาคอมพวเตอร (การสรางงานแบบมลตมเดย (Flash MX)) จำานวน 40 ชวโมง
ใบความรท 13การเผยแพร Flash Movie
แผนการสอนท 12จดประสงคปลายทาง
นกเรยนสามารถเผยแพรผลงาน โดยการ 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 คะแนน
การสอสาร พดอยางมนใจ นำาเสยงชดเจน ถกตองตามหลกการออกเสยง แบงวรรคตอนไดถกตอง ทำาใหสอความหมายไดถกตอง
พดชดเจน มผดพลาดดานการออกเสยงและแบงวรรคตอนไมถกตองแตสามารถสอความได
มทผดพลาดดานการออกเสยงหลายแหง วรรคตอนไมถกตองทำาใหมปญหาในการสอความ
พดราบเรยบไมมเสยงเนนหนกในคำาแบงวรรคตอนไมถกตอง ทำาใหสอความไมชดเจน
พดเหมอนอาน ออกเสยงผดมาก สอความไมได
การนำาเสนอ- -
ลลาการพดนาสนใจ เนอหาสาระมแนวคดทเปนประโยชนมสออปกรณพรอม
ไมมลลาการพด เนอหามแนวคดอยบาง มสออปกรณประกอบการพด แตไมสอดคลองกบการนำาเสนอ
ไมมลลาในการพดไมมแนวคดขาดอปกรณประกอบการพด
ความพรอมในการนำาเสนอ - - -
การนำาเสนอราบรนมการเตรยมความพรอม
การนำาเสนอไมราบรน ขาดการเตรยมความ
ลวงหนาและสมาชกมสวนรวม ในการใชภาษาเพอนำาเสนอ
พรอม สมาชกไมไดนำาเสนอทกคน
แบบประเมนคณภาพของชนงานประเดนการ
ประเมนความยากงาย
ของชนงาน
ความคดสรางสรรค
ความประณต รวม
กลมท 5 คะแนน 3 คะแนน 2 คะแนน 10 คะแนน
12345678
(ลงชอ)……………………………………………….ผประเมน
(……………………………………………..)
เกณฑการใหคะแนนคณภาพชนงาน (10 คะแนน)ประเดนการประเมน
5 คะแนน 4 คะแนน 3 คะแนน 2 คะแนน 1 คะแนน
ความยากงายของชนงาน
ชนงานมความซบซอน มรายละเอยดมาก มหลกฐานแสตงถงการหาขอมลจากแหลง เรยนรทหลากหลาย
ชนงานมความซบซอน แตยงขาดรายละเอยดเทาทควร มหลกฐานการหาขอมลจากแหลงทหลากหลาย
ชนงานไมซบซอนไมมรายละเอยดเทาทควร มหลกฐานการคนควาจากแหลงมลเพยงแหลงเดยว
ชนงานขาดรายละเอยดทนาสนใจถงแมจะมหลกฐานการคนควาจากแหลงขอมล
เปนชนงานงาย ๆ ทคดลอกจากแหลงขอมล
ความคดสรางสรรค - -
เปนชนงานทแสดงถงความคดทพยายามสรางสรรคงานใหม ๆ
เปนชนงานทแสดงถงการปรบปรง ดดแปลงจากชนงานทวไป
เปนชนงานทเหมอนกบตวอยางหรอคดลอกผลงานทวไป
ความประณต- - -
มความประณต ตกแตงสวยงาม
มการตกแตง แตขาดความประณต
แบบประเมนการทำางานกลมประเดนการ
ประเมนความรวมมอ ขนตอนการ
ทำางานหนาทรบผดชอบ รวม
กลมท 5 คะแนน 3 คะแนน 2 คะแนน 10 คะแนน
12345678
(ลงชอ)……………………………………………….ผประเมน
(……………………………………………..)
เกณฑการใหคะแนนการทำางานกลม (10 คะแนน)ประเดนการประเมน
5 คะแนน 4 คะแนน 3 คะแนน 2 คะแนน 1 คะแนน
ความรวมมอ ทกคนรบผดขอบในหนาททไดรบมอบหมาย ชวยเหลองานนอกเหนอหนาทด การประสานงานในกลมด
ทกคนรบผดชอบหนาททไดรบมอบหมายแตขาดการชวยเหลอผอน การประสานงานในกลมบกพรอง
บางคนรบผดชอบในหนาท ขาดการชวยเหลอผอน การประสานงานในกลมบกพรอง
สวนมากไมรบผดชอบงานขาดการประสานงานในกลม
ทกคนทำางานทไดรบมอบหมายเทานนขาดการประสานงานกลม
ขนตอนการทำางาน - -
กำาหนดขนตอนซดเจน เหนภาพการทำางานตลอดแนว มความสำาเรจของงานทเหนไดซดเจน
กำาหนดขนตอนชดเจน แตขาดความสมบรณของงานบางสวน
ขนตอนของงานไมชดเจนทำาใหเกดความขดของในกากทำางาน
หนาทรบผดชอบ- - -
ทกคนไดรบมอบหนาท/ภาระงานตาม
ทกคนไดรบมอบหนาท/ภาระงานแต
ความเหมาะสม และปฏบตงานอยางเตมความสามารถ ทำาใหงานเสรจสมบรณ
ทำางานไมเตมความสามารถ งานเสรจไมสมบรณ