2006/Dec/19

>> Come Back Again ~~~!!!!!

กลับมาแล้วครับผม หลังจากที่หายไปประมาณเกือบๆเดือนได้ อันเนื่องจากว่า มีภาระงานหลายอย่างมากมายเช่นเคยครับ

ตอนนี้ กำลังแบบว่า เห่อ Visual Style อันใหม่มากๆเลยครับ ทั้ง Theme Mac OS X และ Vista เลย

และด้วยความซนเกินเหตุ ทำให้คอมเราตอนนี้ ไม่สามารถเปลี่ยน Theme อื่นๆ ได้เลยครับ เป็นเรื่องที่น่าเศร้ามาก T.T"

ด้วยความที่อยากระบาย(ความซน)ของเรื่องนี้มากมาย ดังนั้นเราขอยกยอดไปเป็นเอนทรีหน้าแล้วกันครับ (เอ๊ะยังไง)



และแล้ว เราก็มาต่อเนื่องกันกับเทคนิคการประยุกต์ใช้ Opacity กับ Adobe Imageready เช่นเคยนะ ซึ่งคราวนี้ จะเป็นการประยุกต์ใช้กับ Shape ที่สร้างจาก Photoshop ครับ โดยต้องสร้าง Shape ใน Photoshop ก่อน แล้วนำมาทำเป็นภาพเคลื่อนไหวใน Imageready ครับ

เราว่านะ บางคนอาจจะเคยเห็นไปบ้างแล้วหล่ะ (ถ้าสังเกตดีๆนะ) สำหรับภาพที่ทำจากเทคนิคนี้น่ะครับ เอาเป็นว่า เริ่มกันเลยดีกว่าครับผม

>> Getting Started

:: Chapter 1 - สร้าง Shape จาก Photoshop ::

1. ทำการสร้างหน้ากระดาษใหม่ใน Photoshop ครับผม ขนาดเท่าไหร่ก็ได้แล้วแต่ใจ ตั้ง BG Contents เป็น Transparent ด้วยครับ

Chapter 1 - ขั้นตอนที่ 1

2. ได้หน้ากระดาษมาแล้วนะ

Chapter 1 - ขั้นตอนที่ 2

3. คลิกขวาที่ Rectangle Tool แล้วเลือก Custom Shape Tool ที่แถบเครื่องมือด้านซ้าย

Chapter 1 - ขั้นตอนที่ 3

4. เสร็จแล้วดูที่แถบเครื่องมือด้านบน ตรง Shape สามารถเลือกรูปแบบ Shape ต่างๆ ได้ตามใจ ดังภาพครับ

Chapter 1 - ขั้นตอนที่ 4

5. เลือกแล้วจับลากเลยครับ

Chapter 1 - ขั้นตอนที่ 5

6. ลากเสร็จแล้ว ให้ไปที่แถบ Layers คลิกขวาที่ Layer แล้วเลือก Rasterize Layer ครับ เพื่อสะดวกในการมอง ^^

Chapter 1 - ขั้นตอนที่ 6

7. ใส่ Effects ต่างๆ โดยคลิกที่โลโก้รูปแฟลชด้านล่าง แล้วเลือก Blending Options ครับ

Chapter 1 - ขั้นตอนที่ 7

8. ได้ Shape (รูปลูกศร) มาแล้วครับผม (Effects ใช้ Gradient Overlay + Stroke)

Chapter 1 - ขั้นตอนที่ 8

9. ไปที่ File > Save For Web > ตั้งชื่อไฟล์ > OK > เสร็จพิธีสำหรับการสร้าง Shape เพื่อเอาไปใช้ใน Imageready ต่อไป

Chapter 1 - ขั้นตอนที่ 9


:: Chapter 2 - นำ Shape ไปใช้ใน Imageready ::

10. ไปที่ Imageready เลยครับ และทำการสร้างหน้ากระดาษใหม่ (ขนาดควรใช้ขนาดเดียวกันกับรูป Shape ที่ทำเสร็จไปเมื่อกี้นี้นะครับ) เลือก Contents of First Layer ให้เป็น Transparent ด้วยครับ เรียบร้อยแล้วกด OK

Chapter 2 - ขั้นตอนที่ 10

11. ได้หน้ากระดาษมาแล้ว

Chapter 2 - ขั้นตอนที่ 11

12. นำรูป Shape ที่ทำเสร็จไปมาใส่ลงในหน้ากระดาษเลยครับ และจัดรูปไปทางซ้ายสุดเลย (ดูตามภาพน้า)

Chapter 2 - ขั้นตอนที่ 12

13. ไปที่แถบ Animation แล้วคลิก Duplicates Current Frame เพื่อเพิ่มเฟรมครับ

Chapter 2 - ขั้นตอนที่ 13

14. ได้เฟรมเพิ่มมาเฟรมนึงแล้ว ให้จัดรูปไปทางขวาสุดเลย (ดูตามภาพเอาจ้ะ)

Chapter 2 - ขั้นตอนที่ 14

15. ตั้งค่า Opacity ตามใจฉัน

Chapter 2 - ขั้นตอนที่ 15

16. เสร็จแล้ว ไปที่แถบ Animation แล้วคลิกเลือก Tween...

Chapter 2 - ขั้นตอนที่ 16

17. จะมี Options ขึ้นมา ให้ตั้งค่าตามภาพนะครับ ส่วน Frames to Add ใส่ค่าตามใจเลย (ประมาณ 4-6 กำลังดีนะครับ) แล้วกด OK

Chapter 2 - ขั้นตอนที่ 17

18. จะมีเฟรมเพิ่มมาครับผม ไม่ต้องสนใจครับ รอตามผลงานอย่างเดียว ตอนนี้ให้คลิก Duplicates Current Frame ก่อน เพื่อเพิ่มเฟรมอีกเฟรมนึง แล้วจัดรูปให้เหมือนเฟรมแรก (จัดไปทางซ้ายสุด ค่า Opacity 100%) เสร็จแล้วไปที่แถบ Animation แล้วคลิก Tween เหมือนเดิมเลยครับ

Chapter 2 - ขึ้นตอนที่ 18

19. มีเฟรมเพิ่มมาอีกครับผม ลอง Play ดูได้ โดยคลิกที่ ลูกศร ในแถบ Animation ตามภาพเลยครับ

Chapter 2 - ขั้นตอนที่ 19

20. เรียบร้อยแล้วก็ทำการ Save โดยไปที่ File > Save Optimized As... ครับผม

Chapter 2 - ขั้นตอนที่ 20

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

ตามผลงานน้า ~~*

ก็จบลงไปได้ด้วยดีนะครับ - - และก็เช่นเคยครับ สำหรับผู้ที่มีข้อเสนอแนะ ติ-ชม สงสัยตรงไหนก็ Comments มาได้เช่นเคยครับผม ขอบคุณทุกท่านนะครับที่รอติดตามผลงานของเราเป็นอย่างดีครับผม Thx. So Much ^^"

┌――┐
|\/│>> ก็..เอวัง ด้วยประการ ละ ฉะนี้...
└――┘

Comment

Comment:

Tweet


Lots of people simply talks about high quality! I know that to buy term paper supposes to be secured.
#24 by buy pre written term paper (103.7.57.18|31.184.238.21) At 2012-06-26 21:56,
Some time to reach your Academic level you must purchase thesis title referring to this topic and <a href="http://topthesis.com">thesis</a>.
#23 by CHRISTENSENGayle34 (103.7.57.18|31.184.238.21) At 2012-06-02 22:08,
ujvukvk
#22 by ปลาทู (61.19.40.10) At 2009-11-13 14:16,
open-mounthed smile เก่งมะม่ะ question tongue angry smile sad smile confused smile confused smile สวยconfused smile ชื่ออะไร
#21 by เฉลิมพ (61.19.40.10) At 2009-11-13 14:14,
wink surprised smile
#20 by ... (125.26.71.89) At 2008-02-21 08:52,
Hello! Good Site! Thanks you! zhaaulrnmafn
#19 by iwkwbpdvcd (212.107.116.240) At 2008-01-28 09:14,
บทความของคุณทุกบทความเป็นประโยชน์สำหรับเรามากเลยค่ะ Thank มั๊กๆ
#18 by (58.64.41.237) At 2007-12-24 13:02,
#17 by (202.28.12.32) At 2007-09-13 15:33,
หายไปซะนานเลยนะคะเนี่ย
สบายดีใช่ไหมคะ
( ว่าชาวบ้านได้ด้วยเรอะเรา ?)

ขอบคุณสำหรับทริกนะคะ เจ๋งมากๆเลยค่ะ
สุ่ยจะเอาไปเรียนรู้และพัฒนาฝีมือตัวเองอีกต่อๆไป
โอสสสสสสสสส
#16 by 김용훈★ At 2007-01-07 21:31,
แฮปปี้นิวเมีย เอ้ย นิวเยียครับ ขอให้ปีนี้ดีกว่าปีก่อนๆนะครับ
แอบแวะมาหวัดดีปีใหม่จ้า

ขอให้ปีนี้เป็นปีแห่งการเริ่มต้นที่ดีในสิ่งที่หวังไว้นะ สุขภาพแข็งแรง เดินทางปลอดภัย แล้วก็...มีความสุขมากกกกกกกกกๆๆค่ะ...
#14 by mo0NL!Ght~เห็ดน้อย At 2007-01-01 14:40,
>[]< โอ๊ะ!!! Photoshop ไว้ทำอย่างงี้ได้ด้วยรึ
ไว้เด๋วจาลองทำนะคะ ... แต่ว่า ....
อยากให้เป็นรูปการ์ตูนจังเลยอ่า T[]T

Happy New Year 2007!! นะค้า
เทคนิคนี้ไม่เคยรู้มาก่อน

จิงๆแล้วทำภาพเคลื่อนไหวเป็นนะ แต่สวยๆแบบนี้ไม่เป็น

แหะๆๆ ข้าน้อยขอคารวะ

merry christmas ย้อนหลัง

มีความสุขมากๆนะ
#12 by ~~ :: Sarangyuchun ^^* :: ~~ At 2006-12-27 18:25,
สวยๆครับ เทคนิคนี้ ^^
แต่ theme mac สวยดีเนอะ
#11 by meddlesome_ At 2006-12-25 20:11,
หายไปนานจริงๆด้วย นึกว่าแอบหนีไปเที่ยวที่ไหนซะอีก กลับมาก็เอาความรู้มาฝากอีกแย้ว ชอบจัง ดีจ่ะๆ

Ps. อากาศหนาวแล้วววว
#10 by mo0NL!Ght~เห็ดน้อย At 2006-12-21 21:56,
แจ่มแจ๋ว !!

มาทีไรได้ประโยชน์กลับไปเพียบ ขอบคุณนะค่ะ
#9 by *~อินู๋วีน~* At 2006-12-21 21:53,
สวยๆ เด๋วขโมยวิธีไปใช้บ้าง
ขอเอาไปทำบ่างนะงับ
#7 by ۞ RECCA۞ At 2006-12-20 20:37,
อิอิ จาลองทามดูค่าา (>x< )9
ตอนนี้ก้อกำลังลองทำ Imageready อยู่เหมือนกัลล ฮิฮิ ขอบคุงที่ช่วยสอนเพิ่มน่ะคะ!!
#6 by PJ At 2006-12-20 15:49,
ขอบคุณอีกครั้งกับเทคนิคดี ๆ ครับ
#5 by Highwind At 2006-12-20 15:29,
เก่งแล้วล่ะ พี่ยังทำไม่ค่อยเป็นเลย อุอุ
#4 by ~:NingGeeZ:~ At 2006-12-20 12:34,
ขอบคุณมากนะคะ เป็น blog ที่มีประโยชน์มากๆเลย >_< ขอ add fav ไว้นะคะ

ขอบคุณค่ะ XD
#3 by [ S h e c k ] At 2006-12-19 23:23,
สวยค่ะ สวย จะลองไปทำดูนะคะ ขอบคุณสำหรับความรู้ดีๆ ค่ะ
#2 by KhunPumPui At 2006-12-19 22:52,
หายไปซะนานเลยนะครับ

ตอนนี้ผมกำลังฝึกๆมะรุมมะตุ้มกับ ImageReady อยู่เลย ถ้ามีปัญหาอะไรจะมาถามจ้า
#1 by Zieghart At 2006-12-19 22:50,

ニュビーズ ☆彡
View full profile