Home Forums Register FAQ Members List Calendar Search Today's Posts Mark Forums Read Arcade Chat
Go Back   ClubPenguinHQ Forums > General Discussion > Art > Tutorials
Reload this Page Simple Button (Photoshop)
Tutorials You can put your tutorials here to help other users with their art. Please be sure to give a detailed Tutorial on your art and the person you are tutoring.

Simple Button (Photoshop)

Reply
 
LinkBack Thread Tools Display Modes
Simple Button (Photoshop)
Old
  (#1)
Joel is Offline
Member
Joel is an unknown quantity at this point
 
Posts: 456
Join Date: Aug 2007
Location: Deziner World
Age: 13
Rep Power: 0
  Send a message via MSN to Joel  
Default Simple Button (Photoshop) - Friday, January 2nd, 2009

From this tutorial you will learn how to make a simple buttons for your website, or anything in Photoshop.

First step is to create a new document. (I used 190x76 for the size.)

Second step is to select the rounded rectangle tool and make a rectangle:





Next step is to Rasterize the layer. You can do this by right clicking the layer in the layers box:



Then right click the layer in the layers box again and click Blending Options. Then go to Gradient Overlay. Now you can pick and gradients you like and you can choose your own colors by clicking the box next to where it says Gradient. I chose Dark Red and Red.:



After that go to Inner Glow and apply these settings:



Then go to Stroke and apply these settings. The color of the stroke depends on what gradient colors you choose. If you chose blue, then put a dark blue stroke:



Next go to Outer Glow and apply these settings:



Then go to Inner Shadow and apply these settings:



Now click OK and it should look like this:



You can add a little shine to it to make it look better. Here are the final results:



This is just one of the ways to make a simple button in Photoshop.
  
Reply With Quote
Re: Simple Button (Photoshop)
Old
  (#2)
a1chase is Offline
BANNED
a1chase is an unknown quantity at this point
 
Posts: 119
Join Date: Aug 2008
Rep Power: 0
   
Default Re: Simple Button (Photoshop) - Friday, January 2nd, 2009

Nice. 5/5.
  
Reply With Quote
Re: Simple Button (Photoshop)
Old
  (#3)
Joel is Offline
Member
Joel is an unknown quantity at this point
 
Posts: 456
Join Date: Aug 2007
Location: Deziner World
Age: 13
Rep Power: 0
  Send a message via MSN to Joel  
Default Re: Simple Button (Photoshop) - Friday, January 2nd, 2009

thanks..
  
Reply With Quote
Re: Simple Button (Photoshop)
Old
  (#4)
Adam is Offline
Forum Administrator
Adam can only hope to improve
 
Adam's Avatar
 
Posts: 4,655
Join Date: Oct 2007
Location: Ohio, USA
Age: 15
Rep Power: 0
  Send a message via AIM to Adam Send a message via MSN to Adam  
Default Re: Simple Button (Photoshop) - Saturday, January 3rd, 2009

Nice! I'll have to give that a try! I could use that for my site .


SCREW DISNEY
  
Reply With Quote
Re: Simple Button (Photoshop)
Old
  (#5)
Ovaiz is Offline
Member
Ovaiz is an unknown quantity at this point
 
Ovaiz's Avatar
 
Posts: 456
Join Date: Oct 2008
Rep Power: 0
   
Default Re: Simple Button (Photoshop) - Saturday, January 3rd, 2009

cool,

5/5


http://img9.imageshack.us/img9/286/ovaizsig.gif
  
Reply With Quote
Re: Simple Button (Photoshop)
Old
  (#6)
Joel is Offline
Member
Joel is an unknown quantity at this point
 
Posts: 456
Join Date: Aug 2007
Location: Deziner World
Age: 13
Rep Power: 0
  Send a message via MSN to Joel  
Default Re: Simple Button (Photoshop) - Saturday, January 3rd, 2009

thanks!
  
Reply With Quote
Re: Simple Button (Photoshop)
Old
  (#7)
Ovaiz is Offline
Member
Ovaiz is an unknown quantity at this point
 
Ovaiz's Avatar
 
Posts: 456
Join Date: Oct 2008
Rep Power: 0
   
Default Re: Simple Button (Photoshop) - Sunday, January 4th, 2009

Can I use the Button you mad in the tut for my site?


http://img9.imageshack.us/img9/286/ovaizsig.gif
  
Reply With Quote
Re: Simple Button (Photoshop)
Old
  (#8)
Sly is Offline
BANNED
Sly is on a mission to success
 
Posts: 7,489
Join Date: Aug 2007
Location: SOH CAH TOA
Age: 100
Rep Power: 0
  Send a message via AIM to Sly Send a message via MSN to Sly Send a message via Skype™ to Sly 
Default Re: Simple Button (Photoshop) - Sunday, January 4th, 2009

Extremely simple.


  
Reply With Quote
Re: Simple Button (Photoshop)
Old
  (#9)
Joel is Offline
Member
Joel is an unknown quantity at this point
 
Posts: 456
Join Date: Aug 2007
Location: Deziner World
Age: 13
Rep Power: 0
  Send a message via MSN to Joel  
Default Re: Simple Button (Photoshop) - Monday, January 5th, 2009

Quote:
Originally Posted by Ovaiz
Can I use the Button you mad in the tut for my site?
Sure! But you have to give me some credits.

Quote:
Originally Posted by Sly Cooper
Extremely simple.
Title says it all man. ;)
  
Reply With Quote
Re: Simple Button (Photoshop)
Old
  (#10)
Ovaiz is Offline
Member
Ovaiz is an unknown quantity at this point
 
Ovaiz's Avatar
 
Posts: 456
Join Date: Oct 2008
Rep Power: 0
   
Default Re: Simple Button (Photoshop) - Monday, January 5th, 2009

Quote:
Originally Posted by Joel
Quote:
Originally Posted by Ovaiz
Can I use the Button you mad in the tut for my site?
Sure! But you have to give me some credits.

Quote:
Originally Posted by Sly Cooper
Extremely simple.
Title says it all man. ;)
I put it on my site, if you click on the button it goes to Joel's site,
http://pengpix.com/


http://img9.imageshack.us/img9/286/ovaizsig.gif
  
Reply With Quote
Reply

Lower Navigation
Go Back   ClubPenguinHQ Forums > General Discussion > Art > Tutorials

Bookmarks


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On




Powered by vBulletin® Version 3.8.3
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.3.0
vBulletin Skin developed by: vBStyles.com
Copyright ©2006 - 2009, RancidKraut Industries