เล่มที่ 5 การสร้างข้อความและใส่ลูกเล่นตัวอักษร

เร่อื ง การสรา้ งข้อความและใส่ลกู เล่นตวั อกั ษร

ก คำนำ แบบฝึกทกั ษะ การสรา้ งงานแอนนิเมชันดว้ ย โปรแกรม Macromedia Flash 8 กลุ่มสาระการเรียนรู้การงานอาชพี และเทคโนโลยี รายวิชาเพม่ิ เตมิ ชน้ั มัธยมศกึ ษาปที ่ี 3 เปน็ แบบฝกึ ทักษะเพ่ือประกอบการเรยี นการสอน โดยเน้นนกั เรียนเป็นสาคญั นกั เรยี น สามารถเรียนรไู้ ดด้ ว้ ยตนเอง จดั ทาข้ึนทง้ั หมด 7 เลม่ ดังนี้ เลม่ ท่ี 1 รู้จกั กบั โปรแกรม Macromedia Flash 8 เล่มท่ี 2 การใช้เคร่ืองมอื ในการวาดภาพ เล่มท่ี 3 การตกแต่งภาพและแต่งเตมิ สสี ัน เล่มท่ี 4 การสรา้ งภาพเคลือ่ นไหว เล่มท่ี 5 การสร้างขอ้ ความและใส่ลูกเล่นตวั อักษร เลม่ ท่ี 6 การใชง้ านSymbol & Instance และAction Script พื้นฐาน เลม่ ท่ี 7 การใส่เสียงประกอบและนาเสนอผลงาน แบบฝกึ ทักษะ การสรา้ งงานแอนนิเมชนั ดว้ ย โปรแกรม Macromedia Flash 8 กลุ่มสาระการเรียนรู้การงานอาชพี และเทคโนโลยี รายวชิ าเพ่มิ เตมิ ชัน้ มธั ยมศึกษาปีท่ี 3 เลม่ ที่ 5การสรา้ งข้อความและใส่ลกู เล่นตวั อักษร มีเน้อื หา ประกอบดว้ ย รปู แบบ ประเภทของข้อความ, การสร้างข้อความ, การกาหนดรปู แบบของขอ้ ความ, การแยกสว่ น ขอ้ ความ (Breaking text apart) และการใส่ลงิ ค์ให้กบั ขอ้ ความ แบบฝึกทกั ษะ การสร้าง งานแอนนิเมชนั ดว้ ย โปรแกรม Macromedia Flash 8 กลมุ่ สาระการเรยี นร้กู ารงาน อาชีพและเทคโนโลยี รายวิชาเพ่มิ เตมิ ชน้ั มัธยมศกึ ษาปีที่ 3 ได้รับคาแนะนา การ ตรวจสอบโดยผู้เชย่ี วชาญ และได้รบั ความร่วมมือ จากผอู้ านวยการโรงเรียนบา้ นทงุ่ แต พร้อมด้วยคณะครู จงึ ขอขอบคณุ ทุกทา่ น ทสี่ นับสนนุ การจัดทาแบบฝกึ ทักษะชุดนี้ จน สาเรจ็ และเป็นประโยชน์กับนกั เรยี น นางสาวจินตรา สน่นั ป่า เลม่ ที่ 5 การสรา้ งขอ้ ความและใส่ลูกเล่นตัวอักษร ครูจินตรา สนน่ั ปา่

สำรบัญ ข เรื่อง หน้ำ คานา ก สารบญั ข คาช้แี จงแบบฝึกทักษะ 1 คาชแี้ จงสาหรับครู 2 คาชแ้ี จงสาหรบั นักเรยี น 3 มาตรฐานการเรียนรู้ 4 ตวั ชี้วดั 4 สาระสาคญั 4 สาระการเรียนรู้ 4 จดุ ประสงค์การเรียนรู้ 5 แบบทดสอบก่อนเรียน 6-7 กระดาษคาตอบแบบทดสอบก่อนเรียน 8 กรอบเน้อื หา 9 10 1. รูปแบบประเภทของขอ้ ความ 11 2. การสรา้ งข้อความ 3. การกาหนดรูปแบบของขอ้ ความ 12 - 13 4. การแยกส่วนขอ้ ความ (Breaking text apart) 14 5. การใสล่ งิ ค์ให้กับขอ้ ความ 15 กรอบกิจกรรม 16 1.กจิ กรรมฝกึ ทกั ษะที่ 5.1 – 5.3 17 - 22 แบบทดสอบหลงั เรยี น 23 - 24 กระดาษคาตอบแบบทดสอบหลังเรยี น 25 บรรณานกุ รม 26 เลม่ ที่ 5 การสรา้ งข้อความและใส่ลูกเล่นตัวอักษร ครูจินตรา สนน่ั ป่า

1 คำชแ้ี จงแบบฝกึ ทกั ษะ แบบฝึกทกั ษะ การสรา้ งงานแอนนิเมชันดว้ ย โปรแกรม Macromedia Flash Professional 8 กลุ่มสาระการเรยี นร้กู ารงานอาชีพและเทคโนโลยี รายวชิ าเพิม่ เติม ชัน้ มธั ยมศกึ ษาปที ี่ 3 เป็นแบบฝึกทักษะเพอื่ ประกอบการเรียนการสอน โดยเนน้ นกั เรยี นเป็นสาคญั นกั เรยี นสามารถเรียนรูไ้ ด้ดว้ ยตนเอง จัดทาขน้ึ ทง้ั หมด 7 เลม่ ดังนี้ เลม่ ที่ 1 รู้จกั กบั โปรแกรม Macromedia Flash Professional 8 เล่มที่ 2 การใชเ้ คร่ืองมอื ในการวาดภาพ เล่มท่ี 3 การตกแตง่ ภาพและแตง่ เตมิ สีสนั เล่มท่ี 4 การสร้างข้อความและใสล่ กู เลน่ ตัวอกั ษร เลม่ ท่ี 5 การสรา้ งภาพเคลอื่ นไหว เลม่ ท่ี 6 การใช่งาน Action Script พืน้ ฐาน เลม่ ท่ี 7 การใส่เสยี งประกอบและนาเสนอผลงาน แบบฝึกทักษะทัง้ 7 เลม่ เป็นแบบฝกึ ทกั ษะที่เน้นให้นกั เรยี นไดร้ บั ประสบการณ์การเรียนรู้โดยตรง มงุ่ เน้นให้นักเรียนศึกษาค้นควา้ ฝึกปฏบิ ตั ติ ามข้ันตอน ไปทีละแบบฝกึ ตามลาดับเลม่ จากเลม่ ที่ 1 ถึงเล่มท่ี 7 และสามารถย้อนกลับไป ทบทวนเลม่ ก่อนหนา้ ได้ จนสามารถสร้างงานแอนนิเมชนั ได้ โดยมคี รคู อยดูแลและให้ คาแนะนา เพอื่ สง่ เสรมิ การเรียนรขู้ องผเู้ รยี นให้เตม็ ศกั ยภาพและเกิดประสทิ ธภิ าพ สงู สุด เล่มที่ 5 การสร้างข้อความและใส่ลูกเล่นตัวอักษร ครูจินตรา สนน่ั ป่า

2 คำช้แี จงสำหรับครู แบบฝึกทักษะ การสร้างงานแอนนเิ มชนั ด้วย โปรแกรม Macromedia Flash 8 กลุม่ สาระการเรยี นรู้การงานอาชีพและเทคโนโลยี รายวชิ าเพ่ิมเตมิ ชน้ั มัธยมศึกษาปที ่ี 3 ครผู ้สู อนเปน็ ผทู้ ี่มบี ทบาทสาคัญท่ีจะชว่ ยใหก้ ารเรียนรขู้ องนกั เรยี นบรรลตุ าม วตั ถุประสงค์ ครผู สู้ อนจึงควรปฏิบัติดงั นี้ 1. ศกึ ษาแผนการจัดการเรียนร้แู ละแบบฝึกทกั ษะและคาช้แี จงต่าง ๆ ใหเ้ ขา้ ใจ 2. ครแู จกแบบฝกึ ทกั ษะการใชโ้ ปรแกรม Macromedia Flash 8 เล่มที่ 5 การสรา้ งข้อความและใสล่ กู เลน่ ตวั อกั ษร ใหก้ บั นกั เรยี น 3. ให้นกั เรียนทาแบบทดสอบกอ่ นเรยี น เพ่อื ประเมินความรู้พน้ื ฐานของ นักเรยี นแต่ละคน 4. ใหน้ กั เรียนศึกษาแบบฝึกทักษะ การสร้างงานแอนนิเมชันดว้ ย โปรแกรม Macromedia Flash 8 เล่มที่ 5 การสรา้ งขอ้ ความและใส่ลูกเลน่ ตวั อกั ษร หากเกดิ ปัญหาหรือขอ้ สงสัยควรแจ้งครผู ู้สอนทันทีเพื่อดาเนนิ การชว่ ยเหลอื 5. เมอ่ื นกั เรียนทาแบบฝกึ ทักษะแตล่ ะแบบฝึกเสร็จ ครแู ละนกั เรยี นรว่ มกัน เฉลยแบบฝึกทักษะและตรวจชิน้ งานนักเรยี น 6. หลงั จากทาแบบฝกึ ทกั ษะครบทกุ แบบฝึก ให้นกั เรยี นทาแบบทดสอบหลัง เรยี น โดยครูและนักเรยี นรว่ มกนั เฉลยคาตอบ เพอื่ ดูความก้าวหน้าในการเรยี นร้ขู อง นกั เรียน 7. ครูสังเกตพฤติกรรม คุณลกั ษณะอนั พงึ ประสงค์ และบนั ทึกผล 8. ครูแจง้ ผลการประเมนิ ให้นกั เรยี นทราบและชมเชยนักเรียนพรอ้ มให้ คาแนะนาเพ่มิ เตมิ 9. นดั หมายนกั เรยี นในการเรียนครั้งตอ่ ไป เล่มท่ี 5 การสรา้ งขอ้ ความและใส่ลูกเล่นตัวอักษร ครูจินตรา สนน่ั ป่า

3 คำชี้แจงสำหรบั นักเรียน แบบฝกึ ทักษะ การสรา้ งงานแอนนิเมชันดว้ ย โปรแกรม Macromedia Flash Professional 8 กลมุ่ สาระการเรียนร้กู ารงานอาชีพและเทคโนโลยี รายวิชาเพมิ่ เตมิ ช้ันมัธยมศกึ ษาปที ่ี 3 นักเรียนสามารถศกึ ษาไดด้ ้วยตนเอง โดยใหน้ ักเรยี นอ่านคาชีแ้ จง และปฏิบัติตามขน้ั ตอนดังน้ี 1. นกั เรียนรับแบบฝึกทักษะ การสรา้ งงานแอนนิเมชนั ดว้ ย โปรแกรม Macromedia Flash 8 เลม่ ที่ 5 การสร้างขอ้ ความและใส่ลูกเล่นตัวอกั ษร 2. นักเรียนอา่ นคาชแี้ จงการใชแ้ บบฝึกทักษะการสร้างงานแอนนิเมชนั ดว้ ย โปรแกรม Macromedia Flash 8 เล่มที่ 5 การสรา้ งขอ้ ความและใส่ลูกเล่นตัวอกั ษร 3. นกั เรยี นทาแบบทดสอบก่อนเรยี น เพอ่ื ประเมินวา่ นกั เรียนมพี น้ื ฐานความรู้ ความเข้าใจเก่ียวกับเรอ่ื งทจี่ ะเรยี นมากนอ้ ยเพยี งใด 4. นกั เรยี นฟังคาอธิบายและการสาธติ ของครู พร้อมทง้ั ฝึกปฏิบตั ิหลงั จากการ สาธิต 5. ศึกษาเนอื้ หา และฝกึ ปฏบิ ตั ิตามขน้ั ตอนทีร่ ะบไุ วใ้ นกรอบกิจกรรม 6. ทดสอบการฝึกปฏิบตั ิกบั ครูผสู้ อน 7. ทาแบบทดสอบหลังเรยี นเพอื่ ดูความกา้ วหนา้ ในการเรยี นของนักเรียน หลังจากทากจิ กรรมการเรยี นการสอน โดยใชแ้ บบฝึกทักษะการสรา้ งงานแอนนิเมชัน ด้วย โปรแกรม Macromedia Flash 8 เลม่ ที่ 5 การสรา้ งข้อความและใส่ลูกเล่น ตวั อกั ษร 8. หลังจากทากิจกรรมการเรียนการสอนเสรจ็ เรียบร้อยแล้ว ใหน้ ักเรยี นปดิ เคร่อื งคอมพิวเตอรอ์ ยา่ งถกู วธิ ีอเก็บเก้าอ้ีให้เรยี บร้อย 9. ในการทากจิ กรรมตามแบบฝึกทักษะการสร้างงานแอนนิเมชันดว้ ย โปรแกรม Macromedia Flash 8 ทกุ เล่มขอให้นักเรียนปฏบิ ตั ิดว้ ยความต้งั ใจมคี วาม ซ่อื สัตย์ต่อตนเองให้มากท่ีสดุ และไม่ดูเฉลยกอ่ นทาแบบทดสอบ 10. นกั เรยี นรับฟงั การบอกคะแนน คาชมเชย และคาแนะนาเพมิ่ เติมจากครู เลม่ ท่ี 5 การสร้างขอ้ ความและใส่ลูกเล่นตัวอักษร ครูจินตรา สน่นั ปา่

4 มำตรฐำนกำรเรยี นรู้ มาตรฐาน ง 3.1 เข้าใจ เหน็ คณุ คา่ และใช้กระบวนการเทคโนโลยี สารสนเทศในการสืบค้นข้อมลู การเรียนรู้ การสื่อสาร การแก้ปัญหา การทางาน และอาชีพอยา่ งมีประสิทธิภาพ ประสิทธิผล มีคณุ ธรรม ตวั ช้ีวดั ม.3/2 เขียนโปรแกรมขนั้ พนื ้ ฐาน ม.3/3 ใช้เทคโนโลยีสารสนเทศนาเสนองานในรูปแบบท่ีเหมาะสมกบั ลกั ษณะงาน สำระสำคญั การพมิ พ์ขอ้ ความต่าง ๆ สาหรบั ประกอบเรอ่ื งราวตา่ ง ๆ ทีเ่ กิดจากความคดิ สร้างสรรค์ จนิ ตนาการ ท่ีเรียบเรยี งออกมาบนช้ินงาน ทีถ่ ูกสรา้ งขึ้นจากการพิมพข์ อ้ ความ ตา่ ง ๆ ลงไป สามารถปรบั แต่งรูปแบบต่าง ๆ ของขอ้ ความได้ตามตอ้ งการ ไมว่ ่าจะเป็น รปู แบบฟอนต์ ขนาดของตวั อกั ษร การปรบั เปล่ยี นสีขอ้ ความ การปรบั แต่งขนาดตวั อกั ษร ร่วมท้ังนาเอารูปแบบต่าง ๆ มาประกอบในการทาเอฟเฟก็ ตอ์ ย่างมากมาย สำระกำรเรยี นรู้ 1. รูปแบบประเภทของขอ้ ความ 2. การสร้างข้อความ 3. การกาหนดรปู แบบของข้อความ 4. การแยกสว่ นข้อความ (Breaking text apart) 5. การใส่ลงิ คใ์ หก้ บั ข้อความ เล่มท่ี 5 การสรา้ งข้อความและใส่ลูกเล่นตัวอักษร ครูจนิ ตรา สน่นั ปา่

5 จุดประสงค์กำรเรียนรู้ 1. มคี วามรู้ ความเข้าใจ เก่ยี วกบั รปู แบบประเภทของข้อความแบบตา่ ง ๆ ได้ 2. สามารถอธิบายหลักการสร้างขอ้ ความได้ 3. มคี วามเขา้ ใจหลักการปรับแตง่ รปู แบบข้อความ 4. สามารถปรับแต่งข้อความได้หลากหลาย 5. สามารถทาเอฟเฟ็กต์แบบง่ายๆได้ เล่มที่ 5 การสร้างข้อความและใส่ลูกเล่นตัวอักษร ครูจินตรา สนั่นปา่

6 แบบทดสอบก่อนเรยี น เล่มท่ี 5 กำรสร้ำงขอ้ ควำมและใส่ลกู เล่นตัวอกั ษร คำชีแ้ จง แบบทดสอบชดุ นีเ้ป็นแบบปรนยั 4 ตวั เลือก จานวน 10 ข้อ เวลาในการ ทาแบบทดสอบ 10 นาที คำส่ัง ให้นกั เรียนเลือกคาตอบที่ถกู ต้องที่สดุ เพียงคาตอบเดียวโดยทา เครื่องหมายกากบาท X ลงในกระดาษคาตอบ 1. ถ้ำจะพมิ พ์ขอ้ ควำมตอ้ งคลกิ เลือกข้อใด ก. Pen Tool ข. Pencil Tool ค. Text Tool ง. Lasso Tool 2. ข้อควำมโปรแกรม Flash ข้อควำมใดหมำยถงึ ข้อควำมคงท่ี ก. Static Text ข. Dynamic Text ค. Input Text ง. Ouput Text 3. ขอ้ ควำมทีม่ กี ำรเปลย่ี นแปลงเกดิ ขึ้นเรื่อย ๆ หมำยถึงขอ้ ควำมชนดิ ใด ก. Static Text ข. Dynamic Text ค. Input Text ง. Ouput Text 4. ถ้ำตอ้ งกำรแปลงขอ้ ควำมตวั อกั ษรใหเ้ ป็นรปู ทรง จะต้องเลอื กคำสงั่ ใด ก. Break Apart ข. Modify ค. Convert ง. Arrange เลม่ ท่ี 5 การสรา้ งขอ้ ความและใส่ลูกเล่นตัวอักษร ครูจินตรา สนัน่ ปา่

7 5. ถำ้ ตอ้ งกำรกำหนดข้อควำมให้มลี กั ษณะเป็นตวั หนำ เอียง จะต้องเลอื กคำสั่งใด ก. Bold Italic ข. Regular ค. Italic ง. Bold 6. คำสงั่ เป็นกำรสั่งให้กลอ่ งข้อควำมรับข้อมลู ไดม้ ำกกวำ่ 1 แถว ก. Behavior ข. Multiline ค. Multiline no wrap ง. Single line 7. ถ้ำตอ้ งกำรให้เมือ่ เช่อื มโยงไปยงั หนำ้ เวบ็ ไซตแ์ ล้วแสดงหนำ้ เว็บ แบบเต็มจอจะตอ้ งเลอื กรปู แบบใด ก. _top ข. _parent ค. _blank ง. _self ใช้ตอบคำถำมข้อท่ี 8 -10 8. หมำยเลข 1 หมำยถึงข้อใด ? ข. กาหนดลกั ษณะของขอ้ ความทจ่ี ะสรา้ ง ก. กาหนดรปู แบบของตัวอักษร ง. กาหนดระยะห่างระหว่างตัวอักษร ค. กาหนดลักษณะการจดั ข้อความ 9. หมำยเลข 2 หมำยถึงขอ้ ใด ? ข. กาหนดลักษณะของข้อความทจ่ี ะสรา้ ง ก. กาหนดรปู แบบของตัวอกั ษร ง. กาหนดระยะห่างระหวา่ งตวั อกั ษร ค. กาหนดลักษณะการจดั ข้อความ 10. ถำ้ ต้องกำรปรบั ช่องระยะหำ่ งระหว่ำงตัวอักษร จะต้องคลิกหมำยเลขใด ? ก. หมายเลข 1 ข. หมายเลข 2 ค. หมายเลข 3 ง. หมายเลข 4 เล่มที่ 5 การสร้างข้อความและใส่ลูกเล่นตัวอักษร ครูจินตรา สน่ันป่า

8 กระดำษคำตอบ แบบทดสอบกอ่ นเรยี น ชื่อ – นามสกลุ ...........................................................ชนั้ .......เลขที่....... คำชีแ้ จง ให้นกั เรียนเลือกคาตอบที่ถกู ต้องที่สดุ เพยี งคาตอบเดียวโดยทา เครื่องหมายกากบาท X ลงในกระดาษคาตอบ ข้อ ก ข ค ง 1 2 3 4 5 6 7 8 9 10 เลม่ ท่ี 5 การสร้างข้อความและใส่ลูกเล่นตัวอักษร ครูจนิ ตรา สนั่นป่า

9 เล่มท่ี 5 การสรา้ งข้อความและใส่ลูกเล่นตัวอักษร ครูจนิ ตรา สนนั่ ปา่

10 1. รปู แบบประเภทของข้อควำม ข้อควำมในโปรแกรม Flash แบ่งออกเป็น 3 ประเภท ไดแ้ ก่ • ข้อความคงท่ี (Static Text) • ขอ้ ความไดนามกิ (Dynamic Text) • ขอ้ ความอนิ พทุ (Input Text) ข้อควำมคงท่ี (Static Text) หมายถงึ ข้อความแบบปกติ ท่ีไมม่ กี ารเปลย่ี นแปลงใด ๆ ของขอ้ ความ ขอ้ ควำมไดนำมิก (Dynamic Text) หมายถงึ ขอ้ ความทมี่ ีการเปลย่ี นแปลงเกดิ ขึน้ เรื่อยๆ ตามข้อมลู ทีร่ ับมากจากเซริ ์ฟเวอร์ ข้อควำมอินพทุ (Input Text) หมายถึงฟลิ ดข์ อ้ ความทใ่ี ช้รับข้อมูลผา่ นแบบฟอรม์ เล่มที่ 5 การสรา้ งขอ้ ความและใส่ลูกเล่นตัวอักษร ครูจินตรา สน่นั ปา่

11 2. กำรสรำ้ งขอ้ ควำม กำรสรำ้ งข้อควำม จดุ ควบคุม ในกรอบขอ้ ความจะมกี ารแสดงประเภทของกรอบให้เราได้ทราบ หลังจากท่คี ุณใช้ Text Tool สรา้ งข้อความแลว้ คุณสามารถใช้กรอบ Properties แสดงชนดิ ของ ข้อความและกาหนดคา่ ในการควบคุมลกั ษณะการแสดงออกของขอ้ ความ วธิ ีกำรสรำ้ งกำรสร้ำงขอ้ ควำม 1. คลิกเลอื กเครื่องมอื ที่ Tool Box 2. คลิกในตาแหน่งทต่ี ้องการ เริ่มต้นข้อความ เพื่อสรา้ งกรอบท่ีแสดงขอ้ ความ 3. ท่ีหนา้ ต่าง Properties กาหนดลักษณะตัวอกั ษรที่ตอ้ งการ เลือกสี เลือกรปู แบบของข้อความ เลือกขนาด เลือกรูปแบบตัวอกั ษร เลม่ ที่ 5 การสร้างขอ้ ความและใส่ลูกเล่นตัวอักษร ครูจนิ ตรา สนัน่ ปา่

12 3. กำรกำหนดรปู แบบของขอ้ ควำม กำรกำหนดรูปแบบของข้อควำม เม่ือข้อความถกู เลือกอยคู่ ุณสามารถใชก้ รอบ Properties ในการเปลย่ี นแปลง คุณสมบตั ขิ องตัวอกั ษร และพารากราฟ เวลาทคี่ ุณสร้างข้อความใหม่ โปรแกรมจะใช้ คุณสมบตั ขิ องตัวอักษรทีเ่ ป็นอยู่ปัจจบุ ัน ถา้ ตอ้ งการเปลี่ยนแปลงใหค้ ลกิ เลอื กท่ีขอ้ ความก่อน แล้วจึงทาการปรบั แตง่ ค่าตา่ ง ๆ หรอื ใส่ชอ่ื เขา้ ไปเอง วิธีกำรกำหนดคำ่ ตำ่ ง ๆ ของตัวอกั ษร เลม่ ที่ 5 การสรา้ งขอ้ ความและใส่ลูกเล่นตัวอักษร ครูจินตรา สน่ันปา่

13 3. กำรกำหนดรูปแบบของขอ้ ควำม (ตอ่ ) วิธกี ำรกำหนดคำ่ ตำ่ ง ๆ ของตวั อักษร (ต่อ) เลม่ ที่ 5 การสรา้ งข้อความและใส่ลูกเล่นตัวอักษร ครูจินตรา สนน่ั ปา่

14 4. กำรแยกสว่ นขอ้ ควำม (Breaking text apart) กำรแยกส่วนข้อควำม การแยกส่วนข้อความเพ่ือทาให้ตวั อกั ษรแตล่ ะตวั แยกเป็นอสิ ระตอ่ กนั สามารถแยก ส่วนข้อความเพือ่ แยกอักษรแต่ละตวั ในกรอบเฉพาะหลังจากนัน้ กอ็ าจแยกตวั อักษรแตล่ ะ ตวั ไว้ในแตล่ ะเลเยอร์ เพอ่ื ทีจ่ ะดัดแปลงตวั อกั ษรแต่ละตวั ไดอ้ ยา่ งอิสระต่อไป วิธีกำรแยกสว่ นข้อควำม (Breaking text apart) 1. คลกิ เลอื ก Selection Tool แล้วคลกิ ท่กี รอบข้อความ 2. เลอื กคาส่ัง Modify > Break Apart เพ่ือแยกตวั อักษรแต่ละตวั ใหอ้ ยู่ ในแต่ละกรอบข้อความโดย ตวั อกั ษรนน้ั ยงั คงอยู่ในตาแหนง่ เดมิ 3. เลือกคา สง่ั Modify > Break Apart อีกครง้ั หนึง่ เพอื่ เปลี่ยนตัวอกั ษรให้เปน็ รูปทรง บนสเตจ จากน้ันก็จะสามารถแก้ไขตัวอักษรในลักษณะเดยี วกันกับรูปทรง เลม่ ท่ี 5 การสร้างข้อความและใส่ลูกเล่นตัวอักษร ครูจนิ ตรา สนั่นปา่

15 5. กำรใสล่ ิงคใ์ ห้กบั ขอ้ ควำม กำรใส่ลิงค์ใหก้ ับขอ้ ควำม สาหรับข้อความในแนวนอนนัน้ เราสามารถสร้างลงิ ค์ใหผ้ ู้ใชค้ ลกิ ไปยงั หน้าเว็บอน่ื ๆ ได้ วิธกี ำรใสล่ ิงคใ์ ห้กับขอ้ ควำม 1. ถ้าตอ้ งการเลือกเฉพาะตวั อักษรหรือคา ให้ใช้ Text Tool เลือกตัวอกั ษรทต่ี อ้ งการ ลิงค์ 2. ถ้าตอ้ งการลงิ ค์ทง้ั ข้อความ ใหเ้ ลือกทงั้ กรอบขอ้ ความด้วยเคร่ืองมือ Selection Tool 3. ในกรอบ Properties ให้ใส่ทอ่ี ยู่เว็บลงในช่อง Link 4. กาหนด Link ให้กบั ข้อความโดยมีตัวเลือกเพม่ิ เติมดังน้ี _ blank เปดิ หน้าเพจใหมข่ น้ึ มา _ parent แสดงบนหน้าเพจเดิมโดยลบหน้าเดมิ ออก _ self แสดงในเพจหรือเฟรมเดยี วกนั ท่แี สดงข้อความ _ top แสดงเวบ็ เพจในเฟรม top เล่มท่ี 5 การสร้างขอ้ ความและใส่ลูกเล่นตัวอักษร ครูจินตรา สนั่นป่า

16 เลม่ ท่ี 5 การสรา้ งข้อความและใส่ลูกเล่นตัวอักษร ครูจินตรา สนนั่ ป่า

17 แบบฝึกทกั ษะท่ี 5.1 กำรสร้ำงข้อควำม ชือ่ – นามสกุล ................................................. ช้นั .......... เลขที่ ............ คาช้ีแจง 1.จงเตมิ ประเภทของข้อความในโปรแกรม Macromedia Flash 8 ลงในช่องวา่ งใหถ้ ูกตอ้ ง (5 คะแนน) ประเภท ขอ้ ความ คาชแ้ี จง 2.ใหน้ กั เรียนศกึ ษาวิธกี ารสรา้ งขอ้ ความแล้วบันทกึ ข้อมูลลงในชอ่ งว่าง (5 คะแนน) ....................................................................................................................... ....................................................................................................................... ....................................................................................................................... ....................................................................................................................... ....................................................................................................................... ....................................................................................................................... ....................................................................................................................... เล่มท่ี 5 การสรา้ งขอ้ ความและใส่ลูกเล่นตัวอักษร ครูจินตรา สน่นั ป่า

18 แบบฝึกทกั ษะที่ 5.2 กำรกำหนดรปู แบบข้อควำม ชือ่ – นามสกุล ................................................. ช้ัน .......... เลขที่ ............ คาชีแ้ จง 1. ใหน้ กั เรยี นจบั คู่รูปภาพและข้อความให้ถกู ต้อง (10 คะแนน) 1. ................ A. กาหนดย่อหน้า 2. ................ 3. ................ B. กาหนดให้มีการปรับช่องไฟอกั ษรอตั โนมตั ิ 4. ................ C. ทาให้อกั ษรคมและชดั เจนสาหรับงาน animation 5. ................ เหมาะสาหรับอกั ษรท่ีมีการทา animation 6. ................ D. กาหนดสีอกั ษร 7. ................ E. กาหนดระยะห่างระหว่างอกั ษร 8. ................ F. กาหนดลกั ษณะการจดั ข้อความ 9. ................ G. กาหนดให้อกั ษรกลายเป็น Bitmap 10. ................ H. สร้างอกั ษรในแนวนอน I. กาหนดขนาดอกั ษร J. ตวั หนา K. ตวั เอียง เลม่ ท่ี 5 การสร้างขอ้ ความและใส่ลูกเล่นตัวอักษร ครูจินตรา สน่ันปา่

19 แบบฝกึ ทกั ษะท่ี 5.3 กำรแยกส่วนและกำรใส่ลิงคข์ ้อควำม ชื่อ – นามสกุล ................................................. ช้ัน .......... เลขท่ี ............ คาชแี้ จง 1.ใหน้ กั เรียนอธบิ ายขน้ั ตอนวิธกี ารแยกสว่ นข้อความ โดยบันทกึ ลงใน ช่องว่าง (5 คะแนน) ....................................................................................................................... ....................................................................................................................... ....................................................................................................................... ....................................................................................................................... ....................................................................................................................... ....................................................................................................................... ....................................................................................................................... คาชแ้ี จง 2.ใหน้ ักเรยี นอธิบายข้ันตอนวธิ ีการใส่ลิงค์ขอ้ ความ โดยบันทกึ ลงในชอ่ งวา่ ง (5 คะแนน) ....................................................................................................................... ....................................................................................................................... ....................................................................................................................... ....................................................................................................................... ....................................................................................................................... ....................................................................................................................... ....................................................................................................................... เลม่ ท่ี 5 การสร้างขอ้ ความและใส่ลูกเล่นตัวอักษร ครูจนิ ตรา สน่นั ปา่

20 แบบฝึกทักษะท่ี 5.4 กำรสร้ำงข้อควำมและใสล่ กู เล่นตัวอกั ษร คาช้ีแจง ใหน้ กั เรียน ฝกึ การสร้างข้อความและใส่ลูกเลน่ ตัวอกั ษร 5.4 อักษรส่ือรัก 1. สร้างอักษรตวั I บนเฟรมที่ 1 2. ที่เฟรมที่ 10 คลิกขวา Insert Keyframe 3. ทเี่ ฟรมที่ 10 คลิกที่อกั ษร I แลว้ คลิกขวา 4. ทเี่ ฟรมท่ี 20 คลิกขวา Insert Keyframe เลอื ก Break Apart เพื่อแยกอักษร แล้วลบอักษร I ออกแล้ววาดรูปหัวใจแทน เลม่ ที่ 5 การสรา้ งข้อความและใส่ลูกเล่นตัวอักษร ครูจินตรา สนนั่ ปา่

21 แบบฝกึ ทกั ษะท่ี 5.4 กำรสรำ้ งขอ้ ควำมและใส่ลูกเล่นตัวอกั ษร คาชี้แจง ใหน้ ักเรยี น ฝึกการสรา้ งข้อความและใสล่ กู เล่นตัวอักษร 5.4 อักษรส่ือรัก (ต่อ) 5. ท่เี ฟรมที่ 30 คลกิ ขวา Insert Keyframe 6. ท่ีเฟรมที่ 40 คลกิ ขวา Insert Keyframe แลว้ ลบรูปหวั ใจออก แล้วพิมพอ์ ักษร U แทน 7. ที่เฟรมที่ 50 คลกิ ขวา Insert Keyframe 8. ทเ่ี ฟรมที่ 40 คลกิ ทอี่ ักษร U แล้วคลกิ ขวา เลอื ก Break Apart เพ่ือแยกอกั ษร เลม่ ที่ 5 การสรา้ งขอ้ ความและใส่ลูกเล่นตัวอักษร ครูจินตรา สน่ันป่า

22 แบบฝึกทักษะที่ 5.4 กำรสร้ำงข้อควำมและใส่ลกู เลน่ ตัวอกั ษร คาชแี้ จง ใหน้ ักเรียน ฝึกการสรา้ งขอ้ ความและใสล่ กู เล่นตวั อกั ษร 5.4 อักษรส่ือรัก (ต่อ) 9. ทีเ่ ฟรมท่ี 10 คลิกท่ชี อ่ ง Properties ที่ช่อง Tween ใหเ้ ลอื ก Shape เพื่อใหต้ ัวอักษร I คอ่ ยๆ เปลี่ยนเปน็ รูปหวั ใจ 10. ที่เฟรมท่ี 30 คลกิ ที่ชอ่ ง Properties ทีช่ อ่ ง Tween ให้เลือก Shape เพ่อื ใหร้ ปู หวั ใจ ค่อยๆ เปลย่ี นเปน็ ตวั อักษร U เลม่ ท่ี 5 การสรา้ งขอ้ ความและใส่ลูกเล่นตัวอักษร ครูจนิ ตรา สน่นั ปา่

23 แบบทดสอบหลังเรียน เลม่ ที่ 5 กำรสร้ำงข้อควำมและใสล่ กู เลน่ ตวั อักษร คำชีแ้ จง แบบทดสอบชดุ นีเ้ป็นแบบปรนยั 4 ตวั เลือก จานวน 10 ข้อ เวลาในการ ทาแบบทดสอบ 10 นาที คำส่ัง ให้นกั เรียนเลือกคาตอบที่ถกู ต้องท่ีสดุ เพยี งคาตอบเดียวโดยทา เคร่ืองหมายกากบาท X ลงในกระดาษคาตอบ ใช้ตอบคำถำมข้อท่ี 1 - 3 1. หมำยเลข 1 หมำยถงึ ข้อใด ? ข. กาหนดลกั ษณะของขอ้ ความท่ีจะสรา้ ง ก. กาหนดรูปแบบของตวั อักษร ง. กาหนดระยะห่างระหว่างตัวอกั ษร ค. กาหนดลกั ษณะการจดั ขอ้ ความ 2. หมำยเลข 2 หมำยถงึ ขอ้ ใด ? ข. กาหนดลกั ษณะของข้อความท่ีจะสร้าง ก. กาหนดรูปแบบของตัวอักษร ง. กาหนดระยะหา่ งระหว่างตัวอกั ษร ค. กาหนดลกั ษณะการจดั ขอ้ ความ 3. ถ้ำต้องกำรปรับช่องระยะห่ำงระหวำ่ งตวั อักษร จะตอ้ งคลกิ หมำยเลขใด ? ก. หมายเลข 1 ข. หมายเลข 2 ค. หมายเลข 3 ง. หมายเลข 4 เลม่ ที่ 5 การสรา้ งข้อความและใส่ลูกเล่นตัวอักษร ครูจนิ ตรา สนน่ั ป่า

24 4. ถ้ำจะพิมพข์ ้อควำมต้องคลกิ เลอื กขอ้ ใด ก. Pen Tool ข. Pencil Tool ค. Text Tool ง. Lasso Tool 5. ขอ้ ควำมโปรแกรม Flash ขอ้ ควำมใดหมำยถึงขอ้ ควำมคงที่ ก. Static Text ข. Dynamic Text ค. Input Text ง. Ouput Text 6. ข้อควำมท่มี ีกำรเปลีย่ นแปลงเกดิ ข้นึ เรอ่ื ย ๆ หมำยถงึ ขอ้ ควำมชนดิ ใด ก. Static Text ข. Dynamic Text ค. Input Text ง. Ouput Text 7. ถำ้ ตอ้ งกำรแปลงขอ้ ควำมตวั อักษรใหเ้ ป็นรูปทรง จะต้องเลือกคำสั่งใด ก. Break Apart ข. Modify ค. Convert ง. Arrange 8. ถำ้ ตอ้ งกำรกำหนดขอ้ ควำมใหม้ ีลักษณะเปน็ ตัวหนำ เอียง จะตอ้ งเลือกคำส่งั ใด ก. Bold Italic ข. Regular ค. Italic ง. Bold 9. คำสง่ั เปน็ กำรสงั่ ใหก้ ลอ่ งข้อควำมรับข้อมูลไดม้ ำกกว่ำ 1 แถว ก. Behavior ข. Multiline ค. Multiline no wrap ง. Single line 10. ถ้ำต้องกำรให้เมอ่ื เชอ่ื มโยงไปยงั หนำ้ เว็บไซตแ์ ลว้ แสดงหนำ้ เว็บ แบบเตม็ จอจะต้องเลอื กรูปแบบใด ก. _top ข. _parent ค. _blank ง. _self เลม่ ท่ี 5 การสรา้ งขอ้ ความและใส่ลูกเล่นตัวอักษร ครูจินตรา สนนั่ ปา่

25 กระดำษคำตอบ แบบทดสอบหลังเรยี น ชื่อ – นามสกลุ ...........................................................ชนั้ .......เลขที่....... คำชีแ้ จง ให้นกั เรียนเลือกคาตอบที่ถกู ต้องท่ีสดุ เพียงคาตอบเดียวโดยทา เครื่องหมายกากบาท X ลงในกระดาษคาตอบ ข้อ ก ข ค ง 1 2 3 4 5 6 7 8 9 10 เล่มที่ 5 การสรา้ งข้อความและใส่ลูกเล่นตัวอักษร ครูจนิ ตรา สน่ันปา่

26 บรรณำนุกรม นมสั สินี ล่าสันเทยี ะ. Workshop Flash CS6 Animation สร้างงานแอนิเมช่นั การต์ นู . กรงุ เทพฯ : รไี วว่า , 2558. ภุชงค์ จนั ทร์เปล่ง. การใช้โปรแกรมMacromedia Flash8. ปทุมธานี : มเี ดยี อิน เทลลิเจนซ์ เทคโนโลยี, 2555. สิทธชิ ยั ทพิ ย์สงิ ห์. บทเรยี นออนไลน์การสรา้ งแอนเิ มชนั ด้วย Flash. [ออนไลน์]. เขา้ ถงึ ไดจ้ าก : http://www.kroojan.com/flash/. (วนั ทค่ี น้ ขอ้ มลู : 10 กนั ยายน 2558). อุทยั เสนารกั ษ์. บทเรยี นออนไลน์การสรา้ งภาพเคล่อื นไหวดว้ ยโปรแกรม Macromedia Flash Professional 8. [ออนไลน]์ . เข้าถงึ ได้จาก : http://www.phutti.ac.th/flash. /. (วันที่คน้ ข้อมูล : 15 กันยายน 2558). อรรคเดช สมั ปันณา. มอื ใหม่แตง่ เว็บสวยด้วย Flash ActionScript. กรงุ เทพฯ : บรษิ ทั โปรวิชนั จากัด. 2555. ชษิ ณพุ งศ์ ธัญลักษณ.์ การสร้างงานแอนิเมชัน่ ด้วย FLASH เวอรช์ นั CS6. – กรุงเทพ ฯ: ซคั เซส มเี ดยี , 2558. เลม่ ที่ 5 การสรา้ งข้อความและใส่ลูกเล่นตัวอักษร ครูจนิ ตรา สน่ันปา่

เลม่ ที่ 5 การสรา้ งข้อความและใส่ลกู เลน่ ตวั อกั ษร