fresh photoshop tutorials & resources
Log in Register
Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Textures for Photoshop

Button Generator with Photoshop Action

Resources Photoshop Actions 20757 Views May 19th, 2011

This is a Photoshop Action that makes a perfect round button from any JPG image. The round mask is in the center of the image, so that area will be transformed into a button. The action doesn't save the image, the layers are not rasterized so you can easily change the layer style settings.

You can download this cool button generator for free and stat to create your own customized buttons in seconds. The button maker making process is well explained so I consider the action easy to use.

Advertisment

How to Use a Photoshop Action

Download the ZIP file that contains a TXT file containing the license and the general info and 1 ATN file. Go to the Window Menu and choose Actions. On the right top corner of the Actions Box you see a list with options, choose Load Actions from this list and load the ATN file.

Scale Layer Effects

This action was made using an image of 400x400 px size. So all the Button layer styles are customized for this size. If you have any other size and you don't like how your button looks like, you can either change the setting by hand or you can go to Layer, Layer Style, Scale Effects.

If you have an image of 800x1200 px size, the circle will have a diameter of approximate 800 px, that means double than the original, so at Scale Effects you will input 200%.

If you have an image of 200x800 px size, the circle will have a diameter of approximate 200 px, that means half than the original, so at Scale Effects you will input 50%.

So always compare the smallest size between the height and the width of the original (400 px) and the height and the width of your image. The scale effect formula would be: (your smallest image size)/400*100=(scale effect percent)

Background Layer

For the action to work, you have to open your image (JPG, BMP - image file extensions that work with this action) in Photoshop. You can see that by default the image is in a layer called Background, that is partially locked. For this action to work properly, the only layer must be this Background Layer. So you can change the image size, adjust the brightness /contrast, adjust the colors, etc as long as the Background Layer remains the only layer.

Add Save Operation to this Action

You can add another operation to this action, by choosing Start Recording. For example, at the end of the action, start recording and go to File, Save and Save the image as a PNG file. The image will be saved with transparency. Press Stop Recording.

Button Generator Photoshop Action

License

If you feature this action on your website you have to put a link to this page

http://www.psd-dude.com/tutorials/resources/button-generator-with-photoshop-action.aspx

Don't link directly to the ZIP file. Do not claim this file as your own. This ATN file can not be redistributed. Do not sell! If you are not sure about the license or have any other questions please contact us Thank you!

Be a Cool Dude!

With your donation you can help us maintain this website and keep producing free resources many months to come! Any amount counts

12 comment(s) for "Button Generator with Photoshop Action"

Photoshop Brushes
7:00 AM Monday, May 23, 2011
Thanks, I will share this on my site too. reply
Nunzio Bellini
Nunzio Bellini
7:00 AM Monday, May 23, 2011
Hi,
sorry but your action don't run with italian version of PSD ,
do you know this problem?
Others action built in english runs with my PSD, can you help me?
You can found this other action at http://www.panosfx.com/

sorry for my english.
bye
Nunzio reply
PSDDude
7:00 AM Monday, May 23, 2011
Hi Nunzio ! Sorry to hear that the action doesn't work with your PS version. It was made with my CS4 English version and it works ok, I don't know what is wrong....
Maybe if you tell me what what error is it? It works only for the JPG and BMP images reply
FreeITSolutions
7:00 AM Wednesday, May 25, 2011
Hi dude,
this is an extremely useful PS action
I love the fact that I can change the button style, thank you so much! reply
Nunzio Bellini
Nunzio Bellini
7:00 AM Wednesday, May 25, 2011
i'd tried with the PSD CS3 version but with the same result, PSD says me ,in italian, "the layer "layer 0" is not available"
if i change in english the layer name to "layer 0" the action run again.
but it's stopped at the next step, when it can't f reply
PsdDude
7:00 AM Thursday, May 26, 2011
I read about this thing and it seems that a lot of people have the same problem. My action works only with the PS English Version. I will mention that in the future.
The thing is that it is hard for me to test an action 100% because I don't have the reply
Martin
Martin
7:00 AM Thursday, June 09, 2011
When I make a button with this action do I need to place a link to your site or can I just use the button? reply
PsdDude
7:00 AM Thursday, June 09, 2011
Hi Martin,
honestly no one can say if a certain button was made using my action, so no credit is required in this case :)
Thank you for asking though!

reply
Carrie
Carrie
8:47 AM Monday, November 28, 2011
thank you so much for sharing! reply
PSDDude
8:48 AM Monday, November 28, 2011
you're welcome! reply
Dan??bia
11:52 PM Wednesday, September 05, 2012
n??o deu certo, o bot??o ficou quadrado. (did not work, the button was square) reply
PSDDude
11:58 PM Wednesday, September 05, 2012
I don't know why you get that error, it should work well for any image; even if you start with a locked background or a layer.
What size is your image? Did you try it with different images? reply

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works


Pencil Sketch vs Camera Photo Effect Photoshop Action
Animated Kaleidoscope Photoshop Action
Recent Posts
Learn how to create a beautiful ice queen portrait effect in Photoshop using some useful techniques ...
Mirrors and reflections are enormously important in art, being a common theme in myths and legends. ...
For these winter holidays you can download for free our new set of Christmas patterns for Photoshop....
Get ready for the winter holidays with this new Photoshop tutorial. Learn how to create a Merry Chri...

      Wax Stamp Seal Photoshop Creator
Popular Posts
You can create amazing gold text effects by using these unique gold Photoshop styles, both free and ...
If you want to know how to create dispersion effect in Photoshop in a easy way, here is a quick solu...
Today's Photoshop collection of resources includes some amazing packs of metal chrome PSD text style...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
There's something about ribbons that just looks good. I thought about making this Ribbon Vector Free...
I have decided to create a new character from Alice in Wonderland and I hope that maybe someday to r...
To create a Comic Book Effect in Photoshop we have to mix all sort of filters and blend them togethe...
Stitching and sewing can be created also in Photoshop with very realistic results. So in this tutori...
Hello girls and boys! Today i want to make a cartoon rainbow... i really hope you will like it! ...
In this tutorial I will show you how to create a 3D map in Photoshop using different 2D and 3D model...
Partners
Subscribe via email
LIKE US ON FACEBOOK

      Metal Tag Photoshop Creator
top