© 2009 Neil Bernhart

Create a photostrip out of multiple images

I recently needed to make some of my own photobooth-style strips from many many images. After a little diggin around, I found a cool little feature in Photoshop CS2. Keep reading for the details.

The background info:
This past Christmas, I started a new tradition. I was thinking that not only is the usual big group portrait sort of boring, it’s also difficult to get everyone in the same shot… especially if you have upwards of 20 or more people to shoot, half of them are watching the Laker game, a handful are out for a walk, and one or two are taking a nap somewhere.

I decided to put a spin on the family holiday photo: the photo booth. In a spare room, I set up my camera on a tripod and got all the lighting dialed in, and then hooked up the wireless remote trigger on it. For a seat, I provided a soft chair, and for a background I hung a drape (that was not currently in use) behind the chair.

Instructions were given to everyone there that before they left, they had to sit down and take at least 4 photos of themself… either solo, or in groups no larger than 4 people. The limit to how many were allowed was due to the square crop I wanted to do on all the shots… I wanted to make sure that there weren’t too many people in the shot so I wouldn’t be forced to cut someone out of a shot.

When all was said and done, after processing all the shots, I had 145 images to deal with.

OK, now for the nitty-gritty on how I made the photostrips:
Photoshop CS2 has a feature called Contact Sheet II (in the File menu, under Automate) that will create a sheet of image thumbnails for you.

Here’s how I used it:
Now, I had 145 images to put into photostrips so the first thing I did was group them together into sets of 3 or 4 images. Each set I put into it’s own folder.

In PS CS2, I ran the Contact Sheet II tool. For ease of reading, I’ll break this up into sections.

Source Images:
I browsed for the folder that had the set of images I wanted in a strip. Other options are to use all currently open images in PS, or you can select images using Bridge (Adobe’s file management tool). I did not want to open 145 images at one time on my system, and I don’t use Bridge. So, I stuck with the Folder option. Now, I had all of my sets of 4 or 3 images in their own folders… this is only because I had specific images that I wanted to go together. If you have a boat-load of images and you don’t care how they’re grouped, you can select a folder that contains all of them and this tool will create the separate photostrips for you.

Document:
This is where you set up the end result of the process. Units… I always use pixels. Width and Height should be set depending on how many images your strips will have, or how many rows. If you’re going with 4 images, make it a 1:4 ratio for width to height, if you’re doing 3 images, make it 1:3. Resolution is always debatable … I say at least 240 px/in to be able to print. If you’re only worried about web, then it should be no less than 72 px/in. Mode should remain RGB Color unless you’re advanced enough to know what the others are, and if you are you wouldn’t be reading this since you would have figured this out already. Flatten All Layers takes all the photos and puts them onto one layer. I recommend leaving this unless you want to move each image around individually… not sure why you would for a photostrip.

Thumbnails:
Columns is how many images you want to go across, obviously we want that to be 1. Rows is how many images you want to have in your photostrip. We are all fairly familiar with the typical format of a photo booth photostrip: 4 images in one colums. There are variations… I’ve seen 3 in one column. For my photostrips, I wanted the typical format, so I set the tool to do 1 column and 4 rows. I kept the check mark on Use Auto-Spacing after messing around with it in a failed attempt to get padding automatically set up on the horizontal.

Everything else I left along. Once you click OK, you will set it work by opening each image and putting it into the end result. I found that the padding was lacking on the top and sides, and it was sufficient in between each image. So, I added some width and height to the canvas (Image > Canvas Size).

I tried making an action that would run the Contact Sheet II tool, prompt me for the folder location, then use my pre-stored parameters to create each strip… but, I was unable to. The action kept using the same folder, so I gave up on it. I did make an action to extend the canvas size.

5 Comments

  1. michelle
    Posted January 12, 2009 at 12:39 pm | #

    Great idea! :)

  2. McKenna
    Posted January 21, 2010 at 5:35 pm | #

    Hi, This worked great but i want my pictures to go up and down, can you tell me who to switch the direction?

  3. Posted January 21, 2010 at 7:15 pm | #

    Glad it’s working for you. Be sure to set the “columns” to 1, and the rows to 4. This will give you a classic photo booth-style strip (up and down).

  4. McKenna
    Posted January 21, 2010 at 8:11 pm | #

    and how do i get the text off?

  5. Posted January 22, 2010 at 7:19 am | #

    At the bottom of the Contact Sheet Tool window, there is a checkbox for “Use Filename As Caption”. Be sure that is unchecked. I think you may have this checked, so you’re seeing the image filename below each photo.

3 Trackbacks

  1. By 2008 Holiday Photo Booth :: theBernharts.com on January 10, 2009 at 8:59 am

    [...] series. The details on how I created the booth, as well as how I made the images into photo strips, can be found here. 2 separate days, and 145 photos later… here are the [...]

  2. By How to create photobooth style strips in photoshop on January 12, 2009 at 4:04 pm

    [...] up a "photobooth" at his Christmas party and it was a hit.  Read his blog post on how to create a photobooth style strip out of multiple images.  You can bet you'll see this at my next party!  If you like his idea, leave him a [...]

  3. [...] series. The details on how I created the booth, as well as how I made the images into photo strips, can be found here. 2 separate days, and 145 photos later… here are the [...]

Post a Comment

Your email is never published nor shared. Required fields are marked *

*
*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>