>> 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 ด้วยครับ
2. ได้หน้ากระดาษมาแล้วนะ
3. คลิกขวาที่ Rectangle Tool แล้วเลือก Custom Shape Tool ที่แถบเครื่องมือด้านซ้าย
4. เสร็จแล้วดูที่แถบเครื่องมือด้านบน ตรง Shape สามารถเลือกรูปแบบ Shape ต่างๆ ได้ตามใจ ดังภาพครับ
5. เลือกแล้วจับลากเลยครับ
6. ลากเสร็จแล้ว ให้ไปที่แถบ Layers คลิกขวาที่ Layer แล้วเลือก Rasterize Layer ครับ เพื่อสะดวกในการมอง ^^
7. ใส่ Effects ต่างๆ โดยคลิกที่โลโก้รูปแฟลชด้านล่าง แล้วเลือก Blending Options ครับ
8. ได้ Shape (รูปลูกศร) มาแล้วครับผม (Effects ใช้ Gradient Overlay + Stroke)
9. ไปที่ File > Save For Web > ตั้งชื่อไฟล์ > OK > เสร็จพิธีสำหรับการสร้าง Shape เพื่อเอาไปใช้ใน Imageready ต่อไป
:: Chapter 2 - นำ Shape ไปใช้ใน Imageready ::
10. ไปที่ Imageready เลยครับ และทำการสร้างหน้ากระดาษใหม่ (ขนาดควรใช้ขนาดเดียวกันกับรูป Shape ที่ทำเสร็จไปเมื่อกี้นี้นะครับ) เลือก Contents of First Layer ให้เป็น Transparent ด้วยครับ เรียบร้อยแล้วกด OK
11. ได้หน้ากระดาษมาแล้ว
12. นำรูป Shape ที่ทำเสร็จไปมาใส่ลงในหน้ากระดาษเลยครับ และจัดรูปไปทางซ้ายสุดเลย (ดูตามภาพน้า)
13. ไปที่แถบ Animation แล้วคลิก Duplicates Current Frame เพื่อเพิ่มเฟรมครับ
14. ได้เฟรมเพิ่มมาเฟรมนึงแล้ว ให้จัดรูปไปทางขวาสุดเลย (ดูตามภาพเอาจ้ะ)
15. ตั้งค่า Opacity ตามใจฉัน
16. เสร็จแล้ว ไปที่แถบ Animation แล้วคลิกเลือก Tween...
17. จะมี Options ขึ้นมา ให้ตั้งค่าตามภาพนะครับ ส่วน Frames to Add ใส่ค่าตามใจเลย (ประมาณ 4-6 กำลังดีนะครับ) แล้วกด OK
18. จะมีเฟรมเพิ่มมาครับผม ไม่ต้องสนใจครับ รอตามผลงานอย่างเดียว ตอนนี้ให้คลิก Duplicates Current Frame ก่อน เพื่อเพิ่มเฟรมอีกเฟรมนึง แล้วจัดรูปให้เหมือนเฟรมแรก (จัดไปทางซ้ายสุด ค่า Opacity 100%) เสร็จแล้วไปที่แถบ Animation แล้วคลิก Tween เหมือนเดิมเลยครับ
19. มีเฟรมเพิ่มมาอีกครับผม ลอง Play ดูได้ โดยคลิกที่ ลูกศร ในแถบ Animation ตามภาพเลยครับ
20. เรียบร้อยแล้วก็ทำการ Save โดยไปที่ File > Save Optimized As... ครับผม
21. ตามผลงานครับ ^^"
ก็จบลงไปได้ด้วยดีนะครับ - - และก็เช่นเคยครับ สำหรับผู้ที่มีข้อเสนอแนะ ติ-ชม สงสัยตรงไหนก็ Comments มาได้เช่นเคยครับผม ขอบคุณทุกท่านนะครับที่รอติดตามผลงานของเราเป็นอย่างดีครับผม Thx. So Much ^^"
┌――┐
｜＼／│>> ก็..เอวัง ด้วยประการ ละ ฉะนี้...
└――┘
