เล่มที่ 2 tool box มหัศจรรย์ นางสาวเทพธิดา...

30
บบฝึกทักษะเรื่องการสร้างการ์ตูนแอนิเมชั่นด้วยโปรแกรม Macromedia Flash 8 เล่มที2 Tool Box มหัศจรรย์ นางสาวเทพธิดา ศรีเชียงหวาง โรงเรียนหนองยองพิทยาคม รัชมังคลาภิเษก 1

Upload: others

Post on 13-Sep-2019

3 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: เล่มที่ 2 Tool Box มหัศจรรย์ นางสาวเทพธิดา ศรีเชียงหวาง ... · 5 แบบฝึกทักษะเรื่องการสร้างการ์ตูนแอนิเมชั่นด้วยโปรแกรม

แบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรม Macromedia Flash 8

เลมท 2 Tool Box มหศจรรย

นางสาวเทพธดา ศรเชยงหวาง โรงเรยนหนองยองพทยาคม รชมงคลาภเษก

1

Page 2: เล่มที่ 2 Tool Box มหัศจรรย์ นางสาวเทพธิดา ศรีเชียงหวาง ... · 5 แบบฝึกทักษะเรื่องการสร้างการ์ตูนแอนิเมชั่นด้วยโปรแกรม

แบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรม 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 ชดน จะชวยสงเสรมและพฒนาทกษะการสรางการตนแอนเมชน ของนกเรยนใหดยงขน สงผลใหนกเรยนมผลสมฤทธทางการเรยนสงขน ตลอดจนเสรมสรางสมรรถนะส าคญดานความสามารถในการใชเทคโนโลยของนกเรยนและผ ทสนใจ ใหบรรลตามวตถประสงคของหลกสตรตอไป

นางสาวเทพธดา ศรเชยงหวาง

Page 3: เล่มที่ 2 Tool Box มหัศจรรย์ นางสาวเทพธิดา ศรีเชียงหวาง ... · 5 แบบฝึกทักษะเรื่องการสร้างการ์ตูนแอนิเมชั่นด้วยโปรแกรม

แบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรม 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

Page 4: เล่มที่ 2 Tool Box มหัศจรรย์ นางสาวเทพธิดา ศรีเชียงหวาง ... · 5 แบบฝึกทักษะเรื่องการสร้างการ์ตูนแอนิเมชั่นด้วยโปรแกรม

แบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรม 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 ครผสอนควรประเมนผลทกครงหลงสนสดกจกรรมการเรยนการสอนและแจงให

นกเรยนทราบถงผลการประเมน

Page 5: เล่มที่ 2 Tool Box มหัศจรรย์ นางสาวเทพธิดา ศรีเชียงหวาง ... · 5 แบบฝึกทักษะเรื่องการสร้างการ์ตูนแอนิเมชั่นด้วยโปรแกรม

แบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรม 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. นกเรยนรบฟงการบอกคะแนน ค าชมเชย และค าแนะน าเพมเตมจากคร

Page 6: เล่มที่ 2 Tool Box มหัศจรรย์ นางสาวเทพธิดา ศรีเชียงหวาง ... · 5 แบบฝึกทักษะเรื่องการสร้างการ์ตูนแอนิเมชั่นด้วยโปรแกรม

แบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรม 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) มงมนในการท างาน

Page 7: เล่มที่ 2 Tool Box มหัศจรรย์ นางสาวเทพธิดา ศรีเชียงหวาง ... · 5 แบบฝึกทักษะเรื่องการสร้างการ์ตูนแอนิเมชั่นด้วยโปรแกรม

แบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรม 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

Page 8: เล่มที่ 2 Tool Box มหัศจรรย์ นางสาวเทพธิดา ศรีเชียงหวาง ... · 5 แบบฝึกทักษะเรื่องการสร้างการ์ตูนแอนิเมชั่นด้วยโปรแกรม

แบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรม 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. ถาตองการวาดภาพทมเสนดนมนวลเหมอนจรง ควรเลอกใชเครองมอและรปแบบใด

ก. แลวคลกเลอกท ข. แลวคลกเลอกท

ค. แลวคลกเลอกท ง. แลวคลกเลอกท

ไชโย หนท า

เสรจแลวคะ

Page 9: เล่มที่ 2 Tool Box มหัศจรรย์ นางสาวเทพธิดา ศรีเชียงหวาง ... · 5 แบบฝึกทักษะเรื่องการสร้างการ์ตูนแอนิเมชั่นด้วยโปรแกรม

แบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรม 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

Page 10: เล่มที่ 2 Tool Box มหัศจรรย์ นางสาวเทพธิดา ศรีเชียงหวาง ... · 5 แบบฝึกทักษะเรื่องการสร้างการ์ตูนแอนิเมชั่นด้วยโปรแกรม

แบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรม Macromedia Flash 8

เลมท 2 Tool Box มหศจรรย

นางสาวเทพธดา ศรเชยงหวาง โรงเรยนหนองยองพทยาคม รชมงคลาภเษก

10

Line Tool

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

กำรวำดเสนตรงดวย Line Tool

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

*** Line Tool ม Options เพมเตมคอเมอคลกทป ม ( Snap to Objects) จะท าใหวตถทไดสรางไวกอนหนา

ดดตดกนโดยอตโนมตเหมอนแมเหลก ท าใหสามารถวาดเสนไดอยางตอเนอง

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

คลกท Line Tool

Page 11: เล่มที่ 2 Tool Box มหัศจรรย์ นางสาวเทพธิดา ศรีเชียงหวาง ... · 5 แบบฝึกทักษะเรื่องการสร้างการ์ตูนแอนิเมชั่นด้วยโปรแกรม

แบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรม Macromedia Flash 8

เลมท 2 Tool Box มหศจรรย

นางสาวเทพธดา ศรเชยงหวาง โรงเรยนหนองยองพทยาคม รชมงคลาภเษก

11

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

1. วาดเสนตรงดวย Line Tool

2. คลกท Selection Tool

3. น าเมาสไปวางบรเวณเสนตรง ตวชเมาสจะเปลยนเปน (ดงภาพดานลาง)

4. คลกลากเมาสดดเสนตรงใหโคงไปในทศทางทตองการ

Page 12: เล่มที่ 2 Tool Box มหัศจรรย์ นางสาวเทพธิดา ศรีเชียงหวาง ... · 5 แบบฝึกทักษะเรื่องการสร้างการ์ตูนแอนิเมชั่นด้วยโปรแกรม

แบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรม Macromedia Flash 8

เลมท 2 Tool Box มหศจรรย

นางสาวเทพธดา ศรเชยงหวาง โรงเรยนหนองยองพทยาคม รชมงคลาภเษก

12

Pen Tool

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

กำรใชงำน Pen Tool วำดเสนโคง

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

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

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

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

คลกเพอก าหนด จดเรมตน

คลกท Pen Tool

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

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

Page 13: เล่มที่ 2 Tool Box มหัศจรรย์ นางสาวเทพธิดา ศรีเชียงหวาง ... · 5 แบบฝึกทักษะเรื่องการสร้างการ์ตูนแอนิเมชั่นด้วยโปรแกรม

แบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรม Macromedia Flash 8

เลมท 2 Tool Box มหศจรรย

นางสาวเทพธดา ศรเชยงหวาง โรงเรยนหนองยองพทยาคม รชมงคลาภเษก

13

กำรใชงำนPen Tool วำดเสนตรง

1. คลกทไอคอน Pen tool ตวชเมาสจะเปลยนเปนรป 2. คลกเมาสหนงครงเพอก าหนดจดเรมตน 3. เลอนตวชเมาสไปในทศทางทตองการ แลวคลกเมาสอกหนงครงเพอก าหนดจด

ตอไปเพอสรางเปนเสนตรง

คลกเพอเรมตน คลกจดสดทาย

คลกท Pen Tool

Page 14: เล่มที่ 2 Tool Box มหัศจรรย์ นางสาวเทพธิดา ศรีเชียงหวาง ... · 5 แบบฝึกทักษะเรื่องการสร้างการ์ตูนแอนิเมชั่นด้วยโปรแกรม

แบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรม Macromedia Flash 8

เลมท 2 Tool Box มหศจรรย

นางสาวเทพธดา ศรเชยงหวาง โรงเรยนหนองยองพทยาคม รชมงคลาภเษก

14

Oval Tool

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

กำรใชงำน Oval Tool

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

วงกลมใหกดคย Shift คางไวขณะทลากเมาส

ภาพวงกลม ทไดโดยการคลกลากเมาสไปในแนวทะแยงและ

กดแปน Shift คางไวขณะลากเมาส

คลกท Oval Tool

ภาพวงร ทไดโดยการคลกลากเมาสไปในแนวทะแยง

Page 15: เล่มที่ 2 Tool Box มหัศจรรย์ นางสาวเทพธิดา ศรีเชียงหวาง ... · 5 แบบฝึกทักษะเรื่องการสร้างการ์ตูนแอนิเมชั่นด้วยโปรแกรม

แบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรม 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

จากภาพคลกท แลววาดสเหลยม จะไดสเหลยมทมความโคงมน

Page 16: เล่มที่ 2 Tool Box มหัศจรรย์ นางสาวเทพธิดา ศรีเชียงหวาง ... · 5 แบบฝึกทักษะเรื่องการสร้างการ์ตูนแอนิเมชั่นด้วยโปรแกรม

แบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรม Macromedia Flash 8

เลมท 2 Tool Box มหศจรรย

นางสาวเทพธดา ศรเชยงหวาง โรงเรยนหนองยองพทยาคม รชมงคลาภเษก

16

Pencil Tool

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

กำรใชงำน Pencil Tool

1. คลกท Pencil Tool ตวชเมาสจะเปลยนเปนรปดนสอ 2. ก าหนดรปแบบของเสนท Option(อยดานลางของกลองเครองมอ)

3. ท าการลากเมาสไปตามทศทางและรปทรงทตองการวาด

1.ปรบเสนใหมลกษณะแขง 2.ปรบเสนใหมความเรยบโคงกลมกลน 3.ปรบเสนใหมลกษณะเหมอนเสนหมกวาด

ก าหนดรปแบบเสน

คลกท Pencil Tool

ลากเมาสวาดรปตามตองการ

Page 17: เล่มที่ 2 Tool Box มหัศจรรย์ นางสาวเทพธิดา ศรีเชียงหวาง ... · 5 แบบฝึกทักษะเรื่องการสร้างการ์ตูนแอนิเมชั่นด้วยโปรแกรม

แบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรม 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. ท าการลากเมาสวาดรปไปตามทศทางและรปทรงทตองการวาด หรอท าการระบายสภาพวาดใหสวยงาม

Page 18: เล่มที่ 2 Tool Box มหัศจรรย์ นางสาวเทพธิดา ศรีเชียงหวาง ... · 5 แบบฝึกทักษะเรื่องการสร้างการ์ตูนแอนิเมชั่นด้วยโปรแกรม

แบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรม Macromedia Flash 8

เลมท 2 Tool Box มหศจรรย

นางสาวเทพธดา ศรเชยงหวาง โรงเรยนหนองยองพทยาคม รชมงคลาภเษก

18

ขนตอนกำรใชงำน Brush Tool

เลอกขนาดหวแปรง

คลกท Brush Tool

ภาพทไดจากการวาด ดวย Brush Tool

เลอกรปแบบหวแปรง

เลอกสทจะน าไปวาดภาพ หรอน าไประบายส

ภาพทไดจากการระบายส ดวย Brush Tool

Page 19: เล่มที่ 2 Tool Box มหัศจรรย์ นางสาวเทพธิดา ศรีเชียงหวาง ... · 5 แบบฝึกทักษะเรื่องการสร้างการ์ตูนแอนิเมชั่นด้วยโปรแกรม

แบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรม Macromedia Flash 8

เลมท 2 Tool Box มหศจรรย

นางสาวเทพธดา ศรเชยงหวาง โรงเรยนหนองยองพทยาคม รชมงคลาภเษก

19

ไปท าแบบฝกหด

กนดกวาคะ

Page 20: เล่มที่ 2 Tool Box มหัศจรรย์ นางสาวเทพธิดา ศรีเชียงหวาง ... · 5 แบบฝึกทักษะเรื่องการสร้างการ์ตูนแอนิเมชั่นด้วยโปรแกรม

แบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรม Macromedia Flash 8

เลมท 2 Tool Box มหศจรรย

นางสาวเทพธดา ศรเชยงหวาง โรงเรยนหนองยองพทยาคม รชมงคลาภเษก

20

ใหนกเรยนจบครปภาพและขอความใหถกตอง (5 คะแนน)

สมพนธกนมากทสด

……

…….1.

…….2.

…….3.

…….4.

…….5.

A. ใชส าหรบระบายสใหกบภาพวาด

B. ใชส าหรบวาดเสนตรง หรอเสนโคง

C. ใชส าหรบวาดเสนตรง ในแบบตางๆทตองการ

D. ใชส าหรบวาดรปวงกลม วงร

E. ใชส าหรบวาดภาพไดอยางอสระตามตองการ

F. ใชส าหรบวาดรปสเหลยมผนผา สเหลยมจตรส

ค ำส ง

แบบ กทกษะ ท 2.1

Page 21: เล่มที่ 2 Tool Box มหัศจรรย์ นางสาวเทพธิดา ศรีเชียงหวาง ... · 5 แบบฝึกทักษะเรื่องการสร้างการ์ตูนแอนิเมชั่นด้วยโปรแกรม

แบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรม 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

Page 22: เล่มที่ 2 Tool Box มหัศจรรย์ นางสาวเทพธิดา ศรีเชียงหวาง ... · 5 แบบฝึกทักษะเรื่องการสร้างการ์ตูนแอนิเมชั่นด้วยโปรแกรม

แบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรม 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. ท าการคดลอกดอกไมและกอหญา ใหไดหลายๆ ดอก หลายๆกอ จดวางใหสวยงาม ( ภาพแปลงดอกไมทส าเรจแลว )

Page 23: เล่มที่ 2 Tool Box มหัศจรรย์ นางสาวเทพธิดา ศรีเชียงหวาง ... · 5 แบบฝึกทักษะเรื่องการสร้างการ์ตูนแอนิเมชั่นด้วยโปรแกรม

แบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรม 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 คดลอกสตรอเบอรร ใหไดหลายๆลก จดวาง

ใหสวยงาม

Page 24: เล่มที่ 2 Tool Box มหัศจรรย์ นางสาวเทพธิดา ศรีเชียงหวาง ... · 5 แบบฝึกทักษะเรื่องการสร้างการ์ตูนแอนิเมชั่นด้วยโปรแกรม

แบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรม Macromedia Flash 8

เลมท 2 Tool Box มหศจรรย

นางสาวเทพธดา ศรเชยงหวาง โรงเรยนหนองยองพทยาคม รชมงคลาภเษก

24

วำดรวดวย Rectangle Tool

ปรบแตงภาพวาดใหสวยงาม

4.1 คลกท

4.2 คลกท เลอกสส าหรบเทใส รว แลวคลกทรว

4.3 คลกท

4.4 คลกท เลอกสเสนรอบรว แลวคลกทรว

ใช Rectangle tool วาดระแนงรว

ใช Rectangle tool วาดปลายรว ปรบแตงใหเปนรปสามเหลยม(ดงภาพ)

คดลอกระแนงรวใหไดหลายๆอน

Page 25: เล่มที่ 2 Tool Box มหัศจรรย์ นางสาวเทพธิดา ศรีเชียงหวาง ... · 5 แบบฝึกทักษะเรื่องการสร้างการ์ตูนแอนิเมชั่นด้วยโปรแกรม

แบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรม 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

Page 26: เล่มที่ 2 Tool Box มหัศจรรย์ นางสาวเทพธิดา ศรีเชียงหวาง ... · 5 แบบฝึกทักษะเรื่องการสร้างการ์ตูนแอนิเมชั่นด้วยโปรแกรม

แบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรม 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. ถาตองการวาดภาพทมเสนดนมนวลเหมอนจรง ควรเลอกใชเครองมอและรปแบบใด

ก. แลวคลกเลอกท ข. แลวคลกเลอกท

ค. แลวคลกเลอกท ง. แลวคลกเลอกท

Page 27: เล่มที่ 2 Tool Box มหัศจรรย์ นางสาวเทพธิดา ศรีเชียงหวาง ... · 5 แบบฝึกทักษะเรื่องการสร้างการ์ตูนแอนิเมชั่นด้วยโปรแกรม

แบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรม Macromedia Flash 8

เลมท 2 Tool Box มหศจรรย

นางสาวเทพธดา ศรเชยงหวาง โรงเรยนหนองยองพทยาคม รชมงคลาภเษก

27

ภำคผนวก

Page 28: เล่มที่ 2 Tool Box มหัศจรรย์ นางสาวเทพธิดา ศรีเชียงหวาง ... · 5 แบบฝึกทักษะเรื่องการสร้างการ์ตูนแอนิเมชั่นด้วยโปรแกรม

แบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรม 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

Page 29: เล่มที่ 2 Tool Box มหัศจรรย์ นางสาวเทพธิดา ศรีเชียงหวาง ... · 5 แบบฝึกทักษะเรื่องการสร้างการ์ตูนแอนิเมชั่นด้วยโปรแกรม

แบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรม 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 ง

เฉลยแบบทดสอบกอนและหลงเรยน

Page 30: เล่มที่ 2 Tool Box มหัศจรรย์ นางสาวเทพธิดา ศรีเชียงหวาง ... · 5 แบบฝึกทักษะเรื่องการสร้างการ์ตูนแอนิเมชั่นด้วยโปรแกรม

แบบฝกทกษะเรองการสรางการตนแอนเมชนดวยโปรแกรม 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).

บรรณำนกรม