ร่างเส้นตัวอักษรด้วย Photoshop

คราวก่อนเคยนำเสนอ tutorial ทำตัวอักษรให้เป็นแบบร่าง (Sketch Font) ซึ่งใช้โปรแกรม Illustrator มาคราวนี้จะใช้โปรแกรม Photoshop บ้าง ในครั้งนี้จะร่างเส้นขอบรอบตัวอักษรด้วย Photoshop

1. เริ่มจากสร้างเอกสารใหม่ กำหนดขนาดและสีพื้นก็ตามต้องการ แล้วให้ใช้เครื่องมือ Type Tool   พิมพ์ข้อความที่เราต้องการที่จะทำให้เป็นแบบร่างลงไป

2. กำหนดค่า Layer Fill = 0% และให้ดับเบิ้ลคลิกที่ Layer ตัวอักษร เพื่อกำหนดค่า Layer Style โดยให้กำหนดค่า Bevel and Emboss ดังรูป

3. ต่อมาให้คัดลอก Layer ตัวอักษร โดยคลิกที่ Layer แล้วกดปุ่ม Ctrl+J เพื่อคัดลอก และให้กดปุ่มลูกศรขึ้น 3 ครั้ง และกดปุ่มลูกศรไปด้วนซ้ายอีก 3 ครั้ง เพื่อย้ายตำแหน่งของตัวอักษรให้อยู่เยื้องไปจากเดิมเล็กน้อย จากนั้นให้กำหนดค่า Bevel and Emboss ให้กับ Layer ดังกล่าว ดังรูป

จะได้

4. มาถึงขั้นตอนการร่างเส้น guide line ให้ตัวอักษร โดยเริ่มจาก สร้าง Layer ใหม่ แล้วใช้เครื่องมือ Line Tool   กำหนดความกว้างของเส้น 1px (weight: 1 px) กำหนดสีเส้นเป็นสีดำ #000000 โดยให้ลากเส้นในแนวตั้งเท่านั้น จะได้ดังรูป

จากนั้นให้ไปที่เมนู Filter > Blur > Motion Blur กำหนดค่า Angle = -90 องศา และค่า Distance = 18 pixels ดังรูป

จะได้

5. ขั้นตอนต่อไปก็ให้ทำคล้ายกับขั้นตอนที่ 4 แต่ให้เปลี่ยนจากการร่างเส้นในแนวตั้งเป็นแนวนอน ให้สร้าง Layer ใหม่ แล้วใช้เครื่องมือ Line Tool   กำหนดความกว้างของเส้น 1px (weight: 1 px) กำหนดสีเส้นเป็นสีดำ #000000 โดยให้ลากเส้นในแนวนอนเท่านั้น จะได้ดังรูป

จากนั้นให้ไปที่ Filter > Blur > Motion Blur กำหนดค่า Angle = 0 องศา และค่า Distance = 18 pixels ดังรูป

จะได้

แค่นี้เราก็จะได้ภาพร่างเส้นรอบตัวอักษรแบบง่ายๆ แล้ว ส่วนใครอยากจะปรับเพิ่มเติมแต่งอะไรอีกก็ไม่ว่ากัน

สำหรับเรา ขอปรับแต่งอีกหน่อยแล้วกัน
เปลี่ยนสีพื้นหลังดีกว่า

เอ๊ะอยากทำให้ดูเหมือนน้ำกระเด็นใส่สักเล็กน้อยดีกว่า ให้คลิกเลือก Layer ใด Layer หนึ่ง แล้วคลิกขวา เลือก Merge Visible เพื่อรวม Layer ทั้งหมดไว้ด้วยกัน แล้วไปที่เมนู Filter > Brush Strokes > Spatter ตั้งค่าดังรูป

จะได้

ดูแปลกๆ อะ ตัวอักษรดูเปื้อนๆ แต่พื้นหลังกับเรียบกริบเลย ใส่ Texture ให้พื้นหลังดีกว่า
ให้ไปที่ Filter > Texture > Texturizer กำหนดค่าดังรูป

จะได้