{"id":292,"date":"2012-10-01T23:43:46","date_gmt":"2012-10-01T23:43:46","guid":{"rendered":"http:\/\/www.photoshopessentials.com\/photoshopessentials_wp\/?p=292"},"modified":"2019-04-13T13:08:21","modified_gmt":"2019-04-13T17:08:21","slug":"film-strip-photo-collage","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/film-strip-photo-collage\/","title":{"rendered":"Film Strip Photo Collage in Photoshop &#8211; Part 1"},"content":{"rendered":"<section>\n<div id=\"author\">Written by Steve Patterson.<\/div>\n<p>In this two-part <strong>Photoshop photo effects<\/strong> tutorial, we'll learn how to create a fun <strong>photo collage<\/strong> using a simple <strong>film strip<\/strong> shape as a <strong>photo frame<\/strong> for multiple  images.<\/p>\n<p>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.<\/p>\n<p style=\"clear:both;\">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:<\/p>\n<img decoding=\"async\" data-no-lazy=\"1\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/photoshop-film-strip-shape.gif\" alt=\"A film strip vector shape created in Photoshop.\" width=\"487\" height=\"450\" \/>\n<div class=\"image-desc\">The film strip shape which will be used as a photo frame in the collage.<\/div>\n<\/section>\n<aside> <style type=\"text\/css\">\n.ads-middle { display: inline-block; width:300px; margin:6px 0px 24px 0px; padding-top: 16px; padding-bottom: 16px; }\n@media (max-width: 515px) { .ads-middle { margin:20px 0; } }\n@media (max-width: 480px) { .ads-middle { margin:20px 0; } }\n<\/style><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6601556224092982\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- photo effects 300x250 middle responsive -->\n<ins class=\"adsbygoogle ads-middle\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"4216941496\"\n     data-ad-format=\"rectangle\"\n     data-full-width-responsive=\"true\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/aside>\n<aside>\n<p>This tutorial is from our <a href=\"\/photo-effects\/\" title=\"Learn Photoshop effects\">Photo Effects<\/a> series. Let's get started!<\/p>\n<\/aside>\n<aside><p class=\"members-ad-top\"><a href=\"\/print-ready-pdfs\/\">Download all of our Photoshop tutorials as PDFs!<\/a><\/p><\/aside>\n<section>\n<h2 class=\"sub\">How To Create A Film Strip Photo Collage<\/h2>\n<h3>Step 1: Create A New Photoshop Document<\/h3>\n<p>To begin, let's create a new Photoshop document by going up to the <strong>File<\/strong> menu at the top of the screen and choosing <strong>New<\/strong>, or press <strong>Ctrl+N<\/strong> (Win) \/ <strong>Command+N<\/strong> (Mac) to open a new document with the handy keyboard shortcut:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/photoshop-file-new.gif\" alt=\"Creating a new document in Photoshop.\" width=\"293\" height=\"134\" \/>\n<div class=\"image-desc\">Go to File &gt; New to create a new Photoshop document.<\/div>\n<p>This brings up the New Document dialog box. Enter a value of <strong>1000 pixels<\/strong> for the <strong>Width<\/strong> and <strong>900 pixels<\/strong> for the <strong>Height<\/strong>, which should give us a good width-to-height aspect ratio for our film strip. Set your <strong>Resolution<\/strong> to <strong>300 pixels\/inch<\/strong> and make sure the <strong>Background Contents<\/strong> option is set to <strong>White<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/photoshop-new-document.gif\" alt=\"The New Document dialog box in Photoshop.\" width=\"597\" height=\"341\" \/>\n<div class=\"image-desc\">Create a new 1000 x 900 pixel document.<\/div>\n<p>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.<\/p>\n<h3>Step 2: Select The Rectangle Tool<\/h3>\n<p>To draw our film strip, we'll use Photoshop's <strong>shape tools<\/strong>, which allow us to draw <strong>vector-based shapes<\/strong> that can be easily resized as needed without any loss in quality. Since our film strip needs to be rectangular, select the <strong>Rectangle Tool<\/strong> from the Tools panel (not to be confused with the <strong><a href=\"\/basics\/selections\/rectangular-marquee-tool\/\">Rectangular Marquee Tool<\/a><\/strong> which is a selection tool, not a shape tool):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/photoshop-rectangle-tool.gif\" alt=\"The Rectangle Tool in Photoshop.\" width=\"72\" height=\"142\" \/>\n<div class=\"image-desc\">Select the Rectangle Tool.<\/div>\n<h3>Step 3: Set Your Foreground Color To Black<\/h3>\n<p>When we draw a shape, Photoshop will initially set the color of the shape to our current <strong>Foreground color<\/strong>. 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 <strong>D<\/strong> 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:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/photoshop-foreground-color.gif\" alt=\"The Foreground color swatch in the Tools panel in Photoshop.\" width=\"72\" height=\"142\" \/>\n<div class=\"image-desc\">Press \"D\" on your keyboard to quickly reset the Foreground and Background colors.<\/div>\n<h3>Step 4: Make Sure The \"Shape\" Option Is Selected<\/h3>\n<p>Photoshop gives us three different ways that we can use the various shape tools. We can use them to draw <strong>vector shapes<\/strong> (which is what we'll be doing here), we can draw <strong>paths<\/strong>, which are basically just outlines of shapes, or we can draw <strong>pixel-based <\/strong>shapes. We can select from these three options by clicking on the appropriate icon in the <strong>Options Bar<\/strong> 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 <strong>Shape layers<\/strong> icon in the Options Bar (the icon on the left):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/photoshop-shape-layers.gif\" alt=\"Selecting the Shape layers option in the Options Bar in Photoshop.\" width=\"641\" height=\"50\" \/>\n<div class=\"image-desc\">Choose between vector shapes (left), paths (middle) or pixel-based shapes (right) with the three icons in the Options Bar.<\/div>\n<h3>Step 5: Drag Out A Large Rectangular Shape<\/h3>\n<p>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:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/dragging-rectangle-shape.gif\" alt=\"Dragging out a shape with the Rectangle Tool in Photoshop.\" width=\"486\" height=\"450\" \/>\n<div class=\"image-desc\">Click near the top left corner of the document, then drag towards the bottom right corner.<\/div>\n<p>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:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/photoshop-rectangle-shape.gif\" alt=\"A rectangular shape drawn with the Rectangle Tool Photoshop.\" width=\"486\" height=\"450\" \/>\n<div class=\"image-desc\">Photoshop draws the shape and fills it with black when you release your mouse button.<\/div>\n<p>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:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/photoshop-shape-layer.gif\" alt=\"The Layers panel in Photoshop showing a new shape layer.\" width=\"341\" height=\"274\" \/>\n<div class=\"image-desc\">Shapes automatically appear on their own layers in the Layers panel.<\/div>\n<h3>Step 6: Switch To The \"Subtract From Shape Area\" Mode<\/h3>\n<p>Now that we have our initial rectangle shape, we need to cut some holes out of it to make it look more like a film strip. First, we'll cut out a large rectangular hole in the center which will serve as the main photo area. If you look up in the Options Bar, you'll see a row of five icons, each showing a different layout of squares. The icon in the middle is the <strong>Subtract From Shape Area<\/strong> option. Click on it to select it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/subtract-from-shape-area.gif\" alt=\"Selecting the Subtract From Shape Area option in Photoshop.\" width=\"647\" height=\"54\" \/>\n<div class=\"image-desc\">Click on the \"Subtract From Shape Area\" option in the Options Bar to select it.<\/div>\n<h3>Step 7: Draw Another Rectangular Shape In The Middle Of The Initial Shape<\/h3>\n<p>The \"Subtract From Shape Area\" option allows us to remove part of our existing shape. With the Rectangle Tool still selected, draw a second rectangular shape, this time in the center of the existing rectangle. Just as we did a moment ago, click once to set the top left corner of the rectangle, then keep your mouse button held down and drag towards the bottom right corner. You'll see an outline of the shape appearing as you drag. This is the area that will be cut out: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/subtracting-from-shape.gif\" alt=\"Subtracting an area from the initial shape in Photoshop.\" width=\"487\" height=\"450\" \/>\n<div class=\"image-desc\">Draw another rectangular shape in the middle of the initial shape.<\/div>\n<p>Release your mouse button when you're done. This time, rather than adding a new shape to the document, Photoshop cuts a hole in the initial rectangle, creating the main area where our photos will appear later:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/photoshop-subtract-shape.gif\" alt=\"A rectangular area has been removed from the initial shape Photoshop.\" width=\"487\" height=\"450\" \/>\n<div class=\"image-desc\">The main photo area of the film strip has been created.<\/div>\n<h3>Step 8: Select The Rounded Rectangle Tool<\/h3>\n<p>To draw the notches along the top and bottom of the film strip, we'll use the <strong>Rounded Rectangle Tool<\/strong>, which is similar to the Rectangle Tool except that, as its name implies, the corners are rounded rather than sharp. Normally, we select tools from the Tools panel, but whenever we have a shape tool selected, we can easily select any of Photoshop's other shape tools directly from the Options Bar. Click on the Rounded Rectangle Tool icon in the Options Bar to select it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/select-rounded-rectangle-tool.gif\" alt=\"Selecting the Rounded Rectangle Tool in Photoshop.\" width=\"572\" height=\"53\" \/>\n<div class=\"image-desc\">Select the Rounded Rectangle Tool from the Options Bar.<\/div>\n<h3>Step 9: Set The Radius Value To 10 px<\/h3>\n<p>We can control the roundness of the corners with the <strong>Radius<\/strong> value in the Options Bar. The higher the radius, the more rounded the corners will be. Set your Radius value to <strong>10 px<\/strong> (pixels):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/set-radius-value.gif\" alt=\"Setting the Radius value for the Rounded Rectangle Tool in the Options Bar.\" width=\"572\" height=\"53\" \/>\n<div class=\"image-desc\">Set the Radius value to 10 px.<\/div>\n<h3>Step 10: Draw A Rounded Rectangle Shape To Create The First Notch<\/h3>\n<p>Make sure the \"Subtract From Shape Area\" option is still selected in the Options Bar, then click and drag out a small rounded rectangle shape in the left of the black border area along the top of the film strip:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/drawing-first-notch.gif\" alt=\"Setting the Radius value for the Rounded Rectangle Tool in the Options Bar.\" width=\"563\" height=\"450\" \/>\n<div class=\"image-desc\">Draw a small rounded rectangle shape on the left side of the top black border area.<\/div>\n<p>Release your mouse button when you're done. Photoshop uses the shape to knock out the first notch in the film strip:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/first-notch-created.gif\" alt=\"The first notch has been added to the top of the film strip shape.\" width=\"487\" height=\"450\" \/>\n<div class=\"image-desc\">Once again, Photoshop uses the new shape to knock out a section of the initial shape.<\/div>\n<h3>Step 11: Select The Path Selection Tool<\/h3>\n<p>Now that we've drawn our first notch, we can use it to add all the other notches along the top and bottom of the film strip without having to actually draw any of them! Select the <strong>Path Selection Tool<\/strong> from the Tools panel (the black arrow). You can also quickly select it by pressing the letter <strong>A<\/strong> on your keyboard:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/photoshop-path-selection-tool.gif\" alt=\"The Path Selection Tool in Photoshop.\" width=\"80\" height=\"136\" \/>\n<div class=\"image-desc\">Select the Path Selection Tool.<\/div>\n<p>With the Path Selection Tool selected, click inside the notch we just added. This will select the shape. You'll see a thin outline, along with anchor points (little squares) appear around it letting you know that the shape is selected:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/selecting-notch.gif\" alt=\"Selecting the shape with the Path Selection Tool.\" width=\"560\" height=\"348\" \/>\n<div class=\"image-desc\">Click inside the notch with the Path Selection Tool to select the shape.<\/div>\n<h3>Step 12: Drag Out A Copy Of The Shape<\/h3>\n<p>With the shape selected, hold down <strong>Shift+Alt<\/strong> (Win) \/ <strong>Shift+Option<\/strong> (Mac) and drag towards the right. The Alt \/ Option key tells Photoshop to create a copy of the shape as you drag, while the Shift key limits the direction you can drag in, making it easier to drag straight to the right and not on some weird angle. When you're done, release your mouse button to create a second notch along the top of the film strip:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/second-copy.gif\" alt=\"Dragging out a copy of the film strip notch.\" width=\"560\" height=\"348\" \/>\n<div class=\"image-desc\">A second notch appears at the top of the film strip.<\/div>\n<h3>Step 13: Drag Out Six More Copies Of The Shape<\/h3>\n<p>Continue dragging out more copies of the shape to create the remaining notches along the top of the film strip by holding down Shift+Alt (Win) \/ Shift+Option (Mac), clicking on the last shape you added, dragging a copy of it towards the right, then releasing your mouse button. Don't worry about the spacing for now, we'll fix that in a moment. You should have a total of eight notches along the top of the film strip when you're done:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/eight-film-strip-notches.gif\" alt=\"Eight notches have been added along the top of the film strip.\" width=\"487\" height=\"450\" \/>\n<div class=\"image-desc\">Drag out six more copies of the shape for a total of eight notches along the top.<\/div>\n<h3>Step 14: Select All Notches Along The Top Row<\/h3>\n<p>Once you've added all eight notches along the top row, hold down your <strong>Shift<\/strong> key and, with the Path Selection Tool still selected, click on each notch until you have all of them selected at once:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/select-all-shapes.gif\" alt=\"Shift-clicking on the notches to select them all.\" width=\"650\" height=\"178\" \/>\n<div class=\"image-desc\">Hold down Shift and click on each notch with the Path Selection Tool until you have them all selected.<\/div>\n<h3>Step 15: Click The \"Distribute Horizontal Centers\" Option<\/h3>\n<p>With all notch shapes selected, click on the <strong>Distribute Horizontal Centers<\/strong> option up in the Options Bar:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/distribute-horizontal-centers.gif\" alt=\"The Distribute Horizontal Centers option in the Options Bar in Photoshop.\" width=\"607\" height=\"49\" \/>\n<div class=\"image-desc\">The Options Bar contains various options for aligning the shapes. Click on the Distribute Horizontal Centers icon.<\/div>\n<p>This distributes the shapes evenly across the top of the film strip, correcting any spacing problems:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/shapes-aligned.gif\" alt=\"The shapes along the top row of the film strip are now spaced evenly.\" width=\"650\" height=\"218\" \/>\n<div class=\"image-desc\">The Distribute Horizontal Centers option spaces the shapes evenly between the shape on the far left and the shape on the far right.<\/div>\n<h3>Step 16: Copy The Row Of Shapes Down To The Bottom Of The Film Strip<\/h3>\n<p>With all the notch shapes along the top row still selected, hold down <strong>Shift+Alt<\/strong> (Win) \/ <strong>Shift+Option<\/strong> (Mac) and drag the shapes down to the bottom border area of the film strip. Once again, the Alt \/ Option key tells Photoshop to make a copy of the shapes as we drag, while the Shift key limits the direction we can drag in, making it easy to drag straight down. You'll see an outline of the shapes appearing as you drag:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/drag-shapes-down.gif\" alt=\"Dragging the top row of shapes down to the bottom.\" width=\"503\" height=\"450\" \/>\n<div class=\"image-desc\">Hold Shift+Alt (Win) \/ Shift+Option (Mac) and drag the top row of notch shapes down to the bottom row, creating a copy of the shapes as you drag.<\/div>\n<p>Once you have the shapes along the bottom border area, release your mouse button. Photoshop knocks the shape areas out of the bottom of the film strip, creating our second row of notches:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/photoshop-film-strip.gif\" alt=\"A film strip created in Photoshop.\" width=\"486\" height=\"450\" \/>\n<div class=\"image-desc\">Creating the row of notches along the bottom of the film strip is simply a matter of copying the top row and dragging it down to the bottom.<\/div>\n<p>If we look at the shape layer in the Layers panel, we can see a thumbnail showing us a preview of what our shape looks like. This is called a <strong>vector mask thumbnail<\/strong>. You'll see a white highlight border around it, which tells us that the shape is currently selected. Click directly on the thumbnail to deselect the shape since we're done drawing it at this point. The white highlight border around the thumbnail will disappear:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/photoshop-vector-mask-thumbnail.gif\" alt=\"The vector mask thumbnail for the shape layer in Photoshop.\" width=\"359\" height=\"312\" \/>\n<div class=\"image-desc\">Click on the vector mask thumbnail to deselect the shape.<\/div>\n<h3>Step 17: Add A Drop Shadow<\/h3>\n<p>Our basic film strip shape is now complete, but let's give it a bit of depth by adding a slight drop shadow. Click on the<strong> Layer Styles<\/strong> icon at the bottom of the Layers panel and select the <strong>Drop Shadow<\/strong> style from the top of the list that appears:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/photoshop-layer-styles.gif\" alt=\"Adding a drop shadow layer style in Photoshop.\" width=\"309\" height=\"277\" \/>\n<div class=\"image-desc\">Click on the Layer Styles icon and select Drop Shadow from the list.<\/div>\n<p>This brings up Photoshop's Layer Style dialog box set to the Drop Shadow options in the middle column. Set the <strong>Distance<\/strong> of the shadow to <strong>0 px<\/strong>, the <strong>Spread<\/strong> to <strong>0%<\/strong> and the <strong>Size<\/strong> of the shadow to <strong>7 px<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/photoshop-drop-shadow-options.gif\" alt=\"Setting the options for the Drop Shadow layer style in Photoshop.\" width=\"376\" height=\"232\" \/>\n<div class=\"image-desc\">Click on the Layer Styles icon and select Drop Shadow from the list.<\/div>\n<p>Click OK in the top right corner of the Layer Style dialog box when you're done to exit out of it. The film strip now appears with a faint shadow behind it, although it will be easier to see in your document than it is in the small screenshot here:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/film-strip-drop-shadow.gif\" alt=\"A drop shadow appears behind the film strip shape in the document.\" width=\"487\" height=\"450\" \/>\n<div class=\"image-desc\">The shadow is used to give the film strip some depth.<\/div>\n<h3>Step 18: Select The Rectangle Tool Once Again<\/h3>\n<p>To finish off our film strip, we'll add a final rectangle shape which will be used to define the area where the photos will appear when we add them later. Select the <strong>Rectangle Tool<\/strong> once again from the Tools panel. Since we had the Rounded Rectangle Tool selected a moment ago, you'll need to click on the Rounded Rectangle Tool in the Tools panel, then hold your mouse button down for a second or two until a fly-out menu appears showing the other tools available in that slot. Select the Rectangle Tool from the top of the fly-out menu:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/select-rectangle-tool.gif\" alt=\"Selecting the Rectangle Tool from the Tools panel in Photoshop.\" width=\"274\" height=\"153\" \/>\n<div class=\"image-desc\">Click and hold on the Rounded Rectangle Tool in the Tools panel, then select the Rectangle Tool from the fly-out menu.<\/div>\n<h3>Step 19: Change The Color Of The New Shape To A Medium Gray<\/h3>\n<p>Before we add the new shape, let's change it's color to something other than black so we'll be able to see it against the black film strip. We already know that we can change a shape's color by changing Photoshop's Foreground color, but we can also change the color directly from the Options Bar when we have a shape tool selected. Click on the <strong>color swatch<\/strong> in the Options Bar:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/shape-color-swatch.gif\" alt=\"The color swatch for the shape tools in the Options Bar in Photoshop.\" width=\"552\" height=\"48\" \/>\n<div class=\"image-desc\">Click on the color swatch to set a color for the shape.<\/div>\n<p>This brings up Photoshop's <strong>Color Picker<\/strong>. Let's use a medium gray for the color. Enter a value of <strong>128<\/strong> for the <strong>R<\/strong>, <strong>G<\/strong> and <strong>B<\/strong> options in the bottom center of the Color Picker dialog box. This will give us our medium gray. Click OK when you're done to exit out of the Color Picker:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/photoshop-color-picker.jpg\" alt=\"Choosing a neutral gray color in the Color Picker in Photoshop.\" width=\"564\" height=\"369\" \/>\n<div class=\"image-desc\">Set the R (Red), G (Green) and B (Blue) values to 128 in the Color Picker.<\/div>\n<h3>Step 20: Draw A Rectangle Shape To Cover The Main Photo Area<\/h3>\n<p>With the Rectangle Tool selected and gray as our shape color, draw another rectangle shape, this time slightly larger than the main photo area in the center of the film strip. Make sure, though, that the new shape doesn't extend over the notches along the top and bottom. We only want to cover the main photo area. Click just above and to the left of the main photo area to set the starting point for the shape, then keep your mouse button held down and drag to just below and to the right of the bottom right corner of the photo area:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/draw-gray-rectangle.gif\" alt=\"Dragging out a second rectangle shape with the Rectangle Tool in Photoshop.\" width=\"487\" height=\"450\" \/>\n<div class=\"image-desc\">Draw a second rectangle just slightly larger than the photo area.<\/div>\n<p>Release your mouse button to have Photoshop draw the shape and fill it with the medium gray color we selected. The main photo area is now completely covered, while the notches along the top and bottom of the film strip remain visible:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/second-shape-added.gif\" alt=\"A second shape has been added over the main photo area of the film strip.\" width=\"487\" height=\"450\" \/>\n<div class=\"image-desc\">The main photo area is now covered by the second shape.<\/div>\n<h3>Step 21: Delete The Drop Shadow From The New Shape<\/h3>\n<p>If we look in the Layers panel, we can see that our second shape has appeared on its own layer above the main film strip shape. And if we look directly below the shape layer, we can see that Photoshop has automatically applied the same Drop Shadow layer style that we added to the film strip. We don't need the shadow for our new shape, so let's get rid of it. Click on the word <strong>Effects<\/strong>, which will select all layer styles applied to a layer (even though in this case, we only have one), then keep your mouse button held down and drag it down on to the <strong>Trash Bin<\/strong> icon at the bottom of the Layers panel. Release your mouse button when the cursor is over the Trash Bin to delete the layer styles:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/delete-layer-style.gif\" alt=\"Dragging the layer styles down to the Trash Bin in the Layers panel in Photoshop.\" width=\"331\" height=\"370\" \/>\n<div class=\"image-desc\">Click on the word \"Effects\" and drag it down on to the Trash Bin to delete the drop shadow.<\/div>\n<h3>Step 22: Drag The New Shape Below The Film Strip<\/h3>\n<p>Currently, the second shape is appearing above the film strip. We need it to appear below the film strip, as if it's acting as a placeholder for the photos we'll be adding in later, which means we need to drag the shape's layer below the film strip layer. To do that, click on \"Shape 2\" in the Layers panel, then keep your mouse button held down and drag the layer directly between the Background layer and the film strip layer. You'll know you're in the right place when you see a highlight bar appear between the two layers:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/photoshop-move-layer.gif\" alt=\"Dragging the second shape below the film strip layer in the Layers panel.\" width=\"331\" height=\"326\" \/>\n<div class=\"image-desc\">Click and drag the second shape between the Background layer and the film strip layer.<\/div>\n<p>Release your mouse button when the highlight bar appears. The gray shape has now been moved below the film strip as we needed:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/photoshop-layer-moved.gif\" alt=\"The layer has been moved.\" width=\"331\" height=\"326\" \/>\n<div class=\"image-desc\">The gray shape now appears between the Background layer and the film strip layer.<\/div>\n<p>Click on the vector mask thumbnail for \"Shape 2\" in the Layers panel to deselect the shape, and we're done! Our film strip is now complete:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/photoshop-film-strip-shape.gif\" alt=\"A film strip vector shape created in Photoshop.\" width=\"487\" height=\"450\" \/>\n<div class=\"image-desc\">The final film strip, ready to be used as a photo frame and in our photo collage.<\/div>\n<h3>Step 23: Save The Film Strip As A Photoshop .PSD File<\/h3>\n<p>Unless you're getting paid by the hour, you probably won't want to redraw the film strip every time you want to use it, so let's save it as its own Photoshop document. This way, we'll be able to open it up and use it again any time we want. Go up to the <strong>File<\/strong> menu at the top of the screen and choose <strong>Save As<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/photoshop-save-as-command.gif\" alt=\"The Save As command in Photoshop.\" width=\"293\" height=\"173\" \/>\n<div class=\"image-desc\">Go to File &gt; Save As.<\/div>\n<p>This brings up Photoshop's Save As dialog box. I'm going to name my document \"film-strip.psd\". Make sure you choose <strong>Photoshop<\/strong> as the format, then save the file to a location that you can easily remember. I'm going to save mine to a \"photoshop\" folder I have on my desktop. Click the Save button when you're ready to save the file:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/saving-film-strip.gif\" alt=\"Saving the film strip as a Photoshop file.\" width=\"596\" height=\"400\" \/>\n<div class=\"image-desc\">Name the file and save it as a Photoshop document.<\/div>\n<\/section>\n<style type=\"text\/css\">\n.ads-bottom { width:300px; padding-top:16px;padding-bottom:16px; }\n<\/style><div align=\"center\"><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6601556224092982\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- 300x250 page bottom responsive -->\n<ins class=\"adsbygoogle ads-bottom\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"2879809098\"\n     data-ad-format=\"rectangle\"\n\t data-full-width-responsive=\"true\"><\/ins>\n<script>\n(adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/div>\n<aside>\n<p>We've now successfully created and saved our film strip shape, and it's ready to be used as a photo frame in our collage, which is exactly what we'll be creating in <strong><a href=\"\/photo-effects\/film-strip-photo-collage-part-two\/\">part two of the tutorial<\/a><\/strong>!<\/p>\n<\/aside>\n<aside> <div class=\"members-ad\"><a href=\"\/print-ready-pdfs\/\">Get all of our Photoshop tutorials as PDFs!<\/a> Download them today!<\/div> <\/aside>\n\n","protected":false},"excerpt":{"rendered":"<p>In this two-part Photoshop tutorial, learn how to create a fun photo collage using a film strip as a photo frame for multiple images. In this first part of the tutorial, we&#8217;ll see how Photoshop&#8217;s various shape tools make it easy to draw the actual film strip itself, which we&#8217;ll then use in Part Two to create the photo collage!<\/p>\n","protected":false},"author":1,"featured_media":15411,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-292","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-photo-effects"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Film Strip Photo Collage in Photoshop - Part 1<\/title>\n<meta name=\"description\" content=\"In this two-part Photoshop tutorial, learn how to create a fun photo collage using a film strip as a photo frame for multiple images!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/film-strip-photo-collage\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Film Strip Photo Collage in Photoshop - Part 1\" \/>\n<meta property=\"og:description\" content=\"In this two-part Photoshop tutorial, learn how to create a fun photo collage using a film strip as a photo frame for multiple images!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/film-strip-photo-collage\/\" \/>\n<meta property=\"og:site_name\" content=\"Photoshop Essentials\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/photoess\" \/>\n<meta property=\"article:published_time\" content=\"2012-10-01T23:43:46+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-04-13T17:08:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-film-strip.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"250\" \/>\n\t<meta property=\"og:image:height\" content=\"250\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Steve Patterson\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Steve Patterson\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"17 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/film-strip-photo-collage\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/film-strip-photo-collage\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"Film Strip Photo Collage in Photoshop &#8211; Part 1\",\"datePublished\":\"2012-10-01T23:43:46+00:00\",\"dateModified\":\"2019-04-13T17:08:21+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/film-strip-photo-collage\\\/\"},\"wordCount\":3322,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/film-strip-photo-collage\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/photoshop-film-strip.jpg\",\"articleSection\":[\"Photoshop Photo Effects\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/film-strip-photo-collage\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/film-strip-photo-collage\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/film-strip-photo-collage\\\/\",\"name\":\"Film Strip Photo Collage in Photoshop - Part 1\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/film-strip-photo-collage\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/film-strip-photo-collage\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/photoshop-film-strip.jpg\",\"datePublished\":\"2012-10-01T23:43:46+00:00\",\"dateModified\":\"2019-04-13T17:08:21+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"description\":\"In this two-part Photoshop tutorial, learn how to create a fun photo collage using a film strip as a photo frame for multiple images!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/film-strip-photo-collage\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/film-strip-photo-collage\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/film-strip-photo-collage\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/photoshop-film-strip.jpg\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/photoshop-film-strip.jpg\",\"width\":250,\"height\":250,\"caption\":\"Film Strip Photo Collage in Photoshop - Part 1\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/film-strip-photo-collage\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Photo Effects\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Film Strip Photo Frame - Part 1\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/\",\"name\":\"Photoshop Essentials\",\"description\":\"Where everyone can learn Photoshop!\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\",\"name\":\"Steve Patterson\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g\",\"caption\":\"Steve Patterson\"},\"sameAs\":[\"http:\\\/\\\/www.photoshopessentials.com\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Film Strip Photo Collage in Photoshop - Part 1","description":"In this two-part Photoshop tutorial, learn how to create a fun photo collage using a film strip as a photo frame for multiple images!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/film-strip-photo-collage\/","og_locale":"en_US","og_type":"article","og_title":"Film Strip Photo Collage in Photoshop - Part 1","og_description":"In this two-part Photoshop tutorial, learn how to create a fun photo collage using a film strip as a photo frame for multiple images!","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/film-strip-photo-collage\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2012-10-01T23:43:46+00:00","article_modified_time":"2019-04-13T17:08:21+00:00","og_image":[{"width":250,"height":250,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-film-strip.jpg","type":"image\/jpeg"}],"author":"Steve Patterson","twitter_misc":{"Written by":"Steve Patterson","Est. reading time":"17 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/film-strip-photo-collage\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/film-strip-photo-collage\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"Film Strip Photo Collage in Photoshop &#8211; Part 1","datePublished":"2012-10-01T23:43:46+00:00","dateModified":"2019-04-13T17:08:21+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/film-strip-photo-collage\/"},"wordCount":3322,"commentCount":0,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/film-strip-photo-collage\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-film-strip.jpg","articleSection":["Photoshop Photo Effects"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/film-strip-photo-collage\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/film-strip-photo-collage\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/film-strip-photo-collage\/","name":"Film Strip Photo Collage in Photoshop - Part 1","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/film-strip-photo-collage\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/film-strip-photo-collage\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-film-strip.jpg","datePublished":"2012-10-01T23:43:46+00:00","dateModified":"2019-04-13T17:08:21+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"description":"In this two-part Photoshop tutorial, learn how to create a fun photo collage using a film strip as a photo frame for multiple images!","breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/film-strip-photo-collage\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/film-strip-photo-collage\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/film-strip-photo-collage\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-film-strip.jpg","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-film-strip.jpg","width":250,"height":250,"caption":"Film Strip Photo Collage in Photoshop - Part 1"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/film-strip-photo-collage\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.photoshopessentials.com\/newsite\/"},{"@type":"ListItem","position":2,"name":"Photo Effects","item":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/"},{"@type":"ListItem","position":3,"name":"Film Strip Photo Frame - Part 1"}]},{"@type":"WebSite","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website","url":"https:\/\/www.photoshopessentials.com\/newsite\/","name":"Photoshop Essentials","description":"Where everyone can learn Photoshop!","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.photoshopessentials.com\/newsite\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2","name":"Steve Patterson","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g","caption":"Steve Patterson"},"sameAs":["http:\/\/www.photoshopessentials.com\/"]}]}},"_links":{"self":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/292","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/comments?post=292"}],"version-history":[{"count":28,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/292\/revisions"}],"predecessor-version":[{"id":27447,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/292\/revisions\/27447"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/15411"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=292"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=292"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=292"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}