[สอน] TH/EN เอฟเฟคตัวหนังสือใต้น้ำ / underwater text effect tutorial

chiaki
[ 02-11-2013 - 01:15:30 ]







เอฟเฟคตัวหนังสือใต้น้ำ / underwater text effect tutorial



สวัสดีค่ะเพื่อนๆ showwallpaper กลับมาพบกันอีกเช่นเคย
คราวนี้มีเทคนิคการทำเอฟเฟคตัวหนังสืออยู่ในน้ำมาฝากกันค่ะ
โดยหลักการคือการใช้ตัว filter ที่ชื่อ distort-displace นะคะ

Hello everyone today I'll share 'under water text effect'
by using filter called distort-displace





ก่อนอื่นอธิบายก่อนว่าการใช้ filter displace เนี่ยเหมือนกับการบิดรูปร่างของภาพในเลเยอร์นั้นๆให้ผิดไปจากรูปเดิม
โดยอาศัยภาพอ้างอิงมา displace แทนว่าจะให้บิดไปทางไหนบ้าง
ก็เลยจำเป็นต้องมีไฟล์ของภาพที่จะมา displace บนตัวหนังสือของเรานะคะ
ซึ่งจะต้องทำให้ภาพนั้นเป็นไฟล์ psd ซะก่อนค่ะ




Start

ก่อนที่จะเริ่มกับงานหลัก เราก็มาเตรียมไฟล์ psd กันก่อน
โดยเปิดรูปเข้ามาที่โปรแกรม photoshop เลย แล้วจะ crop จะ resize อะไรก็ตามแต่
ขอให้เป็นไซส์เดียวกันกับงานหลักที่จะทำต่อไปนะคะ มันต้อง fit กันพอดี ไม่งั้นเอฟเฟคจะเลื่อนแล้วก็ไม่สวยเลยค่ะ
(สรุปก็คือ จะทำงานขนาดเท่าไหร่คิดไว้ก่อน แล้วเวลาเตรียมไฟล์ psd ก็ปรับให้ขนาดเท่านั้น)






กดคำสั่ง save as... เป็นไฟล์ photoshop (psd) เก็บไว้ที่ไหนก็ได้ค่ะแล้วแต่เรา





ทีนี้สร้างพื้นที่สำหรับงานหลักเลยค่ะ แล้วเอารูปพื้นน้ำแบบขนาดที่ปรับไว้เมื่อครู่มาวาง





พิมพ์ตัวหนังสือของเราลงไป แนะนำให้ใช้ฟ้อนท์ที่ตัวหนาหน่อย แล้วก็งานแบบนี้เหมาะสำหรับตัวหนังสือใหญ่ๆนะคะ





ไปที่ filter>distort>displace





มันจะขึ้นหน้าต่างปรับสเกลมา ซึ่งค่าสเกลที่ดีก็จะขึ้นอยู่กับรายละเอียดของภาพน้ำที่เราเอามาใช้แล้วก็ตัวหนังสือของเราด้วย
ในที่นี้ปรับเป็น 10,10 ถ้าลองของตัวเองแล้วออกมาไม่เวิร์คก็ลองปรับเปลี่ยนจนผลลัพท์ออกมาเหมาะสมกับภาพตัวเองที่สุดนะคะ





จะมีหน้าต่างขึ้นมาให้เลือกไฟล์ที่จะนำไป displace เราก็ไปเปิดไฟล์ที่เราเซฟเก็บไว้เมื่อกี๊ขึ้นมา





ผลลัพท์ก็จะออกมาประมาณนี้นะคะ จะเห็นว่าตัวหนังสือถูกทำให้บิดเบี้ยวไปตามคลื่น





ใส่ filter gaussian blur ให้ขอบตัวอักษรฟุ้งๆเล็กน้อย





ปรับค่า opacity ของเลเยอร์ตัวอักษรลดลง เราก็จะเห็นลูกคลื่นข้างใต้ตัวหนังสือ





สร้างเลเยอร์ใหม่ขึ้นมาเพื่อทำส่วนเงาเข้มๆ โดยใช้บรัชสีดำหัวฟุ้งๆค่ะ ป้ายไปตามรอยที่เป็นส่วนที่ลึกกว่าเลย





ป้ายเสร็จแล้วลองปรับลด opacity ดู ให้เห็นเป็นรอยจางๆกลมกลืนไปกับภาพ





ทีนี้มันจะมีส่วนที่เกินออกมานอกตัวหนังสือ จะทำให้พื้นน้ำเข้มกว่าที่ควรจะเป็น แล้วก็ดูไม่เนียน
ทำการจำกัดบริเวณมันซะ ให้แสดงผลแต่ในขอบเขตของตัวอักษร คลิ๊กขวาที่เลเยอร์เงาดำ เลือก create clipping mask





ปรับค่า opacity ของตัวหนังสือกลับมาเข้มเหมือนเดิม อาจจะไม่ต้อง 100% เต็มก็ได้ เลือกปรับได้ตามใจเลย





ก็อปเลเยอร์พื้นน้ำขึ้นมาวางไว้บนสุด แล้วปรับโหมดเป็น soft light (ที่จริงจะเป็น overlay ก็ได้) แล้วปรับ opacity ตามเหมาะสม





เติมเงาให้ตัวหนังสือหน่อย จะได้เหมือนลอยอยู่บนน้ำ ดับเบิ้ลคลิ๊กแล้วปรับเงาเลย เอาจางๆหน่อยไม่ต้องเข้มมาก





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





อันนี้เป็นผลลัพท์ของงานที่ปรับตัวหนังสือให้ perspective ขนานราบไปกับพื้นน้ำก่อนที่จะใช้ fliter distort มัน
ซึ่งต้องทำก่อนใช้ filter นะคะ มาทำทีหลัง คลื่นบนตัวหนังสือก็จะไม่ตรงกับคลื่นบีจีนะ
เพราะฉะนั้นก่อนจะทำงานตัดสินใจ ร่างภาพในหัว คิดให้ดีก่อ เราก็จะได้ผลงานที่สมบูรณ์ที่สุดออกมาค่ะ



finish


summary

เทคนิคนี้นำไปประยุกต์ใช้กับพื้นผิวแบบอื่นได้อีกเยอะเลยนะคะแล้วแต่คนจะเอาไปอแดปเนาะ
เช่น ผ้าพริ้วๆ นี่ก็น่าสนอยู่เหมือนกัน
เวลาทำ ผลที่ได้ขึ้นอยู่กับหลายปัจจัยนะคะ มันไม่ตายตัว
ทั้งภาพน้ำที่เราใช้ ตัวหนังสือที่ใช้ การปรับแสงเงา มีผลต่อความสมจริงของงานเราหมด
เวลาทำก็วางแผนดีๆจะได้ไม่ต้องกลับไปแก้ซ้ำๆหลายรอบเนาะ

there are many factors cause various results of your work
such as the image you use, the font you use, the brightness, the contras .etc
everything affects your work, so it's depend on your decision.
this technique can be applied with another texture not only the water like this tutorial
and before you start the work you should plan first for the best result :)



thank you for visiting this tutorial
and feel free to ask anything


note : Please take out with full credit!!!
หากนำ tutorial นี้ออกไปเผยแพร่ กรุณาให้เครดิตเต็มนะคะ





next tutorial



See you next time!
yohaness_design
[ 02-11-2013 - 06:22:48 ]







Thank You friend ! this is helping me .. thanks
ShinYoung
[ 02-11-2013 - 08:29:53 ]







Thx for your tutorial
AmandaSeomates Yoona
[ 02-11-2013 - 09:30:19 ]







Thx For Your Tutor
randy Ghalieb
[ 02-11-2013 - 20:07:14 ]







That was great Tuto
Its verry helped
:)
thx somuch
jover de castro
[ 02-11-2013 - 20:22:19 ]







wow..i never taught that displacer is such a good technic in water style effects...
i know displacer is such very powerful in waving and pixel warping your photo
but your result looks amazing...
i do use Liquify filter to achieve same effects,,,
anyway its very useful tutorial...
very Detailed and easy to understand..keep up the good work and thank you very much....
ColoR OF tHe Wind
[ 03-11-2013 - 02:18:45 ]







เป็นกระทู้ที่น่าสนใจมาก ยังไม่เคยทำ เเละ ทำไม่เป็นด้วย อิอิ
ขอบคุณมากๆค่ะ สำหรับกระทู้นี้ จะไปลองทำดูนะคะ น่าสนใจมากๆ
ปล. เเอบรอกระทู้ต่อไปอย่างใจจดใจจ่อเลยค่ะพี่กันต์
Super_Naruman_Junior
[ 03-11-2013 - 22:58:00 ]







ขอบคุณสำหรับกระทู้สอนดีๆนะคะพี่สาว
จะลองเอาไปทำดูนะคะ
poubery
[ 06-11-2013 - 13:59:51 ]







Wow.. i like it.. :)
thx so much for tutorial
ต้องสมัครเป็นสมาชิกและ login เข้าสู่ระบบก่อนถึงจะสามารถลงความเห็นได้