สืบเนื่องมาจากเอนทรีนี้ครับ ตัวหนังสือยืดได้ หดได้ ก็เลยมาอธิบายสั้นๆ มาก (เ้น้นรูป) โดยโปรแกรมที่ใช้ทำก็คือ Adobe Flash (Macromedia Flash) โดยสิ่งที่จะทำก็คือมอร์ฟ (morph) ตัวอักษรจากเฟรมไปอีกเฟรมเป็นแอนิเมชันเล็กๆ


1. เปิดหน้าว่างขึ้นมา และเลือกขนาดความกว้าง ความสูงตามต้องการ เสร็จแล้วก็พิมพ์ข้อความที่ต้องการเข้าไปครับ
2. พอพิมพ์เสร็จให้แบ่งตััวอักษรด้วยคำสั่ง "Break apart" โดยคลิกขวาที่ข้อความแล้วเลือก โดยต้องทำสองครั้ง ครั้งแรกโปรแกรมจะแบ่งตัวอักษรจากคำ และครั้งที่สองโปรแกรมจะแบ่งคำกลายเป็นกราฟิกส์ (ดังภาพด้านล่าง ถ้าดูรูปใหญ่กดที่ภาพครับ)



3. ลงสีตัวอักษรตามชอบใจ



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

เข้าใจง่าย และมีประโยชน์มากครับ Hot! confused smile

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

ช่วยด้วยครับพี่มานพ
บล็อกผมใส่ Flash แล้ว
ตอน Preview มันจะแสดงตรงตำแหน่งพอดี
แต่ดูที่บล็อกจริงๆส่วน Header มันจะกระโดขึ้นไปข้างบนน่ะครับ
ไม่แน่ใจว่าต้องไปปรับตรงไหนอีกอ่ะครับ
sad smile

ขันน้ำ ขันน้ำ
Hot!
ขันน้ำ ขันน้ำ ขันน้ำ confused smile

#3 By 「4GLORY」 on 2008-04-18 08:04

ดอกมะลิ

เอ่อ ถามว่า ใน IE ทั้งบล็อกพี่และบล็อกผม Flash หัวบล็อกมันจะเบี้ยวน่ะครับ

ไม่ทราบว่ามีวิธีแก้ไขอะไรไหมครับ
เคยเรียน เคยทำได้ พอเรียนจบก็ลืมหมดเลย

#5 By o.OSnookerMaNO.o on 2008-04-18 08:27

โอ้... ถ้าอะไรแบบนี้พี่จะชอบทำมากเลยค่ะ

(แต่ทำได้ไม่ได้ก็เป็นอีกเรื่องนะ question)

ขอบคุณมากค่ะ Hot!

ขอบคุณฮะ

ไว้จะลองเล่นดู เหอๆ

ขันน้ำ ขันน้ำ ขันน้ำ

#7 By อริ๊ง~[TiGGeR] on 2008-04-18 09:59

จะไปลองทำดูค่ะ big smile

#8 By ^_poomapooma_^ on 2008-04-18 10:35

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

#9 By Piggy on 2008-04-18 11:03

ไว้จะลองทำดูค่ะ confused smile
อยากเอา flash ลงบล็อคมั่ง อิอิ

#10 By ♡ BlackCrystal ♡ on 2008-04-18 11:57

ยังไมไ่ด้แก้เลยครับ ทำ CSS เบี้ยวใน IE รอว่างๆ ก่อน

ส่วนแฟลชตัวนี้ใช้เวลาทำเร็วมาก เวลาเขียนเอนทรีนี้นานกว่าเลย sad smile

#11 By mnop on 2008-04-18 12:38

Hot! เยี่ยมเลยผมมีโปรแกรมแฟชร แต่ไม่เคยใช้ เพราะมไ่มีหนังสือ

ขอบคุณมากๆที่มาแบ่งบันความรู้

สงสัยต้องลองซะแล้ว

#12 By Under Constuctive Man on 2008-04-18 13:26

ขอบคุณคะ เดี๋ยวเอาไปแข่งกับพี่ตุ้มแป๊ะconfused smile
ติดอย่างเดียวยังไม่มีโปรแกรม เดวไปหาๆ แถวๆบิตก่อง ขอบคุณที่มาแนะนําวิธีน้า

#14 By หมู..โฮก..โฮก on 2008-04-18 18:35

มาเป็นป๋าดันให้.....

อยากให้คนไม่เคยลองได้เ่ล่นกันเยอะๆ...
หนุกดี..อิอิ...(ติดอยู่แค่ว่าช่วงนี้ยังยุ่งๆอยู่)

Hot! confused smile

#15 By robocon on 2008-04-19 00:10

ขอบคุณครับ...แบบนี้เอาไปเลย Hot!
ยินดีกะตำแหน่งนางสงกรานต์ ที่ติดอันดับ1-30ถูกสาดมากที่สุดนะค้าdouble wink

#17 By 2spot studio on 2008-04-19 19:52

ม่ายย ม๊ายย.. เซลสมองป้าเสื่อมแล้ว
ไม่รับอะไรใหม่ๆ
ไม่ๆๆๆๆๆๆๆ อ๊ากกcry


แต่เจ้านกทวิตเต้อเนี่ย เคยเข้าไปศึกษาๆดูแล้วล่ะ

รู้สึกวัยเราจะล่วงเลยไปนิดนะ เห็นแล้วท้อยังไงไม่รู้
ไม่ใช่ว่ายากนะ แต่ไม่รู้จะใช้ฟีเจอร์ยั่งงั้นกะใครอะsad smile

#18 By SiLLY OLD WaeW on 2008-04-20 17:28

ขอลองทำตามดูบ้างนะค่ะbig smile

#19 By ~memay~ on 2008-04-21 22:50

พี่ค่ะอธิบายเรื่อง เทคนิคแฟลช-มอร์ฟตัวอักษรได้ดีมากเลยค่ะ เว็บหนูก็มี http://www.dekyim.org

#20 By dekyim_sone (118.172.73.17) on 2008-04-25 11:25

ถ้าเห็นว่าบล็อกน่าสนใจคุณสามารถ
 
อ่านบล็อกนี้ผ่านฟีดรีดเดอร์ (?)

หรือ อ่านบล็อกผ่านอีเมล:



ฟอลโลว์ mnop ที่ทวิตเตอร์.คอม
พัฒนาโดย korelab