เทคนิคแฟลช - มอร์ฟตัวอักษร
posted on 18 Apr 2008 04:57 by itsheeสืบเนื่องมาจากเอนทรีนี้ครับ ตัวหนังสือยืดได้ หดได้ ก็เลยมาอธิบายสั้นๆ มาก (เ้น้นรูป) โดยโปรแกรมที่ใช้ทำก็คือ Adobe Flash (Macromedia Flash) โดยสิ่งที่จะทำก็คือมอร์ฟ (morph) ตัวอักษรจากเฟรมไปอีกเฟรมเป็นแอนิเมชันเล็กๆ
1. เปิดหน้าว่างขึ้นมา และเลือกขนาดความกว้าง ความสูงตามต้องการ เสร็จแล้วก็พิมพ์ข้อความที่ต้องการเข้าไปครับ
2. พอพิมพ์เสร็จให้แบ่งตััวอักษรด้วยคำสั่ง "Break apart" โดยคลิกขวาที่ข้อความแล้วเลือก โดยต้องทำสองครั้ง ครั้งแรกโปรแกรมจะแบ่งตัวอักษรจากคำ และครั้งที่สองโปรแกรมจะแบ่งคำกลายเป็นกราฟิกส์ (ดังภาพด้านล่าง ถ้าดูรูปใหญ่กดที่ภาพครับ)

4. หลังจากนั้น ก็ไปที timeline ด้านบนแล้วคลิกขวาที่เฟรม 1

5. เสร็จแล้วก็นำไป paste frame ในเฟรมที่ต้องการ (ในกรณีให้แต่ละเฟรมห่างกัน 5 เฟรม เลยไปเพสต์ที่เฟรมที่ 6) ก็ปรับระยะกันตามชอบครับ

6. พอครบจำนวนตัวอักษรแล้ว (อย่างอันนี้ exteen 6 ตัวอักษร ก็ใส่ไป 6 เฟรม) แล้วย้อนกลับมาที่เฟรม 1 คราวนี้เราต้องการให้เฟรม 1 มีตัวอักษรเดียว ก็ลบที่เหลือให้หมด

7. เฟรมต่อมา ก็ลบออกให้หมด เหลือตัว x ตัวเดียว และก็ทำไปจนจบ โดยในตัวอย่างนี้ จะกำหนดให้เหลือ เฟรมละ 1 ตัวอักษร

8. คราวนี้ก็มาใส่คำสั่งให้มีการเคลื่อนไหวต่อเนื่องระหว่างเฟรม โดยให้นำเมาส์เลือกคร่อมเฟรมทั้งหมด ตั้งแต่ เฟรม 1 ถึงเฟรมที่ 26 เสร็จแล้วลงมาด้านล่าง เลือกตรง Tween ให้เป็น Shape จะเห็นเครื่องหมายลูกศรขึ้นระหว่างเฟรม

9. คราวนี้เราก็จะได้แอนิเมชันการเคลื่อนไหวจาก e → x → t → e → e → n เรียบร้อย คราวนี้ถ้าอยากให้เฟรมวิ่งย้อนกลับ เราก็ก๊อปเฟรม 1 ถึง 26 ไปต่อท้ายที่ เฟรม 27 แล้วเพสต์ลงไป

10. คราวนี้ก็มาเลือกเฟรม 27 ถึง 51แล้วคลิกขวาเลือก Reverse Frames คราวนี้ จะเห็นตัวอักษรวิ่งย้อนกลับ จาก n → e

11. แค่นี้ก็เสร็จแล้ว ก็กด publish แล้วก็เซฟได้ไฟล์มาเป็น .swf หลังจากนั้นก็หาที่โหลดเก็บไว้เพื่อจะมาทำลิงก์ใน exteen ตามที่เขียนไว้ในเอนทรีนี้ ตัวหนังสือยืดได้ หดได้
12. ถ้าใครอยากดัดแปลง อย่างเช่นให้มีตัวอักษร 2 ตัว 3 ตัวต่อเฟรม หรือว่าจะให้เป็นตัวอักษรทั้งหมด แล้วค่อยมอร์ฟเป็นตัวอักษรย่อย หรือแบบไหนก็ตาม ให้ไปแก้ที่แต่ละเฟรม และใส่ตัวอักษรตามต้องการ
จบแล้วครับ ใครมีคำถามหรือข้อสงสัย หรืออธิบายไม่เคลียร์ ถามได้ครับผม ถ้าใครต้องการถามผ่านทวิตเตอร์ ก็แอดเข้ามานะครับ แล้วพิมพ์ ข้อความว่า @manop แล้วตามด้วยคำถาม เช่น
@manop ถ้าต้องการทำ___
สำหรับคนไม่เคยลองทวิตเตอร์ลองดูได้ที่ http://twitter.com/manop

)
ไว้ว่างๆ ต้องลองดูหน่อย ขอบคุณมากค่ะ







#1 By SkyKiD on 2008-04-18 05:26