I make a lot of blog buttons (or badges). A. Lot. I think its a blog prerequisite to have one. Just kidding. But it is a nice companion to your blog.
What exactly is a button, a new blogger may ask? Well, its a small square image, usually 125×125 pixels, that coordinates with your blog design, that represents your blog. It can have your blog name, an image and even a short blurb…just giving a snapshot. You can add it on your blog, along with the code for people to copy and paste onto their blog. And if you’d like to know how to add that code, here’s how.
So today I’m going to show you how to create a very simple but classy button using Photoshop Elements. Its quite simply really. Here are a few videos (about 12 minutes in all) to get you started…
One thing I forgot to say in the video is after you are done with your button, you’ll want to save it as a .jpg, by going to File>Save For Web. That will put it in the format you need for web use.
Hope that was helpful! If you create a button using this tutorial, I’d love to see it!











Thank you very much for this tutorial. I’ve always wondered how to make a button!
[Reply]
Thanks for this easy-to-follow tutorial. It was perfect for me — a writer with just enough Photoshop skills to be dangerous. I’ll come back and post my blog badge after it’s approved by my partner!
Jessica
[Reply]
Thank you so much for this great tutorial. By far the easiest to follow. Although I only have a free trial of Photoshop now, I do plan to purchase it. I have been trying to use Paint.net for now since it’s free. I really appreciate you taking the time to show others how to make these buttons. Blessings to you!
Cindy
[Reply]
So glad it was helpful Cindy. Thanks for letting me know!
[Reply]
I stumbled across this by accident, and I am so grateful that I did! Thanks so much!
[Reply]
What a wonderful tutorial! Thanks for the clear step by step directions. Perfect!
Jenn
[Reply]
I just made a button using your tutorial… and it looks pretty good if I do say so! It’s on the sidebar on my blog for the Live Laugh Bee Virtual Sewing Bee. Your blog is awesome! Thank you!
[Reply]
Nice job! Glad you found the tutorial helpful. Thanks for stopping by. Great blog, btw!
[Reply]
I keep getting a 404 message when I click the link to buy the video. Is it still available? Thanks.
[Reply]
Ummm. nevermind! It worked that time!
[Reply]
When I click on the videos, all they do is take me to another window with just an image of each one. I’m using a Mac, could that have something to do with it?
[Reply]
They’re working perfect now Nicole. Thanks!
[Reply]
Thanks so much for this tutorial! It’s just what I needed.
[Reply]
Nicole Reply:
March 23rd, 2011 at 3:44 pm
So glad it was helpful, Diana!
[Reply]
Great post
Thank you for posting this informative content .. I am looking forward to see more interesting and informative like this
If you have time you can also visit this site :
Photo Tech Photos and Photographers
[Reply]
Thanks for the tutorial. First time I really used photoshop. You can see my badge at http://farmnwife.com
I bookmarked this page.
[Reply]