Newsletter
Signup to receive news, tips, tutorials, projects, competitions and much more...
Email:
Home | Tutorials | Photoshop Tutorials | Montage/Collage Tutorial

Montage/Collage Tutorial

Font size: Decrease font Enlarge font
image Create your own Montage

Introduction

As with so many things in Photoshop, there is more than one way to skin this particular cat, and the method I’m going to explain will take into account proper alignment and sizing so that all of the elements fit together correctly.


For this tutorial we will assume that you plan to make a montage from 6 photographs, but this method can be used for any number of images.

A Note On Neatness and Layout

Before we get stuck in it’s worth pointing out that uniform gaps between images when creating a montage will help to create an over all professional feel.

I’ve also decided that I want the outer border to be twice the width of the gaps between the images (all will become clear). To do this we are going to set up a grid.

Setting Up In Photoshop

First, open a new document with a size of 32cm x 21cm and a resolution of 240 pixels per inch by clicking FILE>NEW and make sure to set the background to white.

Montage_1_481428500.jpg

We are going to apply a grid to Photoshop so that we can ‘snap’ our photos there and ensure well aligned photos (grids will not show up when documents are printed or saved).

· To do this first enable the grid by making sure there is a tick next to VIEW>EXTRAS

· Then to see the grid go to VIEW>SHOW>GRID

· And finally to allow ‘snapping’ to the grid (which means that when you’re dragging items around they jump and stick to the gridlines and intersections) by putting a tick next to View>Snap To>Grid

Montage_4_363789750.jpg

Dividing the montage

Make sure that your foreground colour is set to black by pressing D on your keyboard.

Using the rectangular marquee tool (selected by pressing M on your keyboard) draw a rectangle where you want your first picture to go. We are going to stay 2 squares from the edge and keep 1 square between each photo

Hold ALT and press BACKSPACE to remove the interior of your selection

Montage_3_926231897.jpg

Note that by drawing another rectangle over part of your black rectangle and clicking BACKSPACE without holding ALT will fill the black back in with white

Montage_4_363789750.jpg

Do this for all the photos you intend on inputting until you are happy with the layout you have achieved and hide your grid again by clicking once more on VIEW>SHOW>GRID (i forgot to remove the grid in the screenshot... oops!!)

Montage_5_194149691.jpg

Time For Some Photos!

Go to the folder containing the photos you want to upload and open the first one you want in your montage

With the rectangular marquee tool select the area you want to import into your montage trying to keep it something like the proportion of the square you intend on placing it in and press CTRL+C

Montage_6_774987319.jpg

Go to the WINDOW tab and at the bottom click your montage document (probably called untitled-1 or similar)

Press CTRL+V to paste the selection (as a new layer) into your montage document (it will most likely be very over sized DON’T worry! We address that next

Pressing CTRL+T allows you to Free Transform the new selection, if you go the top left most edge and move your mouse around until it turns into a double ended diagonal arrow, hold SHIFT and drag the image down to the bottom right, it will shrink and maintain it’s proportions.

You may need to do this in a few stages I recommend making the image ‘manageable’ first, then click and hold somewhere within the image to move it to roughly where it will end up and do some more resizing if necessary then press ENTER to apply the resizing IMPORTANT: IT IS NOT NECESSARY THAT THE SIZE IS SPOT ON AS LONG AS IT IS AT LEAST AS SMALL AS THE BLACK AREA IT IS TO BE PLACE WITHIN

Montage_7_830287290.jpg

Now for some photoshop magic! Press CTRL+ALT+G and watch as your photo magically sinks below your white borders!!

Montage_8_136733639.jpg

Again, don’t worry if your photo spills onto a different section because it will be covered over by the next photo. You can also move the layers up and down the layers list to change the stacking order of the photos if necessary but I recommend leaving this until all of your photos are in

Repeat this process with the rest of your photos to fill up your montage

Montage_9_191046573.jpg

Why Stop There?

If you want you can now treat the whole image as one and carry out your usual adjustments. For example click Hue/Saturation in the create new adjustments pop up box on the bottom of the layers palette and tick the colorize box, and slide the Hue to 25 and the Saturation to 25

Montage_10_294882277.jpg

Montage_11_547808461.jpg

If you want your borders to be black simply click on the background layer in the layers palette and click ALT+BACKSPACE

Montage_12_678935590.jpg

montage_740493504.jpg

 

 

Add to: Add to your del.icio.us | Digg this story | Add to Facebook | Furl this! | Googlize this post! | Post to Myspace

Comments (13 posted):

Shaun on 24 April, 2008 12:17:29
avatar
fantastic tutorial mate, one to be proud of
bryso on 24 April, 2008 06:15:51
avatar
thanks nathan, im going to give this a go later, cheers
Nathan on 24 April, 2008 10:53:56
avatar
Thanks Shaun!! and I hope it all works ok for you Bry!
forever memories on 24 April, 2008 01:55:24
avatar
great tut mate :) ty for sharing
Shaun on 24 April, 2008 02:11:18
avatar
one thing i may add... or maybe its already there =S is maybe when you have the template, save it as a psd file and then you can use it multiple times
wabbitpoo on 24 April, 2008 07:34:43
avatar
I don't see why you need to go to those lengths. Why not just use the grid to resize the images once you have pasted them in over a black background? Maybe I'm missing the point!
roy boy on 24 April, 2008 07:35:41
avatar
Looks interesting...i might have a go at this...get ready for my questions i am bound to get problems
Shaun on 24 April, 2008 09:52:05
avatar
wabbitpoo - Im guessing its just to keep it as proffessional as possible with all the images in line. Also if you save the template, i could be used multiple times for different images
forever memories on 25 April, 2008 11:13:35
avatar
i must say mind when im doing collages i use the loose guides to make my shapes and snap to them. Its whatever you get used to isnt it :)
Shaun on 25 April, 2008 11:29:55
avatar
yhe, great to see different methods
Nathan on 25 April, 2008 08:05:56
avatar
the real beauty of this method is so that you don't have to be super precise with your original crops to get uniform sizes, and you don't have to calculate dimentions.

As i said in the beginning of the article - there are many ways of doing this
purplepaul on 28 April, 2008 10:42:06
avatar
I have tried to follow this but when i press ctrl alt and G it doesn't go behind the lines, any one know what i might be doing wrong?
Shaun on 29 April, 2008 12:23:44
avatar
drag the layer just above the layer of the shape you want to replace it

Post your comment comment

  • email Email to a friend
  • print Print version
  • Plain text Plain text
Tags
Rate this article
5.00