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 21273 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.


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!

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
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
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
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 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
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!

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:52 PM Wednesday, September 05, 2012
n??o deu certo, o bot??o ficou quadrado. (did not work, the button was square) reply
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 mirror an image in Photoshop from this quick tutorial for beginners. To flip an image P...
How to create a realistic pool water texture in Photoshop from scratch using filters and gradient co...
Useful Photoshop tutorials on how to create realistic looking sketch effect or pencil drawings. To c...
More than 70 amazing free textures that you can use for commercial projects. In this collection you ...

      Torn Photo Effect Photoshop Action
Popular Posts
You can create amazing gold text effects by using these unique gold Photoshop styles, both free and ...
Today's Photoshop collection of resources includes some amazing packs of metal chrome PSD text style...
If you want to know how to create dispersion effect in Photoshop in a easy way, here is a quick solu...
To create a realistic sketch in Photoshop you need some pencil sketch textures or better still you c...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
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...
Subscribe via email

      Metal Tag Photoshop Creator