Deviant Login Shop  Join deviantART for FREE Take the Tour
×



Details

Submitted on
September 10, 2006
File Size
82.1 KB
Thumb

Stats

Views
6,385
Favourites
51 (who?)
Comments
28
Downloads
1,651
×
Button template by thespook Button template by thespook
live example, and sample code to integrate into your journal

Okie - here it is, the button template. It's changed a bit since I used it, main change was dropping the stroke layer style for a manualy done border because the stroked border had some strange anti-aliasing artifacts (which can be seen in my journal).

If this button thing 'catches on' I'd like if people felt free to make their own styles, their own templates... but I'm putting this up for the lazy ones out there ;p

To create the different sized buttons, I flattened the layer group and transformed the layer. It wont look too good if you try making it too much larger, or too much smaller... but y'all can go make your own templates if you're going to do that :)

To put your own image on the button, drag in your own image - of course, don't forget to resize it before (or after using free transform) to get it roughly the right size - and then ctrl click on the template layer to select the button circle - then select your image and invert the selection, then hit delete to cut it out. Then right click on the template and select "Copy layer style" and "Paste layer style" on your image. That's it.

Don't forget to hide the template button before saving so that the drop shadow isn't twice as dark - and remember that the drop shadow will only show right if you save it as a alpha transparent PNG (in photoshop 'Save for Web', PNG-24 with transparency on).
Add a Comment:
 
:iconizit-sama:
Izit-Sama Featured By Owner Mar 20, 2014  Hobbyist General Artist
OMG YOU ARE AN AMAZING PERSON!!!
Reply
:iconsinayastarchild:
SinayaStarChild Featured By Owner Dec 3, 2011  Student Digital Artist
what's the size when it prints out?
Reply
:iconthespook:
thespook Featured By Owner Dec 5, 2011
Not sure; I never meant it to be printed.
Reply
:iconsinayastarchild:
SinayaStarChild Featured By Owner Dec 6, 2011  Student Digital Artist
aww guess i'll have to print my design out and see how big that turns out xD
Reply
:iconbeautiful-evil9:
Beautiful-evil9 Featured By Owner Jan 26, 2011  Hobbyist Photographer
Nice! I'll try it! ;)
Reply
:iconrapturecyner:
RaptureCyner Featured By Owner Aug 10, 2008
Oh thank you very much!
Reply
:iconyingfong:
YingFong Featured By Owner May 11, 2008  Student General Artist
(: Thanks for sharing~ I'm one of those "lazy ones" and I really appreciate you putting this out there. d:

:+favlove:
Reply
:iconlillegekko:
lilleGekko Featured By Owner Jan 1, 2008
Hi! I only wondered how you made the highlight? I'm not so good in photoshop and now I've tried a lot of methods that didn't work:(
Reply
:iconjerseygrl246:
jerseygrl246 Featured By Owner Jul 29, 2007
Very cool. Thanks a bunch, and great job!
Reply
:iconbarrygreenland:
BarryGreenland Featured By Owner Jul 26, 2007  Hobbyist Photographer
Cool stuff! I used your template to make a few buttons for my journal :D
Reply
Add a Comment: