Friday, April 12, 2013

PicMonkey Mondays: Creating a Collage

PicMonkey Tutorial- Creating a Customized Collage | inkatrinaskitchen.com


So last week we talked baout how to use PicMonkey to insert text onto a photo- you’re a rock star! Now it’s time to make a collage. There is really no limit when it comes to using PicMonkey to make a collage. I struggled with this tutorial because there is just so much you can do and so much I want to show you. Making a collage is all about the creative process so no 2 people are going to look at the same set of pictures and come up with the identical results


I hope by the end of this tutorial that you will feel comfortable using any template to create any customized collage that you may need. Everything -EVERYTHING- is able to be manipulated; no more boring 3×3 grids for you! Below you can see the template I started with looks nothing like the final product.


PicMonkey Tutorial- Creating a Customized Collage | inkatrinaskitchen.com


Start at PicMonkey.com and select Create a Collage.


PicMonkey Tutorial- Creating a Customized Collage | inkatrinaskitchen.com


This will bring up the first tier of collage tabs where you can import photos. You will want to start with photos that have already been edited. PicMonkey has some photos there already if you just want to play with the collage features.


PicMonkey Tutorial- Creating a Customized Collage | inkatrinaskitchen.com


If you want to insert your own pictures you will click onthe box that says “Open Photos,” or use the dropdown menu to select photos from your computer.


Insider Tip: You can select several photos at once (using Command-click on Mac or Control-click on Windows). Here I selected a bunch of Valentine recipe photos:


PicMonkey Tutorial- Creating a Customized Collage | inkatrinaskitchen.com


The second tier of tabs will bring up a whole bunch of layouts. As I mentioned before these are just a starting point to get your creative juices going. Don’t feel boxed in by your options.


PicMonkey Tutorial- Creating a Customized Collage | inkatrinaskitchen.com


Choose your layout. Take note of the dimensions along the bottom. You can type in a number if you have specific dimensions that you need, or you can change dimensions by hovering your mouse over an outer border of your collage. When you see two thin blue lines appear, move the double arrow to stretch or shrink it. You can also do so by typing new numbers in the dimensions toolbar.


Insider Tip: If you need to unlock the proportions, click the padlock icon so it appears grey, not blue.


PicMonkey Tutorial- Creating a Customized Collage | inkatrinaskitchen.com


I chose a Facebook Cover template.


Insider Tip: Facebook Covers are 851×315. They will fit perfectly into the long cover photo on Facebook profiles.


PicMonkey Tutorial- Creating a Customized Collage | inkatrinaskitchen.com


The next tier of tabs is called Swatches. This is where I will be pulling the images for this tutorial (because I want you to focus on the method of creating a collage, not the images themselves).


PicMonkey Tutorial- Creating a Customized Collage | inkatrinaskitchen.com


Use the dropdown menu to select from Sweethearts or Winterland or grab some from your own comupter. These swatches are great if you don’t want every cell filled with a photo.


PicMonkey Tutorial- Creating a Customized Collage | inkatrinaskitchen.com


As I said, I’ll be using the swatches in order to focus on the method. From this point you would be grabbing your photos from the left sidebar. You can see that I selected a Facebook cover and I filled it. YAY! You can be done! Or not…


PicMonkey Tutorial- Creating a Customized Collage | inkatrinaskitchen.com


When you grab a photo from the left sidebar you can hover between cells until a blue line forms. Drop the photo there and it will squish it into the collage without changing the dimensions. Here I dropped a photo to the left:


PicMonkey Tutorial- Creating a Customized Collage | inkatrinaskitchen.com


Or above the large cell:


PicMonkey Tutorial- Creating a Customized Collage | inkatrinaskitchen.com


Or above the whole table:


PicMonkey Tutorial- Creating a Customized Collage | inkatrinaskitchen.com


You can also hover in between cells until a thin blue line appears to change the size of the cell. Drag the cell up or down, left or right. See how I shrunk the top cell:


PicMonkey Tutorial- Creating a Customized Collage | inkatrinaskitchen.com


Truly I cannot express enough how many options you have to drastically change the layout from the template you stared with. See what happens when I drop a photo to the right of the whole collage:


PicMonkey Tutorial- Creating a Customized Collage | inkatrinaskitchen.com


You can change your mind at any time. Hover over any photo until a small X appears in the upper right hand corner to remove an image:


PicMonkey Tutorial- Creating a Customized Collage | inkatrinaskitchen.com


Hover again to remove the cell completely:


PicMonkey Tutorial- Creating a Customized Collage | inkatrinaskitchen.com


You can already see that my collage looks very different from the template we started with, but we’re going to manipulate it even further. You know how I love to manipulate things.


PicMonkey Tutorial- Creating a Customized Collage | inkatrinaskitchen.com


The final tier of tabs on the left sidebar brings up the Background options. From here you can adjust the space between photos, corner rounding, and background color (or set the background color to “transparent”). 


PicMonkey Tutorial- Creating a Customized Collage | inkatrinaskitchen.com


Insider Tip: take note of the color dropper. Use the Eyedropper tool to match the background color to a particular color in the photo.


PicMonkey Tutorial- Creating a Customized Collage | inkatrinaskitchen.com


Here you can see I clicked the eyedropper and clicked on a few colors until I decided on the grey:


PicMonkey Tutorial- Creating a Customized Collage | inkatrinaskitchen.com


You can still go back to any tier of menus and add/remove cells and rearrange photos:


PicMonkey Tutorial- Creating a Customized Collage | inkatrinaskitchen.com


Leave a few cells empty if you want to leave some open space to add text. The collage will save without the dotted line spacer holders:


PicMonkey Tutorial- Creating a Customized Collage | inkatrinaskitchen.com


I decided that I wanted all of the cells full but I wanted the top rectangle to be skinny. Hover between the cells until you see the thin blue line and drag the box up or down:


PicMonkey Tutorial- Creating a Customized Collage | inkatrinaskitchen.com


You are ready to save:


PicMonkey Tutorial- Creating a Customized Collage | inkatrinaskitchen.com


Do you want to add text?


Save your collage without text. Then click on the “Close” X in the upper right corner.


PicMonkey Tutorial- Creating a Customized Collage | inkatrinaskitchen.com


This will bring you back to the front screen when you can select “Edit a Photo:”


PicMonkey Tutorial- Creating a Customized Collage | inkatrinaskitchen.com


Click on the P in the left hand sidebar to add text. {Don’t forget about my full step-by-step tutorial on How To Insert Text Onto Photos}


PicMonkey Tutorial- Creating a Customized Collage | inkatrinaskitchen.com


You did it!! Go eat a cookie.


PicMonkey Tutorial- Creating a Customized Collage | inkatrinaskitchen.com


Because I don’t think this post is obscenely long already I thought I would just show you a few collages I made using this same Facebook Cover Template:


PicMonkey Tutorial- Creating a Customized Collage | inkatrinaskitchen.com


Have I convinced you? You can do ANYTHING with PicMonkey Collages! Don’t be boxed in!!! 


Did you find this tutorial helpful? Please leave me any questions in the comment section below. I love hearing from you and I will do my best to explain things further or find an answer for you. I cannot wait to see what you guys create this week!


Don’t forget to check out all of the tutorials in this 4 Part series.


PicMonkey Tutorial | 4 part series


Inserting Text    |    Creating a Collage    |    Using Overlays    |    Creating Graphics


Disclosure: I told the awesome people at PicMonkey.com that I was putting this series together and they gave me a free Royale membership and said good luck. ;) All opinions are 100% my own (and I had actually already bought and paid for my own membership because I heart PicMonkey so much). Everything I’m showing you in this 4 week series can be done for free without access to any Royale effects.


Source

No comments:

Post a Comment