As most of you know, Picnik will soon be going away and a lot of bloggers are left in the dark when it comes to adjusting their photos and creating new blog buttons. I've always been an avid user of Photoshop and currently have a series sharing some of my favorite Tips & Tricks on my blog.
First thing you want to do is find your design elements. Since I'm guessing most of you aren't graphic designers or illustrators, you'll need a little help with this part! One of my favorite sites to purchase stock photos, illustrations and vector artwork is BigStockPhoto.com.
You can purchase web-sized JPGs from as little as $2.99. Yes, you can sometimes find little illustrations online that you can grab off Google, but some of those images are copyrighted. Play it safe and purchase your clip art or illustrations. Plus anything you purchase for a blog button can also be used for your website header or Facebook timeline cover! Just note that any item you purchase from BigStockPhoto.com cannot be redistributed. It is for personal use only.
For the first blog button I found this little pink polka dot background (which you could easily create yourself) and a little blue birdie.
You can either create a new document at 300x300 pixels and drag your downloaded background to the new document and transform it to fit (Image > Free Transform), or you can crop the downloaded image to size (I chose the latter for this exercise).
I set the width and height in the Options Bar to 300 pixels each (see above screenshot) and cropped the image.
To make the JPG version, go to Layer > Flatten Image.
TADA! YOU HAVE A BLOG BUTTON!
{aint' she cute?}
{aint' she cute?}
If I didn't overload you too much already,
wanna see one more quick thing?
For this next blog button I decided to download this fancy background with several tags. It had everything I was looking for... clean space to type my information, a little birdie for "How to NEST for Less" and some little clothes buttons (for this blog BUTTON!). OK, it's not always that easy to find something so perfect, but it does happen!wanna see one more quick thing?
Use your crop tool and set the parameters in your Options Bar to 300x300 pixels. Again, I do this size first because it's easier to see the details when I'm creating these elements and I can always make the image smaller... you can NEVER make an image bigger (it will get pixelated and blurry!).
And that's it!
Looks like a professionally designed button in a matter of minutes!
BigStockPhoto.com has a bunch of elaborate, predesigned scrapbook-like elements available for download. This is make your design effort SUPER SIMPLE! Just plop on the text and you're done! Here are some quick samples of some adorable backgrounds...Looks like a professionally designed button in a matter of minutes!
One last thing... If you want a grab box with the code for your new blog button, check out these tutorials:
Thanks for this awesome tutorial, Erin!
ReplyDeleteThanks for this!
ReplyDeleteDebbie