How to make a simple custom button

To start our project, we will first create a blank canvas using these settings. We will go ahead and call this first layer “button”

Next, we will use the rounded rectangle tool to create the foundation of our button. You will want to make a rectangle that is 169px wide and 44px high. You can fill it with any color you want your button to be, I chose orange for this one. This is what we have so far:

Next we will apply layer effects. Use these settings to start with, and I encourage you to be creative and try tweaking some of these settings to see what else is possible. You might like what you find!

Next I like to use some grunge brushes or crack brushes on separate layers, one layer set to normal at 50% opacity and the other set to linear burn at 55% opacity. Select each layer and press cntrl g to create a clipping mask to the base layer. It will look like this.

Finally, we will create a ring to anchor our button. Start by creating a new layer above all the others. With that layer selected, press cntrl and click on the base layer. This will select a region that matches our button. Then go to select, modify, and expand. Set it to 3px, then fill the layer with a solid color like this.

Next, go to select, modify, contract, and set it to 3px click okay and then press delete on the keyboard. After that, apply these layer styles.

Your final product should look like this

Of course you will then need to merge visible or flatten image, save as a jpeg and apply your text. Feel free to ask questions, I’ll do my best!