เล่มที่ 1 · 2016-03-10 · >> เล่มที่ 1 รู้จักกับโปรแกรม Flash CS3 ... การเรียนการสอน

เลมท 1

>> เลมท 1 รจกกบโปรแกรม Flash CS3 เบองตน

ค ำน ำ

ชดกจกรรมการเรยนร เรองการสรางภาพเคลอนไหว ดวยโปรแกรม Flash CS3 รายวชาการสราง

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

เลมท 1 รจกกบโปรแกรม Flash CS3 เบองตน เลมท 2 การใชเครองมอในการวาดภาพ และการใชสในโปรแกรม Flash CS3 เลมท 3 การใชงาน Layer Timeline Frame รปภาพ และ Scene เลมท 4 การสรางภาพ เคลอนไหว เลมท 5 การใชงาน Symbol เลมท 6 การแทรกไฟลเสยง เลมท 7 การเผยแพรผลงาน ชดกจกรรม เรองการสรางภาพเคลอนไหว ดวยโปรแกรม Flash CS3 เลมท 1 รจกกบโปรแกรม

Flash CS3 เบองตน ใชเวลาในการเรยน 2 ชวโมง มเนอหาเกยวกบ ความรพนฐานโปรแกรม Flash CS3 สวนประกอบของโปรแกรม แถบเครองมอ กลองเครองมอ การสราง การบนทก การเปดไฟลงาน

สาวตร ยาค าลอ


สำรบญ

หนำ ค าชแจงชดกจกรรมการเรยนร 1 ค าชแจงส าหรบคร 2 ค าชแจงส าหรบนกเรยน 3 มาตรฐานการเรยนร/ตวชวด 4 สาระส าคญ 4 สาระการเรยนร 4 ผลการเรยนรทคาดหวง 5 แบบทดสอบกอนเรยน 6 กระดาษค าตอบแบบทดสอบกอนเรยน 8 ใบความรท 1.1 ความรพนฐาน โปรแกรม Flash CS3 9

กจกรรมการเรยนรท 1.1 12 ใบความรท 1.2 สวนประกอบของ โปรแกรม Flash CS3 13

กจกรรมการเรยนรท 1.2 15 ใบความรท 1.3 การใชเครองมอของ โปรแกรม Flash CS3 16

กจกรรมการเรยนรท 1.3 19 ใบความรท 1.4 การสราง การบนทก การเปดไฟลงาน 16

กจกรรมการเรยนรท 1.4 24 แบบทดสอบหลงเรยน 25 กระดาษค าตอบแบบทดสอบหลงเรยน 27 บรรณานกรม 28 ภาคผนวก 29

- เฉลยแบบทดสอบกอนเรยน 30 - เฉลยแบบทดสอบหลงเรยน 30 - เฉลยกจกรรมการเรยนรท 1.1 31 - เฉลยกจกรรมการเรยนรท 1.2 32 - เฉลยกจกรรมการเรยนรท 1.3 33 - เฉลยกจกรรมการเรยนรท 1.4 34

1


ค าชแจงชดกจกรรมการเรยนร

เรองการสรางภาพเคลอนไหว ดวยโปรแกรม Flash CS3

ชดกจกรรมการเรยนร เรองการสรางภาพเคลอนไหว ดวยโปรแกรม Flash CS3 รายวชา การสราง

ภาพเคลอนไหว ส าหรบนกเรยนชนมธยมศกษาปท 6 กลมสาระการเรยนรการงานอาชพและเทคโนโลย ประกอบดวยชดกจกรรม จ านวน 7 เลม ดงน

เลมท 1 รจกกบโปรแกรม Flash CS3 เบองตน เลมท 2 การใชงานสและใชเครองมอในการวาดภาพ เลมท 3 การใชงาน Layer Timeline Frame Scene และ รปภาพ เลมท 4 การสรางภาพ เคลอนไหว เลมท 5 การใชงาน Symbol เลมท 6 การแทรกไฟลเสยง เลมท 7 การเผยแพรผลงาน ชดกจกรรมการเรยนร เรองการสรางภาพเคลอนไหว ดวยโปรแกรม Flash CS3 รายวชา การสราง

ภาพเคลอนไหว ส าหรบนกเรยนชนมธยมศกษาปท 6 จ านวน 7 เลม เปนชดกจกรรมการเรยนรทเนนใหนกเรยนไดรบประสบการณจากการเรยนรโดยตรง เปนเรองทเกยวของกบการสรางภาพเคลอนไหว นกเรยนสามารถเรยนรดวยความสนกสนาน ไดรบความรและความเพลดเพลน เพอใหการเรยนการสอนเกดประสทธภาพสงสด นกเรยนควรศกษาและฝกตามล าดบชดกจกรรมการเรยนร เลมท 1 - 7 และสามารถยอนกลบไปทบทวนชดกจกรรมการเรยนรเลมกอนหนาได

2


ค าชแจงส าหรบคร

ชดกจกรรมการเรยนร เรองการสรางภาพเคลอนไหว ดวยโปรแกรม Flash CS3 เลมท 1 รจกกบ

โปรแกรม Flash CS3 เบองตน เลมน ใชประกอบการจดกจกรรมการเรยนการสอน รายวชา การสรางภาพเคลอนไหว ส าหรบนกเรยนชนมธยมศกษาปท 6 โรงเรยนอมผางวทยาคม โดยมขนตอนการจดกจกรรมการเรยนการสอน ดงน

1. ศกษาแผนการจดการเรยนรและชดกจกรรมการเรยนรและค าชแจงตางๆใหเขาใจ 2. ครใหนกเรยนท าแบบทดสอบกอนเรยน เพอดวานกเรยนมพนฐานความรเรอง ความเขาใจ

เกยวกบโปรแกรม Flash CS3 มากนอยเพยงใด จากนนแจงผลการทดสอบใหนกเรยนทราบ 3. ครแจกชดกจกรรมการเรยนร เรองการสรางภาพเคลอนไหว ดวยโปรแกรม Flash CS3 เลมท

1 รจกกบโปรแกรม Flash CS3 เบองตน ใหกบนกเรยน 4. ครใหนกเรยน ศกษาชดกจกรรมการเรยนร เรองการสรางภาพเคลอนไหว ดวยโปรแกรม Flash

CS3 เลมท 1 รจกกบโปรแกรม Flash CS3 เบองตน 5. ครใหนกเรยนท ากจกรรมตามใบงานในชดกจกรรมการเรยนรใหครบทกกจกรรม 6. ครตรวจการท าใบงานตามกจกรรมตามใบงานของนกเรยน พรอมทงเฉลยใหนกเรยนทราบ 7. ครใหนกเรยนท าแบบทดสอบหลงเรยนเพอดวานกเรยนมความร ความเขาใจหลงเรยนมากนอย

เพยงใด 8. ครสงเกตพฤตกรรมคณลกษณะทพงประสงค และบนทกผล 9. ครตรวจคะแนนและบนทกผลลงในแบบเกบคะแนน ชดกจกรรมการเรยนร เรองการสราง

ภาพเคลอนไหว ดวยโปรแกรม Flash CS3 เลมท 1 รจกกบโปรแกรม Flash CS3 เบองตน 10. ครแจงคะแนนใหนกเรยนทราบและชมเชยนกเรยนพรอมใหค าแนะน าเพมเตม

3


ค าชแจงส าหรบนกเรยน

ชดกจกรรมการเรยนร เรองการสรางภาพเคลอนไหว ดวยโปรแกรม Flash CS3 เลมท 1รจกกบ

โปรแกรม Flash CS3 เบองตน เลมน ใชประกอบการจดกจกรรมการเรยนการสอน รายวชา การสรางภาพเคลอนไหว ส าหรบนกเรยนชนมธยมศกษาปท 6 โรงเรยนอมผางวทยาคม โดยใหนกเรยนศกษากอนลงมอปฏบตกจกรรมดงน

1. นกเรยนฟงค าชแจงการใชชดกจกรรมการเรยนร เรองการสรางภาพเคลอนไหว ดวยโปรแกรม Flash CS3 เลมท 1 รจกกบโปรแกรม Flash CS3 เบองตน ใหเขาใจ

2. นกเรยนรบชดกจกรรมการเรยนร เรองการสรางภาพเคลอนไหว ดวยโปรแกรม Flash CS3 เลมท 1 รจกกบโปรแกรม Flash CS3 เบองตน

3. นกเรยนท าแบบทดสอบกอนเรยน เพอประเมนดวานกเรยนมพนฐานความรเรอง ความเขาใจ เกยวกบโปรแกรม Flash CS3 มากนอยเพยงใด

4. นกเรยน ศกษาเนอหาจากชดกจกรรมการเรยนร เรองการสรางภาพเคลอนไหว ดวยโปรแกรม Flash CS3 เลมท 1 รจกกบโปรแกรม Flash CS3 เบองตน ท าความเขาใจใหดตงแตหนาแรกถงหนาสดทายตามล าดบอยาขามขนตอนและ ท ากจกรรมตามใบงานในชดกจกรรมการเรยนรใหครบทกกจกรรม

5. เมอพบค าชแจงหรอค าถามใหนกเรยนอานและท ากจกรรมทก าหนดใหอยางรอบคอบ 6. สงผลงานการท ากจกรรมการเรยนรจากทาย ชดกจกรรมการเรยนร เพอใหครตรวจและบนทก

ผล 7. เมอท าแบบฝกหดเสรจแลวจดเกบอปกรณใหเรยบรอย 8. เมอนกเรยนทกคนท ากจกรรมการเรยนรครบแลวใหนกเรยนท าแบบทดสอบหลงเรยน ดวยความ

ตงใจและซอสตย 9. รบฟงการบอกคะแนนค าชมเชยและค าแนะน าเพมเตมจากคร

4


มาตรฐานการเรยนร / ตวชวด

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

ม.4-6/9 ตดตอสอสาร คนหาขอมลผานอนเทอรเนต

สาระส าคญ

ในปจจบนคอมพวเตอรเปนสงส าคญในการเรยนรส าหรบนกเรยน เพอใหนกเรยนมความรและ มศกยภาพในการใชคอมพวเตอรในการสรางสรรคผลงานตางๆ โปรแกรม Flash CS3 เปนอกโปรแกรมหนงทจะชวยใหนกเรยนมศกยภาพ ในการสรางสรรคผลงานไดมากขน ซงโปรแกรม Flash CS3 เปนโปรแกรมทใชส าหรบสรางภาพเคลอนไหว (Animation) เชนการสรางเกม การสรางการตนเคลอนไหว (Animation) การสรางเวบไซต เปนตน

สาระการเรยนร 1. ความรพนฐาน โปรแกรม Flash CS3 2. สวนประกอบของโปรแกรม Flash CS3 3. การใชเครองมอของโปรแกรม Flash CS3 4. การสราง การบนทก การเปด ไฟลงาน

5


ผลการเรยนรทคาดหวง

ดานความร (K)

1. สามารถอธบายความรพนฐาน โปรแกรม Flash CS3 ได

2. สามารถบอกสวนประกอบของโปรแกรม Flash CS3 ได

3. สามารถอธบายวธการการใชเครองมอของโปรแกรม Flash CS3 ได

4. สามารถสราง บนทก และเปด ไฟลงานได ทกษะ/กระบวนการ/กระบวนการคด (P)

ใชงานเครองมอและค าสงเพอสรางภาพเคลอนไหว (Animation) ได คณลกษณะอนพงประสงค (A) ซอสตย มวนย ใฝเรยนร มงมนในการท างาน

6


แบบทดสอบกอนเรยน เลมท 1 เรอง รจกกบโปรแกรม Flash CS3 เบองตน

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

กระดาษค าตอบ (10 คะแนน)

1. โปรแกรม Adobe Flash CS3 มความสามารถในดานใด

ก. งานพมพเอกสาร

ข. การสรางฐานขอมล

ค. การออกแบบรปภาพ

ง. การสรางภาพเคลอนไหว

2. การเขาใชโปรแกรม Adobe Flash CS3 ตองเลอกทค าสงใด ก. Action Script 1.0

ข. Action Script 2.0

ค. Action Script 3.0

ง. Action Script 4.0

3. ไฟลของโปรแกรม Adobe Flash CS3 ขอใดทสามารถน ากลบมาแกไขได ก. .Swf

ข. .Flv

ค. .Fla

ง. .Pdf 4. ไฟล Shock Wave Flash ทโปรแกรม Flash CS3 สามารถ Export ไดคอขอใด

ก. .Swf

ข. .Flv

ค. .Fla

ง. .Pdf

7


5. ค าสงใดใชเรยก กลองเครองมอ ในการท างาน ก. Modify > Tools ข. Window > Tools ค. Insert > Tools ง. Edit > Tools

6. Stage ท าหนาทอะไร? ก. พนทส าหรบการสรางภาพเคลอนไหว ข. ก าหนดการเคลอนไหวของวตถ ค. หาเครองมอทหายไป ง. ก าหนดคณสมบตใหกบวตถ

7. ถาตองการก าหนดสของ Stage จากสขาว ใหเปนสด าตองใช Panel ค าสงใด ก. Action ข. Toolbar ค. Properties ง. Motion Editor

8. คยลด Ctrl + เปนคยลดการท างานของค าสงใด ก. ลอคหนาจอ ข. ขยายหนาจอ ค. ลบขนาดหนาจอ ง. ลดขนาดหนาจอ

9. ถาตองการบนทกไฟล เพอน ากลบมาแกไขใหมไดตองใชค าสงใด ก. File > Browse ข. File > Save ค. File > Open ง. File > New

10. ขอใดตงชอไฟลไมถกตอง ก. Nadet_64.fla ข. Nadet 64.fla ค. Nadet 6.4.fla ง. Nadet 6/4.fla

8


กระดาษค าตอบแบบทดสอบกอนเรยน

ชอ...................................................................... ชน............ เลขท.............

ขอ ก ข ค ง

1. 2. 3. 4. 5. 6. 7. 8. 9. 10. รวม

9


ใบความรท 1.1 ความรพนฐาน โปรแกรม Flash CS3

Flash CS3 เปนผลตภณฑทพฒนามาเพอสนบสนนการสรางงานกราฟก ทงภาพนง และ

ภาพเคลอนไหว ส าหรบการน าเสนอผานเครอขายอนเทอรเนต Flash มฟงกชนชวยอ านวยความสะดวก ในการสรางผลงานหลากหลายรปแบบ ตลอดจน ชดค าสงโปรแกรมมงทเรยกวา Flash Action Script ทเพมประสทธภาพในการ ท างาน และสามารถคอมไพล (Compile) เปนโปรแกรมใชงาน (Application Program) เชน การท าเปน e-Card เพอแนบไปพรอมกบ E-Mail ในโอกาสตางๆ

ความสามารถของ Flash CS3

สรางชนงาน Interactive มสวนตอบสนองกบผใช เชน ผใชสามารถคลกเลอกเมนตางๆ ได น าไปประยกต

เปนสอการสอน (E- Learning) หนาจอควบคมการท างานตางๆ สอโฆษณา (Banner) บนเวบไซต การตนแอนเมชนตางๆ เปนตน สรางชนงาน Animation

จดเดนของการท า งานในโปรแกรม Flash คอการสราง Animation หรอ ภาพเคลอนไหว มเครองมออ านวยความสะดวก ท าใหโปรแกรม Flash สรางผลงาน Animation ไดงาย

สรางเวบไซต ( Website ) โปรแกรม Flash สามารถสรางเวบไซตไดสวยงาม และสรางลกเลนตางๆ ไดงาย

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

สรางเกมส ( GAME ) Flash มเครองมอชวยสรางองคประกอบตางๆ ใหเกมสมความสวยงาม มเครองมอ

ส าหรบสรางค าสงควบคมการเลนเกมส อกทงไฟลเกมสทสรางออกมามขนาดเลก ท าใหอพโหลดสเวบไซตไดอยางรวดเรว

10


การเขาเรยกใชงาน โปรแกรม Flash CS3

การเขาสโปรแกรม Flash Cs 3 สามารถท าได 2 วธ ดงน

วธท 1

วธท 2

ดบเบลคลกทไอคอน Adobe Flash Cs3 ทอยตรง หนาจอเดสกทอป

1. คลกทปม Start

2. คลกเลอกเมน All Program

3. เลอนเมาสมาตรงโปรแกรม Adobe Flash Cs3 คลกทชอโปรแกรม 1 ครงเพอเขาใชงานโปรแกรม

11


เมอเปดโปรแกรมโปรแกรม Flash Cs3 จะเจอหนาตางตอนรบทใหเราสามารถเลอกประเภทของงาน Flash ตามทตองการ ซงประกอบดวย 3 หวขอใหญ ดงภาพ

1. Open a Recent Item เปนการเลอกเปดงานทมอยในเครอง โดยจะโชวชองานชนลาสดทเคยเปดแลว หรอสามารถกดปม Open เพอเลอกงานจากโฟลเดอรตางๆ

2. Create New เปนการสรางงาน Flash ขนมาใหม เพองายตอการใชงาน ใหคลกเลอกตรง ActionScript 2.0 เพอเขาสการเรมตนท างาน

3. Create from Template เปนการสรางงาน Flash จากโครงรางส าเรจรปทโปรแกรมเตรยมไวให

นามสกลของโปรแกรม Flash Cs3

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

ซงสามารถ น าเปลยนแปลงแกไขได *.fla ยอมากจาก Flash Movie หรอทเรยกวา Movie 2. *.swf คอไฟลท Flash สรางขนหลงจากการแสดงผลออกมา ซงสามารถดบเบลคลก

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

12


กจกรรมการเรยนรท 1.1

ชอ – สกล..............................................................................เลขท....................ชน.................

กจกรรมการเรยนรท 1.1 ความรพนฐานเกยวกบ Flash CS3

1. ใหนกเรยนบอกความสามารถในการท างานของโปรแกรม Flash Cs3 แลวบนทกขอมลลงในแผนภาพ

2. ใหนกเรยนศกษาวธการเชาใชงานโปรแกรม Flash Cs3 แลวบนทกขอมลลงในชองวาง

ความสามารถของโปรแกรม Flash Cs3

................................................. .................................................

................................................. .................................................

.............................................................................................................................................

.............................................................................................................................................

.............................................................................................................................................

.............................................................................................................................................

.............................................................................................................................................

.............................................................................................................................................

.............................................................................................................................................

.............................................................................................................................................

.

13


ใบความรท 1.2 สวนประกอบของ โปรแกรม Flash CS3

1. แถบชอหวเรอง (Title Bar) แสดงปมควบคมหลก (Control Menu) ชอโปรแกรม และปมควบคมหนาตางโปรแกรม

2. เมนบาร (Menu Bar) ประกอบดวยเมนหลายอยางทจ าเปนในการสงงาน เชน เมน Window มส าหรบแสดง และ ซอน เครองมอทกชนด หนาตางเครองมอทหายไปเราสามารถมาสงเรยกเปดทน ค าสงในเมนตางๆทส าคญและใชอยบอยๆมดงน

- เมน File - เมน Edit - เมน Modify - เมน Window

14


3. เลเยอร (Layer) คอชนๆตางๆทจะท าใหเราท างานเปนระบบมากขน เราสามารถแยกวตถตางๆ ออกจากกนใหเปนอสระในการแสดงผลได ซงท าใหสะดวกและงายตอการท างาน โดยทเลเยอรวตถทอยดานบนนนจะทบวตถเลเยอรดานลาง หากตองการสลบบน-ลาง กเพยงใหเราคลกคางไวทแถบเลเยอร แลวลากขนหรอลง นอกจากนนแลวในการท างานกบเลเยอรทดควรจะท าการตงชอของเลเยอรนนๆไวเพอใหเราสามารถกลบ มาแกไขสงตางๆ ในเลเยอรนนไดงายและสะดวก สามารถซอน/แสดง ไดดวยการคลกเมน Windows > Layer

4. ไทมไลน (Time Line) มไวส าหรบควบคมและก าหนดการน าเสนอผลงาน การเคลอนไหวตางๆ โดยจะประกอบ ดวยเฟรม (frame) ซงจะสามารถบรรจสงตางๆไมวาจะเปน ภาพ เสยง และอนๆ ลงไปเพอใหในชวง เวลานนประกอบดวยอะไรบางทตองการแสดงผล เวลาสรางงานเราจะท าการ สามารถซอน/แสดง ไดดวยการคลกเมน Windows > Timeline

5. ทลบอกซ (Toolbox) แถบเครองมอ กลมเครองมอสรางงานและจดการวตถ ประกอบดวยปมเครองมอยอยตางๆ สามารถซอน/แสดง ไดดวยการคลกเมน Windows > Tool โดยแบงเครองมอเปนหมวดๆ ได 5 กลม - เครองมอเลอกวตถ (Selection) - เครองมอวาดภาพ (Drawing) - เครองมอจดแตงวตถ (Modify) - เครองมอควบคมมมมอง (View) - เครองมอควบคมส (Color)

6. สเตจ (Stage) คอพนททเราก าหนดขอบเขตขนาดของการท างาน ซงเราสามารถตงคาหรอปรบไดท Properties โดยคาของสเตจจะเรมตนท 550x400 โดยกอนเรมท างานควรจะวางแผนในการก าหนดขนาดไวกอนจะด เพราะหากมาแกไขขนาดภายหลงจะท าใหยงยากในการปรบต าแหนงของวตถตาง เพราะเมอมการน าเสนอผลงานจะ แสดงเฉพาะวตถบนสเตจ เทานน

7. แถบคณสมบต (Properties) ใชก าหนดคาคณสมบตของ สเตจและวตถตางๆ โดยรายละเอยดทปรากฏขนมาจะเปลยนแปลงไปตามเครองมอหรอออบเจกตท ก าลงคลกเลอก สามารถซอน /แสดง ไดดวยการคลกเมน Windows > Properties > Properties

8. พาเนล (Panel) หนาตางหรอชดค าสงพเศษทใชท างานเฉพาะดาน เชน พาเนล Color ใชเลอกและผสมส พาเนล Library ใชจดเกบออบเจกตตางๆ เปนตน ซงสามารถเปดเรยกไดดวยการคลกทเมน Windows

15



ชอ – สกล..............................................................................เลขท....................ชน.................

กจกรรมท 1.2 สวนประกอบของโปรแกรม Flash Cs3

1. ใหนกเรยนศกษาและสรปหนาทการท างาน สวนประกอบของโปรแกรม Flash Cs3 ดงน ขอท ชอสวนประกอบ หนาทการท างาน 1. เมนบาร

(Menu Bar)

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

2. เลเยอร (Layer)

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

3. ไทมไลน (Time Line)

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

4. ทลบอกซ (Toolbox)

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

5. สเตจ (Stage)

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

6. แถบคณสมบต(Properties)

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

7. พาเนล (Panel)

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

16


ใบความรท 1.3 การใชเครองมอของ โปรแกรม Flash CS3

ทลบอกซ (Toolbox)

แถบเครองมอ กลมเครองมอสรางงานและจดการวตถ โดยแบงเครองมอเปนหมวดๆ ได 5 กลม คอ

กลมเครองมอเลอกวตถ (Selection)

กลมเครองมอวาดภาพ (Drawing)

กลมเครองมอจดแตงวตถ (Modify)

กลมเครองมอควบคมมมมอง (View)

กลมเครองมอควบคมส (Color)

17


กลมเครองมอสรางงานและจดการวตถในทลบอกซ (Toolbox)

ไอคอน ชอเรยก หนาทของปมเครองมอ กลมเครองมอเลอกวตถ (Selection)

Arrow Tool ใชส าหรบเลอกวตถโดยการคลก หรอคลกแลวลากใหเปนบรเวณสเหลยมรอบวตถทตองการเลอก

Subselection Tool ใชส าหรบเลอกจดการกบวตถเฉพาะบางสวน

Free Transform Tool ใชส าหรบยอ – ขยายวตถ

Lasso Tool ใชส าหรบเลอกวตถ โดยการวาดเสนแบบอสระรอบวตถ กลมเครองมอวาดภาพ (Drawing)

Pen Tool ใชส าหรบวาดรปทรง เสนตรง เสนโคง

Add Anchor Point Tool ใชส าหรบเพมจดแองเคอร

Delete Anchor Point Tool ใชส าหรบลบจดแองเคอร

Convert Anchor Point Tool ใชส าหรบหรบจดแองเคอร

Line Tool ใชส าหรบวาดเสนตรง

Rectangle Tool ใชส าหรบวาดรปสเหลยม

Oval Tool ใชส าหรบวาดวงกลม หรอวงร

Rectangle Primitive Tool ใชวาดสเหลยมทปรบแตงมมไดภายหลง

Oval Primitive Tool ใชวาดวงกลมหรอวงรทปรบแตงรปแบบไดภายหลง

PolyStar Tool ใชวาดรปหลายเหลยมและรปดาว

Text Tool ใชส าหรบสรางตวอกษร หรอขอความ

Brush Tool ใชส าหรบระบายสคลายพกน หรอแปลงทาส

Pencil Tool ใชส าหรบวาดลายเสนแบบอสระ กลมเครองมอจดแตงวตถ (Modify)

Ink Bottle Tool ใชส าหรบเปลยนสเสนขอบ

Eyedropper Tool ใชส าหรบดดสภายในของสวนทถกคลกเพอนน าไปใสใหเสน หรอรปทรงอน

Paint Bucket Tool ใชส าหรบเตมสพนภายในของวตถ

Eraser Tool ใชส าหรบลบเสน หรอสพนภายใน

18


ไอคอน ชอเรยก หนาทของปมเครองมอ กลมเครองมอควบคมมมมอง (View)

Hand Tool ใชส าหรบเคลอนยายจอภาพของ Stage

Zoom Tool ใชส าหรบยอ หรอขยาย Stage กลมเครองมอควบคมส (Color)

Stroke Color ใชส าหรบเลอกสเสนขอบของวตถ

Fill Color ใชส าหรบเลอกสพนภายในของวตถ

Default Color ใชส าหรบเลอกสพนผว และสเสนเปนสมาตรฐานคอ สขาว-ด า

No Color คลกเลอกเมอไมตองการก าหนดสใหกบเสน หรอสพนวตถ

Swap Colors Tool ใชสลบสระหวางสพนท กบสเสนขอบ ก าหนดสทเลอกไวกอนหนาของวตถ

2

19



ชอ – สกล..............................................................................เลขท....................ชน.................

กจกรรมการเรยนรท 1.3 การใชเครองมอของ โปรแกรม Flash CS3

1. ใหนกเรยนจบครปภาพและการท างานตอไปน ใหถกตอง

1. …………..…. A ใชส าหรบเคลอนยายจอภาพของ Stage

2. ……………… B ใชส าหรบวาดรปทรง เสนตรง เสนโคง

3. ……………… C ใชส าหรบดดสภายในของสวนทถกคลก

4. ……………… D ใชส าหรบระบายสคลายพกน หรอแปลงทาส

5. ……………… E ใชส าหรบวาดวงกลม หรอวงร

6. ……………… F ใชส าหรบเลอกสพนภายในของวตถ

7. ……………… G ใชส าหรบเลอกวตถ โดยการวาดเสนแบบอสระรอบวตถ

8. ……………… H ใชส าหรบยอ – ขยายวตถ

9. ……………… I ใชส าหรบเปลยนสเสนขอบ

10. …………… J ใชส าหรบเพมจดแองเคอร

11. …………… K ใชส าหรบเลอกวตถโดยการคลก

12. …………… L ใชส าหรบลบจดแองเคอร

13. …………… M ใชส าหรบวาดรปสเหลยม

14. …………… N ใชส าหรบลบเสน หรอสพนภายใน

15. …………… O ใชส าหรบเลอกสเสนขอบของวตถ

16. …………… P ใชส าหรบยอ หรอขยาย Stage

17. …………… Q ใชส าหรบวาดเสนตรง

18. …………… R ใชส าหรบวาดลายเสนแบบอสระ

19. …………… S ใชส าหรบสรางตวอกษร หรอขอความ

20. …………… T ใชวาดรปหลายเหลยมและรปดาว

20


ใบความรท 1.4 การสราง การบนทก การเปดไฟลงาน

การสรางไฟลงาน

วธท 1

เลอกจากหนาตางเรมตนการท างาน หลงจากทเปดโปรแกรม Flash ขนมา เราสามารถเลอกสรางไฟลใหมไดจากหนาตางเรมตนการท างานไดเลย โดยปกตการสรางไฟลงานทวไปทเรานยมใชคอ การสรางไฟลเปลาเลอกท Flash File (ActionScript 2.0) ดงภาพ

21


วธท 2

1. เลอกค าสง File>New... เพอสรางไฟลใหม

2. จะปรากฏหนาตางส าหรบสรางไฟลขนมา ใหเราเลอกแทบ General แลวเลอกรปแบบของลกษณะไฟลใหม เลอกท Flash File (ActionScript 2.0) ดงภาพ

22


การบนทกไฟลงาน

เราสามารถสงบนทกหรอเซฟไฟลชนงานทสรางใน Flash (ไฟลชนงานจะถกบนทกเปนนามสกล .FLA) ไวหลายวธ ดงน

1. เลอก File>Save บนทลบาร หารเปนการบนทกไฟลครงแรก เราจะตองตงชอไฟลทตองการสงเซฟดวย

2. เลอก File>Save and Compact หากเราเคยบนทกไฟลชนนแลวและตองการบนทกไฟลในชออน หรอ ชอเดม ไฟลทไดจะถกสรางขนมาใหม ซงมขนาดเลกกวาไฟลเดม และไฟลเดมจะถกลบทงไป

3. เลอก File>Save As…. หากเราเคยบนทกไฟลชนนแลวและตองการบนทกชนงานนเปนไฟลอกชอ หนง หรอบนทกเปนส าเนาไวทอน

4. เลอก File>Save as Template... หากเราตองการบนทกชนงานเปนเทมเพลตเพอน าไปใชเปนไฟล

23


การเปดไฟลงาน

1. เลอกทเมน File 2. เลอกทเมน Open… เพอเปดไฟล

3. สามารถคลกเลอกไฟล .fla ทบนทกไวกลบมาแกไขได แตไฟลนามสกล .swf จะเปดมาเพอแสดงไดอยางเดยวเพราะเปนไฟลทถกพบลชแลว

4. คลกปม Open เพอเปดไฟล

24



ชอ – สกล..............................................................................เลขท....................ชน.................

กจกรรมการเรยนรท 1.4 การสราง การบนทก การเปดไฟลงาน

1. ใหนกเรยนศกษาวธการสรางไฟลงาน แลวบนทกขอมลลงในชองวาง



..............................................................................................................................................

..............................................................................................................................................

..............................................................................................................................................

..............................................................................................................................................

..............................................................................................................................................

..............................................................................................................................................

..............................................................................................................................................

..............................................................................................................................................

..............................................................................................................................................

..............................................................................................................................................

..............................................................................................................................................

..............................................................................................................................................

..............................................................................................................................................

..............................................................................................................................................

..............................................................................................................................................

..............................................................................................................................................

..............................................................................................................................................

..............................................................................................................................................

25


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

เลมท 1 เรอง รจกกบโปรแกรม Flash CS3 เบองตน

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

กระดาษค าตอบ (10 คะแนน)

1. ไฟลของโปรแกรม Adobe Flash CS3 ขอใดทสามารถน ากลบมาแกไขได

ก. .Swf

ข. .Flv

ค. .Fla

ง. .Pdf 2. Stage ท าหนาทอะไร?

ก. พนทส าหรบการสรางภาพเคลอนไหว ข. ก าหนดการเคลอนไหวของวตถ ค. หาเครองมอทหายไป ง. ก าหนดคณสมบตใหกบวตถ

3. ค าสงใดใชเรยก กลองเครองมอ ในการท างาน ก. Modify > Tools ข. Window > Tools ค. Insert > Tools ง. Edit > Tools

4. ขอใดตงชอไฟลไมถกตอง ก. Nadet_64.fla ข. Nadet 64.fla ค. Nadet 6.4.fla ง. Nadet 6/4.fla

26


5. การเขาใชโปรแกรม Adobe Flash CS3 ตองเลอกทค าสงใด ก. Action Script 1.0

ข. Action Script 2.0

ค. Action Script 3.0

ง. Action Script 4.0

6. ถาตองการบนทกไฟล เพอน ากลบมาแกไขใหมไดตองใชค าสงใด ก. File > Browse ข. File > Save ค. File > Open ง. File > New

7. ไฟล Shock Wave Flash ทโปรแกรม Flash CS3 สามารถ Export ไดคอขอใด ก. .Swf

ข. .Flv

ค. .Fla

ง. .Pdf 8. โปรแกรม Adobe Flash CS3 มความสามารถในดานใด

ก. งานพมพเอกสาร ข. การสรางฐานขอมล ค. การออกแบบรปภาพ ง. การสรางภาพเคลอนไหว

9. ถาตองการก าหนดสของ Stage จากสขาว ใหเปนสด าตองใช Panel ค าสงใด ก. Action ข. Toolbar ค. Properties ง. Motion Editor

10. คยลด Ctrl + เปนคยลดการท างานของค าสงใด ก. ลอคหนาจอ ข. ขยายหนาจอ ค. ลบขนาดหนาจอ ง. ลดขนาดหนาจอ

27


กระดาษค าตอบแบบทดสอบหลงเรยน

ชอ...................................................................... ชน............ เลขท.............


1. 2. 3. 4. 5. 6. 7. 8. 9. 10. รวม

28


บรรณานกรม

เกรก ทวมกลาง และจนตนา ทวมกลาง. 2555. การพฒนาสอ/นวตกรรมทางการศกษาเพอเลอนวทยฐานะ. กรงเทพมหานคร : สถาพรบคส.

ชาตพล นภาวาร. 2552. คมอสราวสรรคงานแอนนเมชนดวย Flash CS4. กรงเทพฯ: ซอฟตเพรส ทศนา แขมมณ. 2555. ศาสตรการสอน องคความรเพอการจดกระบวนการเรยนรทมประสทธภาพ .

กรงเทพฯ : จฬาลงกรณมหาวทยาลย. ธนยพงษ ฮอพานชวฒน. 2553. มอใหมหดสรางแอนเมชน ดวย Flash CS4. นนทบร: ไอดซฯ. ปยะบตร สทธธาดา.2551. Flash CS3 สนกกบงานแอนนเมชน. นนทบร: ไอดซฯ พนศกด ธนพนธพาณช. 2551. คมอการใชงาน Adobe Flash CS3. กรงเทพฯ: เอส ซ พ บคส. ศกษาธการ, กระทรวง. 2551. หลกสตรแกนกลางการศกษาขนพนฐาน พทธศกราช 2551.

กรงเทพฯ:กระทรวงศกษาธการ. ศภชย ชนะไชยะสกล. 2549. Web Flash สรางแอนนเมชนสวยๆดวยตนเอง. นนทบร: ไอดซฯ อศเรศ ภาชนะกาญจน. 2551. ขยบดกดกกบแฟลชแอนนเมชน. นนทบร: ไอดซฯ อศวน โอกาดา. 2550. คมภร Flash CS3. กรงเทพฯ: โปรวชน อรรคเดช สมปนณา. 2552. แตงเวยสวยดวยแฟลช CS4 ฉบบ Workshop. กรงเทพฯ: Narin Roungsan. 2551. สรางการตนแอนนเมชนดวย Flash. กรงเทพฯ: โปรวชน

29


ภาคผนวก

30


เฉลยแบบทดสอบ กอนเรยนและหลงเรยน เลมท 1 เรอง รจกกบโปรแกรม Flash CS3 เบองตน

แบบทดสอบกอนเรยน


1. X 2. X 3. X 4. X 5. X 6. X 7. X 8. X 9. X 10. X รวม

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


1. X 2. X 3. X 4. X 5. X 6. X 7. X 8. X 9. X 10. X รวม

31


เฉลยกจกรรมการเรยนรท 1.1

ชอ – สกล..............................................................................เลขท....................ชน.................

กจกรรมการเรยนรท 1.1 ความรพนฐานเกยวกบ Flash CS3

2. ใหนกเรยนบอกความสามารถในการท างานของโปรแกรม Flash Cs3 แลวบนทกขอมลลงในแผนภาพ

2. ใหนกเรยนศกษาวธการเชาใชงานโปรแกรม Flash Cs3 แลวบนทกขอมลลงในชองวาง

ความสามารถของโปรแกรม Flash Cs3

Interactive

การเขาสโปรแกรม Flash Cs 3 สามารถท าได 2 วธ คอ วธท 1 ดบเบลคลกทไอคอน Adobe Flash Cs3 ทอยตรง หนาจอเดสกทอป วธท 2 คลกทปม Start คลกเลอกเมน All Program เลอนเมาสมาตรงโปรแกรม

Adobe Flash Cs3 คลกทชอโปรแกรม 1 ครงเพอเขาใชงานโปรแกรม

Animation

Game Website

32



ชอ – สกล..............................................................................เลขท....................ชน.................

กจกรรมการเรยนรท 1.2 สวนประกอบของโปรแกรม Flash Cs3

1. ใหนกเรยนศกษาและสรปหนาทการท างาน สวนประกอบของโปรแกรม Flash Cs3 ดงน

ขอท ชอสวนประกอบ หนาทการท างาน 1. เมนบาร

(Menu Bar) เปนเมนค าสงใชในการสงงานมส าหรบแสดง และ ซอน เครองมอทกชนด หนาตางเครองมอทหายไปเราสามารถมาสงเรยกเปดทน ค าสงในเมนตางๆ

2. เลเยอร (Layer)

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

3. ไทมไลน (Time Line)

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

4. ทลบอกซ (Toolbox)

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

5. สเตจ (Stage)

พนททเราก าหนดขอบเขตขนาดของการท างาน ซงเราสามารถตงคาหรอปรบไดท Properties โดยคาของสเตจจะเรมตนท 550x400 การน าเสนอผลงานจะ แสดงเฉพาะวตถบน สเตจ เทานน

6. แถบคณสมบต(Properties)

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

7. พาเนล (Panel)

หนาตางหรอชดค าสงพเศษทใชท างานเฉพาะดาน เชน พาเนล Color ใชเลอกและผสมส พาเนล Library ใชจดเกบออบเจกตตางๆ เปนตน

33



ชอ – สกล..............................................................................เลขท....................ชน.................

กจกรรมท 1.3 การใชเครองมอของ โปรแกรม Flash CS3

1. ใหนกเรยนจบครปภาพและการท างานตอไปน ใหถกตอง

1. H A ใชส าหรบเคลอนยายจอภาพของ Stage

2. M B ใชส าหรบวาดรปทรง เสนตรง เสนโคง

3. R C ใชส าหรบดดสภายในของสวนทถกคลก

4. O D ใชส าหรบระบายสคลายพกน หรอแปลงทาส

5. N E ใชส าหรบวาดวงกลม หรอวงร

6. D F ใชส าหรบเลอกสพนภายในของวตถ

7. H G ใชส าหรบเลอกวตถ โดยการวาดเสนแบบอสระรอบวตถ

8. S H ใชส าหรบยอ – ขยายวตถ

9. Q I ใชส าหรบเปลยนสเสนขอบ

10. G J ใชส าหรบเพมจดแองเคอร

11. F K ใชส าหรบเลอกวตถโดยการคลก

12. T L ใชส าหรบลบจดแองเคอร

13. J M ใชส าหรบวาดรปสเหลยม

14. C N ใชส าหรบลบเสน หรอสพนภายใน

15. K O ใชส าหรบเลอกสเสนขอบของวตถ

16. L P ใชส าหรบยอ หรอขยาย Stage

17. A Q ใชส าหรบวาดเสนตรง

18. I R ใชส าหรบวาดลายเสนแบบอสระ

19. B S ใชส าหรบสรางตวอกษร หรอขอความ

20. E T ใชวาดรปหลายเหลยมและรปดาว

34



ชอ – สกล..............................................................................เลขท....................ชน.................

กจกรรมท 1.4 การสราง การบนทก การเปด ไฟลงาน




1. เลอกจากหนาตางเรมตนการท างาน หลงจากทเปดโปรแกรม Flash ขนมา เลอกท Flash File (ActionScript 2.0)

2. เลอกค าสง File>New...จะปรากฏหนาตางส าหรบสรางไฟลขนมา ใหเราเลอกแทบ General แลวเลอกรปแบบของลกษณะไฟลใหม เลอกท Flash File (ActionScript 2.0)

1. เลอก File>Save เปนการบนทกไฟลครงแรก ชอไฟลทตองการสงเซฟ 2. เลอก File>Save and Compact เปนการบนทกไฟลไฟลทไดจะถกสรางขนมา

ใหม ซงมขนาดเลกกวาไฟลเดม และไฟลเดมจะถกลบทงไป 3. เลอก File>Save As…. เปนการบนทกชนงานเปนไฟลอกชอหนง หรอบนทกเปน

ส าเนาไวทอน 4. เลอก File>Save as Template... เปนการบนทกชนงานเปนเทมเพลตเพอ

น าไปใชเปนไฟล

1. เลอกทเมน File 2. เลอกทเมน Open… เพอเปดไฟล 3. สามารถคลกเลอกไฟล .fla ทบนทกไวกลบมาแกไขได แตไฟลนามสกล .swf

จะเปดมาเพอแสดงไดอยางเดยวเพราะเปนไฟลทถกพบลชแลว 4. คลกปม Open เพอเปดไฟล

Documents

เล่มที่ 1 · 2016-03-10 · >> เล่มที่ 1 รู้จักกับโปรแกรม Flash CS3 ... การเรียนการสอน