แผนการสอนวิชาโปรแกรมมัลติมีเดีย

- 196 -

พส.12

ใบความรู้ (Information Sheets)

รหัสวิชา 20204-2110 วชิ า โปรแกรมมัลติมเี ดีย

ชื่อหน่วย การสรา้ งสอื่ มัลตมิ เี ดียด้วยโปรแกรม Adobe Flash CS

เรื่อง การสร้างสื่อมัลติมีเดยี ดว้ ยโปรแกรม Adobe Flash CS จานวนช่ัวโมงสอน 4 ช่ัวโมง

เฉลยแบบทดสอบก่อนเรยี น หน่วยที่ 4

1. โปรแกรม Flash เดิมเปน็ ของบรษิ ทั ใด

ก. Adobe ข. Macromedia

ค. Microsoft ง. Windows

2. โปรแกรม Flash เรม่ิ มชี ื่อเสยี งประมาณปี พ.ศ. ใด

ก. 2530 ข. 2535

ค. 2539 ง. 2542

3. การเข้าโปรแกรม Flash ให้เลอื กข้อใดก่อนทางาน

ก. ActionScript 1.0 ข. ActionScript 2.0

ค. ActionScript 2.5 ง. ActionScript 3.0

4. ส่วนทีร่ วบรวมเครอื่ งมือตา่ ง ๆ คอื ข้อใด

ก. Menu Bar ข. Tool Box

ค. Timeline ง. Panel

5. สว่ นใดทีเ่ ปน็ พื้นทส่ี เ่ี หลยี่ มสขี าวสาหรบั สร้างผลงาน

ก. Menu Bar ข. Tool Box

ค. Timeline ง. Stage

6. ขอ้ ใดคือการกาหนดค่าความกว้าง

ก. Width ข. Height

ค. Ruler unit ง. Frame rate

7. ข้อใดคอื การนารูปภาพไปวางไว้บนฉาก

ก. Import to Stage ข. Import to Library

ค. Import to Stock ง. Import to Movie

8. ข้อใดใช้ในการปรบั ย่อขยายขนาดของวตั ถุ

ก. Size ข. Move

ค. Free Transform ง. Transform

- 197 -

พส.12

ใบความรู้ (Information Sheets)

รหัสวิชา 20204-2110 วิชา โปรแกรมมลั ตมิ ีเดีย

ชื่อหน่วย การสร้างส่ือมลั ติมเี ดยี ด้วยโปรแกรม Adobe Flash CS

เรื่อง การสรา้ งส่ือมลั ตมิ ีเดยี ด้วยโปรแกรม Adobe Flash CS จานวนช่ัวโมงสอน 4 ช่ัวโมง

9. การสร้างรูปวาดควรกาหนด Symbol เปน็ แบบใด

ก. Movie Clip ข. Button

ค. Graphic ง. Drawing

10. การบันทึกงานนาเสนอ Flash เพื่อนาไปแกไ้ ขได้ ควรบันทึกเปน็ นามสกลุ ใด

ก. .swf ข. .fla

ค. .flv ง. .gif

11.การสรา้ งข้อความจะต้องใช้เคร่อื งมือใด

ก. Selection Tool ข. Line Tool

ค. Pen Tool ง. Text Tool

12.การกาหนดรปู แบบตัวอักษรใช้กล่มุ คาส่ังส่วนใด

ก. Font ข. Position and Size

ค. Character ง. Paragraph

13.การกาหนดรูปแบบตวั อักษรสามารถกาหนดไดต้ ามข้อใด

ก. Family ข. Style

ค. Size ง. Color

14.การกาหนดตวั อกั ษรหนาจะต้องกาหนดตามข้อใด

ก. Family ข. Style

ค. Size ง. Color

15.การกาหนดให้ข้อความเคล่ือนไหวจะตอ้ งใชค้ าสง่ั ใด

ก. Create Motion Tween ข. Create Shape Tween

ค. Create Classic Tween ง. Create Text Tween

16.การนารูปภาพมาใชค้ วรเกบ็ ไวท้ ใ่ี ดก่อน

ก. Stage ข. Movie

ค. Box ง. Library

- 198 -

พส.12

ใบความรู้ (Information Sheets)

รหัสวชิ า 20204-2110 วิชา โปรแกรมมลั ตมิ ีเดีย

ชอ่ื หน่วย การสรา้ งส่อื มลั ติมีเดียดว้ ยโปรแกรม Adobe Flash CS

เร่อื ง การสร้างสื่อมลั ตมิ ีเดยี ด้วยโปรแกรม Adobe Flash CS จานวนชั่วโมงสอน 4 ช่ัวโมง

17.การนาเสียงมาใส่จะต้องใช้คาสั่งใด

ก. File  New ข. File  Import

ค. File  Export ง. Insert  Sound

18.คาสง่ั ใดท่ีใช้ในการทดสอบเสียงเพลง

ก. Play ข. Start

ค. View ง. Test

19.คาสงั่ ใดกาหนด Effect ให้เสียงเบาและคอ่ ย ๆ ดงั ขนึ้

ก. Left Channel ข. Fade left

ค. Fade in ง. Fade out

20. การกาหนดเสียงใหว้ นอย่ใู นตัวเลอื กใด

ก. Name ข. Effect

ค. Sync ง. Sound

21.Persistence of Vision หมายถงึ ข้อใด

ก. การเคล่อื นไหวอย่างเรว็ ข. ภาพตัดตอ่

ค. ลกั ษณะภาพติดตา ง. การฉายภาพติดต่อกนั

22.Animation หมายถงึ ขอ้ ใด

ก. การเคล่ือนไหวอย่างเร็ว ข. ภาพตดั ต่อ

ค. ลกั ษณะภาพติดตา ง. การสรา้ งภาพเคล่อื นไหว

23.ชนิดของแอนเิ มชันมีก่ีชนิด

ก. 2 ชนิด ข. 3 ชนดิ

ค. 4 ชนดิ ง. 5 ชนดิ

24.ขอ้ ใดคอื แอนิเมชันที่เกิดจากการวาดภาพหลาย ๆ ภาพ

ก. Drawn Animation ข. Stop Animation

ค. Movie Animation ง. Computer Animation

- 199 -

พส.12

ใบความรู้ (Information Sheets)

รหสั วชิ า 20204-2110 วชิ า โปรแกรมมลั ติมเี ดีย

ชอ่ื หน่วย การสรา้ งสอื่ มลั ตมิ ีเดียด้วยโปรแกรม Adobe Flash CS

เรอ่ื ง การสรา้ งสื่อมัลตมิ ีเดยี ดว้ ยโปรแกรม Adobe Flash CS จานวนช่วั โมงสอน 4 ช่ัวโมง

25.Model Animation เป็นแอนิเมชันแบบใด

ก. Drawn Animation ข. Stop Animation

ค. Movie Animation ง. Computer Animation

26.การใช้โปรแกรม Adobe Flash จัดเปน็ ชนดิ ของแอนเิ มชนั แบบใด

ก. Drawn Animation ข. Stop Animation

ค. Movie Animation ง. Computer Animation

27.ประเภทของภาพเคลอื่ นไหวมีก่ปี ระเภท

ก. 1 ประเภท ข. 2 ประเภท

ค. 3 ประเภท ง. 4 ประเภท

28.โปรแกรมใดท่ีใช้ในการสร้างภาพเคลื่อนไหวแบบ 2 มิติ

ก. Adobe Flash ข. Maya

ค. Auto Cad ง. 3D Studio Max

29.การบนั ทึกเพ่ือนาไปใช้งานจะบันทึกไฟล์นามสกุลใด

ก. .fla ข. .flv

ค. .swf ง. .jpeg

30. การทดสอบการเคล่ือนไหวจะใชค้ าสง่ั ใด

ก. Ctrl + A ข. Ctrl + P

ค. Ctrl + Shift ง. Ctrl + Enter

- 200 - พส.9
หน่วยที่ 4
แผนการจดั การเรยี นรู้ เวลารวม 72 ชม.
รหัสวชิ า 20204-2110 วิชา โปรแกรมมลั ติมีเดยี
ชื่อหน่วย การสรา้ งส่อื มัลติมีเดียด้วยโปรแกรม Adobe Flash CS สัปดาห์ 12/18
เรอ่ื ง การสรา้ งสือ่ มลั ตมิ ีเดียด้วยโปรแกรม Adobe Flash CS จานวน 4 ชม.

1. สาระสาคัญ
โปรแกรม Flash เป็นซอฟตแ์ วร์ที่ชว่ ยในการสร้างส่อื มัลติมีเดยี , ภาพเคล่ือนไหว (Animation), ภาพกราฟกิ ท่ีมี

ความคมชดั เน่ืองจากเป็นกราฟิกแบบเว็คเตอร์ (Vector), สามารถเล่นเสียงและวีดิโอ แบบสเตรโิ อได้, สามารถสร้างงาน
ให้โต้ตอบกับผู้ใช้ (Interactive Multimedia) มีฟังก์ชั่นสาหรับการเขียนโปรแกรม (Action Script) และยังทางานใน
ลกั ษณะ CGI โดยเชื่อมตอ่ กับการเขียนโปรแกรมภาษาอนื่ ๆ ได้มากมาย เชน่ ภาษา PHP, JSP, ASP, ASP.NET, C/C++,
C#, C#.NET, VB, VB.NET, JAVA และอื่นๆ โดยเฉพาะข้อดขี องโปรแกรม Flash คือ ความสามารถในการบีบอัดไฟลใ์ ห้
มีขนาดเล็ก มีผลทาให้แสดงผลได้อย่างรวดเร็ว นอกจากนั้นยังแปลงไฟล์ไปอยู่ในฟอร์แมตอื่น ได้หลากหลาย เช่น avi,
mov, gif, wav, emf,eps, ai, dxf, bmp, jpg, gif, png เปน็ ต้น

2. สมรรถนะประจาหนว่ ย
ปฏบิ ตั ิการออกแบบ สร้าง แก้ไข และตกแต่งส่อื มัลติมีเดยี ด้วยโปรแกรม Adobe Flash CS ได้

3. จุดประสงคก์ ารเรยี นรู้
3.1 เรยี กใชโ้ ปรแกรม Adobe Flash CS ได้
3.2 ใช้งานสว่ นประกอบของโปรแกรม Adobe Flash CS ได้
3.3 สร้างไฟล์ สรา้ งฉากนาเสนอด้วยโปรแกรม Adobe Flash CS ได้
3.4 สร้างข้อความ การใช้รูปภาพ และการใสเ่ สียงได้

4. สาระการเรียนรู้
4.4 การเรยี กใชแ้ ละสว่ นประกอบของโปรแกรม Adobe Flash CS
4.5 การบนั ทึกเพ่ือนาไปใช้งานและการทดสอบ

5. การออกแบบการจดั การเรยี นรู้
การจดั การเรียนการสอนด้วยส่อื สาธติ ของจริง ไดล้ งมือปฏิบตั ิ เพอ่ื นช่วยเพ่ือน Active learning

6. กิจกรรมการเรียนรู้
ข้นั นา
1. ครูและนกั เรียนร่วมกนั ทบทวนความรู้ทเี่ รียนในสัปดาห์ท่ี 11
2. ครูสอบถามนักเรียนเกยี่ วกับโปรแกรม โปรแกรม Adobe Flash CS

- 201 -

ข้ันกิจกรรม
1. ครใู ห้นักเรียนดูวดิ ีโอสาธิตการเรียกใช้และสว่ นประกอบของโปรแกรม Adobe Flash CS
2. ครสู าธิตการบันทึกเพอ่ื นาไปใชง้ าน และการทดสอบ แล้วให้นกั เรียนปฏิบัติตาม
3. ครูมอบหมายให้นกั เรียนทาใบงาน โดยบูรณาการรว่ มกับรายวิชาโปรแกรมกราฟกิ และรายวิชาโปรแกรมการ

สรา้ งภาพเคลื่อนไหว
ข้ันสรุปและประเมินผล
1. ครตู รวจความคืบหนา้ ไฟล์งานของนักเรยี น และแนะนาแนวทางใหท้ ีละคน
2. ครใู ห้นักเรยี นดูสือ่ การสอน และสบื ค้นข้อมูลเพิ่มเตมิ เพอื่ เป็นแนวทางในการปฏิบตั ิงาน

7. บรรยากาศท่ีส่งเสริมและพัฒนาผเู้ รยี น
ผู้เรียนมีความสนใจในการเรียน เนื่องจากการสอนแบบเพ่ือนช่วยเพื่อน ครูผู้สอนทาการสอนด้วยความ

สนกุ สนานเปน็ กันเอง ทาใหผ้ เู้ รยี นไดแ้ สดงความคิดเห็นและได้แลกเปล่ียนความรู้ สง่ ผลใหเ้ กิดผลการเรยี นร้ทู ดี่ ี

8. คณุ ธรรม จรยิ ธรรมประจาหนว่ ย
ฝึกความรับผิดชอบ การส่งงานการเข้าเรียนตรงต่อเวลา มีความซ้ือสัตย์สุจริต ไมน่ าทรัพย์สินของเพ่ือนมาเป็น

ของตนเอง

9. สือ่ และแหล่งการเรียนรู้
9.1 สือ่ Microsoft PowerPoint
9.2 ใบความรู้ และวดิ ีโอ
9.3 ใบงานที่ 3 การสรา้ งสือ่ มัลตมิ เี ดียด้วยโปรแกรม Adobe Flash CS
9.4 เคร่อื งไมโครคอมพวิ เตอร์
9.5 เครอื่ งฉายภาพจอโปรเจ็คเตอร์

10. การวดั ผลและประเมินผล
10.1 สังเกตผู้เรียนมีความสนใจ เกิดความเข้าใจในสาระการเรียนรู้ ตลอดจนแสดงความกระตือรือร้นในการ

แสดงความคดิ เหน็ และสรปุ สาระการเรียนรปู้ ระจาหน่วย
10.2 เครื่องมือการประเมนิ จิตพิสัย
10.3 แบบประเมินผลงานการสรา้ งงานนาเสนอด้วยโปรแกรม Adobe Flash CS

11. หลักฐานการเรียนรู้
11.1 ไฟลง์ านของนกั เรียนทส่ี ง่ ใหค้ รู
11.2 ใบงานท่ี 3 การสรา้ งสอื่ มลั ติมีเดียด้วยโปรแกรม Adobe Flash CS คะแนนเต็ม 20 คะแนน

- 202 -

12. เอกสารอา้ งอิง
ศิวชั กาญจนชุม, ทิพวรรณ ออ่ งน้อย, โปรแกรมมัลติมเี ดยี (20204-2110). กรงุ เทพฯ : จติ รวัฒน์, 2557
https://retrorian.wordpress.com/การใชโ้ ปรแกรม-flash/
https://sites.google.com/site/krunittayacnp/kickrrm-nakreiyn-naksuksa
https://sites.google.com/site/unuttharikadream/8-6-kar-banthuk-fil-ni-porkaerm
-adobe-flash-cs6
http://lalita512.blogspot.com/2014/07/adobe-flash-cs3.html

- 203 - พส.10

เครือ่ งมอื ทใ่ี ชใ้ นการประเมิน

รหัสวิชา 20204-2110 วิชา โปรแกรมมัลตมิ ีเดยี ท-ป-น 2-2-3

แบบประเมินแบบประมาณค่า (Rating scale) เกณฑ์การให้คะแนน
5 4 321
ประเด็นการประเมนิ

1. เรียกใชโ้ ปรแกรม Adobe Flash CS ได้
2. ใชง้ านส่วนประกอบของโปรแกรม Adobe Flash CS ได้
3. สร้างไฟล์ สรา้ งฉากนาเสนอดว้ ยโปรแกรม Adobe Flash CS ได้
4. สรา้ งขอ้ ความ การใช้รปู ภาพ และการใสเ่ สียงได้

รวม
รวมทงั้ หมด (5 คะแนน+4 คะแนน+3 คะแนน+2 คะแนน+1 คะแนน)
คะแนนรวม (70%)

- 204 -
พส.10

แบบประเมินจิตพิสัย
แบบประเมนิ แบบตรวจสอบรายการ (checklist)

พฤตกิ รรมทสี่ ังเกต มี (1) ไมม่ ี (0) หมายเหตุ
1.การมาเรยี นและการทากจิ กรรมหนา้ เสาธง 1,5,6
2.การแตง่ กายถูกตอ้ งตามระเบยี บแบบพอเพียง 2,10
3.กิรยิ าสภุ าพ,เรยี บรอ้ ย,ปฏิบตั ิตามพระราชดารสั 3,8,9,11
4.ความตัง้ ใจและสนใจเรยี น 4
5.ความรบั ผดิ ชอบตอ่ งานและสว่ นรวม 7,12

รวมคะแนน (5 คะแนน/สัปดาห)์

หมายเหตุ บูรณาการตามค่านิยมหลักของคนไทย 12 ประการ

- 205 -

พส.11

บนั ทกึ หลังการจดั การเรียนรู้
รหัสวชิ า...........................ชื่อวชิ า.........................................................................................ระดับชัน้  ปวช.  ปวส.
สาขางาน..............................................................................................สัปดาหท์ .่ี .........วันที่สอน..............................................
หน่วยที่............ช่ือหนว่ ย......................................................................................................................จานวน................ช่วั โมง
จานวนผู้เรียน..........................คน มาเรยี น........................คน ขาดเรยี น.........คน ลาปว่ ย.........คน ลากจิ ..........คน

1. ผลการจดั การเรยี นรู้
……………….……………………………………………………………………………………………………………………………………………………………
……………….……………………………………………………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………………………………..………………….…………
……………….…………………………………………………………………………………………………………………………………………………………….
2. ปัญหาและอปุ สรรค
……………….……………………………………………………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………………………………..….…………………………
……………….…………………………………………………………………………………………………………………………………………………………….
……………………………………………………………………………………………………………………………………………..………………….…………
3. ข้อเสนอแนะ/แนวทางแกไ้ ข
……………….……………………………………………………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………………………………..….…………………………
……………….………………………………………………………………………………………………………………………………………………..…………

ลงชอ่ื .......................................................ครผู ู้สอน

(นางสาวลูกเกด พรหมชนะ)
........../................/............

ความเห็น................................................................................. ความเห็น.................................................................................
................................................................................................ ................................................................................................

ลงช่อื ...............................................หวั หนา้ แผนกวิชา ลงชื่อ............................................รองผู้อานวยการฝา่ ยวชิ าการ
(นายจกั รพงษ์ ครองยุทธ) (นางสาวนศิ ากร เจรญิ ดี)
............/................../............ ............/................../............

ความเหน็ ผ้อู านวยการ.................................................................................
....................................................................................................................

ลงชื่อ...........................................
(นางสาวสมุ นี า แดงใจ)

ผู้อานวยการวทิ ยาลยั การอาชพี นครปฐม
............/................../............

- 206 -

พส.12

ใบความรู้ (Information Sheets)

รหสั วิชา 20204-2110 วชิ า โปรแกรมมัลตมิ เี ดีย

ชื่อหน่วย การสรา้ งสือ่ มลั ติมีเดียดว้ ยโปรแกรม Adobe Flash CS

เรอื่ ง การสรา้ งสื่อมัลตมิ ีเดียดว้ ยโปรแกรม Adobe Flash CS จานวนช่ัวโมงสอน 4 ช่ัวโมง

จดุ ประสงคก์ ารเรยี นรู้ รายการเรียนรู้

- จดุ ประสงค์ทว่ั ไป 4. การเรียกใช้และส่วนประกอบของโปรแกรม

1. เรียกใช้โปรแกรม Adobe Flash CS ได้ Adobe Flash CS

2. ใชง้ านสว่ นประกอบของโปรแกรม 5. การบนั ทกึ เพ่อื นาไปใช้งานและการทดสอบ

Adobe Flash CS ได้

3. สรา้ งฉากนาเสนอดว้ ยโปรแกรม

Adobe Flash CS ได้

4. สรา้ งข้อความ การใชร้ ูปภาพ และการใสเ่ สียงได้

- จุดประสงคเ์ ชงิ พฤตกิ รรม

ปฏิบัติการออกแบบ สรา้ ง แก้ไข และตกแต่งส่ือ

มลั ตมิ ีเดียด้วยโปรแกรม Adobe Flash CS ได้

4. การเรียกใชแ้ ละส่วนประกอบของโปรแกรม Adobe Flash CS
4.1 การเรียกใชโ้ ปรแกรม Adobe Flash CS
โปรแกรม Flash เปน็ ซอฟตแ์ วร์ท่ชี ว่ ยในการสร้างสื่อมัลตมิ ีเดีย, ภาพเคลอ่ื นไหว (Animation), ภาพกราฟิกที่

มคี วามคมชดั เนื่องจากเปน็ กราฟกิ แบบเว็คเตอร์ (Vector), สามารถเลน่ เสียงและวีดโิ อ แบบสเตริโอได้, สามารถสร้าง
งานให้โต้ตอบกับผู้ใช้(Interactive Multimedia) มีฟังก์ช่ันสาหรับการเขียนโปรแกรม (Action Script) และยังทางาน
ในลักษณะ CGI โดยเช่ือมต่อกับการเขียนโปรแกรมภาษาอ่ืนๆ ได้มากมาย เช่น ภาษา PHP, JSP, ASP, ASP.NET,
C/C++, C#, C#.NET, VB, VB.NET, JAVA และอ่ืนๆ โดยเฉพาะข้อดีของโปรแกรม Flash คือ ความสามารถในการ
บีบอัดไฟล์ให้มีขนาดเล็ก มีผลทาให้แสดงผลได้อย่างรวดเร็ว นอกจากน้ันยังแปลงไฟล์ไปอยู่ในฟอร์แมตอ่ืน ได้
หลากหลาย เช่น avi, mov, gif, wav, emf,eps, ai, dxf, bmp, jpg, gif, png เป็นตน้

โปรแกรม Flash เริ่มมีชื่อเสียงประมาณปี พ.ศ. 2539 จนถึง ปัจจุบันได้ถูกนามาใช้งานอย่างแพร่หลาย
โดยเฉพาะเทคโนโลยีเว็บ ทาให้การนาเสนอทาได้อย่างน่าสนใจ นอกจากนั้น โปรแกรม Flash ยังสามารถสร้าง
แอพพลิเคชั่น (Application) เพ่ือใช้ทางานต่างๆ รองรับการใช้งานกับอุปกรณ์ที่ เช่ือมต่อกับระบบเครือข่าย
อินเตอรเ์ นต็ และทางานไดก้ บั หลายๆ แฟลตฟอร์ม (Platform)

- 207 -

พส.12

ใบความรู้ (Information Sheets)

รหสั วชิ า 20204-2110 วิชา โปรแกรมมัลติมเี ดีย

ชอื่ หน่วย การสรา้ งสอ่ื มลั ตมิ เี ดยี ด้วยโปรแกรม Adobe Flash CS

เรื่อง การสร้างส่ือมัลตมิ ีเดยี ด้วยโปรแกรม Adobe Flash CS จานวนชว่ั โมงสอน 4 ช่ัวโมง

1.1 ลกั ษณะสาคัญของโปรแกรม Adobe Flash cs6
1. สร้างช้ินงาน Interactive มีส่วนตอบสนองกับผู้ใช้ เช่น ผู้ใช้สามารถคลิกเลือกเมนูต่างๆ ได้ นาไป

ประยุกต์เป็นสื่อการสอน (E- Learning) หน้าจอควบคุมการทางานต่างๆ สื่อโฆษณา (Banner) บนเว็บไซต์ การ์ตูน
แอนเิ มชันตา่ งๆ เป็นตน้

2. สร้างชิ้นงาน Animation จุดเด่นของการทางานในโปรแกรมแฟลช คือการสร้าง Animation หรือ
ภาพเคลือ่ นไหว มีเครือ่ งมอื อานวยความสะดวก ทาให้โปรแกรม Flash สร้างผลงาน Animation ได้ง่าย

3. สร้างเว็บไซต์ (Website) โปรแกรม Flash สามารถสร้างเว็บไซต์ได้สวยงาม และสร้างลูกเล่นต่างๆ ได้
งา่ ยมีจดุ ออ่ นคอื เวบ็ ไซตท์ ส่ี ร้างด้วยโปรแกรม Flash แก้ไขข้อมูลได้ยาก และขนาดของไฟล์เว็บไซตค์ ่อนข้างใหญ่

1.2 การเปิดใช้งานโปรแกรม Adobe Flash CS6
เข้าสู่โปรแกรม Flash CS6 เมื่อเปิดโปรแกรมครั้งแรก โดยคลิกเมาส์ที่ปุ่ม Start แล้วเลือกคาส่ง All

Programs->Adobe>Adobe Flash CS6 Professional จะปรากฎหน้าต่าง ให้เราเลือกใช้งานโปรแกรม Flash CS6
ดงั นี้

หนา้ ต่างเร่มิ การทางาน

- 208 -

พส.12

ใบความรู้ (Information Sheets)

รหัสวชิ า 20204-2110 วชิ า โปรแกรมมัลติมีเดีย

ช่อื หน่วย การสร้างสอ่ื มลั ติมเี ดียดว้ ยโปรแกรม Adobe Flash CS

เรื่อง การสรา้ งสื่อมัลติมีเดยี ด้วยโปรแกรม Adobe Flash CS จานวนช่ัวโมงสอน 4 ช่ัวโมง

4.2 สว่ นประกอบของโปรแกรม Adobe Flash CS
1. แถบแสดงหน้าจอโปรแกรม

1. ปมุ่ แสดงหรือซ่อน Timeline 9. ป่มุ สรา้ งโฟล์เดอรเ์ ลเยอร์
2. เลเยอร์ เฟรมจะต้องวางบนเลเยอร 10.ป่มุ ลบเลเยอร์
3. ปุม่ ซ่อนและแสดงข้อมลู บนเลเยอร์ 11. ปมุ่ เซน็ เตอรเ์ ฟรม
4. ปมุ่ อนญุ าตให้แก้ไขและป้องการแก้ไข 12. ป่มุ โอเนียน สกิน
ข้อมูลบนเลเยอร์ 13. ปุม่ โอเนียน สกนิ แบบโครงร่าง
5. เพลย์เฮดหัวอ่านเฟรมแต่ละชอ่ ง 14. ปุ่มแก้ไขเฟรมหลายเฟรมพร้อมกนั
6. หมายเลขประจาเฟรม 15. บอกตาแหนง่ หมายเลขเฟรมในขณะทางาน
7. เฟรม เปรียบเหมือนช่องเก็บเหตกุ ารณ์ของมฟู วี่ 16. บอกความเรว็ การแสดงก่ีเฟรมต่อวินาที
8. ปมุ่ สรา้ งเลเยอรใ์ หม่ 17. เวลาทใ่ี ชใ้ นการมูฟวี่

- 209 -

พส.12

ใบความรู้ (Information Sheets)

รหสั วิชา 20204-2110 วิชา โปรแกรมมัลติมเี ดีย

ชื่อหน่วย การสรา้ งส่ือมัลตมิ ีเดยี ดว้ ยโปรแกรม Adobe Flash CS

เรื่อง การสร้างสื่อมัลติมีเดียด้วยโปรแกรม Adobe Flash CS จานวนช่วั โมงสอน 4 ชั่วโมง

2. แถบเครื่องมือ
1. เมนูบาร์ (Menu Bar) แถบเมนูแสดงรายการคาส่งั ตา่ งๆ ของโปรแกรมทัง้ หมด ได้แก่ การสร้างช้นิ งาน

การสร้างมูฟว่ี รวมไปถึงการตั้งคา่ ตา่ ง

2. ทูลบอ๊ กซ์ (Toolbox) แสดงปุ่มเคร่ืองมือเป็นสว่ นรวบรวมเครือ่ งมือชนิดต่าง ๆ ในการสร้าง ปรบั แต่ง
และแก้ไขชิ้นงาน ท่อี ยใู่ น Movie โดยแบ่งเป็น 4 กล่มุ ย่อยคือ กลุ่มเครื่องมือ กลุม่ มุมมอง กลมุ่ กาหนดสี และกล่มุ
ออบช่นั ของเครื่องมอื

3. Timeline หนา้ ตา่ งแสดงเสน้ ควบคุมเวลาสาหรบั การนาเสนอผลงาน ประกอบด้วยสว่ นทางานเกี่ยวกบั
Layer และ Timeline เราแบ่งไทมไลนเ์ ปน็ 2 สว่ นใหญๆ่ ได้แก่

1. สว่ นแสดงเลเยอร์ (Layer) ซง่ึ แต่ละเลเยอร์เปรยี บเหมอื นแผน่ ใส ทีส่ ามารถวางภาพหรือออบเจ็กตไ์ ด้
โดยแต่ละเลเยอร์นัน้ แยกเป็นอสิ ระต่อกนั แต่ประกอบกนั เปน็ ชันงานเดยี ว

2. ส่วนเฟรม (Frame) ท่ีแสดงช่องเฟรมต่างๆ ซึ่งทางานเหมือนกับเฟรมที่ประกอบกันเป็นภาพยนตร์
โดยเม่ือมีการนาเฟรมเหล่าน้ีมาแสดง อยา่ งตอ่ เนอื่ งก็จะทาให้เกิดภาพเคล่ือนไหว ทั้งน้ี Frame จะแสดงผล ทลี ะเฟรม
โดยจะมหี วั อ่าน (Playhead) ท่เี ป็นสน้ สีแดงคอยบอกตาแหน่งวา่ งกาลังทางานอย่ทู เ่ี ฟรมใด

- 210 -

พส.12

ใบความรู้ (Information Sheets)

รหสั วิชา 20204-2110 วิชา โปรแกรมมัลตมิ ีเดีย

ชอ่ื หน่วย การสรา้ งสือ่ มลั ตมิ เี ดยี ด้วยโปรแกรม Adobe Flash CS

เรื่อง การสรา้ งส่ือมัลติมีเดียดว้ ยโปรแกรม Adobe Flash CS จานวนช่วั โมงสอน 4 ชั่วโมง

เราสามารถเปิด/ปิดไทมไลน์นี้ได้ โดยคาสั่ง View > Timeline ให้มีเครื่องหมายถูกอยู่หน้าคาว่า Timeline
เพื่อเปิดไทมไลน์ และใช้คาส่ัง View > Timeline อีกคร้ังยกเลิกเครื่องหมายถูกเพ่ือปิดไทมไลน์ซ่ึงเราอาจเปรียบการ
ทางานของไทมไลนเ์ หมือนกับม่วนฟิล์ม ในขณะทส่ี เตจคือส่วนทีแ่ สดงแต่ละเฟรมในม้วนฟิล์มนนั้ ตามลาดบั ท่ีกาหนดไว้

เราสามารถแบ่งไฟล์ช้ินงานที่สร้างเป็นส่วนย่อยๆ ที่เรียกว่าฉากหรือซีน (Scene) โดยในมูฟว่ีหน่ึงๆ จะ
ประกอบด้วยซีนหรือหลายซีนก็ได้ เน่ืองจากจะทางานได้ทีละซีนน้ัน จึงต้องเลือกซีนท่ีจะทางานด้วย โดยคลิกที่เมนู
Window > Other Panels > Scene หรือเลือกใช้ปุ่ม การแทรกซีนสามารถแทรกได้ โดยเลือกที่เมนูคาส่ัง Inserts
> Scene1

4. สเตจ(Stage) และพนื้ ท่ีทางานประกอบดว้ ยพ้ืนทวี่ ่างสาหรบั วางวตั ถุแบบช่ัวคราวและพ้นื ท่ีของเวที
(Stage)

พนื้ ท่ีสีขาวบรเิ วณกลางจอคือ สเตจ เป็นพ้ืนทีใ่ ช้จัดวางออบเจ็กต์ตา่ ง ๆ ท่ตี อ้ งการแสดงใหเ้ หน็ ในชิ้นงาน
ส่วนพืน้ ทส่ี เี ทาดา้ นนอกบริเวณสขี าวคือ Pasteboard เปน็ บรเิ วณทส่ี ามารถนาออบเจ็กต์ ตา่ ง ๆ มาวาง พกั ไวห้ รือวาง
ซอ่ นไว้ได้เพราะบริเวณนีจ้ ะไม่แสดงผลเวลาทีเ่ รา Export Movie เปน็ ไฟล์ .SWF

เราสามารถเปิด/ปดิ พืน้ ที่การทางานโดยสัง่ View > Work Area ใหม้ ีเคร่ืองถกู หน้าคาวา่ Work Area เพอื่
ปิดพื้นท่ีการทางาน (หรือจะกดคีย์ลัด <Ctrl>+<Shift>+<W> กไ็ ด)้

- 211 -

พส.12

ใบความรู้ (Information Sheets)

รหสั วชิ า 20204-2110 วชิ า โปรแกรมมัลตมิ เี ดีย

ช่ือหน่วย การสร้างสื่อมลั ตมิ เี ดียด้วยโปรแกรม Adobe Flash CS

เรอ่ื ง การสร้างส่ือมลั ติมีเดียด้วยโปรแกรม Adobe Flash CS จานวนช่วั โมงสอน 4 ช่ัวโมง

5. พาเนล คอื หน้าต่างทร่ี วบรวมเครื่องมือตา่ งๆ สาหรับใช้ในการปรบั แตง่ ออบเจก็ ต์ ซ่งึ ใน Flash ไดม้ ี
การจดั พาเนลต่างๆ ไว้อยา่ งเปน็ หมวดหมตู่ ามหน้าท่ีของมันใหเ้ ราเรียกใช้ได้ พาเนลสาคญั ท่คี วรรจู้ กั ดังน้ี

5.1 Property Inspector เป็นพาเนลที่ใช้แสดงคุณสมบัติต่างๆ ของออบเจ็กต์ท่ีเราคลิกเลือก ซ่ึงเรา
สามารถปรับแต่งคุณสมบัติเหล่าน้ีได้ ท้ังนี้รายละเอียดท่ี Property Inspector จะเปลี่ยนไปตามออบเจ็กต์ท่ี
เลือก โดยสามารถแยกเปิดใช้งาน Property Inspector ด้วยคาสั่ง Window > Properties >Properties หรือกด
คีย์ลดั <Ctrl+F3>

5.2 พาเนล Color เป็นพาเนลท่ีเลือกใช้สีและผสมสีตามที่ต้องการ ซ่ึงจะนาไปใช้ปรับแต่งสีให้กับทั้ง
ภาพวาดและตัวอักษรได้อย่างง่ายดาย โดยมีให้เลือกถึง 2 แท็บด้วยกันคือ Color Mixer ( ใช้ผสมสีเองตามต้องการ)
และ Color Swatches (ใช้เลือกสีจากจานสีตามที่โปรแกรมกาหนดมาให้) โดยเราสามารถเรียกเปิดใช้งาน
พาเนล Color ด้วยคาส่ัง Window > Color Mixer

- 212 -

พส.12

ใบความรู้ (Information Sheets)

รหสั วิชา 20204-2110 วิชา โปรแกรมมลั ติมีเดีย

ชอื่ หน่วย การสร้างส่ือมัลตมิ ีเดียด้วยโปรแกรม Adobe Flash CS

เรอ่ื ง การสรา้ งสื่อมลั ตมิ ีเดยี ด้วยโปรแกรม Adobe Flash CS จานวนชวั่ โมงสอน 4 ช่ัวโมง

5.3 พาเนล Library หน้าตา่ งควบคุมเกยี่ วกับชุดวตั ถขุ องโปรแกรม ได้แก่ Symbols, Buttons, Movies

5. การบนั ทึกเพ่ือนาไปใช้งานและการทดสอบ
5.1 การบนั ทึกเพ่ือนาไปใชง้ าน
บันทึกไฟล์ ภาพท่วี าดที่สร้างเสรจ็ แลว้ หรอื ปรับแต่งแก้ไขแลว้ ควรบันทึกไฟล์เก็บไว้ทุกครง้ั โดยไฟล์ตน้ ฉบับ

จะไดส้ ่วนขยายเป็น .fla การบันทึกไฟล์สามารถใช้คาสัง่ File, Save หรือ File, Save As จดุ สังเกตวา่ ไฟลไ์ ด้ผ่านการ
บันทกึ แลว้ หรอื ไม่ กด็ ูไดจ้ ากชื่อไฟลใ์ น Title Bar หากมเี คร่ืองหมาย * แสดงวา่ ยงั ไม่ผ่านการบนั ทึก

การบันทึกเป็นภาพนิ่งใช้งาน เน่ืองจากไฟล์ .fla เป็นไฟล์ต้นฉบับ ไม่สามารถนาไปใช้งานได้ ก่อนนาไฟล์
ภาพที่สร้าง ด้วย Flash ไปใช้งาน จาเป็นต้องบันทึกในฟอร์แมตที่เหมาะสม สาหรับภาพนิ่ง ให้เลือกคาส่ัง File,
Export, Export Image ฟอร์แมตของภาพนิ่ง ก็เป็นรายการที่ควรนามาพิจารณาประกอบ เช่น ถ้าต้องการเป็น
ภาพประกอบสื่อสิ่งพิมพ์ แนะนาให้เลือกเป็น .bmp หรือ .ai แต่ถ้าต้องการใช้บนเว็บไซต์ ก็ควรเลือกเป็น .gif, .jpg
หรอื .png โดยมหี ลักในการพิจารณา ดังนี้

- ภาพโครงร่าง หรอื ภาพท่ีมีการใช้สีแบบ Solid ใหเ้ ลือกเป็น GIF Format
- ภาพท่ีมกี ารใชส้ แี บบไลโ่ ทน หรอื มีการใช้สจี านวนมาก ให้เลอื กเปน็ JPEG Format

- 213 -

พส.12

ใบความรู้ (Information Sheets)

รหัสวชิ า 20204-2110 วิชา โปรแกรมมลั ตมิ ีเดีย

ชอ่ื หน่วย การสรา้ งส่อื มัลติมเี ดยี ดว้ ยโปรแกรม Adobe Flash CS

เรอื่ ง การสรา้ งสื่อมัลตมิ ีเดยี ด้วยโปรแกรม Adobe Flash CS จานวนชัว่ โมงสอน 4 ช่ัวโมง

การบันทึกในฟอรแ์ มต GIF การบันทกึ ภาพวาดในฟอรแ์ มต GIF ทาได้โดยเลอื กคาสั่ง File, Export, Export
Image เลอื กรายการ Save as Type เป็น GIF Image (*.GIF)

รายการเลอื กของ GIF Format ได้แก่
- Dimension กาหนดขนาดของภาพ
- Resolution กาหนดความละเอยี ด มีค่าเทา่ กับ 72 dpi
- Include เลือกรปู แบบการบนั ทึกพนื้ ท่ีรอบภาพ กรณีท่ีต้องการบนั ทึกเฉพาะพ้นื ที่ทีม่ ภี าพเทา่ น้ัน

ให้เลือกเปน็ Minimum Image Area โปรแกรมจะไมน่ าพ้ืนที่รอบภาพมาบันทึกด้วย แต่ถา้ เลือกเป็นรายการ Full
Document Size จะเปน็ การบันทกึ เทา่ กับขนาดที่ระบุจริงในรายการ Dimension

- Colors เลือกจานวนคา่ สที ี่เหมาะสมกบั ภาพ ดังน้ันหากบางภาพมีการใช้สนี อ้ ย ก็สามารถระบุ
จานวนสีท่เี หมาะสมได้

- Interlace เลอื กเม่ือภาพที่วาดมขี นาดโตกว่า 200 pixel เพื่อกาหนดใหภ้ าพแสดงผลแบบโครงร่าง
กอ่ น แล้วค่อยๆ ชดั ขนึ้ เม่ือเวลาผ่านไป

- Transparent เลือกเพ่ือกาหนดใหภ้ าพมลี ักษณะของพื้นแบบโปร่งใส
- Smooth เลือกให้ภาพมีลักษณะขอบกระดา้ ง หรอื ขอบมน
- Dither solid colors เลอื กลักษณะการเกลีย่ สีท่ีมลี ักษณะใกล้เคียงกัน

- 214 - พส.12

ใบความรู้ (Information Sheets)

รหัสวชิ า 20204-2110 วิชา โปรแกรมมลั ติมเี ดีย

ชื่อหน่วย การสร้างสือ่ มัลติมเี ดียดว้ ยโปรแกรม Adobe Flash CS

เรื่อง การสร้างส่ือมลั ติมีเดียด้วยโปรแกรม Adobe Flash CS จานวนชัว่ โมงสอน 4 ช่ัวโมง

การบันทึกในฟอร์แมต JPEG การบันทึกภาพวาดในฟอรแ์ มต JPEG ทาไดโ้ ดยเลอื กคาส่ัง File, Export,
Export Image… เม่อื เลอื กไดรฟ์ /โฟลเดอร์ และต้งั ชอ่ื ไฟล์ภาพ ใหเ้ ลอื กรายการ Save as Type เปน็ JPEG Image
(*.jpg) แล้วคลกิ ปมุ่ Save จะปรากฏรายการเลือกค่าควบคุม ดังน้ี

- Dimension กาหนดขนาดของภาพ
- Resolution กาหนดความละเอียด มีค่าเท่ากับ 72 dpi
- Include เลอื กรปู แบบการบนั ทึกพ้ืนท่ีรอบภาพ กรณที ตี่ ้องการบันทึกเฉพาะพ้นื ท่ีทมี่ ภี าพเทา่ นัน้
ให้เลอื กเป็น Minimum Image Area โปรแกรมจะไมน่ าพ้ืนที่รอบภาพมาบันทึกด้วย แต่ถา้ เลอื กเป็นรายการ Full
Document Size จะเป็นการบนั ทกึ เทา่ กับขนาดทรี่ ะบุจริงในรายการ Dimension
- Quality คุณภาพของภาพ กรณีท่ีนาไปใช้กับเอกสารเวบ็ ควรกาหนดไว้ท่ี 60 – 90 แตถ่ ้าต้องการ
บันทึกเปน็ ภาพต้นฉบับเพอื่ ไปตกแต่งดว้ ยโปรแกรมอืน่ ต่อไป ควร กาหนดเปน็ 100
- Progressive เลอื กเม่ือภาพทว่ี าดมีขนาดโตกวา่ 200 pixel เพื่อกาหนดใหภ้ าพแสดงผลแบบโครง
รา่ งก่อน แลว้ ค่อยๆ ชัดขน้ึ เมื่อเวลาผา่ นไป คลา้ ยๆ กับคุณสมบตั ิ Interlace ของ GIF

- 215 -

พส.12

ใบความรู้ (Information Sheets)

รหสั วิชา 20204-2110 วิชา โปรแกรมมัลติมีเดีย

ช่ือหน่วย การสรา้ งสือ่ มลั ตมิ เี ดียด้วยโปรแกรม Adobe Flash CS

เร่อื ง การสรา้ งสื่อมัลตมิ ีเดียด้วยโปรแกรม Adobe Flash CS จานวนชว่ั โมงสอน 4 ช่ัวโมง

การบันทึกเปน็ ภาพเคล่อื นไหว การบนั ทึกผลงานของ Flash เป็นภาพเคล่ือนไหว หรือ Flash Movie
สามารถเลอื กได้สองคาสั่ง คอื File, Export, Export Movie โดยมหี น้าต่างการบนั ทึก และการเลอื กฟอร์แมตคล้าย
กับการบันทึกภาพน่ิงท่ีแนะนาไปก่อน นอกจากนยี้ งั สามารถเลือกไดจ้ ากคาสั่ง File, Publish Settings ซ่งึ เปน็ คาสงั่ ที่
นิยมเลอื กใช้มากกวา่ กรณีที่เป็นภาพเคล่อื นไหว โดยจะปรากฏหน้าต่างทางาน ดังนี้

เลอื กฟอรแ์ มตที่ต้องการใชง้ าน
- ใชง้ านในเครอื ข่ายอนิ เทอร์เนต็ ให้คลกิ เลือกรายการ Flash และ HTML
- สร้าง Movie ในฟอร์แมต QuickTime ให้เลอื กรายการ QuickTime ซึง่ จะได้ไฟล์Movie ทม่ี สี ว่ น

ขยายเป็น .mov
- สร้าง Movie ที่สามารถนาเสนอได้ทันที โดยไม่ต้องอาศัย Plug-Ins ใดๆ ให้เลือกรายการ

Windows Projector ซ่ึงจะได้ไฟล์ท่ีมีส่วนขยาย .exe หรือเลือกรายการMacintosh Projector สาหรับการนาเสนอ
บนเครื่องคอมพิวเตอร์ Macintoshเมื่อเลือกรปู แบบไฟล์ทต่ี ้องการแล้ว ให้คลิกปุ่ม Publish โปรแกรมจะแปลงงานบน
Stage เปน็ Movie ตามฟอร์แมตทเี่ ลือก โดยใช้ชือ่ ไฟลเ์ ดยี วกบั ไฟล์ Flash ตน้ ฉบบั

- 216 -

พส.12

ใบความรู้ (Information Sheets)

รหสั วชิ า 20204-2110 วชิ า โปรแกรมมัลตมิ ีเดีย

ชอื่ หน่วย การสรา้ งสอ่ื มลั ติมเี ดียดว้ ยโปรแกรม Adobe Flash CS

เร่ือง การสร้างสื่อมัลตมิ ีเดยี ดว้ ยโปรแกรม Adobe Flash CS จานวนชัว่ โมงสอน 4 ช่ัวโมง

4.2 การทดสอบ เป็นการเปลี่ยนแปลงรูปร่างแบบหนึ่งค่อยๆ กลายเป็นแบบหน่ึง ซึ่งจะแตกต่างจากแบบ
Motion คอื Motion จะเคล่ือนไหววัตถุช้ินนั้นเพียงชิ้นเดยี ว แต่แบบ Shap จะเกิดจากการเคล่ือนไหวของวัตถุสองช้ิน
ซึง่ เหมาะสาหรับภาพเคล่ือนไหวทมี่ ีการเปลย่ี นแปรจากแบบไปอีกแบบ โดยมีขั้นตอนดงั นี้

1. สรา้ งวัตถขุ ้ึนมาบน Stage

2. คลิกที่เฟรมท่ี 20 แล้วคลิกเมาส์ขา้ งขวา เลือก Insert Keyframe

3. จะปรากฏแถบสเี ทาตงั้ แต่เฟรมท่ี 1 ถงึ เฟรมท่ี 20

- 217 -

พส.12

ใบความรู้ (Information Sheets)

รหสั วชิ า 20204-2110 วชิ า โปรแกรมมัลตมิ ีเดีย

ชือ่ หน่วย การสร้างสือ่ มัลตมิ เี ดยี ดว้ ยโปรแกรม Adobe Flash CS

เรื่อง การสร้างส่ือมลั ตมิ ีเดียด้วยโปรแกรม Adobe Flash CS จานวนชว่ั โมงสอน 4 ช่ัวโมง
4. ยา้ ยวงกลมไปยงั ตาแหนง่ ที่ตอ้ งการ

5. คลกิ ที่ Frame 20 กดแปน้ Delete เพ่อื ลบวงกลมออก
6. คลกิ ท่ี Frame 20 และพิมพข์ ้อความลงในแผ่นกระดาษ Stage

7. คลิกท่เี มนู Modify เลือก Break Apart 2 ครัง้ เพื่อแยกรายละเอยี ดตวั อกั ษรออกจากกัน

- 218 -

พส.12

ใบความรู้ (Information Sheets)

รหัสวิชา 20204-2110 วิชา โปรแกรมมลั ตมิ เี ดีย

ช่อื หน่วย การสร้างสอ่ื มลั ตมิ ีเดียด้วยโปรแกรม Adobe Flash CS

เรอื่ ง การสรา้ งส่ือมัลติมีเดียด้วยโปรแกรม Adobe Flash CS จานวนชัว่ โมงสอน 4 ช่ัวโมง

8. คลิกทเี่ มาสข์ ้างขวาบริเวณเฟรมท่ี 1 ถึง เฟรมท่ี 20
9. เลอื ก Create Shape Tween
10. ทดสอบการแสดงผล กด Ctrl + Enter ผลลพั ธท์ ไ่ี ด้ รปู วงกลม จะค่อยๆ เปลี่ยนเป็นตวั อกั ษร

- 219 -

พส.13

ใบงาน (Job Sheets)

รหัสวชิ า 20204-2110 วิชา โปรแกรมมลั ติมีเดีย

ชอ่ื หน่วย การสร้างส่อื มลั ติมเี ดยี ดว้ ยโปรแกรม Adobe Flash CS

เร่ือง การสร้างสื่อมลั ติมีเดยี ด้วยโปรแกรม Adobe Flash CS จานวนช่ัวโมงสอน 20 ช่ัวโมง

จดุ ประสงค์การเรียนรู้ รายการเรยี นรู้

- จุดประสงค์เชงิ พฤตกิ รรม เคร่อื งมือ/วัสดุ-อุปกรณ์

ปฏิบตั กิ ารออกแบบ สรา้ ง แก้ไข และตกแต่งส่ือ 1. เคร่อื งคอมพวิ เตอร์

มัลติมีเดยี ดว้ ยโปรแกรม Adobe Flash CS ได้ 2. แบบโครงร่างเรือ่ งราว (Story Board)

3. แผ่นซีดี แฟลชไดรซ์

- ลาดับข้ันการทางาน ข้อควรระวงั

1. นักเรียนสร้างงานส่ือตามท่ีออกแบบไว้ใน Story นกั เรียนควรศึกษาหาข้อมูลจากหลายๆ แหลง่ ข้อมลู

Board ของแต่ละบุคคล เพอื่ ให้ได้เนื้อหาที่ถูกต้อง และตรงตามวตั ถุประสงค์

2. ครูสาธิตการเปลีย่ นสไลด์ และการใส่เอฟเฟ็กต์ให้กับ

วตั ถุ แล้วให้นักเรียนปฏบิ ัติตามทลี ะข้นั ตอน มอบงาน

3. ให้นักเรียนใส่เนื้อหา ตกแต่ง แก้ไข งานสื่อของ ส่งใบงานภายในชัว่ โมง

ตนเองใหถ้ ูกตอ้ ง เหมาะสม และสวยงามนา่ สนใจ

4. ครูสาธติ การใสเ่ สียง และบนั ทึกไฟล์งานเป็น MP.4 วัดผล/ประเมนิ ผล

5. ใหน้ ักเรียนโพสตง์ านลงใน Facebook กล่มุ ช้นั เรียน 1. นักเรียนออกแบบและสรา้ งงานนาเสนอได้ถูกต้อง

6. นักเรยี นนางานมารวมกันเพ่อื บนั ทึกลงในแผ่นซีดี เหมาะสมตามที่กาหนด มกี ารตกแต่งใหส้ วยงาม และใส่

เอฟเฟกต์ได้นา่ สนใจ 20 คะแนน

2. นักเรียนออกแบบและสรา้ งงานนาเสนอได้ถูกต้อง

เหมาะสมตามท่ีกาหนด มกี ารตกแตง่ ใหส้ วยงาม และใส่

เอฟเฟกตไ์ ด้ 18 คะแนน

3. นักเรียนออกแบบและสรา้ งงานนาเสนอได้ถูกต้อง

เหมาะสมตามท่ีกาหนด มีการตกแตง่ และใสเ่ อฟเฟกต์

ได้ 16 คะแนน

4. นักเรยี นนกั เรยี นออกแบบและสร้างงานนาเสนอ

ไม่ได้ตามท่ีกาหนดตามข้อที่ 1-3 ใหป้ รบั แก้

- 220 - พส.9
หน่วยที่ 4
แผนการจดั การเรียนรู้ เวลารวม 72 ชม.
รหสั วิชา 20204-2110 วชิ า โปรแกรมมลั ตมิ ีเดีย
ช่อื หน่วย การสร้างส่อื มลั ตมิ ีเดยี ดว้ ยโปรแกรม Adobe Flash CS สัปดาห์ 13-14/18
เรื่อง การสร้างสอื่ มัลติมีเดยี ดว้ ยโปรแกรม Adobe Flash CS จานวน 8 ชม.

1. สาระสาคญั
โปรแกรม Flash เป็นซอฟต์แวร์ทชี่ ว่ ยในการสรา้ งสอื่ มัลตมิ ีเดีย, ภาพเคลื่อนไหว (Animation), ภาพกราฟิกที่มี

ความคมชดั เน่ืองจากเป็นกราฟิกแบบเวค็ เตอร์ (Vector), สามารถเลน่ เสยี งและวดี โิ อ แบบสเตริโอได้, สามารถสร้างงาน
ให้โต้ตอบกับผู้ใช้ (Interactive Multimedia) มีฟังก์ชั่นสาหรับการเขียนโปรแกรม (Action Script) และยังทางานใน
ลกั ษณะ CGI โดยเชอ่ื มต่อกบั การเขยี นโปรแกรมภาษาอน่ื ๆ ไดม้ ากมาย เชน่ ภาษา PHP, JSP, ASP, ASP.NET, C/C++,
C#, C#.NET, VB, VB.NET, JAVA และอืน่ ๆ โดยเฉพาะข้อดขี องโปรแกรม Flash คอื ความสามารถในการบีบอัดไฟลใ์ ห้
มีขนาดเล็ก มีผลทาให้แสดงผลได้อย่างรวดเร็ว นอกจากนั้นยังแปลงไฟล์ไปอยู่ในฟอร์แมตอ่ืน ได้หลากหลาย เช่น avi,
mov, gif, wav, emf,eps, ai, dxf, bmp, jpg, gif, png เป็นต้น

2. สมรรถนะประจาหน่วย
ปฏิบตั ิการออกแบบ สรา้ ง แก้ไข และตกแต่งสอ่ื มัลติมเี ดยี ด้วยโปรแกรม Adobe Flash CS ได้

3. จุดประสงคก์ ารเรียนรู้
3.1 เรียกใชโ้ ปรแกรม Adobe Flash CS ได้
3.2 ใชง้ านส่วนประกอบของโปรแกรม Adobe Flash CS ได้
3.3 สร้างไฟล์ สร้างฉากนาเสนอด้วยโปรแกรม Adobe Flash CS ได้
3.4 สร้างข้อความ การใชร้ ูปภาพ และการใส่เสยี งได้

4. สาระการเรยี นรู้
4.6 การสร้างฉากนาเสนอด้วยโปรแกรม Adobe Flash CS

5. การออกแบบการจดั การเรยี นรู้
การจดั การเรยี นการสอนดว้ ยสอ่ื สาธติ ของจรงิ ไดล้ งมือปฏิบัติ เพ่อื นช่วยเพ่ือน Active learning

6. กิจกรรมการเรยี นรู้
ข้นั นา
1. ครูและนักเรียนร่วมกนั ทบทวนความรทู้ ่ีเรยี นในสปั ดาห์ที่ผ่านมา
2. ครูสอบถามความคบื หนา้ ของงาน ปญั หาที่เกดิ ระหว่างการทางาน
3. ครูขอดูความคืบหนา้ ของงานทางหน้าจอคอมพิวเตอร์ทีละคน

- 221 -

ขน้ั กิจกรรม
1. นกั เรยี นปฏบิ ตั ิงานต่อตามเนือ้ หาของงานทกี่ าหนดไว้
2. ครเู สนอแนะแนวทางการสรา้ งงานสื่อมลั ติมเี ดยี เป็นรายบคุ คล

ขน้ั สรปุ และประเมินผล
1. ครตู รวจความคบื หน้าไฟล์งานของนักเรยี น และแนะนาแนวทางให้ทีละคน
2. ครใู ห้นักเรียนดสู ่อื การสอน และสบื ค้นขอ้ มูลเพมิ่ เติม เพ่ือเปน็ แนวทางในการปฏิบัตงิ าน

7. บรรยากาศทส่ี ่งเสรมิ และพฒั นาผู้เรยี น
ผู้เรียนมีความสนใจในการเรียน เนื่องจากการสอนแบบเพื่อนช่วยเพื่อน ครูผู้สอนทาการสอนด้วยความ

สนกุ สนานเปน็ กันเอง ทาใหผ้ เู้ รยี นไดแ้ สดงความคดิ เห็นและได้แลกเปลย่ี นความรู้ สง่ ผลให้เกิดผลการเรยี นรทู้ ี่ดี

8. คณุ ธรรม จรยิ ธรรมประจาหนว่ ย
ฝึกความรับผิดชอบ การส่งงานการเข้าเรียนตรงต่อเวลา มีความซื้อสัตย์สุจริต ไมน่ าทรัพย์สินของเพื่อนมาเป็น

ของตนเอง

9. สือ่ และแหล่งการเรยี นรู้
9.1 ส่อื Microsoft PowerPoint
9.2 ใบความรู้ และวดิ ีโอ
9.3 ใบงานที่ 3 การสรา้ งสอื่ มัลตมิ ีเดยี ด้วยโปรแกรม Adobe Flash CS
9.4 เคร่อื งไมโครคอมพิวเตอร์
9.5 เครอ่ื งฉายภาพจอโปรเจ็คเตอร์

10. การวดั ผลและประเมนิ ผล
10.1 สังเกตผู้เรียนมีความสนใจ เกิดความเข้าใจในสาระการเรียนรู้ ตลอดจนแสดงความกระตือรือร้นในการ

แสดงความคิดเห็นและสรุปสาระการเรียนร้ปู ระจาหน่วย
10.2 เครอ่ื งมือการประเมนิ จิตพิสัย
10.3 แบบประเมนิ ผลงานการสรา้ งงานนาเสนอด้วยโปรแกรม Adobe Flash CS

11. หลักฐานการเรยี นรู้
11.1 ไฟลง์ านของนักเรียนทีส่ ง่ ให้ครู
11.2 ใบงานท่ี 3 การสร้างสอ่ื มลั ตมิ ีเดยี ด้วยโปรแกรม Adobe Flash CS คะแนนเต็ม 20 คะแนน

- 222 -

9. เอกสารอ้างอิง
ศิวชั กาญจนชุม, ทิพวรรณ ออ่ งน้อย, โปรแกรมมัลติมีเดยี (20204-2110). กรงุ เทพฯ : จติ รวัฒน์, 2557
https://retrorian.wordpress.com/การใชโ้ ปรแกรม-flash/
https://sites.google.com/site/krunittayacnp/kickrrm-nakreiyn-naksuksa
https://sites.google.com/site/unuttharikadream/8-6-kar-banthuk-fil-ni-porkaerm
-adobe-flash-cs6
http://lalita512.blogspot.com/2014/07/adobe-flash-cs3.html

- 223 - พส.10

เครือ่ งมอื ทใ่ี ชใ้ นการประเมิน

รหัสวิชา 20204-2110 วิชา โปรแกรมมัลตมิ ีเดยี ท-ป-น 2-2-3

แบบประเมินแบบประมาณค่า (Rating scale) เกณฑ์การให้คะแนน
5 4 321
ประเด็นการประเมนิ

1. เรียกใชโ้ ปรแกรม Adobe Flash CS ได้
2. ใชง้ านส่วนประกอบของโปรแกรม Adobe Flash CS ได้
3. สร้างไฟล์ สรา้ งฉากนาเสนอดว้ ยโปรแกรม Adobe Flash CS ได้
4. สรา้ งขอ้ ความ การใช้รปู ภาพ และการใสเ่ สียงได้

รวม
รวมทงั้ หมด (5 คะแนน+4 คะแนน+3 คะแนน+2 คะแนน+1 คะแนน)
คะแนนรวม (70%)

- 224 -
พส.10

แบบประเมินจิตพิสัย
แบบประเมนิ แบบตรวจสอบรายการ (checklist)

พฤตกิ รรมทสี่ ังเกต มี (1) ไมม่ ี (0) หมายเหตุ
1.การมาเรยี นและการทากจิ กรรมหนา้ เสาธง 1,5,6
2.การแตง่ กายถูกตอ้ งตามระเบยี บแบบพอเพียง 2,10
3.กิรยิ าสภุ าพ,เรยี บรอ้ ย,ปฏิบตั ิตามพระราชดารสั 3,8,9,11
4.ความตัง้ ใจและสนใจเรยี น 4
5.ความรบั ผดิ ชอบตอ่ งานและสว่ นรวม 7,12

รวมคะแนน (5 คะแนน/สัปดาห)์

หมายเหตุ บูรณาการตามค่านิยมหลักของคนไทย 12 ประการ

- 225 -

พส.11

บนั ทกึ หลังการจดั การเรียนรู้
รหัสวชิ า...........................ชื่อวชิ า.........................................................................................ระดับชัน้  ปวช.  ปวส.
สาขางาน..............................................................................................สัปดาหท์ .่ี .........วันที่สอน..............................................
หน่วยที่............ช่ือหนว่ ย......................................................................................................................จานวน................ช่วั โมง
จานวนผู้เรียน..........................คน มาเรยี น........................คน ขาดเรยี น.........คน ลาปว่ ย.........คน ลากจิ ..........คน

1. ผลการจดั การเรยี นรู้
……………….……………………………………………………………………………………………………………………………………………………………
……………….……………………………………………………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………………………………..………………….…………
……………….…………………………………………………………………………………………………………………………………………………………….
2. ปัญหาและอปุ สรรค
……………….……………………………………………………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………………………………..….…………………………
……………….…………………………………………………………………………………………………………………………………………………………….
……………………………………………………………………………………………………………………………………………..………………….…………
3. ข้อเสนอแนะ/แนวทางแกไ้ ข
……………….……………………………………………………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………………………………..….…………………………
……………….………………………………………………………………………………………………………………………………………………..…………

ลงชอ่ื .......................................................ครผู ู้สอน

(นางสาวลูกเกด พรหมชนะ)
........../................/............

ความเห็น................................................................................. ความเห็น.................................................................................
................................................................................................ ................................................................................................

ลงช่อื ...............................................หวั หนา้ แผนกวิชา ลงชื่อ............................................รองผู้อานวยการฝา่ ยวชิ าการ
(นายจกั รพงษ์ ครองยุทธ) (นางสาวนศิ ากร เจรญิ ดี)
............/................../............ ............/................../............

ความเหน็ ผ้อู านวยการ.................................................................................
....................................................................................................................

ลงชื่อ...........................................
(นางสาวสมุ นี า แดงใจ)

ผู้อานวยการวทิ ยาลยั การอาชพี นครปฐม
............/................../............

- 226 -

พส.12

ใบความรู้ (Information Sheets)

รหสั วชิ า 20204-2110 วชิ า โปรแกรมมัลติมีเดีย

ชอ่ื หน่วย การสรา้ งสื่อมัลติมีเดียดว้ ยโปรแกรม Adobe Flash CS

เรอ่ื ง การสรา้ งสื่อมัลติมีเดียด้วยโปรแกรม Adobe Flash CS จานวนชว่ั โมงสอน 8 ชั่วโมง

จุดประสงค์การเรียนรู้ รายการเรยี นรู้

- จดุ ประสงค์ทั่วไป 6. การสร้างฉากนาเสนอด้วยโปรแกรม

1. เรยี กใช้โปรแกรม Adobe Flash CS ได้ Adobe Flash CS

2. ใช้งานสว่ นประกอบของโปรแกรม

Adobe Flash CS ได้

3. สรา้ งฉากนาเสนอดว้ ยโปรแกรม

Adobe Flash CS ได้

4. สรา้ งขอ้ ความ การใชร้ ูปภาพ และการใส่เสียงได้

- จุดประสงคเ์ ชงิ พฤติกรรม

ปฏบิ ตั ิการออกแบบ สรา้ ง แก้ไข และตกแต่งส่ือ

มัลติมีเดียดว้ ยโปรแกรม Adobe Flash CS ได้

6. การสร้างฉากนาเสนอดว้ ยโปรแกรม Adobe Flash CS
1. เปดิ โปรแกรม Adobe flash Cs3 >> เลอื ก Create New >> Flash File (Action Script 2.0)

- 227 -

พส.12

ใบความรู้ (Information Sheets)

รหัสวชิ า 20204-2110 วิชา โปรแกรมมัลตมิ เี ดีย

ช่ือหน่วย การสรา้ งสอ่ื มลั ตมิ ีเดยี ด้วยโปรแกรม Adobe Flash CS

เรื่อง การสรา้ งส่ือมลั ติมีเดียดว้ ยโปรแกรม Adobe Flash CS จานวนช่ัวโมงสอน 8 ช่ัวโมง

2. แถบเมนู เลือก Insert >> New Symbol ตงั้ ชอื่ วา่ " พ้ืนหลัง" Type : Graphic

3. แถบ Tools ทดี่ า้ นซ้ายมือของผู้อ่าน เลือก >> Rectangle Tool
4. วาดรปู สเี่ หล่ยี มลงบนพื้นทวี่ ่าง

- 228 -

พส.12

ใบความรู้ (Information Sheets)

รหัสวชิ า 20204-2110 วิชา โปรแกรมมลั ตมิ เี ดีย

ชอ่ื หน่วย การสร้างสื่อมลั ตมิ เี ดียดว้ ยโปรแกรม Adobe Flash CS

เร่ือง การสรา้ งส่ือมลั ตมิ ีเดยี ดว้ ยโปรแกรม Adobe Flash CS จานวนชั่วโมงสอน 8 ชั่วโมง

5. แถบ Tools ทดี่ ้านซา้ ยมือของผู้อ่าน เลอื ก >> Selection Tool แลว้ คลิกที่รปู สเ่ี หล่ยี มเพื่อ Select รปู
6. หนา้ ต่าง Color ด้านขวามอื บนสดุ ของผู้อ่าน เลือกรายละเอยี ดตามน้ี (เพอื่ ทาพ้ืนหญา้ )

7. แถบ Tools ท่ดี า้ นซา้ ยมอื ของผู้อา่ น เลอื ก >> Free transform tools แล้วคลุมทร่ี ปู สี่เหลย่ี ม เพื่อทา
การหมนุ รูป

- 229 -

พส.12

ใบความรู้ (Information Sheets)

รหสั วชิ า 20204-2110 วชิ า โปรแกรมมัลติมีเดีย

ชอื่ หน่วย การสรา้ งส่อื มลั ตมิ ีเดยี ด้วยโปรแกรม Adobe Flash CS

เรื่อง การสร้างส่ือมัลตมิ ีเดยี ดว้ ยโปรแกรม Adobe Flash CS จานวนชัว่ โมงสอน 8 ชั่วโมง

8. หากต้องการลบเส้น ทีแ่ ถบ Tools ท่ีด้านซ้ายมอื ของผู้อา่ น เลอื ก >> Selection Tool แล้วคลกิ ทีเ่ ส้น
เพ่ือ Select รูป จากนั้น กดปุ่ม Delete บนแป้นพิมพ์

9. หมนุ รปู ใหอ้ ยู่ในลักษณะนี้

- 230 -

พส.12

ใบความรู้ (Information Sheets)

รหัสวิชา 20204-2110 วชิ า โปรแกรมมลั ตมิ เี ดีย

ชื่อหน่วย การสร้างสอื่ มัลตมิ ีเดยี ด้วยโปรแกรม Adobe Flash CS

เร่ือง การสรา้ งสื่อมัลติมีเดยี ด้วยโปรแกรม Adobe Flash CS จานวนชวั่ โมงสอน 8 ช่ัวโมง

10. หนา้ ตา่ ง Properties อยลู่ า่ งสุด เลอื กรายละเอียดตามนี้ <ต้องทาการ select รปู กอ่ น>W :1200 H : 400

11. ที่หน้าตา่ ง Timeline อยู่บนสุด ดบั เบ้ลิ คลิกท่ีคาว่า Layer 1 เพื่อเปล่ียนชือ่ เป็น หญา้

12. เพ่มิ Layer2 โดยการคลกิ Insert Layer มุมซา้ ยสุด ดับเบลิ้ คลกิ ท่คี าวา่ Layer2 แล้วเปลีย่ นชื่อเป็น
ท้องฟา้ (เมอื่ ต้องการวาดหรอื สรา้ งอะไรเพ่ิมก่อนวาดให้ Insert layer ก่อน)

- 231 -

พส.12

ใบความรู้ (Information Sheets)

รหัสวชิ า 20204-2110 วิชา โปรแกรมมัลติมีเดีย

ชื่อหน่วย การสรา้ งสื่อมัลตมิ ีเดยี ดว้ ยโปรแกรม Adobe Flash CS

เรือ่ ง การสรา้ งสื่อมลั ติมีเดียดว้ ยโปรแกรม Adobe Flash CS จานวนชว่ั โมงสอน 8 ช่ัวโมง

13. แถบ Tools ที่ด้านซา้ ยมือของผู้อ่าน เลือก >> Rectangle Tool เพือ่ วาดรปู ส่ีเหลย่ี ม

14. แถบ Tools ที่ดา้ นซ้ายมือของผู้อา่ น เลือก >> Selection Tool แลว้ คลกิ ที่รูปสเี่ หล่ยี มเพอ่ื Select
รปู หน้าตา่ ง Color ดา้ นขวามอื บนสดุ ของผู้อา่ น เลือกรายละเอียดตามน้ี (เพื่อทาท้องฟ้า)

15. แถบ Tools ทดี่ า้ นซา้ ยมอื ของผู้อ่าน เลือก >> Free transform tools แลว้ คลมุ ทรี่ ปู สเ่ี หลี่ยม เพ่ือ
ทาการหมุนรูป

- 232 -

พส.12

ใบความรู้ (Information Sheets)

รหัสวชิ า 20204-2110 วิชา โปรแกรมมลั ติมเี ดีย

ชอ่ื หน่วย การสรา้ งสอื่ มลั ตมิ เี ดยี ด้วยโปรแกรม Adobe Flash CS

เรื่อง การสร้างส่ือมัลตมิ ีเดยี ดว้ ยโปรแกรม Adobe Flash CS จานวนช่ัวโมงสอน 8 ชั่วโมง

16. หน้าตา่ ง Properties อยลู่ ่างสุด เลอื กรายละเอยี ดตามน้ี ตอ้ งทาการ select รปู ก่อน>W :1200 H : 400
17. จดั วางตาแหน่งรูปใหเ้ รียบร้อยด้วย Free transform tools

- 233 -

พส.12

ใบความรู้ (Information Sheets)

รหัสวชิ า 20204-2110 วิชา โปรแกรมมลั ติมีเดีย

ชอ่ื หน่วย การสรา้ งสือ่ มัลตมิ เี ดยี ดว้ ยโปรแกรม Adobe Flash CS

เรื่อง การสร้างสื่อมลั ตมิ ีเดียดว้ ยโปรแกรม Adobe Flash CS จานวนชว่ั โมงสอน 8 ชั่วโมง

18. ทแ่ี ถบ Tools ยอ่ /ขยาย ภาพโดยใช้ Zoom tool
19. ตวั อยา่ งการย่อภาพ

20. แถบ Tools ทดี่ า้ นซ้ายมอื ของผู้อ่าน เลือก >> Free transform tools แล้วคลุมที่รปู สีเ่ หลีย่ ม เพื่อทาการ
ปรบั ขนาดรูป โดยไปท่ีหนา้ ต่าง Properties ทีอ่ ยู่ล่างสดุ เลือกรายละเอยี ดตามน้ี

- 234 -

พส.12

ใบความรู้ (Information Sheets)

รหสั วิชา 20204-2110 วชิ า โปรแกรมมัลติมเี ดีย

ชอ่ื หน่วย การสรา้ งส่อื มัลตมิ เี ดียด้วยโปรแกรม Adobe Flash CS

เรอ่ื ง การสร้างส่ือมลั ตมิ ีเดียด้วยโปรแกรม Adobe Flash CS จานวนช่วั โมงสอน 8 ชั่วโมง

21. ที่หนา้ ต่าง Timeline อยบู่ นสุด Insert Layer ได้ Layer 3 แล้วเปลีย่ นช่ือเปน็ ต้นไม้ เพือ่ วาดรปู

22. แถบ Tools ที่ดา้ นซ้ายมือของผู้อา่ น เลือก >> Brush Tool เพอ่ื วาดรปู และ Fill Color เพอ่ื ลงสี
23. วาดรปู ตามใจชอบ (อย่าลมื Insert Layer ทุกคร้งั ก่อนวาด)

- 235 -

พส.13

ใบงาน (Job Sheets)

รหัสวชิ า 20204-2110 วิชา โปรแกรมมลั ติมีเดีย

ชอ่ื หน่วย การสร้างส่อื มลั ติมเี ดยี ดว้ ยโปรแกรม Adobe Flash CS

เร่ือง การสร้างสื่อมลั ติมีเดยี ด้วยโปรแกรม Adobe Flash CS จานวนชั่วโมงสอน 20 ชั่วโมง

จดุ ประสงค์การเรียนรู้ รายการเรียนรู้

- จุดประสงค์เชงิ พฤตกิ รรม เคร่อื งมือ/วัสดุ-อุปกรณ์

ปฏิบตั กิ ารออกแบบ สรา้ ง แก้ไข และตกแต่งส่ือ 1. เคร่อื งคอมพวิ เตอร์

มัลติมีเดยี ดว้ ยโปรแกรม Adobe Flash CS ได้ 2. แบบโครงร่างเรือ่ งราว (Story Board)

3. แผ่นซีดี แฟลชไดรซ์

- ลาดับข้ันการทางาน ข้อควรระวงั

1. นักเรียนสร้างงานส่ือตามท่ีออกแบบไว้ใน Story นกั เรียนควรศึกษาหาข้อมูลจากหลายๆ แหล่งข้อมลู

Board ของแต่ละบุคคล เพอื่ ให้ได้เนื้อหาที่ถูกต้อง และตรงตามวตั ถุประสงค์

2. ครูสาธิตการเปลีย่ นสไลด์ และการใส่เอฟเฟ็กต์ให้กับ

วตั ถุ แล้วให้นักเรียนปฏบิ ัติตามทลี ะข้นั ตอน มอบงาน

3. ให้นักเรียนใส่เนื้อหา ตกแต่ง แก้ไข งานสื่อของ ส่งใบงานภายในชัว่ โมง

ตนเองใหถ้ ูกตอ้ ง เหมาะสม และสวยงามนา่ สนใจ

4. ครูสาธติ การใสเ่ สียง และบนั ทึกไฟล์งานเป็น MP.4 วัดผล/ประเมนิ ผล

5. ใหน้ ักเรียนโพสตง์ านลงใน Facebook กล่มุ ช้นั เรียน 1. นักเรียนออกแบบและสร้างงานนาเสนอไดถ้ ูกต้อง

6. นักเรยี นนางานมารวมกันเพ่อื บนั ทึกลงในแผ่นซีดี เหมาะสมตามที่กาหนด มีการตกแตง่ ให้สวยงาม และใส่

เอฟเฟกต์ได้นา่ สนใจ 20 คะแนน

2. นักเรียนออกแบบและสรา้ งงานนาเสนอได้ถูกต้อง

เหมาะสมตามท่ีกาหนด มีการตกแต่งให้สวยงาม และใส่

เอฟเฟกตไ์ ด้ 18 คะแนน

3. นักเรียนออกแบบและสร้างงานนาเสนอได้ถูกต้อง

เหมาะสมตามท่ีกาหนด มีการตกแตง่ และใสเ่ อฟเฟกต์

ได้ 16 คะแนน

4. นักเรยี นนกั เรยี นออกแบบและสร้างงานนาเสนอ

ไม่ได้ตามท่ีกาหนดตามข้อที่ 1-3 ใหป้ รับแก้

- 236 - พส.9
หน่วยที่ 4
แผนการจัดการเรียนรู้ เวลารวม 72 ชม.
รหัสวิชา 20204-2110 วชิ า โปรแกรมมัลติมีเดีย
ชอ่ื หน่วย การสรา้ งส่ือมลั ติมีเดียด้วยโปรแกรม Adobe Flash CS สปั ดาห์ 15/18
เรือ่ ง การสร้างส่ือมัลติมเี ดยี ด้วยโปรแกรม Adobe Flash CS จานวน 4 ชม.

1. สาระสาคัญ
โปรแกรม Flash เป็นซอฟต์แวร์ทีช่ ่วยในการสรา้ งสอ่ื มัลตมิ ีเดยี , ภาพเคล่ือนไหว (Animation), ภาพกราฟกิ ที่มี

ความคมชดั เนื่องจากเปน็ กราฟิกแบบเวค็ เตอร์ (Vector), สามารถเลน่ เสยี งและวีดโิ อ แบบสเตริโอได้, สามารถสรา้ งงาน
ให้โต้ตอบกับผู้ใช้ (Interactive Multimedia) มีฟังก์ชั่นสาหรับการเขียนโปรแกรม (Action Script) และยังทางานใน
ลกั ษณะ CGI โดยเช่อื มตอ่ กับการเขียนโปรแกรมภาษาอ่ืนๆ ได้มากมาย เชน่ ภาษา PHP, JSP, ASP, ASP.NET, C/C++,
C#, C#.NET, VB, VB.NET, JAVA และอน่ื ๆ โดยเฉพาะข้อดีของโปรแกรม Flash คอื ความสามารถในการบบี อัดไฟล์ให้
มีขนาดเล็ก มีผลทาให้แสดงผลได้อย่างรวดเร็ว นอกจากนั้นยังแปลงไฟล์ไปอยู่ในฟอร์แมตอื่น ได้หลากหลาย เช่น avi,
mov, gif, wav, emf,eps, ai, dxf, bmp, jpg, gif, png เปน็ ต้น

2. สมรรถนะประจาหน่วย
ปฏบิ ตั ิการออกแบบ สรา้ ง แก้ไข และตกแต่งสอื่ มัลติมเี ดียด้วยโปรแกรม Adobe Flash CS ได้

3. จุดประสงคก์ ารเรยี นรู้
3.1 เรียกใช้โปรแกรม Adobe Flash CS ได้
3.2 ใชง้ านส่วนประกอบของโปรแกรม Adobe Flash CS ได้
3.3 สรา้ งไฟล์ สรา้ งฉากนาเสนอดว้ ยโปรแกรม Adobe Flash CS ได้
3.4 สร้างขอ้ ความ การใชร้ ปู ภาพ และการใสเ่ สียงได้

4. สาระการเรียนรู้
4.1 การสร้างข้อความ การใช้รปู ภาพและการใสเ่ สยี ง

5. การออกแบบการจัดการเรียนรู้
การจดั การเรียนการสอนดว้ ยสอื่ สาธติ ของจริง ไดล้ งมือปฏิบัติ เพ่อื นชว่ ยเพื่อน Active learning

6. กิจกรรมการเรียนรู้
ข้นั นา
1. ครแู ละนักเรยี นร่วมกันทบทวนความรทู้ ี่เรยี นในสัปดาห์ที่ 13
2. ครสู อบถามความคบื หนา้ ของงาน ปญั หาทเ่ี กิดระหวา่ งการทางาน
3. ครขู อดูความคืบหนา้ ของงานทางหน้าจอคอมพิวเตอร์ทลี ะคน

- 237 -

ขน้ั กจิ กรรม
1. นกั เรยี นปฏบิ ัตงิ านต่อตามเน้ือหาของงานทกี่ าหนดไว้
2. ครเู สนอแนะแนวทางการสร้างงานสื่อมลั ติมีเดียเปน็ รายบคุ คล

ข้นั สรุปและประเมนิ ผล
1. ครตู รวจความคบื หนา้ ไฟลง์ านของนกั เรียน และแนะนาแนวทางให้ทีละคน
2. ครูใหน้ กั เรียนดสู ือ่ การสอน และสืบคน้ ข้อมูลเพ่มิ เติม เพ่ือเปน็ แนวทางในการปฏิบัติงาน

7. บรรยากาศทส่ี ่งเสรมิ และพฒั นาผ้เู รยี น
ผู้เรียนมีความสนใจในการเรียน เน่ืองจากการสอนแบบเพื่อนช่วยเพื่อน ครูผู้สอนทาการสอนด้วยความ

สนุกสนานเป็นกนั เอง ทาใหผ้ เู้ รยี นได้แสดงความคิดเหน็ และได้แลกเปลย่ี นความรู้ ส่งผลใหเ้ กดิ ผลการเรียนรู้ท่ดี ี

8. คณุ ธรรม จริยธรรมประจาหนว่ ย
ฝกึ ความรับผิดชอบ การส่งงานการเข้าเรียนตรงต่อเวลา มีความซื้อสัตย์สุจริต ไมน่ าทรัพย์สินของเพื่อนมาเป็น

ของตนเอง

9. สอ่ื และแหล่งการเรียนรู้
9.1 สื่อ Microsoft PowerPoint
9.2 ใบความรู้ และวิดีโอ
9.3 ใบงานที่ 3 การสรา้ งส่อื มัลตมิ เี ดยี ดว้ ยโปรแกรม Adobe Flash CS
9.4 เครือ่ งไมโครคอมพิวเตอร์
9.5 เคร่อื งฉายภาพจอโปรเจ็คเตอร์

10. การวดั ผลและประเมนิ ผล
10.1 สงั เกตผูเ้ รียนมีความสนใจ เกดิ ความเขา้ ใจในสาระการเรียนรู้ ตลอดจนแสดงความกระตือรือร้นในการ

แสดงความคดิ เห็นและสรุปสาระการเรยี นรปู้ ระจาหน่วย
10.2 เครื่องมอื การประเมินจิตพิสยั
10.3 แบบประเมินผลงานการสรา้ งงานนาเสนอด้วยโปรแกรม Adobe Flash CS

11. หลักฐานการเรียนรู้
11.1 ไฟล์งานของนักเรียนทสี่ ่งให้ครู
11.2 ใบงานที่ 3 การสร้างสือ่ มัลติมเี ดียด้วยโปรแกรม Adobe Flash CS คะแนนเต็ม 20 คะแนน
11.3 แบบทดสอบหลังเรียน

- 238 -

12. เอกสารอา้ งอิง
ศิวชั กาญจนชุม, ทิพวรรณ ออ่ งน้อย, โปรแกรมมัลติมีเดยี (20204-2110). กรงุ เทพฯ : จติ รวัฒน์, 2557
https://retrorian.wordpress.com/การใชโ้ ปรแกรม-flash/
https://sites.google.com/site/krunittayacnp/kickrrm-nakreiyn-naksuksa
https://sites.google.com/site/unuttharikadream/8-6-kar-banthuk-fil-ni-porkaerm
-adobe-flash-cs6
http://lalita512.blogspot.com/2014/07/adobe-flash-cs3.html

- 239 - พส.10

เครือ่ งมอื ทใ่ี ชใ้ นการประเมิน

รหัสวิชา 20204-2110 วิชา โปรแกรมมัลตมิ ีเดยี ท-ป-น 2-2-3

แบบประเมินแบบประมาณค่า (Rating scale) เกณฑ์การให้คะแนน
5 4 321
ประเด็นการประเมนิ

1. เรียกใชโ้ ปรแกรม Adobe Flash CS ได้
2. ใชง้ านส่วนประกอบของโปรแกรม Adobe Flash CS ได้
3. สร้างไฟล์ สรา้ งฉากนาเสนอดว้ ยโปรแกรม Adobe Flash CS ได้
4. สรา้ งขอ้ ความ การใช้รปู ภาพ และการใสเ่ สียงได้

รวม
รวมทงั้ หมด (5 คะแนน+4 คะแนน+3 คะแนน+2 คะแนน+1 คะแนน)
คะแนนรวม (70%)

- 240 -
พส.10

แบบประเมินจิตพิสัย
แบบประเมนิ แบบตรวจสอบรายการ (checklist)

พฤตกิ รรมทสี่ ังเกต มี (1) ไมม่ ี (0) หมายเหตุ
1.การมาเรยี นและการทากจิ กรรมหนา้ เสาธง 1,5,6
2.การแตง่ กายถูกตอ้ งตามระเบยี บแบบพอเพียง 2,10
3.กิรยิ าสภุ าพ,เรยี บรอ้ ย,ปฏิบตั ิตามพระราชดารสั 3,8,9,11
4.ความตัง้ ใจและสนใจเรยี น 4
5.ความรบั ผดิ ชอบตอ่ งานและสว่ นรวม 7,12

รวมคะแนน (5 คะแนน/สัปดาห)์

หมายเหตุ บูรณาการตามค่านิยมหลักของคนไทย 12 ประการ

- 241 -

พส.11

บันทกึ หลังการจดั การเรียนรู้
รหัสวชิ า...........................ชื่อวชิ า.........................................................................................ระดับชั้น  ปวช.  ปวส.
สาขางาน..............................................................................................สัปดาหท์ ่ี..........วนั ท่ีสอน..............................................
หน่วยที่............ช่ือหนว่ ย......................................................................................................................จานวน................ช่วั โมง
จานวนผู้เรียน..........................คน มาเรยี น........................คน ขาดเรยี น.........คน ลาป่วย.........คน ลากจิ ..........คน

1. ผลการจดั การเรยี นรู้
……………….……………………………………………………………………………………………………………………………………………………………
……………….……………………………………………………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………………………………..………………….…………
……………….…………………………………………………………………………………………………………………………………………………………….
2. ปัญหาและอปุ สรรค
……………….……………………………………………………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………………………………..….…………………………
……………….…………………………………………………………………………………………………………………………………………………………….
……………………………………………………………………………………………………………………………………………..………………….…………
3. ข้อเสนอแนะ/แนวทางแกไ้ ข
……………….……………………………………………………………………………………………………………………………………………………………
……………………………………………………………………………………………………………………………………………..….…………………………
……………….………………………………………………………………………………………………………………………………………………..…………

ลงชอ่ื .......................................................ครผู ู้สอน
(นางสาวลกู เกด พรหมชนะ)
........../................/............

ความเห็น................................................................................. ความเห็น.................................................................................
................................................................................................ ................................................................................................

ลงช่อื ...............................................หวั หนา้ แผนกวิชา ลงชื่อ............................................รองผู้อานวยการฝา่ ยวชิ าการ
(นายจกั รพงษ์ ครองยุทธ) (นางสาวนิศากร เจรญิ ดี)
............/................../............ ............/................../............

ความเหน็ ผ้อู านวยการ.................................................................................
....................................................................................................................

ลงชื่อ...........................................
(นางสาวสมุ นี า แดงใจ)

ผู้อานวยการวทิ ยาลยั การอาชีพนครปฐม
............/................../............

- 242 -

พส.12

ใบความรู้ (Information Sheets)

รหัสวชิ า 20204-2110 วิชา โปรแกรมมัลติมเี ดีย

ชอื่ หน่วย การสร้างส่ือมลั ติมเี ดยี ดว้ ยโปรแกรม Adobe Flash CS

เร่ือง การสร้างส่ือมัลติมีเดยี ดว้ ยโปรแกรม Adobe Flash CS จานวนชั่วโมงสอน 4 ชั่วโมง

จุดประสงค์การเรียนรู้ รายการเรยี นรู้

- จดุ ประสงค์ทว่ั ไป 7. การสร้างข้อความ การใช้รูปภาพและการใสเ่ สยี ง

1. เรียกใช้โปรแกรม Adobe Flash CS ได้

2. ใช้งานสว่ นประกอบของโปรแกรม

Adobe Flash CS ได้

3. สร้างฉากนาเสนอด้วยโปรแกรม

Adobe Flash CS ได้

4. สรา้ งขอ้ ความ การใช้รูปภาพ และการใสเ่ สียงได้

- จดุ ประสงค์เชิงพฤติกรรม

ปฏิบัติการออกแบบ สรา้ ง แก้ไข และตกแต่งสื่อ

มลั ติมเี ดยี ดว้ ยโปรแกรม Adobe Flash CS ได้

7. การสร้างข้อความ การใช้รูปภาพ และการใส่เสียง
7.1 การสร้างข้อความ ให้คลิกท่ี Text Tool ในทูลบ็อกซ์ จากนั้นกาหนดประเภทและรูปแบบข้อความใน

Property Inspector (ในตวั อย่างเลือกแบบสแตตกิ ) คลิกเมาส์บนสเตจจะปรากฏกรอบข้อความใหเ้ ราพมิ พ์ข้อความท่ี
ตอ้ งการได้ ซงึ่ กรอบข้อความจะขยายตามขนาดข้อความ และเม่ือเรากดคีย์ Enter จะเป็นการขึ้นบรรทัดใหม่

- 243 -

พส.12

ใบความรู้ (Information Sheets)

รหัสวิชา 20204-2110 วิชา โปรแกรมมัลติมเี ดีย

ชอ่ื หน่วย การสรา้ งสือ่ มลั ติมีเดยี ด้วยโปรแกรม Adobe Flash CS

เร่อื ง การสร้างส่ือมลั ติมีเดียด้วยโปรแกรม Adobe Flash CS จานวนชั่วโมงสอน 4 ช่ัวโมง

1. คลิกเมาส์ที่ Text Tool
2. กาหนดประเภทรูปแบบข้อความ
3. คลกิ เมาสท์ ี่สเตจแล้วพิมพข์ ้อความท่ีต้องการ

กาหนดรปู แบบของข้อความ เมอื่ เราใชเ้ คร่ืองมือ Text Tool และคลกิ เลือกข้อความ จะมีคุณสมบัติ
ตา่ งๆ เกยี่ วกบั ขอ้ ความที่เราปรบั แตง่ ได้ใน Property Inspector โดยมีรายละเอยี ด ดังน้ี

7.2 การใช้รูปภาพ โปรแกรม Flash สามารถรองรับการทางานเกี่ยวกับรูปภาพทั้งแบบบิตแมพ (Bitmap)
และ ภาพเวคเตอร์ (vector) รปู แบบภาพบติ แมพ (Bitmap) เชน่ JPG, GIF, BMP, PNG, TIFF, PCT, PSD,PIC รูปแบบ
ภาพเวคเตอร์ (vector) เช่น WMF, EMF, AI, EPS, DX F, SGI, PNTG, QTIF

แบบท่ี 1 Import to Stage เป็นการวางภาพไวบ้ น stage หรือ Scene ที่กาลังเปดิ อยู่
ขัน้ ท่ี 1 คลิกเมนู File -> Import > Import to Stage

- 244 -

พส.12

ใบความรู้ (Information Sheets)

รหัสวชิ า 20204-2110 วชิ า โปรแกรมมัลตมิ เี ดีย

ช่ือหน่วย การสร้างสือ่ มัลตมิ ีเดียด้วยโปรแกรม Adobe Flash CS

เร่ือง การสร้างสื่อมลั ติมีเดียด้วยโปรแกรม Adobe Flash CS จานวนชัว่ โมงสอน 4 ช่ัวโมง

ข้ันที่ 2 คลกิ เลือกไฟล์ภาพทต่ี ้องการ จากแหล่งภาพ แลว้ คลิก Open

ขัน้ ที่ 3 ภาพจะถกู นาเขา้ และวางบน stage หรอื Scene ที่กาลังเปดิ อยู่

- 245 -

พส.12

ใบความรู้ (Information Sheets)

รหัสวิชา 20204-2110 วชิ า โปรแกรมมัลติมเี ดีย

ชอ่ื หน่วย การสรา้ งส่ือมัลติมีเดียดว้ ยโปรแกรม Adobe Flash CS

เร่อื ง การสรา้ งส่ือมัลติมีเดยี ดว้ ยโปรแกรม Adobe Flash CS จานวนช่วั โมงสอน 4 ชั่วโมง

แบบที่ 2 Import to Library เปน็ การนาภาพเขา้ มาเก็บไวใ้ น Library ในรปู แบบซิมโบล เม่ือต้องการ
นามาใชจ้ งึ หยิบจากLibrary มาวางท่ี Stage

ขน้ั ที่ 1 คลกิ เมนู File -> Import > Import to Library...

ขัน้ ท่ี 2 คลกิ เลอื กไฟลภ์ าพท่ตี ้องการ จากแหล่งภาพ แล้วคลกิ Open

ขนั้ ที่ 3 ภาพจะถูกนาเข้า และเก็บไว้ใน Library