< Browse > Home / All, BUTTON, Tutorial / Blog article: RIATMP1037 – Simple but attractive photoshop button tutorial

| Mobile | RSS

RIATMP1037 – Simple but attractive photoshop button tutorial

May 18th, 2009
Simple by attractive photoshop button tutorial
Simple but attractive photoshop button tutorial

This is simple but very attractive buttons you can create in 5 minutes and with this step by step tutorial almost everyone with little or no knowledge in Photoshop can do it. Please click on the image to see large.

Click here to download

Here are the steps:

Step 1: Create a new file of about 835px /66 px (File -> New )

Step 2: Make sure layer window is open and add a new layer by clicking Create a New Layer Icon at bottom right of you layer window. Give this new layer a name ‘button’.

Step 3: Create circle 32px diameter and vertically divided in to two and apart them for about 110px, fill inner area and bottom area with black color. Now you should have something similar to what showing here.

Create shape in photoshop button tutorial
Create shape in photoshop button tutorial

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Step 4: Select Layer Style (Icon at bottom left of you layer window) -> Fill with gradient color starting from #1b2021 to #797b7b, and it should create gradient color like below. See the image below and your image should look like this.

Apply gradient color to create black and white buttons
Apply gradient color to create black and white buttons

 

Your image now should look like this.

Simple by attractive photoshop button tutorial
Simple but attractive photoshop button tutorial

 

 

 

Step 5: Copy this layer and move at left of the previous layer and click on effect icon on the right side of the layer and change gradient color value from #ff3b00 to #ffd4c7 as shown in the image below.

Apply gradient color to create photoshop button
Apply gradient color to create photoshop button

 

 

Simple by attractive photoshop button tutorial
Simple but attractive photoshop button tutorial

 

 

Step 6: Now copy black button layer as many as you need and apply text on it to create your own button. Now you should have beautiful buttons.

Simple by attractive photoshop button tutorial
Simple but attractive photoshop button tutorial
Found this tutorial useful? You can buy a coffee for me, you can pay here !!Cheers :)

pixel RIATMP1037   Simple but attractive photoshop button tutorial

Share and Enjoy
  •  RIATMP1037   Simple but attractive photoshop button tutorialfavicons?domain=digg RIATMP1037   Simple but attractive photoshop button tutorialfavicons?domain=www.dzone RIATMP1037   Simple but attractive photoshop button tutorialfavicons?domain=www.facebook RIATMP1037   Simple but attractive photoshop button tutorialfavicons?domain=www.google RIATMP1037   Simple but attractive photoshop button tutorialfavicons?domain=www.linkedin RIATMP1037   Simple but attractive photoshop button tutorialfavicons?domain=favorites.live RIATMP1037   Simple but attractive photoshop button tutorialfavicons?domain=www.mixx RIATMP1037   Simple but attractive photoshop button tutorialfavicons?domain=www.myspace RIATMP1037   Simple but attractive photoshop button tutorial RIATMP1037   Simple but attractive photoshop button tutorialfavicons?domain=reddit RIATMP1037   Simple but attractive photoshop button tutorialfavicons?domain=www.stumbleupon RIATMP1037   Simple but attractive photoshop button tutorialfavicons?domain=technorati RIATMP1037   Simple but attractive photoshop button tutorialfavicons?domain=twitter RIATMP1037   Simple but attractive photoshop button tutorialfavicons?domain=buzz.yahoo RIATMP1037   Simple but attractive photoshop button tutorial
Leave a Reply 2700 views, 2 so far today |

Comments are closed.