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 (แบบที่ 1)
 

บทความนี้จะสอนวิธีการทำปุ่มแบบง่าย ๆ เพื่อนำไปใช้บนเว็บค่ะ อาจกเอาไปทกเป็นปุ่มต่าง ๆ เช่น ปุ่มเมนู เป็นต้น โดยวิธีการใช้งาน Style ค่ะ รับรองค่ะ ทำง่าย สะดวกและรวดเร็ว ใครสนใจคลิกเข้ามาดูเลยค่ะ

     
 

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

 
   
 
 
     

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

 
 
     

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

 
 
     

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

 
 
     

เพียงแค่นี้ เราก็จะได้ปุ่มลักษณะนูน ซึ่งเราอาจประยุกต์นำไปใช้งานเป็นปุ่มต่าง ๆ ได้ จากตัวอย่าง แค่พิมพ์ข้อความคำว่า Click ลงไป ก็สามารถ Save เป็นภาพใหม่นำไปใช้งานประกอบเว็บได้แล้วค่ะ

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

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