How to Add Photo Overlays and Color Codes in PicMonkey

For the longest time I wished that I didn't have to just use the PicMonkey collage feature to format images. I had wanted to overlay logos that had a transparent background, overlap photos for infographics and tutorials and add in any custom images from clients wherever I wanted to place them. This disappointed me to no end because although I employ Lightroom for editing photographs I'm entirely clueless when it comes to design so have ever relied on PicMonkey for adding text edition, baroque borders, overlays and creating collages.

I have ultimately patterned it exterior though, and it's so simple to do in PicMonkey (I can't believe IT took me this long to form this out), and then wanted to share for others, equivalent Pine Tree State, WHO wanted to do these things simply didn't do it how.

Let's start with adding your own photo overlays.

For this tutorial I'm going to show you how to do it to update your Facebook fan page header photo. Of course though, the same thing applies to making pinnable images, infographics, or whatever else you are trying to make using multiple photographs and design elements.

Whole step 1:

Thanks to PicMonkey there is already a super easy to use Facebook layout in their 'Montage' area, that's already sized for upload. Candid it finished.

Step 2:

If you require to change the background color, go right up (see further below along adding your possess colour codes).

Fall into place on the 'Edit' release at the top to direct the layout directly into the editor for adding text and overlays.

Step 3:

The beauty of victimisation overlays to impart your own photographs, design elements and Logos as an alternative of adding them directly into the layout in collage fashion is that you can not solely move them just about, but you tail end resize them, tilt them and symmetrical wipe off portions of them if you need to.

Indeed, e.g., I knew that I wanted to lend an image of my blog logotype which I had saved on my alcoholic drive. In the editor in chief, click on the 'overlay's check on the left (it looks like a butterfly). At the very top you'll experience a button titled 'your have'. Click on information technology and upload a photograph from your hard repel. It's that easy.

Add in any other images you equal – re-size them, move them around and swordplay with them until you stick everything laid outer the way you want it.

Now, let's say you birth an image that has a albumen background, is non transparent and is covering over some other image. Wipe off what you need past clicking on the 'eraser' tool. If you efface too much, you can re-do information technology by clicking on the paintbrush next to it.

As you can examine in the image above, the word-painting image was natural covering my logo a little – I actually rhenium-fourpenny this for the final layout, but for the purpose of screening you how to use this handy pocket-size tool, I left it in it's original formatting. You can erase some image overlay.

Step 4:

If you wish to add text edition, or other overlays that you can change colors of, but you your blog, or your clients logo has a very specific color code, it's simple to grab it and add it in.

I take in a very handy tool on my hard drive called Instant Eyedropper. See the little people of colour wheel to a lower place? Download information technology and so harbor your cursor over it and run information technology around along your website, you'll see the color code for every color you need. Simply keep a record of the color code and you can manually add that into overlays and for text in PicMonkey. I'll show you how in just a minute.

As I mentioned, I am making a new Facebook cross photo so I sought the colours to follow the exact selfsame ones that I use on my blog. In the image downstairs I've created a text boxwood. I wanted the grey to be the same shade I already use, so in the text pop-functioning box above all of those pretty colors you will see a color cypher happening the right side. Spotlight it and change IT to whatever colourize code you want.

It's really that easily.

This was the final Facebook cover photo layout I ended upward with.

I've managed to customize it for my Google+ page besides – the dimensions for creating a Google+ superior are 2120 x 1192. So in collage style in Picmonkey, you would adjust the size of a collage thereto specific size before sending it to editor – or alternatively, I have a blank white photograph saved along my disc drive and then just adjust the sized of that directly in the editor which makes things a little quicker.

This is how my Google+ banner turned out.

If you are wanting to recognise how I ready-made the round images, I use Pizap.com.

Share this post