Here is my new and shiny updated version of this post. Picnik is now sadly dead but PicMonkey has taken it’s place is my heart so here’s how to make headers on PicMonkey instead. Sadly they haven’t gotten collages up and working yet, but when they do I’ll add how to make a collage header on here.
But in the meantime here’s how to make a simple blog header on PicMonkey. Here are some of the looks you can achieve:
Basic with Text
Add a Filter
Add a Frame
The main thing you need to know when you’re creating your header is the size it needs to be. If you make it too big or too small it will just not look right. So if you’re on Blogger to check your width, go into where you load the header in design and it will tell you how wide you need it to be . With regard to height I’d personally not go any higher than maybe 300-350px high or it takes up the top part of your screen and then you’re readers will have to scroll a lot to see your posts If you are on WordPress, consult your custom header upload area and it’ll tell you how big you need to make it.
So here’s how:
You have the choice of either making it with one photo or many so here is the one photo option:
1. Go to PicMonkey and upload a photo that’s nice and big (you don’t need to create an account)
2. Once it’s uploaded – click on the Crop button and crop the image so it’s wide and a little narrow (using drag):
Then when you have the bit of the photo you want to use click on ‘ok’ and then it takes you back to the menu screen. Click then on ‘Resize’
3. You’ll need to resize the image to the correct size. So at the bottom left of the page there is a box called ‘Resize’ which has the sizes in, you’ll need to change the numbers in it. I’ve made this one to be 980px wide and clicked the ‘Keep Proportions’ so the height pretty much takes care of itself. Click on ‘ok’ when you think it looks right. Remember you can always go back and re crop the image if you don’t think it looks right.
4. Adding text to the image – Click on the ‘P’ tab which will bring up text and then you can add the text in the colour & font you wish to the image. You can move it around and even add your tag line as well if you have one.
You can also add boarders, shapes, image filters all sorts via that left hand bar.
5. Finally click on the ‘Save’ tab bottom left, make sure the image is the right size, and make sure it’s the right quality 8 is normally ok. And save it back to your machine – you can decide where, then you can upload it to your blog in the normal way.
You can make badges in the same way. With images I normally crop it into a square 400px x 400px (big enough so you can see what you’re doing) and then in the final save I make a few 125px x 125px, 160px x 160px, 180px x 180px and 200px x 200px. Obviously if you know what size your side bar can take then you can make it that size.
Happy Header Making!