[Tutorial]Create a web 2.0 button with photoshop
ybouane [Tutorial]Create a web 2.0 button with photoshop Note : 4/5 (0 vote) Last modification : 11/07/2011 at 18:25:57 Keywords : web 2.0 button photoshop menu button element tutorial free online color web 2.0 button click web design photoshop tutorial web 2.0 button Hi, In this tutorial, I will teach you how to make web 2.0 buttons with photoshop. This is the final result of this tutorial: Step 1 Create a new document 200px * 60px. Step 2 With the Rectangular Marquee Tool(M), draw a selection like: Step 3 With the Paint Bucket tool(G), fill the selection with the white color. Step 4 Double-Click on the layer thumbnail and in the Outer Glow tab, use the following settings: Step 5 Click on View -> Modify -> Contract. Step 6 Contract the selection by 3 pixels. Step 7 Change the Foregound color to #42affb. Step 8 Create a new layer. Step 9 Fill the selection. Step 10 Download the following gradient: Download the Gradient file Step 11 Double-Click on the layer thumbnail. Go to the Gradient Overlay tab. Click on the gradient. Click on Load and select the gradient. Step 12 Choose the Text Tool(T). Click on the center bottom of the image and write the content of your button. Use the following settings. That's it, you finished your web 2.0 button. It should look like: You can easily change the color of your button: I hope this photoshop tutorial will be useful. Similar Scripts and Tutorials: [Tutorial]Make an Apple Bar with photoshop [Tutorial]Create a web 2.0 Logo with photoshop (Web 2.0 Title) [Tutorial]Border on an image with GIMP Simple PHP Forum Script - php forum easy simple script code download free php forum mysql Top site PHP script - install a php top site on his web site [Tutorial] Perspective with a reflect and a Shadow in Photoshop [Tutorial] Reproduce Google's Logo in Photoshop [Tutorial] Black and White image in Photoshop from a colored image Comments Add a Comment Username: Message: Anti-bot Code: (reload) You are currently not logged, some of your informations(like your IP adress) will be saved to avoid spam. Your message must not contain any web adress or banned words. Otherwise, he will not be sent. Comments Sent by yAOUIGZAYQRk the 30/07/2011 at 15:43:01 It's wnoderful to have you on our side, haha! Sent by fdfdf the 27/03/2012 at 09:25:18 bakvas!!!!

[Tutorial]Create a web 2.0 button with photoshop

ybouane

[Tutorial]Create a web 2.0 button with photoshop
Note : 4/5 (0 vote)
Last modification : 11/07/2011 at 18:25:57
Keywords : web 2.0 button photoshop menu button element tutorial free online color web 2.0 button click web design photoshop tutorial web 2.0 button

Hi,
In this tutorial, I will teach you how to make web 2.0 buttons with photoshop.
This is the final result of this tutorial: