the pixel boutique blog web print logo design

How to Make a Blog Button (or Badge) in Photoshop Elements

November 19th, 2009 · 10 Comments

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…

UPDATE: This video has been moved to the How to Blog: Video Tutor Library. You can purchase it here for $3.

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!

Related Posts with Thumbnails
Share This:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • email
  • Kirtsy
  • LinkedIn
  • Reddit
  • StumbleUpon
  • Technorati
  • TwitThis
  • 1
    willowsprite says:

    Thank you very much for this tutorial. I’ve always wondered how to make a button!

  • 2
    Jessica says:

    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

  • 3
    Cindy says:

    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

  • 4
    admin says:

    So glad it was helpful Cindy. Thanks for letting me know!

  • 5
    bubbleboo says:

    I stumbled across this by accident, and I am so grateful that I did! Thanks so much!

  • 6
    Jenn says:

    What a wonderful tutorial! Thanks for the clear step by step directions. Perfect!
    Jenn :)

  • 7
    Vanessa says:

    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!

  • 8
    admin says:

    Nice job! Glad you found the tutorial helpful. Thanks for stopping by. Great blog, btw! ;)

  • 9
    Brigid says:

    I keep getting a 404 message when I click the link to buy the video. Is it still available? Thanks.

  • 10
    Brigid says:

    Ummm. nevermind! It worked that time!