|
Pixel Button
|
|
By: Frankenkill On: April 7, 2006
|
Learn how to make a stylish Pixel Button
|
Start with a new document, it doesn't have to be very large.
Make a new layer and call it: "white". Make a selection of 150px X 25px. Fill it with white and give it a 1px black stroke.
you should now have this(the green is my background color):
Ctrl + click the "white" layer. Go to select > modify > contract in the new window, fill in "1" and hit ok. Make a New layer, called: "Gradient". Set your foreground color to #FDC303 and your
background color to #FD8D03. And draw a gradient from the top to the bottem of your selection. Give this layer a 1px black stroke
you should now have this:
Looking cool already huh? :D zoom in a couple of times and make a selection of 3px X 25px. Delete a small piece of the "Gradient" layer, like this:
ok, now CTRL + click your "Gradient" layer. Delete the big part of the selection and draw a gradient from top to bottem with forground color: #AACE3C and background: #7D982D:
That's practically it. Add some text and apply another 1px black stroke. You could also apply a pattern to it. Here is my result (click to enlarge):
Liked our tutorial? please Register! btw, we are giving away free gifts to our members!
|
|
Rating
|
By: Photoshopjungle.com On: N/A
|
Rate: (1)
(2)
(3)
(4)
(5)
Current rating: 3/5
|
|
Random Tutorials
|
3 randomly selected photoshop tutorials
|
|
Cool RibbonBy: Frankenkill on: May 16, 2006
Clicks: 8103 Rating: 3/5
|
|
Advertisement
GSM By: Photoshopjungle.com on: N/A
Clicks: 9278 Rating: 5/5
|
Subscribe to our newsletter
Get information about our newest photoshop tutorials!
|
Privacy - Sitemap - Advertise - Contact - Links
|
