หลักสำคัญของการทำ Scrolling text อยู่ที่การใช้ Mask รูปสี่เหลี่ยม ขนาดที่ต้องการให้มองเห็นตัวอักษร และการ กำหนดให้ปุ่ม ^ ไปยังเฟรมถัดไป และกลับไปยังเฟรมที่แล้ว ประโยชน์ของ Movie นี้คือ สามารถแสดงข้อความขนาดยาว ๆ ได้ในเนื้อที่ที่จำกัด
|
1. เริ่มจากนำตัวอักษรเข้ามา ซึ่งในตัวอย่างนี้ทดลองทำที่ 15 บรรทัด แล้วง Convert เป็น Graphic แล้ววางไว้ที่ Layer ชื่อว่า text
|
2. สร้าง Layer ใหม่ขึ้นมาซึ่งจะต้องอยู่บน text แล้ว คลิกขวาที่ Layer ใหม่ เลือก Mask
 |
3. ผลลัพธ์ที่ได้ คือ Layer 2 กลายเป็น Layer แบบ Mask และ text ถอยเข้าไป 1 ขั้น
|
4. ที่ Layer 2 ซึ่งมีสถานะ เป็น "mask" วาดรูปสี่เหลี่ยมซึ่งเป็นการกำหนดขอบเขตในการมองเห็นตัวอักษร
5. text เป็นข้อความ ที่มี Motion tween โดยเฟรมแรกจะกำหนดให้บรรทัดแรก ชิดขอบบนของ สี่เหลี่ยม และเฟรม15 กำหนดให้บรรทัดสุดท้ายชิดขอบล่างของสี่เหลี่ยมเช่นกัน เมื่อได้ตำแหน่งเริ่มต้น และตำแหน่งสุดท้ายแล้ว เลือกเฟรมทั้งหมด แล้วคลิกขวา สั่ง Create Motion tween
6. ที่เฟรมแรกของ Text ให้ใส่ Actions-Frame กำหนดใหตัวอักษรหยุด ณ เฟรมนี้ ไม่เลื่อนไปบรรทัดสุดท้ายโดยใส่ Script ว่า stop();
7. สร้าง Layer ใหม่ซึ่งอยู่บน Mask และใส่ปุ่มลงไป 2 ปุ่มในเฟรมแรก กำหนดให้ปุ่มนี้จะแสดงตั้งแต่เฟรมที่ 1 ถึงเฟรมที่ 15 แบบปกติ ปุ่มที่ใส่นี้เป็น ปุ่มบน และล่าง โดยที่ใส่ Script ให้ไปยังเฟรม ถัดไป และเฟรมที่แล้วดังภาพ
|
ปุ่มล่าง
|
ปุ่มบน
|
6. กด Ctrl+Enter เพื่อทดลองดูผลงาน จะเห็นว่าตอนนี้สามารถเลื่อนline เป็น Graphic สี่เหลี่ยมสีเทาตามแนวตั้งscroll เป็น Graphic ที่เลื่อนตำแหน่งในแต่ละเฟรม
7. ต่อไปเป็นการตกแต่งให้งานดูสมบูรณ์ยิ่งขึ้น โดยสร้างสี่เหลี่ยมธรรมดาที่ Layer ใหม่ด้านล่างของปุ่ม เพื่อเน้นให้เห็นแนวของ
การ Scrolling
8. ที่ Layer ใต้ตัวอักษร สร้าง
background เป็นสี่เหลี่ยมแบบมีมิติ
9. สร้างสี่เหลี่ยมที่เลื่อนขึ้นลงด้วย Motion Tween
Download fla ขนา ด 9 Kb เพื่อเป็นตัวอย่าง
|
|
