Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Textures for Photoshop Online Label Maker

Button Generator with Photoshop Action

Resources Photoshop Actions 26779 5/19/2018 12:00:00 AM

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.

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


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

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!

5 ( 164 votes)

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"

Nunzio Bellini
Nunzio Bellini
7:00 AM Monday, May 23, 2011
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

sorry for my english.
Nunzio reply
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
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
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
7:00 AM Thursday, June 9, 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
7:00 AM Thursday, June 9, 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!

8:47 AM Monday, November 28, 2011
thank you so much for sharing! reply
8:48 AM Monday, November 28, 2011
you're welcome! reply
11:58 PM Wednesday, September 5, 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
Photoshop Brushes
Photoshop Brushes
1:06 PM Monday, April 29, 2019
Thanks, I will share this on my site too. reply
1:06 PM Monday, April 29, 2019
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
1:06 PM Monday, April 29, 2019
n??o deu certo, o bot??o ficou quadrado. (did not work, the button was square) reply

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works

Get new posts by email:

      Online Photo Editor