Blogging tip: Using Collages in tutorials!

I for one can appreciate an easy to read tutorial! I love a good clean minimal look that makes following directions simply and fast! Over the last few years of blogging I have learned a few ways to help make tutorials reader friendly! Today I’d like to talk about Collages and how to create them in Picnik, a FREE online site, to help declutter your posts and make them reader friendly!

You may notice that I use a lot of 4 grid collages in my posts! I bet you thought you needed to be skilled in Photoshop to create these grids but the reality is you DON’T!
By using grid collages you can put 4 images in the same space as 1 to make your posts shorter and more appealing to the eye!


Fist things first… log onto to Picnik and get to the main page and click the “Get started now” button!


1. Upload a photo from your computer. When the photo appears as a thumbnail click and drag it to the quadrant in the collage. Do this 4 times until you have filled the 4 quadrant collage. You can move a photo from one quadrant to another by clicking the photo and dragging it to a different quadrant. If you added a photo you no longer want to use just upload a new photo and crag it on top of the photo you want to replace.

2. Choose your back ground color. I always use white becasue I think that looks best.

3. Use the rounding tool if you’d like to round the edges of your photos.

4. Click the done button.


Adding a drop shadow frame


1. Click open the “Frame” tab.

2. Click the “Drop Shadow” button

3. Click the “Transarant Background” box.

4. You can make adjustments in that drop down menu and then click “apply.”


Adding text

1.  Now it’s time to number each photo so you can do a numbered description in the tutorial.To add text click the “Text” button!

2. Pick your font.

3. Add your text in this box.

4. Click and drag your text to the exact place you’d like it to appear.

4. This box is where you will change the color of the text, size and appearance.


Resizing your photo

1. Click the “Basic Edits” tab

2.  Click the “resize” tab and adjust the  numbers according to what size you’d like to make the image. For consistence I always make my collage for my tutorials the same size: 450 x 450.  Yours might vary based on the width of your blog.

3. Click the “Apply” button

4. Lastly click the “Save and Share” tab.

To save the new image

1. Rename the image.

2.Click “Save Photo” button

Now you have a new image you can insert into your post! Under your new collage you can now describe the step by step process to create your project!

This really makes following a tutorial easy and helps make your blog look nice! Hope it helps!




  1. 1

    I LOVE PICNIK! For this and many other reasons…thanks for the idea on creating neater tutorials :) :)

  2. 2

    Ooh fantastic info. I hHaven’t come across picnik before and will def check it out. I’ve got a few photo heavy tutorials coming up and this will really, thanks so much!

  3. 3

    Thanks for sharing that. I love when people have their tutorial set up in a collage. It looks super organized. I am going to have to try this for my blog. Great ideas:)

  4. 4

    Morning! I found picnik a few weeks ago… I love it. It is lightning fast and easy to use. I had used photobucket for several years previously and the only thing I miss is that they allow albums. I can foresee in my future looking through hundreds of photos to find a specific shot. Do you happen to know if there is a way to organize the photos you upload? Maybe I am just not seeing it ;)

  5. 6

    Thanks for posting this! I use Picasa but now I might try out picnik. I think collages are sometimes easier on the eye when posting alot of pictures…I might give it a try with all of the Christmas crafts I’m making.

  6. 7

    I’m doing a sewalong for a boy’s shirt on my blog and tomorrow’s post is going to use collages. Thanks for the tip! I love using Picnik especially cos you can play with photos from Picasa, Flickr, Facebook or your computer. You can also save your new collage back to the Picasa album of your choice.
    Since my computer is getting old, I’m saving less and less to the hard drive. I’d hate to lose it all. :)

  7. 8

    I think that I will need to try this out on my next post! It will definitely shorten up my posts and make it easier to read! Thanks for sharing this with us:)

  8. 9

    thanks for the easy step-by-step instructions: I already use picnik for my collages but I was missing one step: the resizing. now I’ll do my pictures readers-more-friendly :) !! thanks! xox, d.

  9. 10

    I’ve always wondered how those collages were done! Just joined picnik two weeks ago, to add text- now I’ll be collating it up too.

    Thanks so much!

  10. 11

    OMG! I’ve been wondering how people do the collage thing! I did think I needed Photoshop! Thanks for the awesome tutorial!!

  11. 12

    Thank you so much for your help! Every information and advice is always so welcome! I like to write tutorials now and then and I’ll go to learn this!
    Have a lovely week! x Teje

  12. 13

    That is very helpful! I use Picnik all the time, but I had no idea I could do that :-) Thanks!

  13. 14

    Thanks for introducing me to Picnik! I used to spend SO much time piecing collages together on photoshop. This is genius!

  14. 15

    Attractive info. Thanks, I am really impressed with the quality of what you have provided in your article.

  15. 16

    Fine this is very remarkable indeed. I love to read a little about this particular topic. Great Article. Its really very informatics blog, I just wanted to say that I found this precious blog with the help of Google.

Speak Your Mind