RSS link icon

Fun buttons tutorial 

 

Okay I know I was not very creative with the nave for this tutorial, I just like the button, so see how to make this cool and colorful web button with adobe photoshop.

 

sleek colorful photoshop button

 

First with the rounded rectangle tool create a button like shape on the stage as I did below.

 

sleek colorful photoshop button

 

In the layers panel double click the button layer to get to the layers style panel and give it settings as shown below.

 

sleek colorful photoshop button

 

sleek colorful photoshop button

 

sleek colorful photoshop button

 

sleek colorful photoshop button

 

Now with the photoshop custom shape tool, choose the arrow shape I found (see image below) it should be included with photoshop by default.

 

sleek colorful photoshop button

 

Add some styles to the new shape as shown below.

 

sleek colorful photoshop button

 

Make a copy of this shape and scale it about 2-3 pixels smaller, then go to the styles panel and give it settings as shown below.

 

sleek colorful photoshop button

 

sleek colorful photoshop button

 

sleek colorful photoshop button

 

And we are done. you can make some copies of the button layers and change the styles for the last part as I did to make it different colors.

 

 


cole says: Tuesday, August 19, 2008

thanks sooo much this really helped me out on my website graphics :)


Aditya says: Thursday, July 24, 2008

I like it for the fact that there isnChr(34)t really much to do...:)


Benn says: Friday, July 18, 2008

Thanks mate, smooth =)


DevilBoy says: Thursday, July 17, 2008

Nice tut:D


Bachan says: Tuesday, July 15, 2008

Im gonna use it :D


Johoh says: Saturday, July 05, 2008

So nice


phamhai001 says: Thursday, July 03, 2008

beatifull!! i like it
i will do it now
thank you :D


Tobi says: Friday, June 27, 2008

NICE!!!


Abhisek says: Friday, June 27, 2008

Wow! Nice tut.

   


 

 

 

 3

 
 
   Web Premium
 
 

All rights reserved, Copyright 2008. Contact