Tuesday, 24 September 2013

Create Simple Images For Your Blog With PicMonkey

Pin It!

Quite a few readers have asked for a tutorial on how to make an image for their posts (like I do), with the pretty fonts, the borders and the other graphical elements such as arrows. I actually use Photoshop most of the time, but almost everything I do can be accomplished for free in PicMonkey. 

There is lots that you can do with the PicMonkey software, but since I am a fan of keeping things simple I am just going to show you how I made the image at the top of this post. There should be enough information in this post to give people the courage to experiment for themselves!


Step One. The first thing you need to do is create a blank canvas for you to "draw" on. To do this, go to the PicMonkey website and click on create a collage.


Step Two. On the left hand menu, select "Layouts" and then "Square Deal". I then selected the canvas with four cells, but it doesn't really matter which one you pick.


Step Three. Hover your mouse over the top right hand corner of one of the cells and a cross will appear, with a text box saying "Remove cell". Click on the cross to delete the cell. Repeat this for the other cells, until you are just left with one canvas.


Step Four. This step is optional. If you want to use a background pattern or colour, then you might want to do that now. I just changed the white background to a slightly different shade.


Step Five. Re-size your canvas to a more practical size. The default size is 2000 pixels, but 400px by 400px is more suited to blogs, unless you want to slow the loading time of your post. To change the size, click on the box at the bottom of the screen and change the number, (press the enter key to save your changes).


Step Six. The next few steps needed to be done in the "Photo Editor" rather than the "Collage Editor", so save your file to computer and return to the home screen.


Step Seven. Click on "Edit a photo" and open the file which you just saved to your computer.


Step Eight. I started off by adding a frame (unsurprisingly, this is done under the "Frames" tab). Toggle the thickness scroll bar until you achieve the width you want. I wanted a double line, so just repeated this step to add a second frame. You can also make changes to things like the colour.


Step Nine. Most of the images I create for the blog are for post headers. I typically start off by adding some text, (the forth tab down on the menu). Pick your font and click on the "Add Text" box.

You can highlight the text and change the colour and size, and also mix and match which fonts you want to use in your image.


Step Ten. There are loads of simple overlays you can add for free in PicMonkey, (more if you pay for the premium version). Like the text, you can change things like the colour. To change the size of the overlaid image, hover your mouse over the corner of the box and drag.


Step Eleven. There is also the option to add image elements from your computer, by clicking on the "Your Own" button. This is how I added the PicMonkey logo and my watermark, (the latter of which I haven't shown in the tutorial).


Step Twelve. When you are happy with your image, save it!

If you want to show off your newly learned PicMonkey skills, link up to your image/blog post in the comments. I always like to see what people have learned from my tutorials. :)

24 comments:

  1. Great tips! You can now skip the step of saving it to your computer. Picmonkey added a button to the collage maker that let's you switch to the edit photo mode. Just click the edit button and it will switch over.

    ReplyDelete
    Replies
    1. Brilliant! I love it when I learn something new from a reader. :)

      I always wondered why PicMonkey didn't allow you to switch easily between the two, and it's great to know they've added that feature.

      Delete
  2. I have learnt so many things from you regarding Pic Monkey however I'd love to do things a lot quicker than what it takes me. I have little people running around and sometimes creating things takes me for ever :( I did do something on Pic Monkey the other day for my blog and I learnt a new function (image 3) with the help of my 8 year old and we all loved it. You can check it out here (image 1&3 uses a number of Pic Monkey functions):
    http://oneplusoneequalssix-q.blogspot.com.au/2013/09/eye-ball-cupcakes.html

    Thanks for the help its fun learning new things.

    ReplyDelete
    Replies
    1. Hi Megan,

      I love how you labeled your photo. And I can sympathise with the "little people underfoot" issue!

      Delete
  3. this is a super tutorial! I am going to put a link to it on my Blog Tips blog. Cheers

    ReplyDelete
  4. Awesome, thanks so much for sharing! I have only recently started using Picmonkey and I love it!

    Tania

    ReplyDelete
  5. I love pic monkey. Go check out my blog. I did the whole layout using pic monkey, even the social buttons. come visit me sometime. www.lifeawayfromtheofficechair.blogspot.com

    ReplyDelete
    Replies
    1. It looks great! The flowers are very bright and happy. :)

      Delete
  6. Thank you so much for sharing! I'm new to PicMonkey and need all the help I can get!

    ReplyDelete
  7. This is great!! I have used PicMonkey for awhile now, but have never figured that part out!! Now, how do I make one of those fancy collages......a picture of a recipe and then adding a link to it..example: 15 Favorite Fall Recipes collage...is there a tutorial for that:)

    ReplyDelete
  8. This was such a great, practical post. Thanks SO much...I totally forgot about PicMonkey! Needed that! Have an awesome week!

    ReplyDelete
  9. Great tutorial Angela! I've just started using PicMonkey and playing around with it so this is really helpful.

    ReplyDelete
  10. Great tutorial and thanks for sharing! I have been using photoshop, but I am by no means an expert. So many PicMonkey would be easier and quicker for me! Pinning to refer back to!
    Darcy @ The Ruffled Stitch

    ReplyDelete
  11. Oh, this is great. I never would have known this. Many thanks!

    ReplyDelete
  12. Such great information!! I currently use PicMonkey for photo editing, great to see so many more features used. Pinning!!

    ReplyDelete
  13. Thanks for this tutorial, Angela.

    I've never used the add your own image function, but I've always wondered how to do it (like you did w/adding the PicMonkey icon.) Can't wait to try this.

    Stopping in from the What's Shakin' link party.

    ReplyDelete
  14. Thank you, I'm new to Pic monkey and your tip will help a lot. I can't wait to try it!

    ReplyDelete
  15. Thanks so much for your frequent "blog helping" posts. I really enjoy your tutorials because they make sense and are easy to follow. I popped over from the Show & Share Wednesday Linkey. Thanks for posting there! Come visit me sometime! Deb @ Kneaded Creations.

    ReplyDelete
  16. Thanks for a very helpful post. Pinning now!

    ReplyDelete
  17. I created a new header (banner?) at the top of my blog using these hints. I didn't get the width right, thus cut off some of the pics I wanted. Still practicing... Here via Marvelous Monday's.

    ReplyDelete
  18. Great tutorial!! TFS!! Stopping by from Alderberry Hill's linky party. Here is what I shared this week: http://craftybrooklynarmywife.blogspot.com/2013/09/aragon-test-pattern-and-happy-fall.html I posted a few other things I have sewn lately...stop by my blog when you have a moment.

    ReplyDelete
  19. Ciao, thank you for your tutorial! Have a nice week
    Cristina

    ReplyDelete
  20. I have been using picmonkey for quite sometime now and never noticed the collage feature! Thank you so much for pointing this out. I love that it has backgrounds and can't believe I missed that before.

    Nicole @ HoldtheOffice.com

    ReplyDelete
  21. Congratulations! You've been featured this week! Here's the link...http://sewlicioushomedecor.com/saturday-show-licious-craft-showcase-52-2/. Thank you for participating in my craft party!! :)

    Marti

    ReplyDelete

Thank you for taking the time to leave me a comment. I try to respond to as many as possible. :)