Button tutorial (PSP)

August 3, 2008 at 23:22 (Tutorials)

Open a new image 300 by 300 pixels and with draw a circle with your preset tool (background and foreground colour of choice). Objects – Align center in canvas. Convert to raster.

Choose another preset shape or ding of choice and draw out your shape (use a contrasting colour), making it smaller than your button. Objects – Align center in canvas, or use the move tool to position it. Convert to raster. Click on an empty area with your magic wand (tolerance set to 0), then Selections – Invert. Go to your button layer and hit delete. Select none. You can now either delete or close your shape layer.

Add a bevel, either using PSP’s bevel effect or the Eye Candy Bevel filter.

Click inside the cut-out with you magic wand, then Selections – Modify – Expand by 3 pixels, add a new raster layer, drag it under the button layer and fill with a complementary colour or pattern. Select none. On the button layer, click inside the cut-out again, expand by 1 pixel, add a new raster layer, then Effects – 3D effects – Cutout. I used Vertical: 4, Horizontal: 4, Opacity: 84, Blur: 20 and a dark comnplementary shadow colour, but you’ll need to adjust your settings depending on your shape and colour. Seelct none. Layers merge visible.

Draw the holes on a separate layer. Selections -Select all – Float – Defloat, hit delete, then go to your button layer and hit delete again. Keep selected, add a new layer, and add a slight cut-out. Select none, merge visible, and you’re done. You can now add stitches to the button or decorate it using another ding.

Have fun!



  1. Wendy said,

    Thanks for the awesome tutorial.

  2. Rose said,

    I was looking for a different type of button thank you for sharing. đŸ™‚

  3. Dianne said,

    Your tutorials are very useful and original. Thank you for posting! I love the buttons, but I like your others too.

  4. Ethan said,

    Good post! We will be linking to this particularly great
    post on our site. Keep up the good writing.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: