Filmstrip Photos


.png Filmstrips by Dragonart


This will be the finished result:

Filmstrip Photos

Click on the image for full size view


Open a new file, 1500 x 1500, 72px resolution, white background

Open the Filmstrips 8 picture from the png Filmstrips download

Image>Image Size – set width to 1500, auto height, click OK


Edit>Copy (Ctrl + C)

Make your project active

Edit>Paste (Ctrl + V)

Zoom into the image until it is at 100%

Select the Magic Wand Tool

Select and delete the white/blue inside the filmstrips

Open 5 photographs you wish to place in the filmstrips

Copy and paste the first picture into your project in the same way you copied and pasted the filmstrips.

Ctrl + T to transform the object.

Holding down the Shift Key, reduce the size of the picture until it is approximately the same height as the aperture. Press the Enter Key to accept the transformation.

Using the Rectangular Marquee Tool, select a piece of the picture from the side and hit the delete key (if your photo is fairly square you will not need to do this – but most photos are rectangular and the apertures on the top filmstrip are nearly square, you probably won’t have to do it for the second filmstrip as the apertures are more rectangular)

Follow the instructions in the images below to fit the picture into the aperture:

Instructions 1

Instructions 2

Instructions 3

Instructions 4

Instructions 5

Instructions 6

Instructions 7

Instructions 8

Place all 5 photos in the same way

Right click on the top photo layer in the layers palette and click on Merge Down

Repeat until the photos are one layer

Now apply the photos to the second strip in the same way as before

Merge the photos down as before

With the second photo layer active

Image>Adjustments>Black and White – leave the settings at default and click OK


Image>Adjustments>Levels – apply the following settings:

Levels Settings

Reduce the layer opacity to around 60%

Turn off the visibility of the background layer

Right click on any visible layer and click on Merge Visible

Select the Lasso Tool and draw around the top filmstrip

Edit>Cut (Ctrl + X)

Edit>Paste (Ctrl + V)

Using the Move Tool and the Transform Tool (Ctrl + T), place the filmstrips as required

Make the background layer active

You can now copy and paste a relevant background, or create a new layer and fill with a solid colour or a gradient.

Make the top filmstrip layer active

Zoom into the image until it is at 100%

Select the Magic Wand Tool

Hold down the Shift Key and click in all the white spool holes.

When they are all selected, hit the Delete Key

Repeat for the other filmstrip layer

Double click on either of the filmstrip layers to bring up the blending options and apply the following Drop Shadow settings:

Drop Shadow Settings

Filmstrip Photos

The finished project. Click on the image for full size view


8 Responses to “Filmstrip Photos”

  1. That’s a great tutorial. Thanks for the steps. You should be doing video tuts for these too.

  2. […] Filmstrip Photos « Graphics Tutorials Posted on January 27, 2010 by Vern Filmstrip Photos « Graphics Tutorials. […]

  3. Great technique, well explained …………….. just one problem, the monochrome negative strip, is it supposed to be a shadow or reflection.? If so, it is incorrectly shown and the shadow/psuedo projected images are the wrong way round. If on the other hand it’s just a monochrome negative strip just laying there, then it’s fine.

    • Thanks for your observations – my idea was that it is the negative strip – obviously the whole thing is stylised as the developed photos would not be on a strip at all! The idea of a shadow or reflection expands the possibilities….

  4. Great tutorial. I tried it and it worked great. Thanks so much

  5. Great tutorial, but I have photoshop 7 which has no warp tool, is there an alternative tool I could use.

    • James, you can use the Distort function of the Transform tool which is available in PS7 – it will only distort the edges of the image, so the overall effect will not be so good – but you can manipulate the photos into the frame using distort. Hope this helps.

  6. Many thanks, will give it a go.

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: