มีคนกระซิบมาทาง MSN ว่ามีคนอยากทำรูปตัว X แบบโลโก้ของเว็บ Nextstepdev.com วันนี้เลยขอเปิดเผยเคล็ดลับ (ที่ตอนนี้ไม่ลับ) วิธีการทำโลโก้ของเว็บ Nextstepdev.com กันซะเลย

ขั้นตอนที่ 1 เริ่มแรกเลย... สร้างชิ้นงานขึ้นมาใหม่ โดยการใช้คำสั่ง File --> New โดยสร้างให้มีขนาดประมาณ 250 x 100 px. ค่ะ

จากนั้นให้ใช้ Polygonal Lasso Tool คลิกลงบนชิ้นงาน สร้างเส้น Selection ให้เป็นรูปตัว X

เมื่อได้ Selection รูปตัว x แล้ว จากนั้นคลิกปุ่ม Click a new layer ที่บริเวณด้านล่างของพาเล็ตเลเยอร์ เพื่อเพิ่มเลเยอร์ใหม่อีก 1 เลเยอร์ แล้วใช้คำสั่ง Edit --> Stroke จะปรากฏไดอะล็อกบ็อกซ์ Stroke ให้ใส่ค่า Width = 1 px เลือก Color เป็นสีแดง แล้วกด OK จะได้ลักษณะตามภาพที่ 1

ขั้นตอนที่ 2 ทำการดับเบิ้ลคลิกที่เลเยอร์ที่ได้สร้างตัว X ไว้ เพื่อเรียกใช้งาน Layer Style จะปรากฏไดอะล็อกบ็อกซ์ Layer Style ให้ทำการเลือกใช้งาน Stroke และปรับค่า Stroke ตามภาพ แล้วคลิก OK

ขั้นตอนที่ 3 เมื่อถึงขั้นตอนนี้แล้ว เราก็จะได้ตัว X ที่มีความหนามากขึ้น จากนั้นให้เราเพิ่มเลเยอร์ขึ้นมาอีก 1 เลเยอร์ จากนั้นใช้ Marquee Tool ทำการ Selection เป็นรูปสี่เหลี่ยม และเทสีขาวลงไปดังรูป

ทำการยกเลิก Selection โดยการกดปุ่ม Crtl + D บนคีย์บอร์ด จากนั้นดับเบิ้ลคลิกที่เลเยอร์ จะปรากฏไดอะล็อกบ็อกซ์ Layer Style ให้เลือกใช้งาน Outer Glow แล้วปรับค่าต่าง ๆ ตามภาพ แล้วคลิก OK

ขั้นตอนที่ 4 เมื่อถึงขั้นตอนนี้แล้ว เราก็จะได้ตัว X ที่ดูสวย มีมิติแล้วค่ะ ลับดับต่อไปก็ใช้ Type Tool พิมพ์ข้อความ Nexstepdev.com ลงไปดังภาพค่ะ

ขั้นตอนที่ 4 ขั้นตอนนี้เราจะใส่ Style ให้ข้อความ Nexstepdev.com มีเงาสักเล็กน้อย โดยการกดดับเบิ้ลคลิกทีเลเยอร์ข้อความ จะปรากฏไดอะล็อกบ็อกซ์ ให้เลือก Drop Shadow และปรับค่าตามภาพค่ะ จากนั้น กด OK

แค่นี้ก็เสร็จแล้วล่ะค่ะ เป็นไงค่ะ ไม่ยากเลยใช่ไหมค่ะ