2006/Nov/19

ซา-หวาด-เด-จ้า ~~~"

ดอง Blog ครบอาทิตย์นึงพอดีเลย ^^*(ฮา) ใจจริงก็ไม่ได้ตั้งใจดองหรอกนะครับ กะว่าจะอัพอาทิตย์ละครั้งเท่านั้นเอง

พอดีเมื่อวานไปอบรมที่ รร. ครับ หัวข้อก็ "พาน้องท่องอนาคต ปีที่ 3" ครับ เนื้อหาโดยรวมก็เกี่ยวกับรุ่นพี่ มาแนะนำประสบการณ์เกี่ยวกับ มหาวิทยาลัยต่างๆ , คณะที่สนใจ , Admission เป็นต้นครับผม

ซึ่งก็ขอบอกเลยว่าการอบรมครั้งนี้ ได้อะไรๆมากมายเลยครับ ถึงเราจะกลับบ้านก่อนงานจบก็เถอะ - -"

เพื่อนๆ ที่กำลังจะ Admission ในปีนี้ หรือปีโน้น (ม.5 , ม.6) ยังไงก็ขอให้สมหวังกับคณะที่ชอบๆ ละกันครับผม ^^"


มาคราวนี้จะเป็นเทคนิคต่อเนื่องจากเอนทรีที่แล้วนะครับ ที่เราได้กล่าวถึงการใช้ Opacity สำหรับภาพนิ่งไปแล้ว ซึ่งเอนทรีนี้จะเป็นการนำ Opacity มาประยุกต์ใช้กับ Imageready ครับผม โดยจะเป็นการใส่ Opacity ให้กับ Text แบบ Fade (แบบเลื่อนไปมา) ซึ่งจริงๆแล้วนั้น การ Fade จะมีหลายลูกเล่นมากครับ เดี๋ยวจะค่อยๆทยอยมาในเอนทรีถัดไป วิธีทำก็ไม่ยากเช่นเคยครับ มาดูกันเลย...

1. เข้าโปรแกรม Adobe Imageready แล้วสร้างหน้ากระดาษตามขนาดที่ต้องการเลย ด้านล่างให้เลือกเป็น Transparent ครับ

2. ใส่ Text ที่ต้องการครับ โดยใส่ทีละตัวๆ นะครับ

3. จัด Text ให้พอเหมาะพอดี

4. ในแถบ Layers ให้คลิกที่ Layer ของตัวอักษรตัวอะไรก็ได้แล้วคลิกที่ Add a layer style > Blending Options ครับ เพื่อทำการใส่ Effects ให้กับ Text (เราใช้ Gradient Overlay กับ Stroke ครับ)

5. ใส่เสร็จแล้ว ให้คลิกขวาที่ Layer เมื่อกี้ แล้วเลือก Copy Layer Style

6. แล้วคลิกขวา เลือก Paste Layer Style ให้กับทุก Layer เลยครับ

7. เสร็จแล้วครับสำหรับการใส่ Effects ให้กับ Text

8. ต่อไปให้ตั้งค่า Opacity ของ Text ให้มีค่าจากมากไปน้อยตามลำดับครับ
(Layer แรกจะอยู่อันล่างสุดนะครับ เราใส่ไป 100% เลย แล้วค่อยๆไล่ไป จากมากไปน้อยครับ ดูภาพเอานะ)

เสร็จแล้วให้คลิก Duplicates current frame ครับ

9. ให้ตั้งค่า Opacity ของ Text ให้มีค่าจากน้อยไปมากตามลำดับครับ หรือตั้งค่าสลับกันกับข้อ 8 ก็ว่าได้
(เราใส่ค่า Opacity ของ Layer แรกให้น้อยสุดครับ แล้วค่อยๆไล่ไป จากน้อยไปมากครับ สังเกตภาพข้อ 8. กับ 9. ดูครับ แล้วจะรู้ว่าต้องใส่ค่ายังไง)

เสร็จแล้วคลิก Tween... ครับ

10. ตรงช่อง Tween With : ให้เลือกเป็น Previous Frame ครับ
ส่วน Frames to add : ให้ใส่ตามต้องการเลยครับว่าจะให้ Add Frames เพิ่มมากี่เฟรม เสร็จแล้ว OK เลยครับ

11. เฟรมจะถูก Add ขึ้นมาครับ พร้อมกับ Tween เรียบร้อย
ต่อไปให้คลิกที่ Duplicates current frame ครับ จะมีเฟรมเพิ่มขึ้นมาอันนึง > ให้ใส่ค่า Opacity ให้เหมือนกันเฟรมแรกสุดครับ > แล้วคลิก Tween... > แล้วเลือกค่า > เสร็จแล้ว กด OK ครับ

12. กำหนดเวลาให้กับทุกเฟรมครับ โดยคลิกที่รูปสามเหลี่ยมเล็กๆ แล้วเลือกเวลาเลย

(ถ้าต้องการใส่ค่าเป็นทศนิยม 2 หลัก ให้เลือกที่ Other... ครับ พอดีในภาพเราใช้ 0.2 แต่ Preview ออกมามันช้าไปครับ ใน Preview เราเลยเปลี่ยนมาเป็น 0.13 ครับผม)

13. เสร็จแล้วให้ไปที่ File > Save Optimized As... เพื่อทำการเซฟ เป็นอันเสร็จพิธี

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


เพื่อความไม่ซ้ำซากจำเจ เราสามารถไล่สีตัวอักษรได้ด้วย โดยการ Tween ครับผม วิธีทำน่ะหรอ.. ก็...

ในข้อ 9. นะครับ >> เมื่อ Duplicates current frame แล้ว จะมีเฟรมเพิ่มขึ้นมา ให้เปลี่ยนสีตัวอักษรในเฟรมที่ 2 ให้ต่างจากเฟรมแรกครับผม (ถ้าใช้ Gradient Overlay กับ Stroke ก็ให้เปลี่ยนสีที่ Blending Options ครับ)

แล้วทำตามขั้นตอนข้างต้นครับ ก็จะได้ดังนี้...

ตามผลงานอีกรอบครับ...


เป็นไงมั่งครับ ไม่ยากเลยเนอะ ^^" (ใน Preview เราใช้ 0.13 นะครับ เพราะว่า 0.2 เราว่ามันช้าไปอ่า - -")

ทิ้งท้ายไว้ซักนิดนะครับ นานๆ เราจะเข้ามาเชคเรทติ้งทีนึง - -"

ยังไงก็ขอฝาก Blog นี้ไว้ ในอ้อมใจ ของทุกคนคร้าบผม ^^"

เช่นเคยครับ สำหรับผู้ใด มีข้อติ-ชม สงสัยประการใด ยังไงก็ Comments มาได้ครับผม รับฟังทุกปัญหาครับ

และต้องขอขอบคุณสำหรับทุกๆ Comments ที่ผ่านมา ณ ที่นี้ ครับผม

สำหรับวันนี้พอแค่นี้ก่อนครับผม ไปล่ะครับ บะบายยยย.... ~~~"

┌――┐
|\/│>> ปล. ใกล้ 1000 Hitz แล้วน้าครับ อยากเปิดตัว Theme ใหม่ ใจจะขาด...แล้วเอย ~~~"
└――┘

Comment

Comment:

Tweet


แล้วมันเอาไปใส่ใน box hi5 ได้ป่าวอ่ะคะ
#31 by zanzon (58.9.195.183) At 2010-03-19 11:57,
เจ๋งไปเลยbig smile open-mounthed smile confused smile question cry
#30 by 123 (124.120.35.19) At 2009-10-13 18:08,
☺☻♥♦♣♠•◘○◙♂♀♪♫☼►◄↕‼¶▬§▬↨↑↓→←∟→▲▼ !"#$%&'()*,+,-./0123ปืนฉีดน้ำ ปืนฉีดน้ำ ปืนฉีดน้ำ ปืนฉีดน้ำ ดอกมะลิ ดอกมะลิ ดอกมะลิ ขันน้ำ ขันน้ำ
#29 by (58.9.94.199) At 2009-04-06 20:55,
เป้นเรื่องเล่าที่เข้าท่ามากเลยค่ะ
#28 by เอ่อ... (125.24.212.157) At 2008-06-15 22:27,
Hello! Good Site! Thanks you! hbygxqclqcfo
#27 by wskjzhcqvf (212.107.116.240) At 2008-01-28 09:14,
#26 by (221.128.87.201) At 2008-01-03 10:41,
พี่นิวสุดยอดเลย ผมยังทำไม่ได้เท่าพี่เลย

ลองเข้า Blog ใหม่ของผมครับ http://www.nooyu.com
#25 by หนูยู At 2007-03-11 02:54,
นิวเทพแระแหละช่วยหั้ยเขาบนหัวจอยลดลงเยอะ ใจน้าที่เม้นไดหั้ยอ่ะ
#24 by จอยเอง (202.57.168.93) At 2006-12-13 21:48,
เอ๋ เหนือฟ้ายังมีฟ้าครับ บางทีอาจจะมีคนตั้งชื่อนี้ก่อนเราก็ได้เนอะ - -"

งั้นเราก็ตั้งชื่อนี้ช้าไปน่ะสิ - -"

ยังไงก็ขออภัย มา ณ ที่นี้ครับ
#23 by ニュビーズ ☆彡 At 2006-11-24 18:22,
ทำไม ชื่อเดี่ยวกันกะผมเลยอ่ะ น่ะ ?
#22 by aquariz (202.151.43.130) At 2006-11-24 14:07,
เราแอดปีนี้จ้า ..
Theme สวยอ่ะ อาดดี .. ชอบๆ
#21 by pLOiiZ At 2006-11-23 22:35,


เเม่ปลื้ม จบ. ฮ๋าๆ
#20 by dew (124.120.83.173) At 2006-11-23 21:34,
โฮกกกก ชักจะอิจฉาเจ้าของบล๊อกแล้วจิเก่งเกินไปแว้ว แล้วก็ทุ่มเทมั่กมากเลยด้วย พยายามต่อไปนะค่ะ เป็นกำลังใจให้

อยากเห็นธีมใหม่ด้วย แต่ธีมนี้ก็สวยอยู่แว้ว อิอิ
#19 by mo0NL!Ght~เห็ดน้อย At 2006-11-23 16:19,
เทคนิค ใหม่ๆ
#18 by !2know ++ At 2006-11-23 08:45,
จะลองเอาไปทำตามดุนะครับ

ขอบคุณสำหรับวิธีมากๆเลย^^
#17 by ЯЧBIOК At 2006-11-22 19:42,
ความรุดีๆ ขอบคุงหลายน่อ
#16 by オレンジ 嘘 || orenji-uso At 2006-11-22 19:07,
เจ้าของบลอคทุ่มเทที่จาเปนผู้หั้ยมั่กๆ เลยอ่ะคับ
.
.
.
อย่างงี้เราขอเปนกำลังจัยหั้ยอัพแบบนี้ปายเรื่อยๆ น่ะ
.
.
เย้ ดีใจด้วย

จะครบ 1000แล้ว

อยากเหนธีมใหม่ใจจะขาดเหมือนกัน
555++
#14 by ~~ :: Sarangyuchun ^^* :: ~~ At 2006-11-21 19:45,
ตอยคุณ ~ f A r s a i ~ ครับผม...

>> ใช้แค่ Theme ของ Vista ครับผม ^^" (Vista Visual Style Pack 2.0) แต่ตัวที่เราใช้มันยังไม่ค่อยเนียนครับ ต้องใช้ Microsoft Vista Transformation Pack 2.0 ครับ เนียนมากๆ การันตีได้ครับ จากห้องมัลติมิเดียที่ รร. เราเอง

>> Address
Microsoft Vista Transformation Pack :: http://www.thaiware.com/main/info.php?id=3859

Vista Visual Styles Pack 2.0 :: http://www.thaiware.com/main/info.php?id=7403

ตอบคุณ @-*- YaDa -*-@ ครับผม...

>> โปรแกรมนี้จะใช้ทำภาพเคลื่อนไหวครับ โดยสามารถนำรูปภาพหลายๆภาพ มาทำเป็นภาพเคลื่อนไหวได้

หรือจะสร้างภาพ , Text ในโปรแกรม แล้วทำเป็นภาพเคลื่อนไหวก็ได้เช่นกันครับ ^^"

ส่วนแบนเนอร์นั้น ถ้าเป็นแบบภาพเคลื่อนไหวนี่สามารถทำได้โดย Imageready หรือ Flash ก็ได้ครับ (แต่ Flash สวยกว่า) ถ้าเป็นภาพนิ่งเราใช้ Photoshop ก็ได้ครับ

เอาเป็นว่า ถ้าจบคอร์สเรื่อง Opacity ประยุกต์แล้ว เราจะอัพเรื่องวิธีทำแบนเนอร์ละกันครับผม ^^* ยังไงก็รอติดตามละกันนะครับ (เพราะว่าเห็นคุณ @-*- YaDa -*-@ รีเควสมาตั้งนานแล้ว ตรงนี้ก็ขออภัยด้วยครับผม เพราะว่าเราต้องอัพเนื้อหาให้มันต่อเนื่องกันครับ อัพมั่วซั่วแล้วเดี๋ยวจะงงกัน (คนอัพก็เบลอ) ครับผม - -"
#13 by ニュビーズ ☆彡 At 2006-11-21 16:42,
น่าลองไปทำแฮะ อิอิ
#12 by ~:NingGeeZ:~ At 2006-11-21 14:04,
ว๊าวๆๆ อยากเล่นมั่งง่าๆ
แต่ใช้โปรแกรมนี้ไม่ค่อยคล่องเท่าไหร่แต่จะลองดูงับ
*ก้อคนมันอยากเล่นนี่นา*
#11 by At 2006-11-20 21:03,
กะลังสงสัยเลย
ว่าไอ้โปรแกรมนี้มันไว้ทำอาไร
( ใช้ไม่เป็น )
อยากทำแบนเนอร์อ่าค่ะ
สอนหน่อยจิ
ดาทำมะเป็น
กะเดะอยากมี
เหอะ เหอะ
#10 by Sorry At 2006-11-20 20:32,
เจ๋งเลยคับ ขอบคุณมาก

แต่เอ..คุณ aquariz ใช้ interface ของ vista ป่าวคับ
หรือว่าใช้ windows vista เลย สวยดีคับ
#9 by - ., - At 2006-11-19 23:31,
แจ่มมากเลย
เด๋วว่างจะลองเล่นดู
แต่ช่วงนี้ไม่ว่างเลย
อย่างงี้นี้เอง ขอบคุณคราบบ สำหรับความรู้ ต้องลองๆๆๆๆ
#7 by ۞ RECCA۞ At 2006-11-19 20:39,
สุดยอดเลยจ้า เทคนิดสุดยอดเลย

ว่างๆจะลองทำดูน้าจ้ะ ขอบใจมากจ้าที่เอามาแนะนำกานน้า
#6 by ღ° At 2006-11-19 20:26,
เจ๋วเลยค่ะ อิอิ จาลองทามดูน่ะค่ะ
เรายิ่งโง่ๆอยู่ รู้เพิ่มขึ้นเยอะเลย
#5 by PJ At 2006-11-19 20:06,
มาตอบหน่อยนะครับ
>มีน้ำท่วมเข้าห้องนึงด้วยครับ *0*
>ที่เป็น "ประตูดำ" และ "ยำมาม่า" เพราะ รั้วตรงนั้นกั้นระหว่างสนามเตรียมฯกับประตูดำของจุฬา ทำให้เด็กเตรียมไม่สามารถออกทางประตูดำได้ และบริเวณประตูดำจะมีร้านขายยำมาม่าอยู่ ซึ่งทำให้อดกินไปด้วย ครับ
#4 by DarkZeusPDS At 2006-11-19 19:17,
สุดยอดเลยยยย
ขอบคุณที่เอามาสอนนะคะ ^^
#3 by ★+::+@MilY+::+★ At 2006-11-19 18:46,
ไปมาเหมือนกานแหละ พอเค้าปล่อยกินข้าว ก้อแอบหนีกลับเลย แต่เห็นนิวก้อแอบกลับแวปๆเหมือนกันนะ คงไปหาใครสักคน...
#2 by Kttz (58.9.200.61) At 2006-11-19 18:13,
อ่า เทคนิคแบบนี้ไม่เคยรู้มาก่อน เจ๋งมากครับ
#1 by DarkZeusPDS At 2006-11-19 18:11,

ニュビーズ ☆彡
View full profile