การทำตัวอักษรสไตล์เว็บ 2.0 : Photoshop

Posted on 21. Jan, 2009 by admin in Text Effect

การทำตัวอักษรสไตล์เว็บ 2.0

สวัสดีครับ

วันนี้ผมมีเทคนิคทำตัวอักษรง่าย ๆ สไตล์เว็บ 2.0 โดย photoshop มาฝากกันครับ แอบเห็นชาวบ้านเค้าทำกันมานาน ออกแนวอยากทำเป็นมั่ง เลยแอบไปหาวิธีทำตามเว็บฝรั่งมาน่ะครับ แล้วก็เอามาแบ่งปันทุก ๆ คนเช่นเคยครับ

เอาล่ะมาเริ่มกันเถอะ

ขั้นที่หนึ่ง กด Ctrl+N แล้วกด OK ครับ เพื่สร้างไฟล์ใหม่ขึ้นมา จากนั้นไปที่ Tool ที่เป็นตัว T ครับ เลือกสีเป็นสีดำตามภาพครับ แล้วก็พิมพ์ข้อความที่เราต้องการลงไปเลยครับ

00-6.gif picture by doijan 01-20.gif picture by doijan

ตัวอย่างผมเขียนคำว่า Photoshop

ขั้นที่สองครับ ให้เราเปลี่ยนสีโฟร์กราวของเราเป็นสีที่เราต้องการ ส่วนแบ็คกราวเป็นสีดำครับ

02-21.gif picture by doijan

จากนั้นไปที่เมนู Layer > Layer Style > Gradient Overlay เพื่อใส่สีให้กับตัวอักษรของเราครับ

03-21.gif picture by doijan

ตั้งค่าให้เหมือนกับภาพนี้เป๊ะ ๆ ครับ แต่อย่าเพิ่งกด ok นะครับ

04-20.gif picture by doijan

ขั้นที่สาม ใส่เครื่องหมายถูก ที่ช่อง Stroke ครับ แล้วตั้งค่าตามภาพนี้เช่นกัน

05-18.gif picture by doijan

จากนั้นให้ใส่เครื่องหมายถูกที่ช่อง Outer Glow ครับ ตั้งค่าตามภาพ แล้วกด OK ได้ ณ บัดนาว

06-15.gif picture by doijan

เราก็จะได้ตัวอักษรสี ๆ มีขอบแบบนี้แหละครับ

07-15.gif picture by doijan

ขั้นที่สี่ ครับ กดปุ่ม Ctrl บนแป้นพิมพ์ค้างไว้ แล้วใช้เม้าส์ไปคลิกที่เลเยอร์ตัวอักษรที่เราเพิ่งพิมพ์ลงไปครับ คลิกบริเวณตัว T นะครับ เพื่อทำซีเล็คชั่นครอบตัวอักษร

08-13.gif picture by doijan