2006/Oct/17

หวัดดีคร้าบบ ^^* เขียนไปเขียนมา ล่อไป เอนทรีที่ 4 แล้ว วันนี้ขอเปลี่ยนแนว มาเล่น Imageready มั่งครับ

เคยเห็น Text Emotionมั้ย ที่ชอบใช้ทำให้เครื่องกระตุกๆใน MSN อะครับ

คิดว่าสวยมั้ยหล่ะ อยากลองทำเองดูมั่งป้ะหล่ะ อยากทำก็มาเลย เดี๋ยวเราจัดให้

>> วิธีทำ Text Emo. ด้วย Adobe Imageready

1. สร้างหน้ากระดาษขึ้นมาครับ ไปที่ File > New (Ctrl+N ก็ได้) เลือกขนาดตามต้องการครับ
ในแถบ Contents of first layer ให้เลือก Transparent (พื้นหลังเป็นโปร่งใส) นะครับ เสร็จแล้วกด OK เลย

2. ได้หน้ากระดาษแล้วครับ

3. ทำการสร้าง Text ครับ โดยคลิกที่ตัว T ในแถบเครื่องมือ > คลิกแล้วลากให้เป็นกรอบสี่เหลี่ยมที่หน้ากระดาษ > เลือก Font ขนาด สี ตามต้องการ > แล้วพิมพ์ข้อความครับ

4. เพื่อความสวยงามนะครับ เราจึงเอาเทคนิค Stroke+Gradient Overlay มาใช้ด้วยนะครับ วิธีทำก็เช่นเดียวกันเอนทรีที่ได้เสนอไปเอนทรีแรกเลยครับ

Stroke

Gradient Overlay

อ้อ... เกือบลืมไป Photoshop กับ Imageready ไม่มีอะไรแตกต่างกันครับ เทคนิคที่เสนอไปสามารถประยุกต์ใช้ได้ทั้ง 2 โปรแกรมเลยครับ ไม่ต้องกลัวครับว่าจะงง

5. ได้ Text สวยงาม...

6. ไปดูที่แถบ Animation ครับ ให้คลิกที่รูปแผ่นกระดาษ (Duplicates current frames) ดังภาพครับ เพื่อเพิ่มเฟรมในการทำ Animation ครับ

7. เมื่อคลิกแล้ว ตรงแถบ Animation จะมีหน้าเพิ่มมาหน้านึง ให้คลิกที่หน้าที่ 2 แล้วตกแต่งให้แตกต่างจากหน้าแรกครับ
(ตกแต่งยังไงก็ได้ครับตามใจชอบครับ ในภาพเราเปลี่ยนสีอย่างเดียวพอ)

8. เสร็จเรียบร้อยแล้ว ให้คลิกที่ไอค่อน Tween... ดังภาพเลยครับ

9. ใน Tween จะมี Options ให้เล่นเยอะครับ มีดังนี้...


Tween With - ก็คือการเพิ่มเฟรมในการ Tween ครับ ซึ่ง Next Frame ก็คือจะ Tween ไปยังเฟรมถัดไป Previous Frame ไปยังเฟรมก่อนหน้านั้นครับ
Frame to add - ใส่ตัวเลขในช่องครับว่าจะเพิ่มไปกี่เฟรม
Layer - ให้เลือกครับว่าจะ Tween ไปทุก Layer หรือเฉพาะ Layer ที่เลือกครับ
Parameters - ตรงนี้ขอร่ายยาวครับ เพราะว่าเป็นเอนโดรฟินเลยทีเดียว (สิ่งสำคัญ)

มาดูในแถบ Parameters ครับ...
Position - ตำแหน่งครับ ถ้าเฟรมแรก เราจัดข้อความให้ไปอยู่ทางซ้ายสุด เฟรม 2 เราให้อยู่ขวาสุด ถ้าเราคลิกถูกเลือกข้อนี้ ข้อความจะ Tween จากซ้ายไปขวาครับ
Opacity - ความโปร่งใสครับ เช่นเดียวกันกับข้อแรก ถ้าเฟรมแรก เราใส่ค่า Opacity ที่ 100% เฟรม 2 เราใส่ค่า Opacity ที่ 50% ถ้าเราคลิกถูกเลือกข้อนี้ ข้อความทำการไล่ Opacity ครับ จาก 100% ไปยัง 50% ก็คือค่อยๆเลือน แต่ยังไม่หาย (หรือ Fade)
Effect - ตรงตัวเลยครับ ไม่ว่าจะเป็นสี หรืออะไรก็แล้วแต่ครับ ถ้าเฟรมแรก เราใส่สีข้อความด้วยสีฟ้า เฟรม 2 เราใส่สีข้อความด้วยสีชมพู ถ้าเราคลิกถูกเลือกข้อนี้ ข้อความจะทำการไล่สีตั้งแต่ฟ้าไปยังชมพูเลยครับ ^^

ตั้งค่าเสร็จแล้ว คลิก OK เลยครับ

10. จะเห็นได้ว่าจะมีเฟรมในแถบ Animation เพิ่มขึ้นมาครับ สังเกตสีด้วยว่าจะไล่สีไปเลย
มาถึงนี่แล้วก็อยากรู้ใช่มั้ยครับว่าฝืมือเราเป็นยังไง คลิกที่ Plays/stops animation ดังภาพครับ

11. ถ้าไม่มีข้อผิดพลาดหรือไม่ตกแต่งเพิ่มก็เซฟครับ โดยไปที่ File > Save Optimized As... (Ctrl+Shift+Alt+S ก็ได้) หาที่อยู่ ตั้งชื่อ แล้วกด OK เป็นอันเสร็จพิธี

12. ตามผลงานครับ

ก็ เอวัง ลงด้วย ประการ ละ ฉะนี้ - -*

Comment

Comment:

Tweet


ขอบคุณมากนะคะที่สอน
ทำเป็นแล้วคะ ง่ายมากเลย
สวยมากเลยด้วยbig smile
#59 by name (118.173.32.188) At 2011-03-19 12:03,
ได้แล้วbig smile
#58 by ใบตอง (124.121.98.164) At 2010-10-04 15:15,
พี่หนูเลือก do not dispose แต่ว่าตัวหนังสือหนูเฟรมแรกก็เลื่อนตามเฟรม 2 ลองทำยังไงก็ไม่ได้อ่านจนปวดหัวหมดแล้ว แต่ว่าอ่านของพี่ช่วยได้เยอะเลยค่ะ
สนุกดี แต่แก้ปัญหาไม่ได้นี่สิ เซ็งเลย ปวดตาหมดแล้วช่วยหน่อยค่ะ ขอบคุณค่ะ
#57 by น้ำ (117.47.107.164) At 2010-06-20 20:28,
<a href="http://ublhdfqgxylrqnt.com">wkzwzubfrhzrxnh</a> http://slmnhtjyjddijro.com [url=http://alwwehynftrobuz.com]zhsjmilyzjuheuc[/url]
#56 by omvubsdcld (94.102.52.87) At 2010-06-07 20:13,
ดูแล้วทำไม่เป็นค่ะ

อธิบายเพิ่มกว่านี้ได้ไหมคะ
#55 by (202.149.25.241) At 2010-04-16 20:32,
<img src="images/gif.gif" width="800" height="600" alt="">
#54 by (118.174.107.26) At 2010-04-07 11:06,
#53 by (117.47.239.152) At 2010-03-31 20:51,
แถบanimationอยู่ตรงไหน
#52 by ... (117.47.239.152) At 2010-03-31 20:10,
อุ้ ย ต๊ า ย เ จ อ b l o g มี ส า ร ะ
ไม่เหมือนบล็อกสุ่ยเลย

ขอบคุณสำหรับความรู้นะคะ
ไว้ว่างๆเอาไปทำเล่นมั่ง
( ว่ า ง ต อ น ไ ห น เ นี่ ย ชั้ น )
#51 by 김용훈★ (115.67.91.204) At 2010-03-19 13:57,
บอกวิธีทำลงในเอ็มให้ด้วยดิคับ
angry smile angry smile
นะคับ
อันสุดท้ายก็ THx
#50 by katos (125.24.176.75) At 2010-03-08 20:57,
บริษัท ปัณศนุ จำกัด ขายซอฟต์แวร์ลิขสิทธิ์, โน๊ตบุ๊ค, คอมพิวเตอร์ ราคาถูกที่สุด โปรโมชั่นคอมมาร์ต พันธ์ทิพย์
http://comforu.com
#49 by comforu.com At 2010-01-25 16:12,
''งงงง'''
#48 by 6666 (203.172.212.113) At 2010-01-07 14:27,
5555question
#47 by 555 (203.172.212.113) At 2010-01-07 14:26,
ว่างัยยย
#46 by nunook~** (125.24.29.151) At 2009-12-01 14:33,
#45 by (125.24.29.151) At 2009-12-01 14:33,
ว่างัยยย
#44 by nunook~** (125.24.29.151) At 2009-12-01 14:30,
ว่างัยยย
#43 by nunook~** (125.24.29.151) At 2009-12-01 14:28,
เปลี่ยนสีทำไงคับทำไม่ได้เยยอ่ะsad smile
#42 by โนบิตะ (118.172.68.37) At 2009-11-07 16:20,
ทำยาก แหะ ทำไม่เปน ทำมั่วๆ จน ได้ อ่ะ แล้วทำให้ ดุก ดิก ยังไง อะ คับ รบกวนบอกด้วยนะค๊าบ-.-
#41 by มั่วจนถูก (118.173.170.65) At 2009-08-10 22:21,
#40 by (125.27.117.93) At 2009-07-05 10:22,
มะเปงง
#39 by (222.123.143.132) At 2009-06-06 20:22,
ควย
#38 by (124.121.54.97) At 2009-04-30 01:06,
ทํา
#37 by ดเ (125.24.82.249) At 2009-04-29 18:25,
สนุกมากเรยคร่า

ข อ บ คุ น น ะ ค่ ะ

big smile
#36 by (118.174.117.176) At 2009-03-28 15:41,
ทำได้แล้วคะ แต่ว่าที่นี้จะเอาไปใส่ใmsn ได้อย่างไรคะ
#35 by (125.25.102.34) At 2009-03-19 20:36,
อยากรุ้ว่า ตงอนิเมชั่นอะ นายให้ทำ2หน้า
แล้วให้เปลี่ยนสีตงหน้าที่2 แต่เราพอเราเปลี่ยนสีมันเปลี่ยน2หน้าเลยอะ
นายทำยังไงให้เปลี่ยนแค่หน้าเดียวอะ
บอกที
#34 by โฟค (58.8.37.225) At 2009-03-03 17:15,
ลองทำดีดูแล้วดีมากเลยค่ะ อยากทำมานานแล้วไม่รู้เขาทำยังไงกัน ตอนนี้ทำได้แล้วค่ะ ขอบคุณความรู้ดีๆนี้มากนะค่ะ
#33 by (125.24.85.161) At 2008-11-21 16:25,
มีควมรู้ทากเลยค่ะเดี๋ยวจะลองเอาไปทำ
#32 by นก (125.24.6.33) At 2008-10-27 09:40,
ดีมากเลยค่ะ ได้ความรู้เพิ่ม
อิอิ
double wink
#31 by gill_za (124.121.210.186) At 2008-08-18 10:36,
ขอบคุณค่ะ
ลองทำดูก่อนค่ะ
ว่าจะสำเร็จมั้ยน้า
#30 by (124.121.8.37) At 2008-08-14 21:47,
ทำเป็นแล้วค่ะ
ขอบคุนมากนะคะ
#29 by เช็ค (125.26.120.100) At 2008-06-29 16:29,
ดีมากๆๆๆๆๆๆๆดลยครับผม กำลังต้องการทำอยู่พอดีครับ
#28 by 88 (125.24.123.212) At 2008-06-08 02:30,
ดีมากสวยมา big smile big smile
#27 by อ๋อ (125.26.116.238) At 2008-05-02 10:59,
ของคุงค่ะ
กามลังงพอดี
หะๆ *
#26 by nr41 (118.174.41.129) At 2008-04-26 11:48,
ขอบคุณมากค่า
#25 by กัน (124.120.10.68) At 2008-04-17 09:44,
#24 by (125.24.232.20) At 2008-03-25 08:39,
เก่งมาก ๆ นะ
#23 by อ้อม (118.172.173.136) At 2008-02-26 19:02,
เซฟม่ายได้อ่ะทำงัยอ่ะลองเซฟหลายทีแล้วมันขึ้นแบบเนี่ย because jpeg,png and wbmp do not support animation,imagereddy will save only the currently selected frame แล้วต้องทำงัยถึงจาเป็นภาพ animationได้อ่ะ บอกทีสิแอดมาก้อได้นะพยายามแล้วอ่ะ tong_t_t@hotmail.com
#22 by Nuu Tong (58.8.86.28) At 2008-02-01 11:51,
Hello! Good Site! Thanks you! nfvsfaocwtaf
#21 by bjsngbaegq (195.5.20.194) At 2008-01-28 09:16,
#20 by (202.6.107.59) At 2008-01-15 13:00,
ตรงนี้ทำไม่ได้ ไม่รู้ จะมีคน มาตอบ หรือ ป่าว

ตรง ที่จะ เปลี่ยน สี
7. เมื่อคลิกแล้ว ตรงแถบ Animation จะมีหน้าเพิ่มมาหน้านึง ให้คลิกที่หน้าที่ 2 แล้วตกแต่งให้แตกต่างจากหน้าแรกครับ

พอ คลิก ที่ หน้าที่ 2 แร้วจะเปลียน สี อ่ะ มันไม่ได้ ทำงัย หรอ ตอบ ทีจินะ
#19 by บุ๋ม (202.6.107.59) At 2008-01-15 12:43,
ตรงนี้ทำไม่ได้ ไม่รู้ จะมีคน มาตอบ หรือ ป่าว

ตรง ที่จะ เปลี่ยน สี
7. เมื่อคลิกแล้ว ตรงแถบ Animation จะมีหน้าเพิ่มมาหน้านึง ให้คลิกที่หน้าที่ 2 แล้วตกแต่งให้แตกต่างจากหน้าแรกครับ

พอ คลิก ที่ หน้าที่ 2 แร้วจะเปลียน สี อ่ะ มันไม่ได้ ทำงัย หรอ ตอบ ทีจินะ
#18 by (202.6.107.59) At 2008-01-15 12:42,
แล้วมีวิธีทำ emotion แบบภาพมั้ยค่ะ
อยากทำมากๆ
#17 by kissthy (124.157.205.91) At 2008-01-14 00:22,
โอววว....ขอบคุณมากๆเลยครับ กะลังงงมากๆ ได้ประโยชน์และเข้าใจง่ายมากเลยครับ ขอบคุณจริงๆbig smile
#16 by shongsalomon At 2007-10-28 11:11,
อ่านแล้วเกิดไอเดีย สามารถนำไปทำให้มันเปลี่ยนรูปเมื่อภาพเหมือนการเลื่อนสไลด์ ภาพได้หรือเปล่า มีการหน่วงเวลาหรือเปล่า อยากจะนำมาใช้ Headder ของ web เพราะเบื่อกับการที่จะต้องนำภาพไปฝากไว้ที่ server อื่น ๆ มันช้าเพราะต้อง connect กันอีกทั้งเวปล่มก็มี ช่วยบอกวิธีหน่อยครับ
#15 by ตองไกว (58.9.56.222) At 2007-10-27 04:52,
ขอบคุณสำหรับความรู้ครับแต่อยากให้มีเทคนิคการทำตัวอักษร เครื่อนไหวให้มากกว่านี้อีกอ่ะ แต่แค่นี้ก็ดีแล้วคับ
#14 by เต้ (222.123.167.147) At 2007-10-08 12:13,
พี่ค่ะทำเสร็จแร้วแต่ไม่รู้จาใช้ยังงัย
#13 by (203.113.33.9) At 2007-04-12 03:15,
ทำได้แล้ววว ประกอบกับเคยเรื่องมาแล้ว(ลืม- -)เลยเข้าใจกระจ่าง สีฟ้าสวยดีเนอะ ของข้าน้อยน้ำเงินเทา เอิ๊ก

ขอแอดไว้นะขอรับท่าน
#12 by Ritsuka At 2006-10-19 19:03,
thx q
#11 by Tang-mae At 2006-10-18 23:24,
ว้าววววว

บล๊อคมีสาระ ชอบๆๆๆคับ

เพราะเรานั้นทำโฟโต้ไม่เป็น 555+

ขอมาศึกษาจากบล๊อคนี้นะ

งั้นแอด Fv เลยนะคับ
#10 by ::|| プロイ At 2006-10-18 22:49,

ニュビーズ ☆彡
View full profile