how to create collage templates in photoshop elements

by Melissa Gibson

Have you searched and searched for the perfect storyboard for your blog?  I know I have.  I remember looking for just the right template for my images and always ended up making purchases that I didn’t really need.  In the end, I’d only use one template out of the ten that came in the bundle.

How frustrating!

Did you know that you can make custom collage templates in PSE?

Here’s how you can create your own storyboards for use in printing or blogging.

Step 1: 

Create a new project by going to File > New > Blank File

how to create collage templates in photoshop elements photo

Step 2: 

Create your shapes (where your images will go) using the Shape Tools.  You can change the colors of the shapes if you like.  That way, it’s easy to see each area.  If you want a white border around each image, just leave that space open when you are creating each shape.  You can adjust the size of the shapes just by clicking and dragging the corners.

how to create collage templates in photoshop elements photo

Step 3:  

Once you have all of your shapes in place, click and drag the images to each box.  You’ll need to click on the box first, then drag your image there.  When you place your image, it will be too big and most likely cover the entire collage.  Simply click the corner and drag at an angle to resize.  Make sure the “constrain proportions” box is checked or your image will be distorted.  Once you have resized it, go to Layer > Create Clipping Mask to “clip it” into your shape (you will do this for each image).  Also, I use images that are already sized and sharpened for web that way it saves me a step or two at the end.

how to create collage templates in photoshop elements photo

how to create collage templates in photoshop elements photo

Now that your collage is complete, you see that the shapes and images each have layers of their own.  It does that automatically!  How great is that?!   If you want to move the image around in the shape, just click on the move tool to adjust it.

Step 4: 

Once you’re happy with your new collage, simply flatten, watermark and save!

how to create collage templates in photoshop elements photo

Now that you understand how to create a custom collage in PSE, the possibilities are endless!

how to create collage templates in photoshop elements photo

Thank you Melissa for this awesome tutorial!  Are you still learning Photoshop Elements?  We’d love to know what you’d like to learn how to do next so we can work on some more Elements tutorials for you!  Let us know in the comments what you’d like to see next!

how to create collage templates in photoshop elements photoMelissa Gibson, Georgia
Copywriter | CMU Instructor | CM Mentor
website | facebook | pinterest | instagram | ask a pro
Melissa is a proud MWAC who gears up with a Nikon D700, prime lenses, and edits her “fun, childlike, and whimsical” photography solely in Photoshop Elements. Her goal both now and when she first began her photography journey in 2005 is to, in her own words, “remember my girls’ lives for them. They are so young yet growing so quickly. I know they won’t remember it all so I feel it’s my job to document it for them.” She is a self proclaimed goofball that loves reading, giggling, sweet tea, her iPhone, kisses, instagram, and having fun with her small family which includes her husband and three darling girls.

how to create collage templates in photoshop elements photo

 

Tags: , , , , , , , , , , , , , , , , , , ,

21 Responses to “how to create collage templates in photoshop elements”

  1. Christina
    Aug 24 2012 at 1:26 pm #

    I have a few ideas! Besides basic text watermarking, I would like to know the following:
    -how to put text into a shape as more of a "stamp" watermark
    -how to get a faded/hazy band across the photo with your watermark on it
    -how to create and use a watermark with a design/graphic implemented into it

    Also, I would love to learn about the pros workflow from editing through processing and their organization tips in PSE!

  2. Christina
    Aug 24 2012 at 1:28 pm #

    Oh, and along the lines of this tutorial, how would you create a template that has designs/decrative borders/text inside a design/etc? Something to make it more than just a few photos in the same frame?

  3. mrscgdickson
    Aug 24 2012 at 1:39 pm #

    Thanks sooo much! I would love to create some templates to use on my blog. This is perfect!

  4. Allyson
    Aug 24 2012 at 2:45 pm #

    Thank you so much for this! I was always curious how to do this! :)

  5. Meredith
    Aug 25 2012 at 10:23 am #

    bookmarking this! thanks for the great tutorial!

  6. Pam
    Aug 25 2012 at 12:44 pm #

    Thank You Melissa! I have been wanting to learn how to do this!

  7. Trace
    Aug 26 2012 at 12:24 am #

    Thanks Melissa, I have always wanted to know how to do this. I can't wait to try it out.

  8. Aug 26 2012 at 6:04 pm #

    Thank you! Definitely going to try this!

  9. Aug 29 2012 at 12:15 pm #

    sweet, melissa! thanks for spelling this out in such a simple and easy to understand way!

  10. Kate
    Aug 29 2012 at 6:15 pm #

    Great tutorial!! Thank you so very much!!

  11. Moira
    Aug 30 2012 at 12:43 am #

    I am just trialling PSCS6 so am definitely going to try my hand at this. Have always wondered how these are achieved! Thanks.

  12. Aug 30 2012 at 10:01 am #

    I haven't tried to do this in LR yet so happy to try this tutorial out!!

  13. Oct 15 2012 at 11:51 pm #

    This is a topic that’s close to my heart… Best wishes! Where are your contact details though?

  14. Katie
    Feb 11 2013 at 3:20 pm #

    this is probably fairly simple to answer and may not require a separate tutorial, but how do you make the pictures be separated by various white, or other color, borders?

    • Feb 11 2013 at 9:49 pm #

      Hi Katie! Making the border between the images is super simple. When you are creating the image boxes, just don’t pull the edge all the way over to the next edge. You’ll just leave a teeny bit of space between. You can turn on the grid to make sure you’re lining them up evenly by going to View > Grid. Also, when you are on Step 1, you can choose “white” as the background color. When it opens in PSE, you can use the paint bucket to choose a different color rather than white. That color will show between the images and become the colored border. Hope that helps a bit. :)

  15. Julie
    Apr 24 2013 at 11:00 am #

    Thank you, thank you, thank you! I have been wanting to learn how to create my own templates, but didn’t take the time until a client came to me with a design for a grad invitation & I couldn’t make it work without creating a template. Thank you so much for a great article! it worked beautifullly! :)

  16. Sam
    Jul 19 2013 at 1:48 pm #

    Hi Melissa, are you able to give a tutorial on how to make custom collage templates with PSE 11? The interface on the latest version of PSE is different and not exactly userfriendly to a beginner. Fir instance, not sure where the shape tool is as they do not appear as per your screen shot. Thanks!

  17. Sheryl
    Nov 22 2013 at 11:27 am #

    Hi! I’m using PSE 6 and I don’t think it has the “create clipping mask” option under Layer (or at least I don’t see it!)… is there another way to “clip” the image into the shape? Thanks! :)

  18. Kim
    Dec 29 2013 at 8:34 pm #

    Thanks for this post… I wanted to create a simple yet stylish sports template for my sons hockey team, this saved me sooo much time and money (I was ready to give in and buy a cheesy pre-done one). Thanks!

  19. Star
    Jan 06 2014 at 4:12 pm #

    Thank you, Thank you, Thank you, your easy to understand instructions made this a breeze to do. I just wish there was a way to get my white border perfectly proportionate without having to eyeball it. Thank you so much!

  20. Rachael
    Apr 10 2014 at 11:32 am #

    Hi Melissa – i’m using elements 9, and it has create clipping mask, but it’s not snapping the image to my shape… the image is there & the shape is there. I have the image layer selected, but nothing is happening. Hoping you can help me!

Leave a Reply

Optionally add an image (JPEG only)