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
  สร้างภาพวาดสีน้ำ
 


  สร้างปุ่มแบบง่าย ๆ ด้วย Style (แบบที่ 2)
 

บทความนี้ก็เป็นการสร้างปุ่มสวย ๆ อย่างง่าย และรวดเร็วด้วยการใช้ Style อีกเช่นกัน ค่ะ แต่ใช้ Style คนละแบบกับบทความในแบบที่ 1 ซึ่งปุ่มอันนี้จะดูใส และสวยกว่าแบบแรกด้วยค่ะ ลองเข้ามาดูค่ะ

     
 

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

 
   
 
 
     

ขั้นตอนที่ 2 คลิกเลือกเครื่องมือ Rounded Ractangle Tool จาก Tool box จากนั้น กดเมาส์คางลงบนชิ้นงาน และเลื่อนเมาส์ จนได้ลักษณะดังภาพ

 
 
     

ขั้นตอนที่ 3 เรียกใช้งานพาเล็ต Style (หากไม่มีให้ใช้คำสั่ง Window --> Style) จากนั้นทำการ Load Style โดยการคลิกที่หมายเลข 3 --> Web Styles จะทำให้มี Style แบบ Web Styles ปรากฏขึ้นในพาเล็ต

 
 
     

ขั้นตอนที่ 4 ขั้นตอนนี้เราจะเริ่มใส่ Style ให้กับเลเยอร์ ให้เราทำการคลิก Layer ที่เราได้สร้างไว้ในขั้นตอนที่ 2 จากนั้นกดใช้งาน Style ที่เครื่องหมายที่ 4

 
 
     

ขั้นตอนที่ 5 เลือกเครื่องมือ Type Tool พิมพ์ข้อความลงไป


เสร็จเรียบร้อยแล้วค่ะ ดูสวยมากเลยใช่ไหมค่ะ เอาไปประยุกต์ทำเมนู ใส่ในเว็บก็ดูสวยค่ะ

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

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