ชุดการสอน Flash

59

ชดประกอบการเรยน

วชา โครงงานคอมพวเตอรดวยโปรแกรม

Macromedia Flash MX

โดย

คร ศศธร ไวทยสวรรณ

60

โรงเรยนมธยมวดมกฏกษตรย

คำ�แนะนำ�ก�รใชเอกส�รประกอบก�รเรยนก�รสอน

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

2. ปฏบตตามคำาแนะนำาของครหรอกลมอยางเครงครด3. ใหนกเรยนจดชนเรยนโดยนงเรยนเปน กลม ๆ ละ 4-5 คน เลอก

ประธานกลมและเลขานการกลม4. แบงหนาทรบผดชอบภายในกลม เชน รบใบกจกรรม ใบความร แบบ

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

5. ถานกเรยนเรยนไมทน หรอไมเขาใจในกจกรรมการเรยนการสอนขนตอนใดใหถามครผสอนเพอขอคำาอธบายเพมเตม หรออาจศกษาจากเอกสารประกอบการเรยนการสอนซอมเสรมนอกเวลาเรยนกได

6. นกเรยนศกษาเนอหาสาระ และทำากจกรรมจบแลว ใหทำาแบบฝกหดในใบงาน และขอทดสอบหลงเรยน แลวรอเฉลย ดวยการอภปรายรวมกน

7. เมอนกเรยนตรวจกจกรรมแบบฝกหดและขอทดสอบหลงเรยนไดถกตองไมถงรอยละ 80 ใหศกษาทบทวนใหมพรอมแกไขใหถกตองตามเกณฑทกำาหนดแลวสงครผสอน

618. มความตงใจทำาแบบทดสอบทกครง

(นางศศธร ไวทยสวรรณ)คร ชำานาญการพเศษ

โรงเรยนมธยมวดมกฏกษตรย

ส�รบญ

เรอง หน�

1. คำาแนะนำาสำาหรบนกเรยนในการใชชดการสอน2

2. แบบทดสอบกอนเรยนและหลงเรยน4

3. เกณฑการวผลและประเมนผล 5 4. ชดการสอนท 1 ปฐมนเทศการเรยนการสอน

6 5. ชดการสอนท 2 รปแบบของโปรแกรม Flash

7

62 6. ชดการสอนท 3 สวนประกอบสำาคญของโปรแกรม Flash 11 7. ชดการสอนท 4 ความหมาย หนาท และ คำาศพท ทควรทราบ

14 8. ชดการสอนท 5 การกำาหนดคาเบองตนกอนการใชงาน

16 9. ชดการสอนท 6 การสรางภาพและการใสส

1810. ชดการสอนท 7 การใสรปภาพ

2411. ชดการสอนท 8 การจดการวตถ

2612. ชดการสอนท 9 การการพมพ/การตกแตง และการปรบแตงตวอกษร 3013. ชดการสอนท 10 การการใชงานกบ Layer

3414. ชดการสอนท 11 การสรางการเคลอนทของวตถในรปแบบตาง ๆ

3815. ชดการสอนท 12 การสรางภาพเคลอนไหวในรปแบบตาง ๆ

4316. ชดการสอนท 13 การสรางโครงงานมลตมเดยดวยโปรแกรม Macromedia Flash Mx 58

ภาคผนวก 65 ภาพตวอยางสอการเรยนการสอน

บรรณานกรม 70

63แบบทดสอบกอนเรยนและหลงเรยนโปรแกรม Macromedia Flash

Mxใหนกเรยนเขยน X ทบตวอกษรหน�คำ�ตอบทถกตองทสด1. รปแบบของโปรแกรม Flash มขนาดเลกเมอเทยบกบไฟลมลตมเดย

ประเภทอน เนองจากก. เปนไฟลแบบ Pixels ข. เปนไฟลแบบ Bitmapค. เปนไฟลแบบ Vector ง. เปนไฟลแบบ JPEC

2. สวนประกอบทสำาคญของโปรแกรม Flash สวนใดทเปนตวกำาหนดภาพเคลอนไหว

ก. Drawing Tool ข. Stageค. Time Line ง. Panels Tool

3. เครองมอของโปรแกรม Flash ชนดใด ทใชสำาหรบการเลอกชนงานก. ข.

ค. ง. 4. คำาสง Create Motion Tween ใชสำาหรบสรางสงใด

ก. การแยกองคประกอบของวตถ ข. เปนคำาสงสรางภาพเคลอนไหวอตโนมต

ค. การสรางภาพไลส ง. การกำาหนดจดเคลอนไหว5. การแทรกรปภาพในโปรแกรม Flash ใชคำาสงใน Menu ใด

ก. File ข. Editค. View ค. Format

6. คำาสง Break Apart เปนคำาสงประเภทใดก. การจดลำาดบวตถ ข. การจดเรยงวตถค. การตกแตงวตถ ง. การแยกกลมวตถ

7. การพมพตวอกษร ใชเครองมอชนดใดก. ข.

ค. ง. 8. การนำาไฟลเสยงมาใสใชคำาสงใด

ก. Import ข. Pasteค. Open ง. Export

648. การจดการเกยวกบ Layer ใช Menu คำาสงใด

ก. File ข. Insertค. View ค. Format

10. ไฟล Flash มนามสกลเปนรปแบบใดก. *. mov ข. *. pngค. *. jpg ง. *. swf

เกณฑก�รวดผลประเมนผลวช�โครงง�นคอมพวเตอร ง 30102

ระดบชนมธยมศกษ�ปท 6ชนง�น 1 ใบงานสวนประกอบทสำาคญของโปรแกรม Macromedia Flash Mx 10 คะแนน 2 สรางภาพโดยการใสสแบบ Solid, Linear, Radial และ Bitmap 10 คะแนน 3 การ Import รปาพ 10 คะแนน 4 การปรบแตงตวอกษร ดวยคำาสง Break Apart

10 คะแนน 5 การสรางรปภาพเคลอนไหวแบบตาง ๆ อยางนอย 3 Frame

30 คะแนน ใหนกเรยนเลอกวธการสรางภาพเคลอนไหวอยางใดอยางหนง ดงน

ชนดภาพตอภาพ เสนนำาสายตา เปลยนแปลงสถานท ยอ ขยาย วตถ– Rotation หมนรอบตวเอง Color Brightness Layer Mask

65 ตวตามเมาส

6. การสรางโครงงานคอมพวเตอร ดวยโปรแกรม Macromedia Flash Mx โดยออกแบบสรางภาพเคลอนไหวอยางนอย 5 Frame มเนอหาบรณาการ 8 วชาหลก คณต, วทย , ภาษาไทย, ภาษาตางประเทศ, สงคมศกษาศาสนาและวฒนธรรม, สขศกษา, ศลป , การงานอาชพและเทคโนโลย ฯลฯ (ผลงานกลม 4-6 คน)

30 คะแนน

รวมทงสน 100 คะแนน

ใบคว�มรท 1จดประสงคก�รเรยนร

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

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

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

66ใบง�นท 1

ก�รแบงกลมใบง�นท 1.1 1.ใหนกเรยนทำาแบบสำารวจจดเดนของตนเองและเพอนในกลมโดย

พจารณาวาแตละคนควรทำาหนาทใด รวมทงออกความคดเหนในการตงชอกลมของแตละคน

ร�ยชอ หน�ททเหม�ะสม ชอกลมทตองก�ร1. 1.2. 2.3. 3.4. 4.5. 5.6. 6.หมายเหต : ใหนกเรยนนำาขอมลของนกเรยนไปปรกษาอาจารยดวยสรปความคดเหนของคร-อาจารยผสอน…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………… ลงชอ วนเดอนป

ใบคว�มรท 2เรอง รปแบบของโปรแกรม Flash

ผลก�รเรยนรทค�ดหวง1 นกเรยนรจกรปแบบและโครงสรางทสำาคญของโปรแกรม Macromedia Flash Mx 2 นกเรยนเขาใจหลกการทำางานของโปรแกรม Macromedia Flash Mx

67

ส�ระสำ�คญการใชโปรแกรม Flash ไมเพยงแตสามารถสรางภาพเคลอนไหว

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

ม�รจกกบ Flash กนเถอะ

1โปรแกรม Flash มชอเตม ๆ วา Macromedia Flash ผลตโดยบรษท Macromedia ไดผลต Plug-in ของโปรแกรม Director ขนชอ Shockwave for Director สามารถแสดงงานใหเปนแบบ Interactive และแสดงงานทเปน Animation แตมขนาดใหญไมเหมาะกบการใชงานทางอนเตอรเนต ปจจบนบรษท Macromedia ไดพฒนาเวอรชน 6 ในชอใหมวา Flash MX ซงไดมการปรบเปลยนรปแบบใหทนสมย มความยดหยนสง และทำาใหผใชสามารถใชโปรแกรมงายมากขน

การเปลยนแปลงในการนำาเสนอขอมลบนเวบทำาให Web Master ตองหาวธในการนำาเสนอขอมลทดงดดใจ มลกเลนทหลากหลาย ทงภาพและเสยง แตการทำาเชนนกสรางปญหาใหญทเดยว เพราะการนำาเสนอขอมลทดงดดใจผชมโดยการใชลกเลนตาง ๆ นน นอกจากจำาเปนตองใชเทคนคในการเขยนโปรแกรมทซบซอนแลวยงมผลทำาใหหนาเวบทสรางมขนาดใหญดวยซงดวยความจำากดทางดานความเรวของอนเตอรเนตผานสายโทรศพทจงอาจทำาใหหนาเวบนนโหลดชาจนผใชอาจไมสามารถทนรอได ปญหาเลานสามารถแกไขไดดวยการใช Flash ซงไมเพยงแตสามารถสรางภาพเคลอนไหว เสยง1 ?ยทธชย รจรวมล. คมอก�รเรยนรและเทคนคก�รใชง�น Macromedia Flash Mx. 2547. หนา 4

68ประกอบ การนำาไฟลภาพยนตรเขามาใน Flash แตเราสามารถใช Flash สรางหนาเวบทโตตอบกบผใชไดอกดวย อกทงชนงานทไดยงมขนาดเลกทำาใหไมสรางปญหาเมอตองนำามาเผยแพรทางอนเตอรเนต

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

ก�รเข�สโปรแกรม Flash2 สามารถเรยกการใชโปรแกรม Flash ดวยวธการดงตอไปน:- 1. Click mouse ทปม 2. เลอนเมาสเลอกคำาสง Programs>Macromedia>Macromedia Flash Mx 3. จะปรากฏหนาจอแรกของ Flash ขน

หน�จอแรกของ Flash

2 ?ยทธชย รจรวมล. คมอก�รเรยนรและเทคนคก�รใชง�น Macromedia Flash Mx. 2547. หนา 13

69

หลกก�รทำ�ง�นของ Macromedia Flash Mx 3

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


70

ใบง�นท 2เรอง รปแบบของโปรแกรม Flash

ผลก�รเรยนรทค�ดหวง1 นกเรยนรจกรปแบบและโครงสรางทสำาคญของโปรแกรม Macromedia Flash Mx 2 นกเรยนเขาใจหลกการทำางานของโปรแกรม Macromedia Flash Mx

ใหนกเรยนรวมกนศกษ�ใบคว�มรท 2 เรอง รปแบบของโปรแกรม Macromedia Flash MX รวมกนอภปร�ยและตอบคำ�ถ�มในใบง�นดงตอไปน:-1. คณสมบตและประโยชนของโปรแกรม Macromedia Flash Mx 2. ขนตอนและหลกการทำางานของโปรแกรม Macromedia Flash Mx 3. ขนตอนการเรยกใชงานโปรแกรม Macromedia Flash Mx

71

ใบคว�มรท 3เรอง สวนประกอบทสำ�คญของโปรแกรม Macromedia

Flash Mx ผลก�รเรยนรทค�ดหวง นกเรยนรจกสวนประกอบโครงสรางทสำาคญของโปรแกรม Macromedia Flash Mx พนทสำาหรบสรางงานทสำ�คญสำ�หรบก�รใชง�นโปรแกรม Macromedia Flash Mx แบงออกเปน 5 สวนใหญ ๆ ดวยกนคอ

1. Menu Bar และ Tool Bar เปนแถบทใชเกบรวบรวมคำาสง และเครองมอ ทงหมดของ โปรแกรม Flash

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

3. Toolbox เปนกลองเครอมอสำาหรบเกบอปกรณ ทใชในการทำางาน

72

4. Stage เปนหนาตางในการทำางาน หรอเรยกอกอยางหนงวา เวท เปนพนทสำาหรบสรางภาพเคลอนไหวตาง ๆ

5. Panels Tool และหนาตางเครองมอตาง ๆ

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

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

7.Action Frame เปนหนาตางทใชกำาหนดการกระทำาใหวตถ และ Frame ทกำาลงแสดงอยสามารถเขยน Script ใหวตถ หรอ Frame แสดงสวนทกำาหนด

73

ใบง�นท 3เรอง สวนประกอบทสำ�คญของโปรแกรม Flash

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

คำ�อธบ�ย

1.2.3.4.5.6.7.8.9.10.11.12.13.14.15.16.

7417.18.19.20.21.22.23.24.25.

ใบคว�มรท 4

เรอง คว�มหม�ย หน�ท และคำ�ศพททควรทร�บของโปรแกรม Flash

ผลก�รเรยนรทค�ดหวง1. นกเรยนเขาใจความหมายของคำาศพททเกยวของกบการใชงานโปรแกรม Flash2. นกเรยนรจกชอและหนาท คำาสงตาง ๆ ของโปรแกรม Flash

4

คำ�ศพท คว�มหม�ยFile เปนเมนเกบคำาสงทเกยวกบการจดการกบไฟลทงหมด เชน

การเปด, ปด, บนทก, การนำาไฟลอนเขามาและการแปลงไฟลเพอนำาออกไปใชงาน

Edit เปนเมนเกบคำาสงทเกยวกบการแกไข การจดการวตถ เชน Undo, Redo, Cut, Copy, Paste

View เปนเมนเกบคำาสงทเกยวกบการการแสดงการมองวตถในรปแบบตาง ๆ

Insert เปนเมนเกบคำาสงทเกยวกบการเพมเตมหรอแทรกคำาสงเปนสวนสำาคญทชวยทำาใภาพเคลอนไหว

Modify เปนเมนเกบคำาสงทเกยวกบการทำาใหวตถมคณสมบตใหม ๆText เปนเมนเกบคำาสงทเกยวกบการจดการกบตวอกษณ

Control เปนเมนเกบคำาสงทเกยวกบการควบคมการแสดงชนงาน


75Window เปนเมนเกบคำาสงทเกยวกบการแสดงหนาตางควบคมตาง ๆ

Help เปนเมนเกบคำาสงทเกยวกบการใหความชวยเหลอ ซงอธบายการใชงานโปรแกรม

Symbol คอชนงานทสรางขนจากภาพ หรอรปวาดAnimation คอภาพเคลอนไหว

Frame กรอบเลก ๆ ทำาหนาทบรรจภาพ, เสยง และคำาสงตาง ๆKeyframe คอ Frame ทมวตถหรอมการเลยนแปปลง โดยมจดอยใน

FrameRaster เปนภาพทเกดจากเมดสหรอจดสทเราเรยกกนวา PixelVector เปนภาพกราฟกทเกดจากเสนตรงและเสนโคงLinear การไลสแบบเสนตรงRedial การไลสจากจดศนยกลางBreak Apart

การแยกองคประกอบวตถ

Library เปนทเกบและแสดง Symbol ตาง ๆCreate Motion Tween

ปนคำาสงใชสรางภาพ Animation อตโนมต

Layer คอพนทการทำางานทสามารถกำาหนดเพมขนไดใบง�นท 4

เรอง คว�มหม�ย หน�ท และคำ�ศพททควรทร�บของโปรแกรม Flash ผลก�รเรยนรทค�ดหวง

1 นกเรยนเขาใจความหมายของคำาศพททเกยวของกบการใชงานโปรแกรม Macromedia Flash Mx 2 นกเรยนรจกชอและหนาท คำาสงตาง ๆ ของโปรแกรม Macromedia Flash Mx ใหนกเรยนอธบ�ยสวนประกอบและหน�ทของคำ�สงใน Menu คำ�สงดงตอไปน:-

76

ใบคว�มรท 5เรอง ก�รกำ�หนดค�เบองตนกอนก�รใชง�น

1. ผลก�รเรยนรทค�ดหวง 1.1 นกเรยนสามารถกำาหนดพนทหนากระดาษทำางานได 1.2 นกเรยนสามารถกำาหนดคาความเคลอนไหว Frame Rate ได 1.3. นกเรยนสามารถแกไขภาพ/ชนงานทสราง ไดMenu คำาสง Modify ดงรป

2. ก�รกำ�หนดค�ต�ง ๆ ทสำ�คญ

77

Dimensions : เปนการกำาหนดคา ความกวาง (Width) และ ความสง (Height)Frame Rate : เปนการกำาหนดคาความเรวของการแสดง Frame คาปกตตงท 12Background Color : ใชสำาหรบกำาหนดสพน3. ก�รแกไขภ�พ/ชนง�นทสร�งดวยเมน Edit ดงรปUndo : การยกเลกคำาสงครงสดทายททำาไปRedo : การยอนกลบคำาสงทกระทำาไปครงหลงสดCopy : การคดลอกสำาเนาPaste : การวางวตถหรอขอความทสำาเนาไวSelect All : การเลอกวตถ หรอขอความ ทถกเลอกทงหมด

ใบง�นท 5เรอง ก�รกำ�หนดค�เบองตนกอนก�รใชง�น

ผลก�รเรยนรทค�ดหวง1 นกเรยนสามารถกำาหนดพนทหนากระดาษทำางานได2 นกเรยนสามารถกำาหนดคาความเคลอนไหว Frame Rate ได3 นกเรยนสามารถแกไขภาพ/ชนงานทสราง ได4 นกเรยนสามารถกำาหนดสเสน , สพน5 นกเรยนสามารถปรบขนาดและกำาหนดตำาแหนงวตถจากเครองมอใน Properties

ใหนกเรยนฝกทกษะก�รใชง�นคำ�สงดงตอไปน :-1.ตงคาสพน จากคำาสง Background Color จากนน ทดสอบการใชคำาสง Undo และ Redo จาก Menu Edit และสงเกตการเปลยนแปลง

782.กำาหนดคาความกวางและความสง จากคำาสง Dimensions จากนน ทดสอบการใชคำาสง Undo และ Redo จาก Menu Edit และสงเกตการเปลยนแปลง

ใบคว�มรท 6เรอง ก�รสร�งภ�พและก�รใสส

ผลก�รเรยนรทค�ดหวง1 นกเรยนสามารถสรางภาพจากเครองมอ Toolbox2. นกเรยนสามารถกำาหนดสเสนจาก Stroke Color3. นกเรยนสามารถกำาหนดสพนจาก Fill Color4. นกเรยนสามารถผสมสจาก Color Mixer5. นกเรยนสามารถเลอกสจาก Color Swatches6. นกเรยนสามารถสรางภาพไลโทนสแบบ Linear, Redial7. นกเรยนสามารถสรางภาพเปนภาพแบบ Bitmap1. ก�รสร�งภ�พจ�กเครองมอ Toolboxกลมคำ�สง Edit เกยวกบก�รว�ดและก�รตกแตงภ�พ

79

Line Tool ใชในการลากเสนตรงในลกษณะตาง ๆPenTool เปนเครองมอทใชวาดเสนและสวนโคงตาง ๆ โดยการ Click mouseText Tool ใชสำาหรบพมพตวอกษรOval Tool ใชในการวาดรปวงกลมและวงรRectangle Tool ใชในก�รว�ดรปสเหลยมPencil Tool เปนการวาดภาพเปนแบบรางจะเนนหนกทางดานการปรบแตงเสนBrush Tool เปนเครองมอใชในการระบายสFree Transform Tool เครองมอใชในการบดปรบวตถ/หมน/ปรบความเอยงFill Transform เปนเครองมอปรบแตงการไลโทนสแบบ Linear และ RadialInk Bottle การเปลยนสของขอบทงหมดPaint Bucket การเปลยนสวตถโดยไมตองทำาการ SelectionEye dropper Tool ใชสำาหรบดดส และรปภาพมาเปนสพนตามตองการEraser ใชสำาหรบลบสวนทไมตองการของภาพออก

ก�รกำาหนดสเสนจาก Stroke Color1. Click mouse ท Stroke Color 2.เลอกสเสนทตองการจาก Stroke Color

80

การกำาหนดสพนจาก Fill Color1. Click mouse ท Fill Color 2. เลอกสทตองการจาก Fill Color

การผสมสจาก Color Mixer

เลอกสจาก Color Swatchesการสรางภาพไลโทนสแบบ Linearเปนการไลโทนสจากสหนงไปอกสหนง เราสามารถทำาไดดงน Click mouse เลอกคำาสง Linear ใน Panel Color Mixer

81

เลอกกลองสท

กลอง สท 1 กลองสท 2

ภ�พตวอย�งทได

การสรางภาพไลโทนสแบบ RedialClick mouse เลอกคำาสง Radial ใน Panel Color Mixer

82เลอกกลองสท

กลอง สท 1 กลองสท 2

ภ�พตวอย�งทได

สรางภาพเปนภาพแบบ BitmapClick mouse เลอกคำาสง Bitmap ใน Panel Color Mixer

จะปรากฏหนาตาง Import to Library ใหเลอกรปภาพทตองการแทนสพน

83

Click mouse ทปม จะไดผลลพธดงรป

ใบง�นท 6เรอง ก�รสร�งภ�พและก�ร�ใสส

ผลก�รเรยนรทค�ดหวง1 นกเรยนสามารถสรางภาพจากเครองมอ Toolbox2. นกเรยนสามารถกำาหนดสเสนจาก Stroke Color3. นกเรยนสามารถกำาหนดสพนจาก Fill Color4. นกเรยนสามารถผสมสจาก Color Mixer5. นกเรยนสามารถเลอกสจาก Color Swatches6. นกเรยนสามารถสรางภาพไลโทนสแบบ Linear, Redial7. นกเรยนสามารถสรางภาพเปนภาพแบบ Bitmapใหนกเรยนฝกก�รสร�งภ�พ ดงน:-

ใหนกเรยนออกแบบสร�งภ�พโดยใหมก�รรวมวธก�รก�รใสสทกรปแบบอยในภ�พเดยวกน

84*Solid*Radial *Linear*Bitmap

ใบคว�มรท 7เรอง ก�รใสรปภ�พ

ผลก�รเรยนรทค�ดหวง1. นกเรยนสามารถใชเครองมอในการนำารปภาพมาสรางในชนงาน2. นกเรยนสามารถนำารปภาพจากแหลงการเรยนรอนมาสรางในชนงาน3. นกเรยนสามารถสบคนขอมลจาก Internet และ สามารถ ดาวนโหลดรปภาพมาใสในชนงานได

การใสรปภาพ ในโปรแกรม Flash เปนการนำาไฟลทสรางจากโปรแกรมอนมาใชเราเรยกวาImport ไฟล ไมวาจะเปนไฟลรปภาพ ไฟลเสยง หรอไฟลภาพเคลอนไหว นอกจากนยงนำาไฟลจากโปรกรมอนเขามาใชไดดวย เชน Adobe, Illustrator, Auto CAD, Adobe Photoshop, Macromedia Freehand ฯลฯ ทำาให Flash มความยดหยนในการทำางานสง

วธก�ร Import ไฟล

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

ใบง�นท 7เรอง ก�รใสรปภ�พ

ผลก�รเรยนรทค�ดหวง1. นกเรยนสามารถใชเครองมอในการนำารปภาพมาสรางในชนงาน2. นกเรยนสามารถนำารปภาพจากแหลงการเรยนรอนมาสรางในชนงาน3. นกเรยนสามารถสบคนขอมลจาก Internet และ สามารถ ดาวนโหลดรปภาพมาใสในชนงานได

ใหนกเรยนฝก เลอก Import รปภ�พ และปรบแตงใหสวยง�ม จ�กแหลงภ�พดงตอไปน :-1. อปกรณบนทกขอมล2. แผน CD จาก Clipt Arts หรอ Photo

863. Down Load รปภาพ จาก Internet

ใบคว�มรท 8เรอง ก�รจดก�รวตถ

ผลก�รเรยนรทค�ดหวง1 นกเรยนสามารถจดลำาดบวตถ (Arrange)2 นกเรยนสามารถจดเรยงวตถ (Align)3 นกเรยนสามารถแยกวตถโดยใช คำาสง Break Apart

ก�รจดลำ�ดบวตถ ทำ�ไดดงน :-1. ใช Arrow Tool ทำาการ Selection วตถทตองการไวดานหลง2. เลอก Menu Modify > Arrange > Sent to Back3. วตถทอยดานหนาจะกลบมาอยดานหลง

87

Bring to Front คอ ใหวตถทถกเลอกอยหนาสด Bring Forward คอ ใหวตถทถกเลอกขนมาอก 1 ลำาดบ Send Backward คอ ใหวตถทถกเลอกถอยหลงลงไปอก 1 ลำาดบ Send to Back คอ ใหวตถทถกเลอกถอยลงไปหลงสด

ก�รจดเรยงวตถ (Align) ทำ�ไดดงน :-1.เลอก Menu Window > Align เพอเปดหนาตาง Align2.ทำาการ Select วตถทตองการจดเรยง โดยเราจะตองทำาการ Select วตถมากกวา 1 ตว3.เลอกวธจดเรยงตามตองการ*- Align จดเรยงวตถแบบ ชดซาย กลาง ชดขวา*- Distribute จดเรยงวตถใหอยในระยะทเสมอกน โดยคำานวณจากวตถทงหมด*- Match Size จดวตถใหมขนาดเทากบวตถทมขนาดใหญทสด ในแนวนอน หรอแนวตง*- Space จดระยะหางใหเทากน*- To Stage จดวตถโดยคำานวณจาก Stage ทงหมด

88

นกเรยนสามารถแยกวตถโดยใช คำาสง Break ApartBreak Apart เปนการแยกวตถทถก Group ไว นอกจากนนยงสามารถแยกองคประกอบของวตถประเภท Symbol, Text Block และภาพ Bitmap สงหนงทสำาคญคอการทำา Break Apart กบภาพทมความซบซอน จะใชเวลา Break Apart นานกวาปกต ถาเครองทเราใชทำางานไดไมเรวนกวธก�ร Break Apart1. ทำาการ Select วตถทตองการ Break Apart2. เลอกทเมน Modify > Break Apart เพอทำาการแยกองคประกอบ

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

89

ผลทไดจ�กก�รใชคำ�สง Break Apart ในก�รแยกสวนประกอบของรปภ�พ

ใบง�นท 8เรอง ก�รจดก�รวตถ

ผลก�รเรยนรทค�ดหวง 1 นกเรยนสามารถจดลำาดบวตถ (Arrange) 2 นกเรยนสามารถจดเรยงวตถ (Align) 3 นกเรยนสามารถแยกวตถโดยใช คำาสง Break Apart

ใหนกเรยนออกแบบรปภ�พและตวอกษรและจดเรยงวตถต�มรปแบบดงตอไปน :-

901 พมพชอและนามสกลของตนเองเปนภาษาไทย/องกฤษ ตามตองการ2 ใช คำาสง Break Apart จดการตวอกษร ตกแตงและจดวางใหสวยงาม3 Import รปภาพเพมความสวยงามจดลำาดบใหกบตวอกษรทมอยเดมกบรปภาพ

ใบคว�มรท 9เรอง ก�รปรบแตงตวอกษร

ผลก�รเรยนรทค�ดหวง 1. นกเรยนสามารถใชคำาสง Text Tool ในการใสขอความ ตวอกษรและ เคลอนยาย ปรบขนาดได 2. นกเรยนสามารถปรบแตงตวอกษรใหเขากบงานทออกแบบได 3. นกเรยนสามารถสรางขอความให Link ไปเวบเพจ อนได

91 4. นกเรยนสามารถใชงาน Text ในรปแบบ กลองรบขอความรปแบบตาง ๆ ได

ก�รใสขอคว�มโดยใช Text Tool หมายถงการใชคำาสงการพมพตวอกษรดวย Text Tool โดยการใสขอความแตละครงจะเปนการเพม Layer ใหมเองโดยอตโนมต 1.Click mouse ท จาก Toolbox ตวชเมาสจะเปลยนรป 2.Drag mouse บรเวณทตองการสรางกลองขอความ โดยการกำาหนดขนาดตามความยาวทเราลาก

3.กำาหนดรปแบบของ Font และขนาดของ Font ไดจากหนาตาง Properties ตามตองการ

กำ�หนดขน�ดตวอกษร กำ�หนดสตวอกษร กำ�หนดก�รจดเรยงตวอกษร

การปรบแตงตวอกษรใหเขากบงานทออกแบบ ซงสามารถออกแบบและปรบแตงตวอกษรของเราเองใหเขากบงานตาง ๆ ได นอกเหนอจาก Font ตวอกษรทมอยแลวซงจะทำาใหเราออกแบบตวอกษรทแตกตางตามใจของเราได

921. Click mouse เลอกขอความทตองการปรบแตงตวอกษรในขอความนน

2.เลอกคำาสง Modify> Break Apart เพอแยกองคประกอบจากตวอกษรใหกลายเปนภาพ

3.Click mouse ท Arrow Tool เพอปรบแตงตวอกษรใหไดรปแบบตวอกษรตามตองการโดยสงเกตทเมาสจะเปลยนเปนรปแบบตาง ๆ ดงน

เปนการปรบแตงสวนโคงเปนการปรบแตงสวนทเปนมมเหลยมเปนการเลอกทงตวอกษรนเพอจะกระทำาการใด ๆ

การสรางขอความให ให Link ไปเวบเพจ อน ทสามารถกำาหนดขอความทเราพมพนนใหสามารถ Link ไปเวบเพจ อน1.Click mouse ท Toolbox จากนนไปทหนาตาง Properties ใหเลอกเปน Static Text

932.พมพขอความทเราตองการสรางเปน Link เพอเชอมโยงไปยงเวบเพจอนขนมา

3.พมพ URL หรอทอยของเวบไซต หรอ เวบเพจทเราตองการจะเชอมโยงในชอง URL ในหนาตาง Properties4.เลอก Target ทเราตองการ โดยเลอกวาตองการเปดหนาเวบขนมาในรปแบบใด จากตวอยางเราจะเปดหนาตางใหมขนมาโดยเลอก _blank5.ใหกำาการทดสอบโดยกด <Ctrl+Enter> เพอดผล สงเกตวาเมอวางเมาสทขอความ จะกลายเปนรป6.ใหเรา Click mouse ทขอความสงเกตวาโปรแกรมจะเปดหนาตาง Internet Exploror ขนมา

94ใบง�นท 9

เรองก�รปรบแตงตวอกษรผลก�รเรยนรทค�ดหวง 1. นกเรยนสามารถใชคำาสง Text Tool ในการใสขอความ ตวอกษรและ เคลอนยาย ปรบขนาดได 2. นกเรยนสามารถปรบแตงตวอกษรใหเขากบงานทออกแบบได 3. นกเรยนสามารถสรางขอความให Link ไปเวบเพจ อนได 4. นกเรยนสามารถใชงาน Text ในรปแบบ กลองรบขอความรปแบบตาง ๆ ได

ใหนกเรยนเลอกออกแบบตวอกษรอย�งใดอย�งหนงดงตอไปน :-1. ออกแบบชอกลมของตนเอง พรอมทงตงคา Link ไปยง เวบไซตท

นกเรยน ม E-mail Address2. ออกแบบตวอกษรเกยวกบหวขอโครงงานของกลมพรอมทงตงคา Link

ไปยง เวบไซตทเกยวของกบหวขอนน ๆ 3. ออกแบบชอเวบไซตของโรงเรยน พรอมทงตงคา Link ไปยง เวบไซตของ

โรงเรยน

95

ใบคว�มรท 10เรอง ก�รใชง�นกบ Layer

ผลก�รเรยนรทค�ดหวง1 นกเรยนสามารถสราง Layer ใหมได2 นกเรยนสามารถเปลยนชอ Layer ได3 นกเรยนสามารถเปลยนการทำางานไปใน Layer ตาง ๆ ได4. นกเรยนสามารถเปลยนลำาดบ Layer ได5. นกเรยนสามารถซอน/แสดง งานใน Layer ได6. นกเรยนสามารถปองกน/ไมปองกน การทำางานใน Layer7. นกเรยนสามารถลบ Layer ได8. นกเรยนสามารถสราง Folder เพอเกบ Layer

ก�รใชง�น Layerก�รสร�ง Layer ใหมวธท 1. Click Menu Insert> Layer

วธท 2. Click mouse ท

96

ก�รเปลยนชอ Layer Double Click ท แลวพมพ

เปลยนชอตามตองการ

ก�รเปลยนก�รทำ�ง�นไปใน Layer ต�ง ๆ Click mouse ท ในชอง Layer Name ทตองการ

ก�รเปลยนลำ�ดบ Layer Drag mouse Layer ไปยงตำาแหนงทตองการบนหนาตางการอำา

งานของ Layer

ก�รซอน/แสดง ง�นใน Layer การซอน กด <Alt> คางไว แลว Click mouse ท ใน Layer

ทตองการใชงาน Layer ทไมถกเลอก จะเปนรป

97

ก�รปองกน/ไมปองกน ก�รทำ�ง�นใน Layer Click mouse ทรป จะทำาการ Lock หรอ ปองกน/ไม

ปองกน การทำางาน

ก�รลบ LayerDrag mouse Layer ทไมตองการไปใสในชอง Delete Layer

ดงรป

ก�รสร�ง Folder เพอเกบ Layer1.Click mouse ทรป เพอสราง Folder2. Double click ท Folder เพอทำาการเปลยนชอใหสอความหมาย

ในทนเปลยนชอเปน Body3. Drag mouse แตละ Layer ไปใสใน Folder Body

98

ใบง�นท 10เรอง ก�รใชง�นกบ Layer

ผลก�รเรยนรทค�ดหวง1 นกเรยนสามารถสราง Layer ใหมได2 นกเรยนสามารถเปลยนชอ Layer ได3 นกเรยนสามารถเปลยนการทำางานไปใน Layer ตาง ๆ ได4. นกเรยนสามารถเปลยนลำาดบ Layer ได5. นกเรยนสามารถซอน/แสดง งานใน Layer ได6. นกเรยนสามารถปองกน/ไมปองกน การทำางานใน Layer7. นกเรยนสามารถลบ Layer ได8. นกเรยนสามารถสราง Folder เพอเกบ Layerใหประธ�นกลมแตละกลมจบฉล�กเลอกหวขอทกลมจะตองออกม�นำ�เสนอวธก�รใชง�น Layer กลมละ 2 วธ1 การสราง Layer ใหม2 การเปลยนชอ Layer 3 การเปลยนการทำางานไปใน Layer ตาง ๆ 4. การเปลยนลำาดบ Layer 5. การซอน/แสดง งานใน Layer 6. การปองกน/ไมปองกน การทำางานใน Layer7. การลบ Layer 8. การสราง Folder เพอเกบ Layer

99

ใบคว�มรท 11เรอง ก�รสร�งภ�พเคลอนทของวตถโดยก�รกำ�หนด Frame

และ Timelineผลก�รเรยนรทค�ดหวง1. นกเรยนสามารถเพม/ลบ/ปรบการแสดง Frame ได2. นกเรยนสามารถ เพม/ลบ Key Frame ได3. นกเรยนสามารถกำาหนดการใชงานใน Time Line ได

ก�รเพม/ลบ/ปรบก�รแสดง Frameก�รเพม Frameเลอก Menu Insert > Frame หรอ กดคย <F5> หรอ Click mouse ปมขวาทชอง Frame เลอก

Insert Frame เลอก Insert > Frame หรอ กดคย <F5>

Frame จะเพมขน เปน 2 ชองตดกน

ก�รลบ Frameเลอก Menu Insert > Remove Frame หรอ กดคย

<Shift+F5> หรอ Click mouse ปมขวาทชอง Frame เลอก Remove Frame

เลอก Insert > Remove Frame หรอ กดคย <Shift+F5>

100 Frame จะลดลงเหลอชองเดยว

ก�รปรบก�รแสดง Frameเราสามารถปรบรปแบบการแสดง Frame บนหนาจอใหเหมาะสมกบ

ลกษณะงานทเราทำา ไดโดย Click mouse ทปม ซงอยทางขวามอของ Frame ดงน:-

Tiny คอการปรบใหชอง Frame มขนาดบางทสดSmall คอการปรบใหชอง Frame มขนาดบางNormal คอการปรบใหชอง Frame มขนาดปกตMedium คอการปรบใหชอง Frame มขนาดปานกลางLarge คอการหรบใหชอง Frame มขนาดใหญทสดShort คอการปรบใหชอง Frame มขนาดสนTinted Frame เปนการใชสเพอบอกลกษณะของ FramePreview เปนการแสดงภาพในแตละ Frame วาในแตละ Frame มภาพทแสดงอะไรบางPreview in Context คอการแสดงผลของ Frame เหมอนกบ Preview แตจะเปนการแสดงทง Stage

101

ก�รเพม/ลบ/ Key Frameก�รเพม Keyframeเปนการเพม Frame โดยมภาพหรอวตถของ Frame ทอยกอนหนาตดมาดวยหาก Frame กอนหนาเปน Frame

วาง เรากจะได Frame เปลามา วธการเพม Keyframe Insert>Keyframe หรอกดคย <F6> หรอ Click mouse ปมขวาท Frame เลอก

Insert >Keyframeเลออก Insert>Keyframe หรอกดคย <F6> หรอ

ก�รลบ Keyframeวธการลบ Keyframe Insert> Clear Keyframe หรอกดคย <Shift+F6> หรอ Click mouse ปมขวาท Frame เลอก Insert > Clear Keyframe

102

จดท Frame จะถกลบออกไป

ก�รกำาหนดการใชงานใน Time LineTime Line เปนเครองมอหนงทชวยในการกำากบเวลาในการแสดงของภาพเคลอนไหว

Marker

Onion Skin Onion Skin Outline Frame

rateEdit Multiple FramesModify Onion Markers

Frame rate คอความเรวในการแสดงภาพของ Frame Maker เปนตวบอกขอบเขตการแสดงจำานวน Frame Onion Skin เปนการแสดงภาพหรอวตถในแตละ Frame ซงม

ความสมพนธกบ Marker โดยการนำาเมาสไปลากท Marker เราจะเหนภาพ Animation ในแตละ Frame

103 nion Skin Outline การแสดงเสนโครงรางของรปใน Frame ใน

แตละ Frame Edit Multiple Frame ใชในการแกไขใน Frame มากกวา 1

Frame Modify Onion Markers กำาหนดการเปลยนคณสมบตของ

Maker ดงน

แสดง Marker ตลอดเวลา สงให Marker อยกบท สงให Marker แสดง Frame ดานซายและขวา ดานละ 2Frame สงให Marker แสดง Frame ดานซายและขวา ดานละ 5 Fr สงให Marker แสดง Frame ทงหมด

ใบง�นท 11เรอง ก�รใชง�น Frame และ Timeline

ผลก�รเรยนรทค�ดหวง 1. นกเรยนสามารถเพม/ลบ/ปรบการแสดง Frame ได 2. นกเรยนสามารถ เพม/ลบ Key Frame ได 3. นกเรยนสามารถกำาหนดการใชงานใน Time Line ได

ใหประธ�นกลมแตละกลมจบฉล�กเลอกหวขอทกลมจะตองออกม�นำ�เสนอวธก�รใชง�น Frame และ Timeline กลมละ 1 หวขอ 1 การสราง Frame และ Timeline ใหม

3 การเปลยนการทำางานไปใน Layer ตาง ๆ 4. จงกลาวถงความเชอมโยง ระหวาง Layer , Frame และ Time Line 5. การกำาหนดจด Keyframe

104 6. การลบ Keyframe

ใบคว�มรท 12เรอง ก�รสร�งภ�พเคลอนไหว

จดประสงคก�รเรยนร 2.1 นกเรยนสามารถสรางการเคลอนไหวชนดภาพตอภาพ 2.2 นกเรยนสามารถสรางการเลอนไหวแบบเปลยนแปลงสถานท 2.3 นกเรยนสามารถสราง Animation แบบ Layer Mask 2.4 นกเรยนสามารถสราง Animation แบบตวตามเมาส 2.5 นกเรยนสามารถสรางการเคลอนทของวตถตามเสนนำาสายตา 2.6 นกเรยนสามารถสราง Animation แบบยอ-ขยายวตถ 2.7 นกเรยนสามารถสราง Animation แบบ Rotation 2.8 นกเรยนสามารถสราง Animation แบบ ใหวตถหมนรอบตวเอง 2.9 นกเรยนสามารถสราง Animation แบบ Color Brightness

ก�รสร�งภ�พเคลอนไหวแบงออกเปน 2 ชนด คอ 1. ก�รเคลอนไหวชนดภ�พตอภ�พ (Frame By Frame Animation)

105 เปนการแสดงภาพแตละภาพทเรยงอยางตอเนองกน จนดเหมอนวาภาพมการเคลอนไหว 2. ก�รเคลอนไหวชนดกำ�หนดจดเรมตนและจดสนสด (Tweened Animation)

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

2.1 การเคลอนไหวแบบเปลยนแปลงสถานท (Motion Tween) การทำา Animation แบบยอ-ขยายวตถ การทำา Animation แบบ Rotation การทำา Animation แบบพลกวตถ การทำา Animation แบบ Guideline การทำา Animation โดยใช Effect แบบ Brightness การทำา Animation แบบใหวตถหมนรอบตวเอง การทำา Animation แบบ Layer Mask

2.2 การเคลอนไหวแบบเปลยนแปลงลกษณะเดม (Shape Tween) การเปลยนแปลงรป การเปลยนแปลงตวอกษร

ก � ร เ ค ล อ น ไ ห ว ช น ด ภ � พ ต อ ภ � พ (Frame By Frame Animation)5

1. ทำาการ Import ไฟลภาพทเราตองการสรางภาพเคลอนไหว โดยเลอก File > Import หรอ กดคย <Ctrl+R> กได

2. หากไฟลภาพของเรามเลขลงทายตอเนองกนเรากสามารถ Import ไฟลอยางตอเนองไดโดย Flash จะถามโดยอตโนมตวาตองการจะ Import ไฟลอน ๆ เขามาดวยหรอไม

5ยทธชย รจรวมล. คมอการเรยนรและเทคนคการใชงาน Macromedia Flash Mx. 2547. หนา 188

1063. หากไฟลภาพไมไดตอเนองกน ใหเราทำาการ Import ไฟลภาพมาทละ

ไฟล

ก�รเคลอนไหวแบบเปลยนแปลงสถ�นท (Motion Tween) ขนตอนก�รสร�ง Animation แบบ Tween ตอไปน เปนขน

ตอนพนฐ�นในก�รสร�งภ�พเคลอนไหว แบบ Motion Tween1. สรางภาพหรอ Import ภาพเขามาไวท Stagei

107

2. ท ำา ก า ร Selection ภ า พ แ ล ว เ ล อ ก Insert> Convert Symbol หรอกดคย <F8> เพอทำาการแปลงเปนSymbol

3. จะมหนาตาง Symbol Property ขนมาใหเลอก Movie Clip และ Click mouse ปม

4. เลอก Frame ท 20 และ Click mouse ปมขวาเลอก Insert Key frame เพอเปนการบอกวาเราจะแสดงภาพตงแต Frame ท 1 ถง Frame ท 20

1085. เราจะเหนวามการเปลยนแปลงท Frame แสดงวา Flash รแลว

วาจะมการแสดงภาพเคลอนไหวตงแต Frame ท 1 ถง Frame ท 20 จากนนกลบไป Click mouse เลอกท Frame ท 1 เพอกำาหนดจดเรมตนของการเคลอนไหว

6. เ ล อ ก Insert > Create Motion Tween เ พ อ ใ ห Flash ทำาการสราง Animation ตงแต Frame ท 1

ถง Frame ท 20

7. จะ เห นว าม ล กศรท Frame แสดง ว า Flash ได สร า งการเคลอนไหวตงแต Frame ท 1 ถง Frame ท 20 เรยบรอยแลว ให เรา Click mouse เล อกท Frame ท 20 ยายต ำาแหน ง Movie Clip ของเรา

เพอกำาหนดจดสนสดในการเคลอนทของ Animation

109

8. ทำาการทดสอบ Animation โดยกดคย <Ctrl+Enter> หรอ Control>Test Movie เราจะเหนวตถ

เคลอนท เมอดเสรจแลว Click mouse เพอปดหนาตาง

ก�รสร�ง Animation แบบยอ-ขย�ยวตถวธก�รสร�งมดงน

1. สรางภาพหรอ Import ภาพเขามาไวท Stage2. ทำาการ Selection ภาพ แลวเลอก Insert> Convert

Symbol หรอกดคย <F8> เพอทำาการ แปลงเปน Symbol

1103. จะมหนาตาง Symbol Property ขนมาใหเลอก Movie Clip

และ Click mouse ปม 4. เลอก Frame ท 20 และ Click mouse ปมขวาเลอก Insert

Key frame เพอเปนการบอกวาเราจะแสดง ภาพตงแต Frame ท 1 ถง Frame ท 205. เราจะเหนวามการเปลยนแปลงท Frame แสดงวา Flash รแลว

วาจะมการแสดงภาพเคลอนไหวตงแต Frame ท 1 ถง Frame ท 20 จากนนกลบไป Click mouse

เลอกท Frame ท 1 เพอกำาหนด จดเรมตนของการเคลอนไหว6. เลอก Insert > Create Motion Tween เพอให Flash

ทำาการสราง Animation ตงแต Frame ท 1 ถง Frame ท 20

7. จะเหนวามลกศรท Frame แสดงวา Flash ไดสรางการเคลอนไหวตงแต Frame ท 1 ถง Frame ท 20

เรยบรอยแลว ใหเรา Click mouse เลอกท Frame ท 20 ยายตำาแหนง Movie Clip ของเรา เพอกำาหนด

จดสนสดในการเคลอนทของ Animation8. Click mouse เลอก Frame ท 1 โดยเราจะยอวตถท Frame

ท 1 แลวคอย ๆ ขยายใหญขนจนถง Frame ท 20 9. Click mouse ปม Free Transform Tool จะเหนวาม

รอบ Movie Clip แลวเลอกปม Scale เพอยอหรอขยายวตถ หรอเลอก

Modify>Transform>Scale กได 10. ทำาการทดสอบ Animation โดยกดคย <Ctrl+Enter> หรอ Control>Test Movie เราจะเหนวตถ เคลอนท เมอดเสรจแลว Click mouse เพอปดหนาตาง

111

ก�รสร�ง Animation แบบ Layer Mask1.สรางภาพหรอ Import ภาพเขามาไวท Stage2.เลอก Frame ท 90 และ Click mouse ปมขวาเลอก Insert Key

frame เพอกำาหนดใหแสดงภาพถง Frame ท 203.Click mouse ท ป ม เพ อสราง Layer ใหม และ Click

mouse เลอก Frame ท 1 ใน Layer ท 2 แลวสรางวงกลมขน4.ทำาการ Selection ทวงกลม แลวเลอก Convert to Symbol เพอ

แปลงเปน Movie Clip แลว Click mouse ทปม 5.เลอก Frame ท 10 ใน Layer ท 2 และ Click mouse ปมขวา

เลอก Insert Key frame เปนการกำาหนด จดไวโดยจะแสดงทจดแรกกอนเปนระยะเวลา 10 Frame

6.เลอก Frame ท 30 ใน Layer ท 2 และ Click mouse ปมขวาเลอก Insert Key frame

7.กลบมาท Frame ท 10 เลอก Insert>Create Motion Tween ห ร อ Click mouse ป ม ข ว า ท Frame ท 10 เ ล อ ก Create Motion Tween สงเกตวาจะมลกศรตงแต Frame ท 10 ถ ง Frame ท 30

8.เลอก Frame ท 40 ใน Layer 2 และ Click mouse ปมขวา เลอก Insert Key frame เป นการก ำาหนดจไว เพ อรอท จะท ำาเป นภาพเคลอนไหวท Frame ท 30 ถง Frame ท 40

9.กลบมาท Frame ท 40 เลอก Insert>Create Motion Tween ห ร อ Click mouse ป ม ข ว า ท Frame ท 30 เ ล อ ก Create

112Motion Tween สงเกตวาจะมลกศรตงแต Frame ท 30 ถ ง Frame ท 40

10. Click mouse เลอกท Frame ท 40 จากนนยายตำาแหนง Movie Clip เพอเปลยนทศทางของการเคลอนท

ตามตองการ11. เลอก Frame ท 60 ทำาซำาเหมอนขอ 8 –1012. Click mouse ปมขวาท Layer 2 เลอก Mask เพอทำาการ

สราง Layer Mask ใน Layer 2 13. ทำาการทดสอบ Animation โดยกดคย <Ctrl+Enter> หรอ

Control>Test Movie เราจะเหนวตถ เคลอนท เมอดเสรจแลว Click mouse เพอปดหนาตาง

ก�รเคลอนทของวตถต�มเสนนำ�ส�ยต�วธก�รสร�งมดงน


Symbol หรอกดคย <F8> เพอทำาการ แปลงเปน Symbol3. จะมหนาตาง Symbol Property ขนมาใหเลอก Movie Clip


Key frame เพอเปนการบอกวาเราจะแสดง ภาพตงแต Frame ท 1 ถง Frame ท 20

1135. เราจะเหนวามการเปลยนแปลงท Frame แสดงวา Flash รแลว






จดสนสดในการเคลอนทของ Animation 8. กลบมาเลอกท Frame ท 1 แลว Click mouse ทปม เพอสราง Guide Layer 9. เลอก ลากเสนทตองการใหวตถเคลอนทตามใน Guide Layer เพอให Movie Clip วงตามเสน ทเราลาก 10. ลาก Movie Clip มาวางไวทปลายของเสนทจดเรมตน 11. Click mouse ท Frame ท 20 ใน Layer 1 นำา Movie Clip ไปวางไวทปลายสดทายของเสนทเราลากไว เพอให Movie Clip วงไปตงแตจดเรมตนไปจนจดสดทาย 12. เพอให Movie Clip เคลอนทอยางเปน ธรรมชาต . Click mouse ท Frame ท 1 ใน Layer 1 แลวเลอก Orient to Part ใน Properties 13. Frame ท 20 ใน Layer 1 . Click mouse ทปม Free Transform Tool แลวทำาการหมน Movie Clip .ใหสมพนธกบเสนทลากไว

114

Orient to Part

ก�รสร�ง Animation แบบ Rotation

115วธก�รสร�งมดงน










จดสนสดในการเคลอนทของ Animation 8. Click mouse เลอก Frame ท 20 เพอปรบขนาดของวตถ สงเกตวาจะมเสนสฟาลอมรอบวตถ

แสดง วาวตถของเราถก Selection แลว 9. ทำาการยาย Movie Clip ไปทเปาหมาย จากนน Click mouse ปม Free Transform Tool

เพอปรบหมนวตถ ทปม ตามตองการ หรอเลอก Modify>Transform>Rotate and Skew

116 กได

10. ทำาการทดสอบ Animation โดยกดคย <Ctrl+Enter> หรอ Control>Test Movie เราจะเหนวตถ เคลอนท เมอดเสรจแลว Click mouse เพอปดหนาตาง

ก�รสร�ง Animation แบบ ใหวตถหมนรอบตวเองวธก�รสร�งมดงน

1. สรางภาพหรอ Import ภาพเขามาไวท Stage 2. ทำาการ Selection ภาพ แลวเลอก Insert> Convert Symbol หรอกดคย <F8> เพอทำาการ

แปลงเปน Symbol 3. จะมหนาตาง Symbol Property ขนมาใหเลอก Movie Clip และ Click mouse ปม

4. สราง Animation แบบ Tween จากขนตอนท 1 – 3 เพอแปลงวตถใหเปน Symbol แบบ Movie Clip5. Click mouse ทปม Free Transform Tool เพอทำาการเปลยนจดหมนของภาพ6 .ใชเมาสลากจดศนยกลางของวตถ เพอเปลยนจดหมนของวตถ7. Click mouse ปมขวาท Frame ท 20 เลอก Insert Keyframe จากนน Click mouse กลบไป Frame

ท 1 เลอก Insert>Create Motion Tween เพอกำาหนดการเคลอนไหวตงแต Frame ท 1 ถง Frame

117 ท 20



ก�รสร�ง Animation แบบ Color Brightnessเปนการสรางใหวตถคอย ๆ จางหายไป หรอกระพรบวธก�รสร�งมดงน



และ Click mouse ปม

1184. เลอก Frame ท 20 และ Click mouse ปมขวาเลอก Insert







จดสนสดในการเคลอนทของ Animation 8. เลอกมาท Frame ท 1 แลว Click mouse ท Movie Clip สงเกตวาหนาตาง Properties จะแสดงชอง Color ขนมา เลอก Brightness เพอปรบความสวางใหกบวตถ ใน Frame ท 1 ใหสวางเปน 100%

จนมองไมเหนวตถ สวน Frame ท 20 ไมตองปรบใหมความสวางเทาเดม



119

ก�รสร�ง Animation แบบตวต�มเม�ส วธก�รสร�งมดงน










จดสนสดในการเคลอนทของ Animation 8. Click mouse ปมขวาท Movie Clip เลอก Action>Movie Clip Control เลอก startDrag และ

120 Click Mouse ทชอง Lock mouse to center เปนการกำาหนดใหวตถอยตรงกลางของเมาส

9. จากนนกลบมาท Panel Action เพอใส Script ในการซอนเมาส เพมเตมโดยเลอกคำาสงจากหมวด

Object >Movie>Mouse>Methods เลอกคำาสง hide



ก�รนำ� File เสยงม�ใส

121การนำาไฟลเสยงเขามาใชใน Flash จะถกเกบไวใน Library ซงทำาใหเราสามารถใชไฟลเสยงนนไดบอย โดยทเราไมตองเสยเวลาไป Import ใหม ไฟลเสยงท Flash สามารถ Import ไดมหลายชนด เชน WAV Sound (*.wav), MP3 Sound (*.mp3), AIFF Sound (*.aif), Sun Au (*.au) ซงการ Import File เสยงทำาไดดงน1. เลอก File>Import จะปรากฏหนาตาง Import ขน 2. เลอกไฟลเสยงทเราตองการ แลว Clixk mouse ปม

ไฟลเสยงของเรากจะถกเกบไวใน Library โดยจะมไอคอนเปนรป

ใบง�นท 12เรองก�รสร�งภ�พเคลอนไหว

1. ใหประธานกลมแตละกลมออกมาจบฉลากหวขอ การสรางภาพเคลอนไหว กลมละ 1 รปแบบ ดงน :- 1.1. การสรางภาพเคลอนไหวชนดภาพตอภาพ 1.2. การสรางภาพเคลอนทของวตถตามเสนนำาสายตา 1.3. การสรางภาพเคลอนไหวแบบเปลยนแปลงสถานท 1.4. การสรางภาพ Animation แบบยอ-ขยายวตถ 1.5. การสรางภาพ Animation แบบ Rotation 1.6. การสรางภาพ Animation แบบ ใหวตถหมนรอบตวเอง 1.7. การสรางภาพ Animation แบบ Color Brightness 1.8. การสรางภาพ Animation แบบ Layer Mask

122 1.9 การสรางภาพ Animation แบบตวตามเมาส2. ใหสมาชกในกลมชวยกนกำาหนดรปแบบและสรางภาพเคลอนไหวตามหวขอทจบฉลากได อยางนอย 3 เฟรม3. สงตวแหทนกลมออกมา นำาเสนอผลงานกลม หนาชนเรยน

ใบคว�มรท 13เรอง วธก�รทำ�โครงง�น

จดประสงคก�รเรยนร1. นกเรยนสามารถบอกความหมายของโครงงานคอมพวเตอรได

2. นกเรยนสามารถอธบายรปแบบการจดทำาโครงงานคอมพวเตอรได 3. นกเรยนสามารถเขยนขนตอนการจดทำาโครงงานคอมพวเตอรได4. นกเรยนสามารถเขยนรายงานโครงงานคอมพวเตอรได

5. นกเรยนสามารถหลอมรวมความคดสรางสรรครวบยอดของกลมในการเลอกหวขอทจะจดทำาโครงงาน คอมพวเตอรได คว�มหม�ยของโครงง�น

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

ประเภทของโครงง�นประเภทของโครงงานอาจแบงตามลกษณะของกจกรรมไดเปน 4 ประเภท คอ1. โครงง�นประเภทสำ�รวจ รวบรวมขอมล โครงงานประเภทน ผ

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

2.โครงง�นประเภทก�รทดลอง เปนโครงงานทมการออกแบบการทดลองเพอศกษาผลของตวแปร

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

3. โครงง�นประเภทพฒน�หรอประดษฐ เปนโครงงานเกยวกบการประยกตทฤษฎ หรอหลกการทาง

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

4.โครงง�นประเภททฤษฎ หลกก�ร หรอแนวคด เปนโครงงานทผทำาโครงงานไดนำาเสนอทฤษฎ หลกการ

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

วธก�รทำ�โครงง�น ก�รทำ�โครงง�น1. กำาหนดปญหา กำาหนดหวขอเรอง2. ตงสมมตฐาน หรอคำาตอบชวคราว3. ออกแบบการศกษาคนควา การทดลอง4. ลงมอปฏบต5. สรปผลโดยการจดทำารายงานโครงงาน…………..อาจม

ปญหาใหมเกดขน………..(ปญหาใหมทเกดขนนำาไปสโครงงานเรองตอๆ ไปโดยมขนตอนการทำางานโครงงานเหมอนขอ 1-5)

6. นำาเนอผลงาน ประเมนผล7. จดนทรรศการ สงประกวด หวขอการเขยนรายงานโครงงานโครงงานวชา……………………เรอง……………………….

125ผจดทำา อาจารยท……………ปรกษา…………….โรงเรยน……………………สงกด………

ระดบชน…………………….บทคดยอ (สรป วตถประสงคของการดำาเนนงาน, วธการดำาเนนงาน, ผลประโยชนทไดรบ)กตตกรรมประกาศ (การไดรบความอนเคราะหในรปแบบตาง ๆ เชน ขอมล ความชวยเหลอ)บทท 1 บทนำา ทมาและความสำาคญของโครงงาน………………..วตถประสงค………….

สมมตฐานของการศกษาคนควา………ขอบเขตการศกษาคนควา ตวแปรทเกยวของ …… (ถาม)

บทท 2 บทเอกสารทเกยวของกบการทำาโครงงานเรองนบทท 3 อปกรณ วธดำาเนนการศกษาบทท 4 ผลการศกษา และอภปรายผลบทท 5 สรปผล ประโยชน ขอเสนอแนะเอกสารอางอง

ใบงานท 14เรอง เค�โครงร�งโครงง�นคอมพวเตอร

โครงง�น ร�ยวช� โครงง�นคอมพวเตอรชอกลม ชน ม………………………………………………… ………/………… ประธ�นกลม……………………………….กจกรรมท 1. 1.1 ชอ

ง�น………………………………………………………………………………………………………………..

1261.2 ง�นทไดรบมอบ

หม�ย………………………………………………………………………………………

1.3 ก�รออกแบบง�น (สงรางแบบงานขางทายน)

โครงง�นร�ยวช� โครงง�นคอมพวเตอรเรอง………………………………………………ผจดทำา อาจารยท……………ปรกษา…………….โรงเรยน……………………สงกด………

ระดบชน…………………….บทคดยอ (สรป วตถประสงคของการดำาเนนงาน, วธการดำาเนนงาน, ผลประโยชนทไดรบ)

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

กตตกรรมประกาศ (การไดรบความอนเคราะหในรปแบบตาง ๆ เชน ขอมล ความชวยเหลอ)

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

บทท 1 บทนำา ทมาและความสำาคญของโครงงาน………………..วตถประสงค………….

สมมตฐานของการศกษาคนควา ขอบเขตการ…………ศกษาคนควา…...........….ตวแปรทเกยวขอ (ถาม)

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

127 ……………………………………………………………………………………………………………………………………………………………

บทท 2 บทเอกสารทเกยวของกบการทำาโครงงานเรองน ……………………………………………………………………………………………………………………………………………………………. ……………………………………………………………………………………………………………………………………………………………

บทท 3 อปกรณ วธดำาเนนการศกษา ……………………………………………………………………………………………………………………………………………………………. ……………………………………………………………………………………………………………………………………………………………

บทท 4 ผลการศกษา และอภปรายผล…………………………………………………………………………………………………………………………………………………………….……………………………………………………………………………………………………………………………………………………………

บทท 5 สรปผล ประโยชน ขอเสนอแนะ…………………………………………………………………………………………………………………………………………………………….……………………………………………………………………………………………………………………………………………………………

128เอกสารอางอง

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

กจกรรมท 2. กจกรรมทนกเรยนเลอกปฏบต เลอกไดมากกวา 1 ขอ ตามตองการ รปภาพ

จาก…………………………………………………………………………………………….……………………………….…

คดลอกขอความเรอง……………………………………………………………………………………………..…………………….

คำาประพนธไดมาจาก…………………………………………………………………………………………..………………………..

การสรางเอกสาร (แผนพบ, การด, รายงาน ฯ)……………………………………………………………………………………

จดประสงคก�รเรยนร ทนกเรยนไดรบ หลงจบบทเรยนนแลว1…………………………………………………………………………………………………………………………………2………………………………………………………………………………………………………………………..…………จดประสงคก�รนำ�ไปใช ทนกเรยนไดรบ หลงปฏบตกจกรรมนแลว1……………………………………………………………………………………………………………………………………2………………………………………………………………………………………………………………………..…………แหลงขอมล1.www…………………………………………………….คว�มรทได ……………………………………………………….2.www…………………………………………………….คว�มรทได ……………………………………………………….3…………………………………….…………….……….คว�มรทได……………………………………………………….…

129สงง�นวนท เดอน………… ………………………………..พ.ศ.25……………….

ผตรวจประเมนผลง�น……………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………..……………………………………

ลงชอ……………………………………………………………..ผสอนนางศศธร ไวทยสวรรณ

แบบประเมนตนเองของนกเรยนร�ยวช� โครงง�นคอมพวเตอร

ก�รประเมนตนเองของนกเรยนนกเรยนตอบคำ�ถ�มเหล�นขณะทำ�ง�น หรอ เมอทำ�ง�นแตละชนเสรจแลว1. โครงง�นง�นทนกเรยนทำ�มแนวคด/คว�มเปนม� อย�งไรบ�ง จงอธบ�ย…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………........................................................................................................................………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………...........................................................................................................................2. นกเรยนไดสร�งองคคว�มรใหมเรองอะไรบ�งจ�กก�รทำ�ง�นโครงง�นหวขอน…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………........................................................................................................................………………………………………………………………………………………………………………………………………………………………………………

130………………………………………………………………………………………...........................................................................................................................3.หวขอเนอห�ทนกเรยนเลอกสร�งโครงง�นมสมพนธกบ โปรแกรม Macromedia Flash Mx อย�งไรบ�ง …………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………........................................................................................................................………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………...........................................................................................................................4. เนอห�ทนกเรยนไดเรยนร โปรแกรม Macromedia Flash Mx ทำ�ใหนกเรยนรสกเชอมนเกยวกบคว�มรทไดรบ ม�กนอยเพยงใด …………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………........................................................................................................................………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………...........................................................................................................................5. นกเรยนยงไมเข�ใจในหวขอเนอห�อะไรบ�ง…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………........................................................................................................................………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………...........................................................................................................................

131

ใบง�นท 13เรอง ก�รจดทำ�โครงง�นก�รสร�งง�นมลตมเดย ดวยโปรแกรม

Macromedia Flash Mx

ใหนกเรยนจดทำาโครงงานของกลมตามทไดเลอกหวขอและเขยนเคาโครงรางโครงงานตามใบความรท 13 โดยใชเทคนคการสรางงานมลตมเดย ดวยโปรแกรม Macromedia Flash Mx สรางภาพเคลอนไหวโดยใหการดำาเนนภาพสอความหมายและมเนอหาเกยวกบองคความรจากวชาใดวชาหนงตามทนกเรยนถนด และ สนใจ และบรณาการเศรษฐกจพอเพยงทกสาระวชา รายละเอยดดงน :-

1. พมพรายงานโครงงานตามรปแบบใบความรท 132. สรางภาพเคลอนไหวใหเหมาะสมกบเนอหารายงานจำานวน อยาง

นอย 5 ภาพ3. รวบรวมผลงานกลมใสแฟมสงคร

132

ภาคผนวก

133

ตวอย�งสอรปภ�พทใหบรก�ร

รปภ�พ Animation

รปภ�พ แผน CD ไทยประณตศลป 300 รปภ�พ ของบรษทเจเนซส มเดยคอม จำ�กด

134

รปภ�พ แผน CD วถชวตไทย 300 รปภ�พ ของบรษทเจเนซส มเดยคอม จำ�กด

รปภ�พ แผน CD สถ�ปตยกรรมและปชนยสถ�น 300 รปภ�พ ของบรษทเจเนซส มเดยคอม จำ�กด

135 รปภ�พ แผน CD คลปอ�รต ก�รศกษ� 12,600 รปภ�พ ของ

บรษทเจเนซส มเดยคอม จำ�กด

ตวอยางไฟลเสยง เพอใชในการสรางงาน Flash รวบรวมจากเพลงตาง ๆ

ตวอยางรปแบบ Work Shop ของบรษทซกเซสมเดยจำากด

136

บรรณ�นกรม

กฤษณะ สถตย. คมอก�รใชง�น Macromedia Flash Mx ฉบบสมบรณ. นนทบร: อนโฟเพรส, 2545ดวงใจ พงศประเทองสข. จบภ�พแบบอยหมด! ดวย Snag It 6.1. กรงเทพมหานคร: บรษทเฟสท แปซฟก

137 (ดอกหญา) จำากด, 2545.ทศนา แขมมณ. 14 วธสอนสำ�หรบครมออ�ชพ. กรงเทพมหานคร: จฬาลงกรณมหาวทยาลย, 2544. ภททรา เหลองวลาศ. Flash Mx สร�งแอนเมชนบนเวบอย�งมออ�ชพ. กรงเพทมหานคร: ซเอดยเคชน. 2548.ยทธชย รจรวมล. คมอก�รเรยนรและเทคนคก�รใชง�น Macromedia Flash Mx. พมพครงท 13. กรงเทพมหานคร: บรษทซคเซสมเดย จำากด, 2547.สำานกบรหารงานการมธยมศกษาตอนปลาย, สำานกงานคณะกรรมการการศกษาขนพนฐาน. กระทรวงศกษาธการ. มธยมศกษ�ยคใหมสม�ตรฐ�นส�กล 2561 Towards World-Class Standard Education 2018. กรงเทพมหานคร: โรงพมพชมนมสหกรณการเกษตรแหงประเทศไทย จำากด, 2554.วชาการและมาตรฐานการศกษา, สำานก. กระทรวงศกษาธการ. ตวชวดและส�ระก�รเรยนรแกนกล�ง กลมส�ระก�รเรยนรก�รง�นอ�ชพและเทคโนโลย ต�มหลกสตรแกนกล�งก�รศกษ�ขนพนฐ�น พทธศกร�ช 2551. กรงเทพมหานคร: โรงพมพชมนมสหกรณการเกษตรแหงประเทศไทย จำากด, 2551.วชาการ, กรม. กระทรวงศกษาธการ. เอกส�รประกอบหลกสตรก�รศกษ�ขนพนฐ�น พทธศกร�ข 2544 คมอก�รจดก�รเรยนรกลมส�ระก�รเรยนร ก�รง�นอ�ชพและเทคโนโลย. กรงเทพมหานคร: โรงพมพ องคการรบสงสนคาและพสดภณฑ (ร.ส.พ.), 2545.วชาการ, กรม. กระทรวงศกษาธการ. หลกสตรก�รศกษ�ขนพนฐ�น พทธศกร�ข 2544 ส�ระและม�ตรฐ�นก�ร

138 เรยนร กลมส�ระก�รเรยนร ก�รง�นอ�ชพและเทคโนโลย. กรงเทพมหานคร: โรงพมพองคการรบสงสนคา และพสดภณฑ (ร.ส.พ.), 2545. วชาการ, กรม. กระทรวงศกษาธการ. เอกส�รชดเทคนคก�รจดกระบวนก�รเรยนร ทผเรยนสำ�คญทสด ก�รเรยนร เพอพฒน�กระบวนก�รคด. กรงเทพมหานคร: โรงพมพการศาสนา, 2543.

i

ชุดการสอน Flash

Documents

Transcript of ชุดการสอน Flash