Film Strip Photo Collage in Photoshop - Part 1
Learn Photoshop with Photo Effects Tutorials at Photoshop Essentials.com
Written By Steve Patterson
In this two-part Photoshop photo effects tutorial, we'll learn how to create a fun photo collage using a simple film strip shape as a photo frame for multiple images. In this first part of the tutorial, we'll draw the actual film strip itself using Photoshop's shape tools, then we'll save it as a separate document so we can easily re-use it any time we want without having to draw it all over again. In the second part of the tutorial, we'll use several copies of the film strip to create our photo collage.
Here's the film strip shape we'll be drawing in this part of the tutorial. The gray area in the center is where we'll be adding our photos in part two of the tutorial:
Not what you're looking for? Check out our other Photo Effects tutorials!
Want an easier way to learn Photoshop? Download our tutorials as ready-to-print PDFs!
Let's get started!
Step 1: Create A New Photoshop Document
To begin, let's create a new Photoshop document by going up to the File menu at the top of the screen and choosing New, or press Ctrl+N (Win) / Command+N (Mac) to open a new document with the handy keyboard shortcut:
This brings up the New Document dialog box. Enter a value of 1000 pixels for the Width and 900 pixels for the Height, which should give us a good width-to-height aspect ratio for our film strip. Set your Resolution to 300 pixels/inch and make sure the Background Contents option is set to White:
When you're done, click OK in the top right corner of the dialog box to exit out of it. Your new document window will appear on your screen.
Step 2: Select The Rectangle Tool
To draw our film strip, we'll use Photoshop's shape tools, which allow us to draw vector-based shapes that can be easily resized as needed without any loss in quality. Since our film strip needs to be rectangular, select the Rectangle Tool from the Tools panel (not to be confused with the Rectangular Marquee Tool which is a selection tool, not a shape tool):
Step 3: Set Your Foreground Color To Black
When we draw a shape, Photoshop will initially set the color of the shape to our current Foreground color. We want the color of our film strip to be black, so before we draw the shape, let's set our Foreground color to black. Black is actually the default color for the Foreground, so yours may already be set to black. If not, press the letter D on your keyboard to quickly reset your Foreground and Background colors to their defaults. You'll find the Foreground and Background color swatches near the bottom of the Tools panel. The swatch in the upper left (the Foreground color) should now be showing black:
Step 4: Make Sure The "Shape" Option Is Selected
Photoshop gives us three different ways that we can use the various shape tools. We can use them to draw vector shapes (which is what we'll be doing here), we can draw paths, which are basically just outlines of shapes, or we can draw pixel-based shapes. We can select from these three options by clicking on the appropriate icon in the Options Bar at the top of the screen. Since we want to be able to resize our film strip as needed without any loss in image quality, we need to draw a vector shape, so click on the Shape layers icon in the Options Bar (the icon on the left):
Step 5: Drag Out A Large Rectangular Shape
With the Rectangle Tool selected, black as our Foreground color and the Shape layers option selected in the Options Bar, we're ready to begin drawing our film strip. Click near the top left corner of the document window and, while holding your mouse button down, drag towards the bottom right corner. You'll see an outline of your shape appearing as you drag:
Try to keep an equal amount of space around the edges of the shape as you drag. When you get near the bottom right corner, release your mouse button. Photoshop draws the rectangle shape and fills it with black:
If we look for a moment in our Layers panel, we can see that we now have a brand new shape layer named "Shape 1" sitting above the Background layer. Vector shapes always appear on their own layers so there's no need to add a new layer first before drawing a shape:
Now that we have our initial rectangular shape, we'll need to cut some holes in it to make it look more like a film strip. We'll do that next!
Still scrolling through web pages? Download our Photoshop tutorials as print-ready PDFs!
