สอนทำตัวอักษรเด้งๆ

สอนทำตัวอักษรเด่งๆ ด้วยโปรแกรม flash

วิธีทำเอฟเฟคให้ตัวอักษร เด่งๆ ใน flash ไม่ยากครับ ไม่ต้องใช้ actionscript ให้วุ่นวาย สำหรับมือใหม่ flash ครับ สนใจ animation flash นี้มาลองทำกันเลยครับ สอนทีละขั้นแบบเห็นภาพ พร้อมตัวอย่างประกอบ

อย่างแรกเลยเตรียมรูปพื้นหลังไว้ก่อนครับ

 flash animation, flash text animation, tip flash, ตัวอักษรเด่งๆ flash, สอน flash, สอน แฟลช

1. สร้างเอกสารใหม่ใน flash ขนาด 400×300 px แล้วกำหนดค่า frame rate เป็น 30

 flash animation, flash text animation, tip flash, ตัวอักษรเด่งๆ flash, สอน flash, สอน แฟลช

animation flash

2. นำรูปพื้นหลังมา โดยการไปที่ file – import -import to stage(ctrl+r)
3. สร้างเลเยอร์ขึ้นมาใหม่ใช้ชื่อว่า text

 flash animation, flash text animation, tip flash, ตัวอักษรเด่งๆ flash, สอน flash, สอน แฟลช

flash animation

4. และพิมพ์ข้อความที่ต้องการลงไป

 flash animation, flash text animation, tip flash, ตัวอักษรเด่งๆ flash, สอน flash, สอน แฟลช

flash animation

5. นำเมาส์ไปคลิกเลือกที่ตัวอักษรก่อน 1 ทีแล้วกด ctrl+b(Break Apart) จะได้ตามรูปตัวอย่างครับ
 flash animation, flash text animation, tip flash, ตัวอักษรเด่งๆ flash, สอน flash, สอน แฟลช

flash letter animation

6. ไปที่เมนู midify – timeline – distribute to layers แล้วตัวหนังสือจะหายออกไป แลจะมีเลเยอร์เพิมมาแทน

 flash animation, flash text animation, tip flash, ตัวอักษรเด่งๆ flash, สอน flash, สอน แฟลช

flash text animation

7. ไปเลือกเลเยอร์ตัวอักษร แล้วกด  F8 เพื่อ Convert to Symbol ทำแบบนี้จนครบทุกตัวอักษร โดยตรง name ตั้งชื่อห้ามซ้ำกันนะครับ

 flash animation, flash text animation, tip flash, ตัวอักษรเด่งๆ flash, สอน flash, สอน แฟลช

flash text animation

8. กด F6 ที่เฟรม 5 และเฟรม 10ในเลเยอร์ ของตัวอักษร

 flash animation, flash text animation, tip flash, ตัวอักษรเด่งๆ flash, สอน flash, สอน แฟลช

flash text animation

9. ไปที่เฟรม5 แล้วก็นำเมาส์ไปคลิก1 ที ที่ตัวอักษร แล้วขยับตัวอักษรขึ้นเล็กน้อย

 flash animation, flash text animation, tip flash, ตัวอักษรเด่งๆ flash, สอน flash, สอน แฟลช

flash text animation

10. นำเมาส์ไว้วางไว้ตรงกลางระหว่างเฟรม1- 5 กับเฟรม 5-10 แล้วก็คลิกขวาเลือก create motion tween

 flash animation, flash text animation, tip flash, ตัวอักษรเด่งๆ flash, สอน flash, สอน แฟลช

flash text animation

11. ไปที่เลเยอร์ตัวอักษรตัวที่ 2 แล้วไปคลิกเพิ่มคีย์เฟรม F6 ที่เฟรม 10 15 20 แล้วไปที่เฟรม 15 นำเมาส์ไปคลิกลากให้ตัวอักษรลอยขึ้นมานิดนึ่ง

 flash animation, flash text animation, tip flash, ตัวอักษรเด่งๆ flash, สอน flash, สอน แฟลช

flash text animation

12. คลิกขวาระหว่างเฟรม 10-15 และก็ 15-20 คลิกขวาเลือก create motion tween

 flash animation, flash text animation, tip flash, ตัวอักษรเด่งๆ flash, สอน flash, สอน แฟลช

flash text animation

13. ทำแบบขั้นตอนที่ 11 โดยเปลี่ยนจากเลเยอร์ของตัวอักษรไปเรื่อยๆ โดยเฟรมแรกที่เลือกจะเพิ่มไปทีละ 5เฟรม  โดยจะต่อกับเลเยอร์ด้านบน

 flash animation, flash text animation, tip flash, ตัวอักษรเด่งๆ flash, สอน flash, สอน แฟลช

flash text animation

14. ทำตามขั้นตอนที่ 12 โดยการเปลี่ยนไปตามเฟรมที่ 13
15. ทำจนครบที่เลเยอร์

 flash animation, flash text animation, tip flash, ตัวอักษรเด่งๆ flash, สอน flash, สอน แฟลช

flash text animation

16. ไปที่เฟรม 145 กด F7 ของทุกเลยเยอร์

 flash animation, flash text animation, tip flash, ตัวอักษรเด่งๆ flash, สอน flash, สอน แฟลช
flash text animation

17. ย้ายเลเยอร์ background ที่เราใส่รูปพื้นหลังลงไปให้มาอยู่ด้านล่างสุด
จากนั้นก็ดูผล ctrl+enter

ขอบคุณบทความจาก : www.sadung.com
http://www.phpparty.com/ 

Comments

Powered by Facebook Comments

Powered by WordPress | Designed by: credit repair | Thanks to st louis web design, essay writing and fire glass