1. 131
เอกสารประกอบการเรียนการสอน
รายวิชา แอนิเมชันกับการสรางสรรค (ง42101)
บทที่ 8 การสรางตัวอักษรแบบคาราโอเกะ
สาระสําคัญ
ในการจัดทําโครงงานแอนิเมชันมิวสิควิดีโอ นั้น เพื่อใหโครงงานนั้น มีค วามนาสนใจ และมี
ลูกเลนหลากหลายมากขึ้น การใสเนื้อเพลงแบบคาราโอเกะ ก็เปนอีกสิ่งหนึ่งที่เพิ่มความนาสนใจใหกบ
ั
ชิ้นงานไดไมนอย ซึ่งการใสเนื้อเพลงแบบคาราโอเกะนี้ ยังสามารถนําไปประยุกตใชกับงานอื่นๆ ได
อีกมากมาย เชน การทํานิทาน การทําโฆษณา หรือ ใชในการตกแตงเว็บไซตใหมีลูกเลนสะดุดตามาก
ยิ่งขึ้น
จุดประสงคการเรียนรู
จุดประสงคปลายทาง
1. นักเรียนสามารถทําใบงานเกียวกับหัวขอที่ไดเรียนไดอยางถูกตอง
่
2. นักเรียนสามารถนําความรูทไดไปใชในการทําโครงงานได
ี่
3. นักเรียนมีความรู และเกิดทักษะดานการจัดการขอมูล และการใชซอฟตแวร
จุดประสงคนาทาง
ํ
1. นักเรียนสามารถอธิบายลักษณะของตัวอักษรแบบคาราโอเกะได
2. นักเรียนเขาใจหลักการการทํางานของตัวอักษรแบบคาราโอเกะไดอยางถูกตอง
4. นักเรียนสามารถสรางการเคลื่อนไหวของตัวอักษรแบบคาราโอเกะ และนําไป
ประยุกตใชกับชิ้นงานของตนเองได
สาระการเรียนรู
ตัวอักษรแบบคาราโอเกะ คือ การแสดงเนื้อรองของเพลงนั้น เพื่อใหเราสามารถอาน และรอง
ตามได ซึ่ง คาราโอเกะนี้ ยังมีการระบายสี ของตัวอักษร ทําใหรูวา ขณะนีเ้ พลงไดรองไปถึงทอนใดแลว


2. 132
หลักการทํางานของตัวอักษรคาราโอเกะ
คือ จะมีเนือรองขึ้นกอน และเมื่อเพลงบรรเลง จะมีสีมาระบายทอนเพลงที่รอง เชน
้

หลักการสราง ตัวอักษรแบบคาราโอเกะ
1. การสรางตัวอักษรแบบคาราโอเกะ จะใช เลเยอร 3 เลเยอร ดังนี้
เลเยอร “ เดิม” คือเลเยอร ที่จะสรางตัวอักษรทั้งประโยค เพือรอการระบายสี
่
เลเยอร “ใหม” คือเลเยอร ที่จะใชสใหมเพื่อเปนตัวระบาย
ี
เลเยอร “Mask” คือเลเยอร ที่จะใชเปนหนากากเพือทําการระบายสีใหกับประโยค
่
2. พิมพเนื้อรอง ลงไปบนพื้นที่ทางาน และจัดกลางตําแหนงของประโยค นัน ๆ ดวย
ํ
้

3. 133
3. Copy Frame ในเลเยอร เดิมมาวางที่ เลเยอรใหมเพือทําการเปลี่ยนสีโดยจะทําใหประโยค
่
ซอนกันพอดี

4. 134
5. เลเยอร mask เฟรมที่ 1 สรางสี่เหลียมผืนผาเหนือขอความใหมีขนาดความกวางมากกวา
่
ความยาวของขอความเล็กนอย

5. 135
6. คลิกเฟรมที่ 24 ของทุกเลเยอร ทําโดยคลิกเฟรมที่ 24 ของเลเยอรเดิม กดเมาสคางเลือนขึ้น
 ่
ไปเฟรมที่ 24 ของเลเยอรที่เหลือ แลวกดปุม F 6

6. 136
7. คลิกเฟรมที่ 1 เลยอร mask ทําการยายสี่เหลี่ยมผืนผามาวางไวหนาขอความ
8. คลิกเฟรมที่ 24 เลเยอร mask ทําการยายสี่เหลียมผืนผาจากดานบนใหปดทับขอความ
่

7. 137
9. คลิกเมาสขวาบนเลเยอร mask เลือกคําสั่ง Mask
10. คลิกเฟรมที่ 1 เลเยอร mask คลิกขวาเมาสเลือก Create Motion Tween หรือไปที่เมนูบาร
คลิก Insert „Timeline„ Create Motion Tween จะมีลูกศรวิ่งจากเฟรมที่ 1 ไปเฟรมที่ 24
บนพื้นสีมวง


8. 138
11. ทดสอบโดยกดปุม Ctrl + Enter

9. 139

10. 140
ใบงานที่ 10 เรื่อง การสรางตัวอักษรแบบคาราโอเกะ
วิชา แอนิเมชันกับการสรางสรรค (ง42104)
ใชคูกับ แผนการจัดการเรียนรู หนวยที่ 10
กิจกรรมที่ 1
ขอความตอไปนี้ใหนกเรียนใชความรูเกี่ยวกับการสรางตัวอักษรคาราโอเกะ
ั
ยินดีตอนรับ

11. 141
เฉลยใบงานที่ 10 เรื่อง การสรางตัวอักษรแบบคาราโอเกะ
วิชา แอนิเมชันกับการสรางสรรค (ง42104)
ใชคูกับ แผนการจัดการเรียนรู หนวยที่ 10
กิจกรรมที่ 1
ขอความตอไปนี้ใหนกเรียนใชความรูเกี่ยวกับการสรางตัวอักษรคาราโอเกะ
ั
“ ยินดีตอนรับ ”

ขั้นตอนในการทํา
1. เปดโปรแกรม Flash 8
2. คลิก Flash Document
3. ไปที่เมนูบารคลิก Insert New Symbol
4. ขึ้นหนาตาง Create New Symbol ใหตั้งชื่อและเลือก Type ตามขางลางนี้

12. 142
5. เขาสูการสรางมูฟวี่คลิป ใหทําการเพิ่มเลเยอร 3 เลเยอร และใหทาการเปลี่ยนชื่อเล
ํ
เยอรเปน เลเยอรเดิม เลเยอรใหม เลเยอร mask
6. เฟรมที่ 1 เลเยอรเดิม พิมพ ยินดีตอนรับ เมื่อพิมพเสร็จแลวใหจัดกลาง


13. 143
7. เฟรมที่ 1 เลเยอรเดิมคลิกขวาเลือก Copy Frame
8. เลเยอรใหม เฟรมที่ 1 คลิกขวาเลือกคําสั่ง Paste Frame

14. 144
9. เปลี่ยนสีขอความในเลเยอรใหมเปนสีแดง
10. เฟรมที่ 1 เลเยอร mask ใหวาดสี่เหลี่ยมผืนผาขนาดกวางและสูงกวาขอความยินดี
ตอนรับเล็กนอย

15. 145
11. คลิกเฟรมที่ 24 ของทั้ง 3 เลเยอร และคลิกขวาเมาสเลือก Insert Keyframe หรือกด
ปุม F 6 ที่เฟรม 24 ของทั้ง 3 เลเยอร

16. 146
12. คลิกเฟรมที่ 1 ของเลเยอร mask ยายสี่เหลี่ยมมาวางไวขางหนายินดีตอนรับ
13. คลิกเฟรมที่ 24 ของเลเยอร mask ยายสี่เหลี่ยมมาวางไวปดขอความยินดีตอนรับ
14. คลิกเมาสขวาระหวางเฟรมที่ 1 ถึง เฟรมที่ 24 เลือก Create Motion Tween

17. 147
15. คลิกขวาเมาส ที่เลเยอร mask เลือกคําสั่ง Mask
16. ทดสอบการแสดงผลโดยไปที่เมนูบารคลิก Control „Play

18. 148
17. คลิกที่ Scene 1 หลัก

19. 149
มูฟวี่คลิปยินดีตอนรับเก็บอยูใน Library
18. เมื่อตองการใชมูฟวี่คลิป ใหเปด Library คลิกชื่อที่ตองการและกดเมาสคางลากมาไว


ที่ Stage
19. ทดสอบการแสดงผล กดคียลัด Ctrl+ Enter