เล่มที่ 2 tool box มหัศจรรย์ นางสาวเทพธิดา...
TRANSCRIPT
แบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรม Macromedia Flash 8
เลมท 2 Tool Box มหศจรรย
นางสาวเทพธดา ศรเชยงหวาง โรงเรยนหนองยองพทยาคม รชมงคลาภเษก
1
แบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรม Macromedia Flash 8
เลมท 2 Tool Box มหศจรรย
นางสาวเทพธดา ศรเชยงหวาง โรงเรยนหนองยองพทยาคม รชมงคลาภเษก
2
ค ำน ำ
แบบฝกทกษะการสรางการตนแอนเมชนดวย Macromedia Flash8 ชดน ไดจดท าขน เพอใชเปนสวนหนงในการจดกจกรรมการเรยนการสอน กลมสาระการงานอาชพและเทคโนโลย รายวชา การสรางภาพเคลอนไหว รหสวชา 20204 (วชาเพมเตม) ส าหรบนกเรยนชนมธยมศกษาปท 3 โดยเนนผ เรยนเปนส าคญ ใหสามารถพฒนาความร ความเขาใจเกยวกบเรองการสรางการตนแอนเมชนดวย Macromedia Flash8 ทงนไดขยายผลในดานเนอหาใหกวางและชดเจนมากยงขน ซงผ เรยนสามารถไปประยกตใชในชวตประจ าวนและใชในอนาคตได แบบฝกทกษะการสรางการตนแอนเมชนดวย Macromedia Flash8 ชดนมทงหมด 7 เลม ประกอบดวย เลมท 1 พนฐานโปรแกรมMacromedia Flash8 เลมท 2 Tool Box มหศจรรย เลมท 3 สสนพาเพลน เลมท 4 Text Tool เลมท 5 Layer หรรษา เลมท 6 Symbols นาเรยนร เลมท 7 สรางสรรคแอนเมชน หวงเปนอยางยงวาแบบฝกทกษะการสรางการตนแอนเมชนดวย Macromedia Flash8 ชดน จะชวยสงเสรมและพฒนาทกษะการสรางการตนแอนเมชน ของนกเรยนใหดยงขน สงผลใหนกเรยนมผลสมฤทธทางการเรยนสงขน ตลอดจนเสรมสรางสมรรถนะส าคญดานความสามารถในการใชเทคโนโลยของนกเรยนและผ ทสนใจ ใหบรรลตามวตถประสงคของหลกสตรตอไป
นางสาวเทพธดา ศรเชยงหวาง
แบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรม Macromedia Flash 8
เลมท 2 Tool Box มหศจรรย
นางสาวเทพธดา ศรเชยงหวาง โรงเรยนหนองยองพทยาคม รชมงคลาภเษก
3
สำรบญ หนำ ค าน า 1 สารบญ 2 ค าแนะน าส าหรบคร 3 ค าแนะน าส าหรบนกเรยน 4 สาระการเรยนร 5 จดประสงคการเรยนร 5 แบบทดสอบกอนเรยน 6 กรอบเนอหา
1. การใช Line Tool 9 2. การใช Pen Tool 11 3. การใช Oval Tool 13 4. การใช Rectangle Tool 14 5. การใช Pencil Tool 15 6. การใช Brush Tool 16
กรอบกจกรรม กจกรรมฝกทกษะ 2.1 19 กจกรรมฝกทกษะ 2.2 20 กจกรรมฝกทกษะ 2.3 22 แบบทดสอบหลงเรยน 24 ภาคผนวก 26 เฉลยแบบฝกทกษะท 2.1 27 เฉลยแบบทดสอบกอนและหลงเรยน 28 บรรณานกรม 29
แบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรม Macromedia Flash 8
เลมท 2 Tool Box มหศจรรย
นางสาวเทพธดา ศรเชยงหวาง โรงเรยนหนองยองพทยาคม รชมงคลาภเษก
4
ค ำแนะน ำส ำหรบคร
แบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรมMacromedia Flash8 เลมท 2 เรอง Tool Box มหศจรรย เปนสอประกอบการจดกจกรรมการเรยนการสอนของนกเรยนชนมธยมศกษา ปท 3 โรงเรยนหนองยองพทยาคม รชมงคลาภเษก ซงในการด าเนนกจกรรมการเรยนการสอน ครผสอนควรปฏบตดงน 1. ขนเตรยมการสอน ครผสอนตองศกษารายละเอยดดงน
1.1 ศกษาโครงสรางผลการเรยนร ของแผนการจดการเรยนรใหเขาใจอยางละเอยด 1.2 ตรวจสอบแบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรมMacromedia
Flash8 สอการสอนและคอมพวเตอรใหอยในสภาพทใชงานไดด 1.3 ครผสอนควรเตรยมความรในเนอหาอยางลกซง
2. ขนด าเนนกจกรรมการเรยนการสอน
2.1 ครผสอนสามารถ ยดหยนเวลาในการจดกจกรรมการเรยนการสอนไดตามความเหมาะสม 2.2 ครแจกแบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรมMacromedia Flash 8
เลมท 2 Tool Box มหศจรรย ใหนกเรยนไดศกษา 2.3 ครอธบายและสาธตขนตอนการฝกปฏบต 2.4 ครใหนกเรยนเปดเครองคอมพวเตอรและฝกปฏบตกจกรรมฝกทกษะทก าหนดไวในการ
จดกจกรรม 2.5 ครผสอนสามารถเพมเตมเนอหาบางตอนไดตามความเหมาะสม
3. ขนการประเมนผล
3.1 ครผสอนควรแจงใหนกเรยนทราบถงขอบเขตเนอหาทจะประเมน 3.2 ครผสอนควรประเมนผลทกครงหลงสนสดกจกรรมการเรยนการสอนและแจงให
นกเรยนทราบถงผลการประเมน
แบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรม Macromedia Flash 8
เลมท 2 Tool Box มหศจรรย
นางสาวเทพธดา ศรเชยงหวาง โรงเรยนหนองยองพทยาคม รชมงคลาภเษก
5
ค ำแนะน ำส ำหรบนกเรยน
แบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรมMacromedia Flash8 เลมท 2 Tool Box มหศจรรย เลมน ใชประกอบการจดกจกรรมการเรยนการสอนของนกเรยนชนมธยมศกษา ปท 3 โรงเรยนหนองยองพทยาคม รชมงคลาภเษก โดยมขนตอนการจดกจกรรมการเรยนการสอน ดงน 1. นกเรยนรบแบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรมMacromedia Flash8
เลมท 2 Tool Box มหศจรรย 2. นกเรยนรบฟงค าชแจงการใชแบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรม
Macromedia Flash8 กอนลงมอปฏบต 3. นกเรยนท าแบบทดสอบกอนเรยน เพอประเมนวานกเรยนมพนฐานความร ความเขาใจเกยวกบเรองท
จะเรยนมากนอยเพยงใด 4. นกเรยนฟงค าอธบายและการสาธตของคร พรอมทงฝกปฏบตหลงจากการสาธต 5. ศกษาเนอหา และฝกปฏบตตามขนตอนทระบไวในกรอบกจกรรม 6. ทดสอบการฝกปฏบตกบครผสอน 7. ท าแบบทดสอบหลงเรยนเพอดความกาวหนาในการเรยนของนกเรยน หลงจากท ากจกรรมการเรยน
การสอน โดยใชแบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรมMacromedia Flash8 8. หลงจากท ากจกรรมการเรยนการสอนเสรจเรยบรอยแลว ใหนกเรยนปดเครองคอมพวเตอรอยางถกวธ
เกบเกาอใหเรยบรอย 9. ในการท ากจกรรมตามแบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรมMacromedia
Flash8 ทกเลมขอใหนกเรยนปฏบตดวยความตงใจมความซอสตยตอตนเองใหมากทสดและไมดเฉลยกอนท าแบบทดสอบ
10. นกเรยนรบฟงการบอกคะแนน ค าชมเชย และค าแนะน าเพมเตมจากคร
แบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรม Macromedia Flash 8
เลมท 2 Tool Box มหศจรรย
นางสาวเทพธดา ศรเชยงหวาง โรงเรยนหนองยองพทยาคม รชมงคลาภเษก
6
สำระกำรเรยนร
1. การใช Line Tool 2. การใช Pen Tool 3. การใช Oval Tool 4. การใช Rectangle Tool 5. การใช Pencil Tool 6. การใช Brush Tool
จดประสงคกำรเรยนร 1. ดานความร ความเขาใจ (K)
1.1) นกเรยนมความรความเขาใจ ในการใชงานอปกรณในการวาดภาพชนดตางๆ
1.2) นกเรยนสามารถอธบายเกยวกบอปกรณในการวาดภาพแตละชนดได
2. ดานทกษะ กระบวนการ (P)
2.1) นกเรยนสามารถใชงานอปกรณในการวาดภาพชนดตางๆได 2.2) นกเรยนสามารถวาดภาพ สรางภาพในแตละแบบ ดวยอปกรณในการวาดภาพชนดตางๆได 2.3) นกเรยนสามารถปรบแตงภาพวาดได
3. ดานคณลกษณะอนพงประสงค (A)
3.1) มวนย 3.2) ใฝเรยนร 3.3) มงมนในการท างาน
แบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรม Macromedia Flash 8
เลมท 2 Tool Box มหศจรรย
นางสาวเทพธดา ศรเชยงหวาง โรงเรยนหนองยองพทยาคม รชมงคลาภเษก
7
แบบทดสอบกอนเรยน
เรอง Tool Box มหศจรรย
ค าชแจง ใหนกเรยนท าเครองหมาย X ลงในกระดาษค าตอบ ชองอกษร ก. ข. ค. ง. ในขอทเหนวาถกตองทสดเพยงขอเดยว เวลา 10 นาท (10 คะแนน)
1. การวาดรปวงกลมหรอวงร ควรใชเครองมอชนดใด ก. Brush Tool ข. Pencil Tool
ค. Rectangle Tool ง. Oval Tool
2. ในการวาดรปวงกลม เพอใหไดรปวงกลมทไมผดเพยน นกเรยนจะตองกดแปนคยใดบนคยบอรด คางไว ในขณะทลากเมาส ก. Ctrl ข. Caps Lock ค. Shift ง. Alt
3. เครองมอชนดใดทใชในการวาดรปหรอระบายสกได ก. Brush Tool ข. Pencil Tool ค. Rectangle Tool ง. Oval Tool
4. การวาดรปสเหลยมผนผาหรอสเหลยมจตรส ควรใชเครองมอชนดใด ก. Brush Tool ข. Pencil Tool
ค. Rectangle Tool ง. Oval Tool
5. ในการวาดรปสเหลยมจตรส ซงดานตางๆของสเหลยมจะเทากนหมด นกเรยนจะตองกดแปนคยใด บนคยบอรด คางไว ขณะทลากเมาส ก. Alt ข. Backspace ค. Ctrl ง. Shift
แบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรม Macromedia Flash 8
เลมท 2 Tool Box มหศจรรย
นางสาวเทพธดา ศรเชยงหวาง โรงเรยนหนองยองพทยาคม รชมงคลาภเษก
8
6. การวาดรปแบบอสระ ควรเลอกใชเครองมอชนดใด ก. Pen Tool ข. Pencil Tool ค. Rectangle Tool ง. Oval Tool
7. จากรปภาพทก าหนดให ควรเลอกใชเครองมอชนดใดวาดภาพน ก. Brush Tool ข. Pencil Tool ค. Pen Tool ง. Rectangle Tool
8. จากภาพทก าหนดให ควรจะใชเครองมอชนดใดในการวาดและระบายส ก. Pencil Tool ข. Line Tool ค. Brush Tool ง. Pen Tool
9. จากรปภาพทก าหนดให ควรเลอกใชเครองมอชนดใด วาดภาพน ก. Pen Tool ข. Oval Tool ค. Brush Tool ง. Rectangle Tool
10. ถาตองการวาดภาพทมเสนดนมนวลเหมอนจรง ควรเลอกใชเครองมอและรปแบบใด
ก. แลวคลกเลอกท ข. แลวคลกเลอกท
ค. แลวคลกเลอกท ง. แลวคลกเลอกท
ไชโย หนท า
เสรจแลวคะ
แบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรม Macromedia Flash 8
เลมท 2 Tool Box มหศจรรย
นางสาวเทพธดา ศรเชยงหวาง โรงเรยนหนองยองพทยาคม รชมงคลาภเษก
9
กระดำษค ำตอบ
ชอ............................................นำมสกล......................................ชน...............เลขท.........
คะแนนเตม 10 คะแนนเตม 10 คะแนนทไดกอนเรยน คะแนนทไดหลงเรยน
คะแนนทไดหลงเรยน – คะแนนทไดกอนเรยน =
แบบทดสอบกอนเรยน แบบทดสอบหลงเรยน ขอ ก ข ค ง ขอ ก ข ค ง 1 1 2 2 3 3 4 4 5 5 6 6 7 7 8 8 9 9 10 10
แบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรม Macromedia Flash 8
เลมท 2 Tool Box มหศจรรย
นางสาวเทพธดา ศรเชยงหวาง โรงเรยนหนองยองพทยาคม รชมงคลาภเษก
10
Line Tool
เปนเครองมอทใชในการวาดเสนตรง ตามลกษณะตางๆทตองการ
กำรวำดเสนตรงดวย Line Tool
1. คลกท Line Tool ตวชเมาสจะเปลยนเปนรปเครองหมาย 2. คลกเมาสคางไวทจดเรมตน 3. ลากเมาสไปยงต าแหนงทตองการแลวปลอยเมาส
*** Line Tool ม Options เพมเตมคอเมอคลกทป ม ( Snap to Objects) จะท าใหวตถทไดสรางไวกอนหนา
ดดตดกนโดยอตโนมตเหมอนแมเหลก ท าใหสามารถวาดเสนไดอยางตอเนอง
จดทเรมตน ลากเสนมายงจดทตองการ แลวปลอย
คลกท Line Tool
แบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรม Macromedia Flash 8
เลมท 2 Tool Box มหศจรรย
นางสาวเทพธดา ศรเชยงหวาง โรงเรยนหนองยองพทยาคม รชมงคลาภเษก
11
กำรท ำเสนตรงใหกลำยเปนเสนโคงดวย Line Tool
1. วาดเสนตรงดวย Line Tool
2. คลกท Selection Tool
3. น าเมาสไปวางบรเวณเสนตรง ตวชเมาสจะเปลยนเปน (ดงภาพดานลาง)
4. คลกลากเมาสดดเสนตรงใหโคงไปในทศทางทตองการ
แบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรม Macromedia Flash 8
เลมท 2 Tool Box มหศจรรย
นางสาวเทพธดา ศรเชยงหวาง โรงเรยนหนองยองพทยาคม รชมงคลาภเษก
12
Pen Tool
เปนเครองมอทใชวาดเสนและสวนโคงตางๆ โดยการคลกเมาสแตละครงจะเปนการก าหนดจดแตละจดในต าแหนงทตองการ และจดแตละจดทคลกเมาสนนจะถกเชอมโยงโดยเสนตรงหรอเสนโคงทเปนสวนโคงของวงกลมหรอวงร
กำรใชงำน Pen Tool วำดเสนโคง
การวาดสวนโคงโดยใชเครองมอชนดนจะไดสวนโคงทสวยงามและมความราบเรยบสง
1. คลกทPen tool ตวชเมาสจะเปลยนเปนรป 2. คลกเมาสหนงครงเพอก าหนดจดเรมตนของเสนโคงทตองการจะวาด 3. คลกเมาสคางไวทจดปลาย จะปรากฏเสนตรงและแขนส าหรบปรบใหเปนเสนโคง จากนนใหลาก
เขาออก หรอขนลง โดยไมตองปลอยเมาส เสนตรงนจะกลายเปนเสนโคงงอตามเมาสทลาก 4. เมอตองการท าเสนโคงเชอมตอจากเสนโคงเดม ใหคลกเมาสคางไวทจดปลายทางอกจดหนง
แลวลากเขาออก หรอขนลง แลวโปรแกรมแฟลช จะท าการวาดเสนโคงเชอมตอใหโดยอตโนมต
คลกเพอก าหนด จดเรมตน
คลกท Pen Tool
คลกเมาสคางไวทจดปลายแลวลาก เขาออกหรอขนลงเสนตรงจะโคงงอตามเมาส ทลาก
เมอตองการท าเสนโคงเชอมตอจากเสนโคงเดมใหคลก เมาสคางไวทจดปลายทางอกจดหนงแลวลากเขาออก หรอลากขนลง
แบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรม Macromedia Flash 8
เลมท 2 Tool Box มหศจรรย
นางสาวเทพธดา ศรเชยงหวาง โรงเรยนหนองยองพทยาคม รชมงคลาภเษก
13
กำรใชงำนPen Tool วำดเสนตรง
1. คลกทไอคอน Pen tool ตวชเมาสจะเปลยนเปนรป 2. คลกเมาสหนงครงเพอก าหนดจดเรมตน 3. เลอนตวชเมาสไปในทศทางทตองการ แลวคลกเมาสอกหนงครงเพอก าหนดจด
ตอไปเพอสรางเปนเสนตรง
คลกเพอเรมตน คลกจดสดทาย
คลกท Pen Tool
แบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรม Macromedia Flash 8
เลมท 2 Tool Box มหศจรรย
นางสาวเทพธดา ศรเชยงหวาง โรงเรยนหนองยองพทยาคม รชมงคลาภเษก
14
Oval Tool
เปนเครองมอส าหรบวาดรปวงกลม หรอวงร รปทไดจะประกอบดวยเสนรอบวง และสพน
กำรใชงำน Oval Tool
1. คลกท Oval Tool ตวชเมาสจะเปลยนเปนรปเครองหมาย 2. คลกลากเมาสไปในแนวทะแยงตามขนาดวงกลมหรอวงรทตองการ ถาตองการ
วงกลมใหกดคย Shift คางไวขณะทลากเมาส
ภาพวงกลม ทไดโดยการคลกลากเมาสไปในแนวทะแยงและ
กดแปน Shift คางไวขณะลากเมาส
คลกท Oval Tool
ภาพวงร ทไดโดยการคลกลากเมาสไปในแนวทะแยง
แบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรม Macromedia Flash 8
เลมท 2 Tool Box มหศจรรย
นางสาวเทพธดา ศรเชยงหวาง โรงเรยนหนองยองพทยาคม รชมงคลาภเษก
15
Rectangle Tool
เปนเครองมอส าหรบวาดรปสเหลยม ซงมสวนประกอบเปนเสนรอบรป และสพนเชนเดยวกบวงร/วงกลม นอกจากนนเครองมอชนดนยงมเครองมอยอย (Set Corner Radius)ส าหรบปรบมมสเหลยมใหมลกษณะโคงมนไดอกดวย
กำรใชงำน Rectangle Tool
1. คลกท Rectangle Tool ตวชเมาสจะเปลยนเปนรปเครองหมาย 2. คลกลากเมาสไปในแนวทะแยงตามขนาดสเหลยมทตองการ ถาตองการสเหลยม
จตรสใหกดคย Shift คางไวขณะทลากเมาส 3. ถาตองการรปสเหลยมทมมมโคงกคลกป ม Set Corner Radius แลวปรบ
ความโคงตามตองการ
คลกลากเมาสไปในแนวทะแยงตามขนาดสเหลยมทตองการ
คลกท Rectangle Tool
จากภาพคลกท แลววาดสเหลยม จะไดสเหลยมทมความโคงมน
แบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรม Macromedia Flash 8
เลมท 2 Tool Box มหศจรรย
นางสาวเทพธดา ศรเชยงหวาง โรงเรยนหนองยองพทยาคม รชมงคลาภเษก
16
Pencil Tool
เปนเครองมอทใชในการวาดเสนทเปนรปทรงอสระเหมอนกบการวาดภาพดวยดนสอ
กำรใชงำน Pencil Tool
1. คลกท Pencil Tool ตวชเมาสจะเปลยนเปนรปดนสอ 2. ก าหนดรปแบบของเสนท Option(อยดานลางของกลองเครองมอ)
3. ท าการลากเมาสไปตามทศทางและรปทรงทตองการวาด
1.ปรบเสนใหมลกษณะแขง 2.ปรบเสนใหมความเรยบโคงกลมกลน 3.ปรบเสนใหมลกษณะเหมอนเสนหมกวาด
ก าหนดรปแบบเสน
คลกท Pencil Tool
ลากเมาสวาดรปตามตองการ
แบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรม Macromedia Flash 8
เลมท 2 Tool Box มหศจรรย
นางสาวเทพธดา ศรเชยงหวาง โรงเรยนหนองยองพทยาคม รชมงคลาภเษก
17
Brush Tool
เปนเครองมอส าหรบวาดภาพและระบายส Brush Tool มลกษณะคลายกบ Pencil Tool แตจะแตกตางกนตรงท Brush Tool วาดภาพออกมาเปน Fill(สพน) สวน Pencil Tool วาดภาพออกมาเปน Stroke(สเสน)
กำรใชงำน Brush Tool
1. คลกท Brush Tool ตวชเมาสจะเปลยนเปนลกษณะหวแปรงพกน
2. คลกเลอกสทจะวาดภาพหรอระบายสใหกบภาพวาด 3. เลอกขนาดของหวแปรง(Brush size) ทOption(อยดานลางของกลองเครองมอ)
4. เลอกรปแบบของหวแปรง(Brush shape)
5. ท าการลากเมาสวาดรปไปตามทศทางและรปทรงทตองการวาด หรอท าการระบายสภาพวาดใหสวยงาม
แบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรม Macromedia Flash 8
เลมท 2 Tool Box มหศจรรย
นางสาวเทพธดา ศรเชยงหวาง โรงเรยนหนองยองพทยาคม รชมงคลาภเษก
18
ขนตอนกำรใชงำน Brush Tool
เลอกขนาดหวแปรง
คลกท Brush Tool
ภาพทไดจากการวาด ดวย Brush Tool
เลอกรปแบบหวแปรง
เลอกสทจะน าไปวาดภาพ หรอน าไประบายส
ภาพทไดจากการระบายส ดวย Brush Tool
แบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรม Macromedia Flash 8
เลมท 2 Tool Box มหศจรรย
นางสาวเทพธดา ศรเชยงหวาง โรงเรยนหนองยองพทยาคม รชมงคลาภเษก
19
ไปท าแบบฝกหด
กนดกวาคะ
แบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรม Macromedia Flash 8
เลมท 2 Tool Box มหศจรรย
นางสาวเทพธดา ศรเชยงหวาง โรงเรยนหนองยองพทยาคม รชมงคลาภเษก
20
ใหนกเรยนจบครปภาพและขอความใหถกตอง (5 คะแนน)
สมพนธกนมากทสด
……
…
…….1.
…….2.
…….3.
…….4.
…….5.
A. ใชส าหรบระบายสใหกบภาพวาด
B. ใชส าหรบวาดเสนตรง หรอเสนโคง
C. ใชส าหรบวาดเสนตรง ในแบบตางๆทตองการ
D. ใชส าหรบวาดรปวงกลม วงร
E. ใชส าหรบวาดภาพไดอยางอสระตามตองการ
F. ใชส าหรบวาดรปสเหลยมผนผา สเหลยมจตรส
ค ำส ง
แบบ กทกษะ ท 2.1
แบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรม Macromedia Flash 8
เลมท 2 Tool Box มหศจรรย
นางสาวเทพธดา ศรเชยงหวาง โรงเรยนหนองยองพทยาคม รชมงคลาภเษก
21
ใหนกเรยน กวำดภำพ ดวย Line Tool ,Oval Tool และ Pencil Tool
แบบ กทกษะ ท 2.2
ค ำส ง
5. ท าการคดลอกใบหญาใหไดดงภาพ
5.1 ท าการกลบดานรปภาพดวย
จาก เปน
5.2 จดวางกอหญาใหสวยงาม
4. ท าการคดลอกใบหญา ใหไดดงภาพ
4.1 ยอรปภาพใหเลกลงดวย 4.2 จดวางใบหญาใหอยในระดบเดยวกน
1. คลกเลอก Line Tool คลกลากเสนใหตอเนองกน ใหไดรปเหมอนสามเหลยม
2. ปรบแตงเสนตรงใหโคงงอดวย
(Selection Tool)
3. ปรบแตงภาพวาดใหสวยงาม
3.1 คลกท
3.2 คลกท เลอกสส าหรบเทใบหญา แลวคลกทใบหญา
3.3 คลกท
3.4 คลกท เลอกสเสนรอบใบหญา แลวคลกทใบหญา
วำดกอหญำดวย Line Tool
Tool
แบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรม Macromedia Flash 8
เลมท 2 Tool Box มหศจรรย
นางสาวเทพธดา ศรเชยงหวาง โรงเรยนหนองยองพทยาคม รชมงคลาภเษก
22
วำดดอกไม ดวย Oval Tool & Pencil Tool
1. ใช oval tool วาดดอกไม ใหไดดงภาพ
2. คดลอกดอกไม ใหไดดงภาพ
3. น าดอกไมทงสองดอก วางประกบกน จะได
4. หมนดอกไมดวย
6. วาดกานดอกไมและใบไม ดวย Pencil Tool
5. ปรบแตงภาพวาดใหสวยงาม
5.1 คลกท
5.2 คลกท เลอกสส าหรบเทใส ดอกไมแลวคลกทดอกไม
5.3 คลกท
5.4 คลกท เลอกสเสนรอบดอกไม แลวคลกทดอกไม
7. ท าการคดลอกดอกไมและกอหญา ใหไดหลายๆ ดอก หลายๆกอ จดวางใหสวยงาม ( ภาพแปลงดอกไมทส าเรจแลว )
แบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรม Macromedia Flash 8
เลมท 2 Tool Box มหศจรรย
นางสาวเทพธดา ศรเชยงหวาง โรงเรยนหนองยองพทยาคม รชมงคลาภเษก
23
ใหนกเรยน กวำดภำพ ดวย Pen Tool ,Brush Tool และ Rectangle Tool
แบบ กทกษะ ท 2.3 ค ำสง
วำดสตรอเบอรรดวย Pen Tool & Brush Tool
ใช Pen tool วาดโครงรางของสตรอเบอรร
ปรบแตงเสนตรงใหโคงงอดวย (Selection Tool)
ปรบแตงภาพวาดใหสวยงาม
3.1 คลกท
3.2 คลกท เลอกสส าหรบเทใส สตรอเบอรร แลวคลกทสตรอเบอรร
3.3 คลกท ส าหรบเตมจดลงบนสตรอเบอรร
3.4 คลกท เลอกสด า เพอเตมจดลงบน สตรอเบอรร 3.5 คดลอกสตรอเบอรร ใหไดหลายๆลก จดวาง
ใหสวยงาม
แบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรม Macromedia Flash 8
เลมท 2 Tool Box มหศจรรย
นางสาวเทพธดา ศรเชยงหวาง โรงเรยนหนองยองพทยาคม รชมงคลาภเษก
24
วำดรวดวย Rectangle Tool
ปรบแตงภาพวาดใหสวยงาม
4.1 คลกท
4.2 คลกท เลอกสส าหรบเทใส รว แลวคลกทรว
4.3 คลกท
4.4 คลกท เลอกสเสนรอบรว แลวคลกทรว
ใช Rectangle tool วาดระแนงรว
ใช Rectangle tool วาดปลายรว ปรบแตงใหเปนรปสามเหลยม(ดงภาพ)
คดลอกระแนงรวใหไดหลายๆอน
แบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรม Macromedia Flash 8
เลมท 2 Tool Box มหศจรรย
นางสาวเทพธดา ศรเชยงหวาง โรงเรยนหนองยองพทยาคม รชมงคลาภเษก
25
แบบทดสอบหลงเรยน
เรอง Tool Box มหศจรรย ค าชแจง ใหนกเรยนท าเครองหมาย X ลงในกระดาษค าตอบ ชองอกษร ก. ข. ค. ง. ในขอทเหนวา
ถกตองทสดเพยงขอเดยว เวลา 10 นาท (10 คะแนน)
1. จากรปภาพทก าหนดให นกเรยนควรเลอกใชเครองมอชนดใดวาดภาพน ก. Rectangle Tool ข. Pencil Tool ค. Pen Tool ง. Brush Tool
2. จากภาพทก าหนดให ควรจะใชเครองมอชนดใดในการวาดและระบายส ก. Pencil Tool ข. Brush Tool ค. Line Tool ง. Pen Tool
3. จากรปภาพทก าหนดให ควรเลอกใชเครองมอชนดใด วาดภาพน ก. Pen Tool ข. Oval Tool ค. Brush Tool ง. Rectangle Tool
4. การวาดรปแบบอสระวาดไดตามตองการ ควรเลอกใชเครองมอชนดใด ก. Pen Tool ข. Pencil Tool ค. Rectangle Tool ง. Oval Tool
แบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรม Macromedia Flash 8
เลมท 2 Tool Box มหศจรรย
นางสาวเทพธดา ศรเชยงหวาง โรงเรยนหนองยองพทยาคม รชมงคลาภเษก
26
5. การวาดรปสเหลยมผนผาหรอสเหลยมจตรส ควรใชเครองมอชนดใด ก. Brush Tool ข. Pencil Tool
ค. Rectangle Tool ง. Oval Tool
6. ในการวาดรปสเหลยมจตรส ซงดานตางๆของสเหลยมจะเทากนหมด นกเรยนจะตองกดแปนใด บนคยบอรดคางไว ขณะทลากเมาส
ก. Alt ข. Backspace ค. Ctrl ง. Shift
7. การวาดรปวงกลมหรอวงร ควรใชเครองมอชนดใด ก. Brush Tool ข. Pencil Tool
ค. Rectangle Tool ง. Oval Tool
8. ในการวาดรปวงกลม เพอใหไดรปวงกลมทไมผดเพยน นกเรยนจะตองกดแปนใดบนคยบอรด คางไว ในขณะทลากเมาส
ก. Ctrl ข. Caps Lock ค. Shift ง. Alt
9. เครองมอชนดใดทใชในการวาดรปหรอระบายสกได ก. Brush Tool ข. Pencil Tool
ค. Rectangle Tool ง. Oval Tool
10. ถาตองการวาดภาพทมเสนดนมนวลเหมอนจรง ควรเลอกใชเครองมอและรปแบบใด
ก. แลวคลกเลอกท ข. แลวคลกเลอกท
ค. แลวคลกเลอกท ง. แลวคลกเลอกท
แบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรม Macromedia Flash 8
เลมท 2 Tool Box มหศจรรย
นางสาวเทพธดา ศรเชยงหวาง โรงเรยนหนองยองพทยาคม รชมงคลาภเษก
27
ภำคผนวก
แบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรม Macromedia Flash 8
เลมท 2 Tool Box มหศจรรย
นางสาวเทพธดา ศรเชยงหวาง โรงเรยนหนองยองพทยาคม รชมงคลาภเษก
28
ใหนกเรยนจบครปภาพและขอความใหถกตอง (5 คะแนน)
…D….1.
…F….2.
…B….3.
…C….4.
…A….5.
A. ใชส าหรบระบายสใหกบภาพวาด
B. ใชส าหรบวาดเสนตรง หรอเสนโคง
C. ใชส าหรบวาดเสนตรง ในแบบตางๆทตองการ
D. ใชส าหรบวาดรปวงกลม วงร
E. ใชส าหรบวาดภาพไดอยางอสระตามตองการ
F. ใชส าหรบวาดรปสเหลยมผนผา สเหลยมจตรส
ค ำสง
เฉลยแบบ กทกษะ ท 2.1
แบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรม Macromedia Flash 8
เลมท 2 Tool Box มหศจรรย
นางสาวเทพธดา ศรเชยงหวาง โรงเรยนหนองยองพทยาคม รชมงคลาภเษก
29
กอนเรยน หลงเรยน ขอ เฉลย ขอ เฉลย 1 ง 1 ค 2 ค 2 ข 3 ก 3 ก 4 ค 4 ข 5 ง 5 ค 6 ข 6 ง 7 ค 7 ง 8 ค 8 ค 9 ก 9 ก 10 ข 10 ง
เฉลยแบบทดสอบกอนและหลงเรยน
แบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรม Macromedia Flash 8
เลมท 2 Tool Box มหศจรรย
นางสาวเทพธดา ศรเชยงหวาง โรงเรยนหนองยองพทยาคม รชมงคลาภเษก
30
จรพงษ ค าปวง. การสรางสอโปรแกรมบทเรยนคอมพวเตอรชวยสอนCAI. [ออนไลน]. เขาถงไดจาก : http://www.caistudio.info/computer/flash_cai_online/index.php. (วนทคนขอมล : 10 ธนวาคม 2556).
ธเนศ หาญใจ. การตนแอนเมชน. [ออนไลน]. เขาถงไดจาก : http://www.kanlayanee.ac.th/animation/web/animation.htm. (วนทคนขอมล : 6 มกราคม 2557).
นมสสน ล าสนเทยะ. Workshop Flash CS6 Animation สรางงานแอนเมชนการตน. กรงเทพฯ : รไววา , 2558.
ภชงค จนทรเปลง. การใชโปรแกรมMacromedia Flash8. ปทมธาน : มเดย อนเทลลเจนซ เทคโนโลย, 2555.
โรงเรยนฤทธณรงครอน. สอการสอนการสรางการตนแอนเมชน. [ออนไลน]. เขาถงไดจาก : http://www.nr.ac.th/w/40206_3.html. (วนทคนขอมล : 20 พฤษภาคม 2558).
สทธชย ทพยสงห. บทเรยนออนไลนการสรางแอนเมชนดวย Flash. [ออนไลน]. เขาถงไดจาก : http://www.kroojan.com/flash/. (วนทคนขอมล : 10 ธนวาคม 2556).
สมยงค จนทรงาม. คมอการใชโปรแกรมFlash8สอการสอนการสรางการตนแอนเมชน. [ออนไลน]. เขาถงไดจาก : http://www.pccl.ac.th/files/1012221616402461_10122219192003.pdf. (วนทคนขอมล : 25 พฤษภาคม 2557).
อรรคเดช สมปนณา. มอใหมแตงเวบสวยดวย Flash ActionScript. กรงเทพฯ : บรษทโปรวชน จ ากด. 2555.
อทย เสนารกษ. การสรางภาพเคลอนไหวดวยโปรแกรม Macromedia Flash Professional8. [ออนไลน]. เขาถงไดจาก : http://www.phutti.ac.th/flash/chap1/index.html. (วนทคนขอมล : 20 พฤษภาคม 2558).
บรรณำนกรม