All Blog
Create Proffesional Web2.0 Buttons
Let’s create some professional web2.0 buttons like this …..

probutton11.gif

Step One


Draw a square like this


Create Proffesional Web2.0 Buttons Photoshop Tutorial.


Then


Layer => Layer Style => Blending Options …


Inner Shadow


Create Proffesional Web2.0 Buttons Photoshop Tutorial.


Gradient Overlay


Create Proffesional Web2.0 Buttons Photoshop Tutorial.


The Gradient


Create Proffesional Web2.0 Buttons Photoshop Tutorial.


Stroke


Create Proffesional Web2.0 Buttons Photoshop Tutorial.


Result


Create Proffesional Web2.0 Buttons Photoshop Tutorial.


Step Two


Draw 1px line [black].


Then


Layer => Layer Style => Blending Options …


Bevel and Emboss


Create Proffesional Web2.0 Buttons Photoshop Tutorial.


Result
Create Proffesional Web2.0 Buttons Photoshop Tutorial.


Add arrow from shapes or add your logo and write on your button .

Cradit: oweb2.com





Create Date : 11 พฤษภาคม 2553
Last Update : 11 พฤษภาคม 2553 15:48:10 น.
Counter : 517 Pageviews.

0 comments
ชื่อ : * blog นี้ comment ได้เฉพาะ VIP Friend
Comment :
 *ส่วน comment ไม่สามารถใช้ javascript และ style sheet
 

ชีวานรินทร์
Location :
  

[ดู Profile ทั้งหมด]
ให้ทิปเจ้าของ Blog [?]
 ฝากข้อความหลังไมค์
 Rss Feed
 Smember
 ผู้ติดตามบล็อก : 3 คน [?]