Un title page
Thainextstep.com สอนทำเว็บไซต์ด้วย Dreamweaver Photoshop  PHP & MySql และ การทำ SEO  
Un title page
Thainextstep.com สอน HTML บทความ Dreamweaver สอน Photoshop บทความ PHP & MySql Web Tips SEO Guide
Un title page
สอน Photoshop
  ประวัติ photoshop
  เริ่มต้นติดตั้งโปรแกรม
  เริ่มต้นใช้งานโปรแกรม
  การทำภาพแบบขอบฟุ้ง
  มาสร้างภาพจิ๊กซอว์กันเถอะ
  การสร้างภาพเซ็นเซอร์
  การทำภาพแบบ Sepia
  การทำข้อความเวทมนต์
  การสร้างข้อความแบบโลหะ
  การหมุนและกลับด้านภาพ
  การทำภาพ Animation (1)
  การทำภาพ Animation (2)
  การทำภาพ Animation (3)
  การ Selection ภาพที่มีขน
  ลบริ้วรอย จุดไฝ บนใบหน้า
  เทคนิคทำภาพแนว LOMO
  สร้างภาพวาดสีน้ำ
 


  วิธีทำภาพ Logo ของเว็บ Nextstepdev.com
 

มีคนกระซิบมาทาง 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

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

   
วันที่บทความ : 04 ส.ค. 2550              ที่มา : Webmaster

สอนทำเว็บไซต์   |   สอนภาษา HTML   |   สอน Dreamweaver   |   สอน Photoshop   |   สอนภาษา PHP & MySql   |   รวมทิป เทคนิคการทำเว็บไซต์   |   สอนการทำ SEO
:: Copyright © 2005 by Chatta design. All rights reserved. Do not duplicate or redistribute in any form.::