{"id":296,"date":"2012-10-01T23:47:35","date_gmt":"2012-10-01T23:47:35","guid":{"rendered":"http:\/\/www.photoshopessentials.com\/photoshopessentials_wp\/?p=296"},"modified":"2019-04-13T13:08:04","modified_gmt":"2019-04-13T17:08:04","slug":"film-strip-photo-collage-part-two","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/film-strip-photo-collage-part-two\/","title":{"rendered":"Film Strip Photo Collage in Photoshop &#8211; Part 2"},"content":{"rendered":"<aside><style type=\"text\/css\">\n.adslot-2 { display: inline-block; width:300px; float:right; margin: 6px 0px 12px 30px; }\n@media (max-width: 767px) { .adslot-2 { display: none; } }\n<\/style><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n<!-- 300x250 photo effects top responsive -->\n<ins class=\"adsbygoogle adslot-2\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"2740208297\"\n     data-ad-format=\"rectangle\"><\/ins>\n<script>\n(adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/aside>\n<section>\n<div id=\"author\">Written by Steve Patterson.<\/div>\n<p>In <strong><a href=\"\/photo-effects\/film-strip-photo-collage\/\">part one<\/a><\/strong> of this two-part Photoshop tutorial, we learned how  Photoshop's shape tools made it easy to <strong><a href=\"\/photo-effects\/film-strip-photo-collage\/\">draw a simple film strip<\/a><\/strong> which we can then use as a photo frame, and we saved the film strip as a separate Photoshop document so we can re-use it any time we want without having to redraw it. In this part of the tutorial, we'll use multiple copies of that film strip to create a <strong>photo collage<\/strong>! <\/p>\n<p>This part of the tutorial assumes that you've already completed the first part and you have your film strip ready to go, so if you haven't yet done so, be sure to work through the <strong><a href=\"\/photo-effects\/film-strip-photo-collage\/\">first part of the tutorial<\/a><\/strong> before continuing on.<\/p>\n<p>Here's the photo collage design we'll be creating. Depending on the photos you're using and the dimensions of the document you're working with, you may want to position things differently, but once you know how to add multiple copies of the film strip to a document, how to position and rotate them inside the document and how to add photos inside the film strips (all of which is very easy to do), you'll be able to create any layout you need:<\/p>\n<img decoding=\"async\" data-no-lazy=\"1\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/part-two\/photoshop-film-strip-photo-collage.jpg\" alt=\"The final film strip photo collage effect..\" width=\"544\" height=\"450\" \/>\n<div class=\"image-desc\">The final film strip photo 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, Part 2<\/h2>\n<h3>Step 1: Create A New Photoshop Document<\/h3>\n<p>Let's begin as we did in part one by creating a new Photoshop document. This will become our main photo collage document. Go up to the <strong>File<\/strong> menu at the top of the screen and choose <strong>New<\/strong>, or for a faster way, press <strong>Ctrl+N<\/strong> (Win) \/ <strong>Command+N<\/strong> (Mac) on your keyboard:<\/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\">Choose File &gt; New from the Menu Bar at the top of the screen.<\/div>\n<p>This brings up Photoshop's New Document dialog box. I'm going to go with a standard frame size of 8 x 10 for my photo collage, and I want it to appear in landscape orientation, so I'll enter a value of <strong>10 inches<\/strong> for the <strong>Width<\/strong> and <strong>8 inches<\/strong> for the <strong>Height<\/strong> (make sure you select inches for the measurement type and not pixels), and since I want to be able to print my final result later and have it appear nice and sharp, I'll enter <strong>300 pixels\/inch<\/strong> for the <strong>Resolution<\/strong> value. Finally, I'll set the <strong>Background Contents<\/strong> option at the bottom to <strong>White<\/strong> so my document appears with a solid white background:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/part-two\/photoshop-new-document.gif\" alt=\"The New Document dialog box in Photoshop..\" width=\"597\" height=\"341\" \/>\n<div class=\"image-desc\">Create a new 8 x 10 inch document at a resolution of 300 pixels\/inch.<\/div>\n<p>Click OK when you're done to exit out of the dialog box. The new document appears on your screen.<\/p>\n<h3>Step 2: Open Your Main Photo<\/h3>\n<p>Next, open the photo you want to use as the main image in the collage. Here's the photo I'll be using:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/part-two\/wedding-photo-1.jpg\" alt=\"A wedding photo with a bride and groom. Image licensed from iStockphoto by Photoshop Essentials.com\" width=\"645\" height=\"450\" \/>\n<div class=\"image-desc\">Open your main photo.<\/div>\n<p>You should now have two separate document windows open on your screen. The main photo collage document appears in one, and the photo you just opened appears in the other.<\/p>\n<h3>Step 3: Copy And Paste The Image Into The Photo Collage Document<\/h3>\n<p>We need to add this photo to our photo collage document that we created in step 1, and we can do that simply by copying and pasting it. First, press <strong>Ctrl+A<\/strong> (Win) \/ <strong>Command+A<\/strong> (Mac) on your keyboard to select the entire image. You'll see a selection outline appear around the edges of the image in the document window. With the image selected, press <strong>Ctrl+C<\/strong> (Win) \/ <strong>Command+C<\/strong> (Mac) to copy the image temporarily to your computer's memory.<\/p>\n<p>Switch over to your photo collage document by clicking anywhere inside its document window, then press <strong>Ctrl+V<\/strong> (Win) \/ <strong>Command+V<\/strong> (Mac) to paste the photo into the document. In my case, my photo is larger than the 8 x 10 document I created, so only part of the photo appears visible inside the document window. We'll fix that in a moment:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/part-two\/image-pasted.jpg\" alt=\"Copying and pasting the photo into the main document.\" width=\"544\" height=\"450\" \/>\n<div class=\"image-desc\">If your photo is larger than the main document, not all of it will be visible.<\/div>\n<p>If we look in the Layers panel now, we can see that the photo has been added on its own layer (which Photoshop has automatically named \"Layer 1\") above the white-filled Background layer:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/part-two\/photoshop-layers-palette.gif\" alt=\"The Layers panel in Photoshop CS4.\" width=\"331\" height=\"258\" \/>\n<div class=\"image-desc\">Photoshop places the photo on its own layer in the photo collage document.<\/div>\n<p>You can close out of the photo's original document window at this point. All we need open is the main photo collage document.<\/p>\n<h3>Step 4: Use Free Transform To Resize And Reposition The Photo<\/h3>\n<p>Since my photo is currently too big to fit inside my photo collage document, I'll need to resize it. I also need to reposition the image so that the wedding couple appears more on the left side of the document, leaving room for my film strips on the right. I can resize and reposition the image at the same time using Photoshop's <strong>Free Transform<\/strong> command. Go up to the <strong>Edit<\/strong> menu at the top of the screen and choose <strong>Free Transform<\/strong>, or press <strong>Ctrl+T <\/strong>(Win) \/ <strong>Command+T<\/strong> (Mac) to select it with the keyboard shortcut:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/part-two\/photoshop-free-transform.gif\" alt=\"The Free Transform command in Photoshop.\" width=\"265\" height=\"166\" \/>\n<div class=\"image-desc\">Go to Edit &gt; Free Transform.<\/div>\n<p>This brings up the Free Transform box and handles around the image. Unfortunately, since the edges of my photo extend out beyond the visible area of the document, I can't see the Free Transform handles, which makes it a bit difficult to do anything. If you're having the same problem, go up to the <strong>View<\/strong> menu at the top of the screen and choose the <strong>Fit on Screen<\/strong> command, or press <strong>Ctrl+0 <\/strong>(Win) \/ <strong>Command+0<\/strong> (Mac) for the keyboard shortcut:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/part-two\/photoshop-fit-on-screen.gif\" alt=\"The Fit on Screen command in Photoshop.\" width=\"250\" height=\"146\" \/>\n<div class=\"image-desc\">If you can't see the Free Transform handles, go to View &gt; Fit on Screen.<\/div>\n<p>This tells Photoshop to expand the size of the document window so that everything fits inside of it. Even though the actual viewable area of the document doesn't change and much of the photo remains hidden from view, we can now easily access the Free Transform handles in the corners of the photo. To resize the image, hold down your <strong>Shift<\/strong> key, which will constrain the aspect ratio of the photo as you resize it, then click on a handle (the little square) in one of the corners of the photo and, while still holding down your mouse button, drag it in towards the center of the photo. I'm going to drag the handle in the bottom right corner inward to make my photo smaller:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/part-two\/resizing-image.jpg\" alt=\"Resizing an image with the Free Transform command in Photoshop.\" width=\"645\" height=\"450\" \/>\n<div class=\"image-desc\">To resize the image, hold down Shift, then click and drag any of the corner handles.<\/div>\n<p>To move the image if needed, click anywhere inside the photo, keep your mouse button held down, and drag the image around inside the document. I'm going to drag the wedding couple over towards the left side of the document so I'll have room on the right to add my film strips. Leave somewhere between one quarter and one third of the document on the right for the film strips:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/part-two\/moving-image.jpg\" alt=\"Repositioning the image with the Free Transform command in Photoshop.\" width=\"707\" height=\"450\" \/>\n<div class=\"image-desc\">To move the image, click anywhere inside of it and drag it around as needed.<\/div>\n<p>Press <strong>Enter<\/strong> (Win) \/ <strong>Return<\/strong> (Mac) when you're done to accept the changes and exit out of the Free Transform command. Here's my document after resizing and moving the photo towards the left. Notice how some of the white background is now visible along the right side of the document after moving the image:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/part-two\/image-moved-resized.jpg\" alt=\"The image after resizing and repositioning it with the Free Transform command.\" width=\"544\" height=\"450\" \/>\n<div class=\"image-desc\">Some of the white background is now visible along the right side of the document.<\/div>\n<h3>Step 5: Add A Layer Mask<\/h3>\n<p>Let's blend the right edge of the photo in with the white background, creating a smooth transition between the two. Having an area of white on the right side of the document will make it easier to see the film strips that we'll be adding in a moment. Make sure \"Layer 1\" is selected in the Layers panel (it should be highlighted in blue), then click on the <strong>Layer Mask<\/strong> icon at the bottom of the Layers panel to add a layer mask to the layer:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/part-two\/photoshop-add-layer-mask.gif\" alt=\"Adding a layer mask in Photoshop..\" width=\"318\" height=\"264\" \/>\n<div class=\"image-desc\">Click on the Layer Mask icon at the bottom of the Layers panel.<\/div>\n<p>Nothing will happen yet in the document window itself, but a <strong>layer mask thumbnail<\/strong> appears on \"Layer 1\" in the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/part-two\/photoshop-layer-mask-thumbnail.gif\" alt=\"The Layers panel showing the new layer mask thumbnail in Photoshop..\" width=\"318\" height=\"258\" \/>\n<div class=\"image-desc\">A layer mask has been added to the photo layer.<\/div>\n<h3>Step 6: Select The Gradient Tool<\/h3>\n<p>Select the <strong>Gradient Tool<\/strong> from the Tools panel, or  press the letter <strong>G<\/strong> on your keyboard to select it with the shortcut:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/part-two\/photoshop-gradient-tool.gif\" alt=\"The Gradient Tool in Photoshop..\" width=\"76\" height=\"133\" \/>\n<div class=\"image-desc\">Select Photoshop's Gradient Tool.<\/div>\n<h3>Step 7: Choose The Black to White Gradient<\/h3>\n<p>With the Gradient Tool selected, <strong>right-click<\/strong> (Win) \/ <strong>Control-click<\/strong> (Mac) anywhere inside the document to quickly bring up the <strong>Gradient Picker<\/strong>, then click on the <strong>Black to White gradient<\/strong>, third icon from the left, top row, to select it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/part-two\/black-white-gradient.gif\" alt=\"Choosing the Black, White gradient from the Gradient Picker..\" width=\"264\" height=\"165\" \/>\n<div class=\"image-desc\">Click on the Black to White gradient in the Gradient Picker to select it.<\/div>\n<p>Click anywhere outside of the Gradient Picker when you're done to close it.<\/p>\n<h3>Step 8: Draw A Black to White Gradient To Create A Transition Area<\/h3>\n<p>With the Black to White gradient selected, click just inside the right edge of the photo to set a starting point for the gradient, then keep your mouse button held down and drag horizontally towards the left, stopping just short of the center of the document. The area between the points where you started and ended the gradient is where the photo will blend into the white background:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/part-two\/drawing-gradient.jpg\" alt=\"Drawing a black to white gradient on the layer mask in Photoshop..\" width=\"544\" height=\"450\" \/>\n<div class=\"image-desc\">Click and drag out a black to white gradient to create a transition between the photo and the background.<\/div>\n<p>Release your mouse button, at which point Photoshop draws the gradient. Since we drew the gradient on the layer mask, not on the layer itself, we don't actually see the gradient in the document window. Instead, we see the effects of the gradient on the layer mask, which now blends the right side of the photo smoothly into the white area on the far right:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/part-two\/gradient-added.jpg\" alt=\"The photo and background are now blended nicely..\" width=\"544\" height=\"450\" \/>\n<div class=\"image-desc\">The right edge of photo now blends nicely into the solid white background.<\/div>\n<p>Our main photo is in place and ready for the film strips to be added. We'll do that next!<\/p>\n<h3>Step 9: Open The Film Strip Document<\/h3>\n<p>Open the film strip document that we created back in <strong><a href=\"\/photo-effects\/film-strip-photo-collage\/\">part one<\/a><\/strong> of the tutorial:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/part-two\/photoshop-film-strip.gif\" alt=\"The film strip photo frame that was created in part one of the tutorial..\" width=\"487\" height=\"450\" \/>\n<div class=\"image-desc\">The film strip photo frame was created in the first part of the tutorial.<\/div>\n<h3>Step 10: Rename The Middle Layer \"Photo Area\"<\/h3>\n<p>In a moment, we're going to be adding a few copies of our film strip to the photo collage document, but before we do, let's make a couple of quick changes to the film strip. First, let's rename the middle layer to something that will be easier to understand later. Double-click directly on the name \"Shape 2\" and change the layer's name to \"photo area\", since the rectangular shape on this layer represents the area where the photos will be visible inside the film strip. Press <strong>Enter<\/strong> (Win) \/ <strong>Return<\/strong> (Mac) when you're done to accept the change:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/part-two\/photoshop-renaming-layer.gif\" alt=\"Renaming a layer in the Layers panel in Photoshop..\" width=\"318\" height=\"288\" \/>\n<div class=\"image-desc\">Double-click on the middle layer's name and rename it \"photo area\".<\/div>\n<h3>Step 11: Group The Two Shape Layers Together<\/h3>\n<p>Next, let's take the two shape layers that make up our film strip and group them together, creating what's called, not surprisingly, a <strong>layer group<\/strong>. Click on the top layer (\"Shape 1\") in the Layers panel to select it, then hold down your <strong>Shift<\/strong> key and click on the \"photo area\" layer that we just renamed. This will select both layers at once, and you'll see them both highlighted in blue.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/part-two\/selecting-multiple-layers.gif\" alt=\"Selecting two layers at once in the Layers panel..\" width=\"318\" height=\"288\" \/>\n<div class=\"image-desc\">Click on the top layer to select it, then hold Shift and click on the middle layer to select them both at once.<\/div>\n<p>With both layers selected, go up to the <strong>Layer<\/strong> menu at the top of the screen, choose <strong>New<\/strong>, and then choose <strong>Group from Layers<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/part-two\/photoshop-new-layer-group.gif\" alt=\"Selecting the New Group from Layers option in Photoshop CS4..\" width=\"468\" height=\"166\" \/>\n<div class=\"image-desc\">Go to Layer &gt; New &gt; Group from Layers.<\/div>\n<p>Photoshop will pop open a small dialog box where we can enter a name for our new layer group. Name the group \"film strip\":<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/part-two\/photoshop-naming-layer-group.gif\" alt=\"Naming the new layer group in Photoshop..\" width=\"472\" height=\"132\" \/>\n<div class=\"image-desc\">Name the new layer group \"film strip\".<\/div>\n<p>Click OK when you're done to close out of the dialog box, and if we look again in the Layers panel, we can see that we now have a new layer group named \"film strip\". Both of the shape layers that make up the film strip are inside the group:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/part-two\/layer-group-added.gif\" alt=\"The new layer group appears in the Layers panel..\" width=\"318\" height=\"222\" \/>\n<div class=\"image-desc\">Layer groups are a great way to organize layers and keep the Layers panel from getting cluttered.<\/div>\n<h3>Step 12: Save The Changes<\/h3>\n<p>Before we continue, let's save the changes we've made to the film strip so we won't have to make them again the next time we use it. Go up to the <strong>File<\/strong> menu at the top of the screen and choose the <strong>Save<\/strong> command. Since we've already saved the document once, Photoshop won't bother to ask us what we want to name it or where we want to save it to. It will simply overwrite the previous version of the document:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/part-two\/photoshop-file-save.gif\" alt=\"Saving the changes to the document in Photoshop..\" width=\"293\" height=\"171\" \/>\n<div class=\"image-desc\">Go to File &gt; Save.<\/div>\n<h3>Step 13: Select The Move Tool<\/h3>\n<p>We're ready to add the film strip to the photo collage document. Select the <strong>Move Tool<\/strong> from the Tools panel, or press the letter <strong>V<\/strong> on your keyboard to select it with the shortcut:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/part-two\/photoshop-move-tool.gif\" alt=\"The Move Tool in Photoshop..\" width=\"73\" height=\"133\" \/>\n<div class=\"image-desc\">The Move Tool can be found at the top of the Tools panel.<\/div>\n<h3>Step 14: Drag The Film Strip Into The Photo Collage Document<\/h3>\n<p>Then, with the film strip and the photo collage documents open in separate windows, click with the Move Tool inside the film strip's document window, keep your mouse button held down, and drag the film strip over to the photo collage document window:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/part-two\/drag-between-document-windows.jpg\" alt=\"Dragging the layer group between document windows in Photoshop..\" width=\"650\" height=\"400\" \/>\n<div class=\"image-desc\">Drag the film strip layer group into the photo collage document.<\/div>\n<p>Release your mouse button, and the film strip appears inside the photo collage document:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/part-two\/first-film-strip-added.jpg\" alt=\"The first film strip has been added to the collage..\" width=\"544\" height=\"450\" \/>\n<div class=\"image-desc\">The first film strip has been added.<\/div>\n<p>You can close out of the film strip document at this point since we no longer need it. If we look in the Layers panel for the photo collage document, we can see that the film strip layer group has been copied over and now appears above the main photo:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/part-two\/layer-group-copied.gif\" alt=\"The layer group has been copied over to the photo collage document..\" width=\"318\" height=\"243\" \/>\n<div class=\"image-desc\">The film strip layer group now appears in the photo collage document's Layers panel.<\/div>\n<h3>Step 15: Move, Reposition And Rotate The Film Strip With Free Transform<\/h3>\n<p>Now that we have our first film strip, let's move it into position. I'm going to move mine into the top right corner of the document. I'm also going to make it a bit smaller and, to add a little more visual interest, I'll rotate it slightly. I can do all three of these things with Photoshop's <strong>Free Transform<\/strong> command, so with the layer group selected in the Layers panel, I'll press <strong>Ctrl+T<\/strong> (Win) \/ <strong>Command+T<\/strong> (Mac) to quickly bring up the Free Transform box and handles around the film strip, just as we saw earlier when we moved and resized the main photo. <\/p>\n<p>To move the film strip, I'll click inside of it and, with my mouse button held down, I'll drag it up into the top right corner of the document, releasing my mouse button once it's in place:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/part-two\/move-film-strip-top-right.jpg\" alt=\"Moving the film strip with the Free Transform command in Photoshop..\" width=\"544\" height=\"450\" \/>\n<div class=\"image-desc\">Click inside the film strip and drag it to its new position.<\/div>\n<p>To resize it and make it a bit smaller, I'll hold down my <strong>Shift<\/strong> key, which will constrain the aspect ratio of the film strip as I resize it so I don't accidentally distort its shape, then I'll click on the handle in the bottom left corner (it doesn't matter which corner you choose), keep my mouse button held down, and drag it in towards the center of the film strip, releasing my mouse button when I'm done:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/part-two\/resize-film-strip.jpg\" alt=\"Resizing the film strip by dragging a corner handle..\" width=\"650\" height=\"278\" \/>\n<div class=\"image-desc\">Hold down Shift as you drag corner handles to resize the film strip.<\/div>\n<p>Finally, to rotate the film strip, I'll move my mouse button outside of the Free Transform bounding box, at which point my mouse cursor changes to a small rotate icon, then I'll click, hold my mouse button down, and drag  to rotate the film strip. I'm going to rotate my film strip counter-clockwise, releasing my mouse button when I'm done:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/part-two\/rotate-film-strip.jpg\" alt=\"Rotating the film strip with the Free Transform command in Photoshop..\" width=\"650\" height=\"278\" \/>\n<div class=\"image-desc\">Move your mouse cursor outside of the Free Transform box, then click and drag to rotate it.<\/div>\n<p>When you're finished moving, resizing and rotating your film strip, press <strong>Enter<\/strong> (Win) \/ <strong>Return<\/strong> (Mac) to accept the changes and exit out of the Free Transform command.<\/p>\n<h3>Step 16: Rename The Layer Group<\/h3>\n<p>Back when we created a layer group out of the two shape layers that make up our film strip, we changed the name of the group from the generic name \"Group 1\" that Photoshop gave it to \"film strip\". Since we're going to be adding several copies of the film strip to our document, let's be even more descriptive with our group names to make it easy to distinguish between them in the Layers panel. I'm going to double-click directly on the group's name in the Layers panel and add the word \"top\" to the end of the group's name. Press <strong>Enter<\/strong> (Win) \/ <strong>Return<\/strong> (Mac) when you're done to accept the change:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/part-two\/film-strip-top.gif\" alt=\"Renaming the layer group to 'film strip top'..\" width=\"318\" height=\"243\" \/>\n<div class=\"image-desc\">Adding the location of each film strip to the group's name will make it easy to work with them later.<\/div>\n<h3>Step 17: Drag Out A Copy Of The Film Strip<\/h3>\n<p>Let's add our second film strip. I'm going to place my second one in the bottom right corner of the document, directly below the first one. With the Move Tool selected, I'll hold down <strong>Shift+Alt<\/strong> (Win) \/ <strong>Shift+Option<\/strong> (Mac), click on the film strip in the document window and drag it straight down to the bottom right corner. The Alt \/ Option key tells Photoshop to make a copy of the film strip as I drag, rather than moving the original film strip, and holding the Shift key limits the direction that I can drag in, making it easy to drag straight down:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/part-two\/drag-second-film-strip.jpg\" alt=\"Dragging out a copy of the film strip in Photoshop..\" width=\"543\" height=\"450\" \/>\n<div class=\"image-desc\">Hold down Shift+Alt (Win) \/ Shift+Option (Mac) and drag out a copy of the film strip.<\/div>\n<h3>Step 18: Rename The New Film Strip's Layer Group<\/h3>\n<p>If we look in the Layers panel, we can see that we now have two layer groups, each one containing a different film strip. Photoshop automatically named our second group \"film strip top copy\", so let's double-click on the group's name and change it to \"film strip bottom\". Press <strong>Enter<\/strong> (Win) \/ <strong>Return<\/strong> (Mac) when you're done to accept the name change:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/part-two\/film-strip-bottom.gif\" alt=\"Renaming the second film strip layer group..\" width=\"318\" height=\"243\" \/>\n<div class=\"image-desc\">Change the name of the second film strip to \"film strip bottom\".<\/div>\n<h3>Step 19: Drag Out A Third Film Strip<\/h3>\n<p>With the \"film strip bottom\" layer group selected in the Layers panel and the Move Tool still selected, hold down <strong>Shift+Alt<\/strong> (Win) \/ <strong>Shift+Option<\/strong> (Mac), just as we did a moment ago, and drag out a third film strip. This creates a copy of the film strip we just added in the bottom right corner. I'm going to drag straight up to place my third film strip directly between the other two:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/part-two\/drag-third-film-strip.jpg\" alt=\"Dragging out a third film strip in Photoshop..\" width=\"544\" height=\"450\" \/>\n<div class=\"image-desc\">Hold down Shift+Alt (Win) \/ Shift+Option (Mac) and drag out another copy of the film strip.<\/div>\n<h3>Step 20: Rotate The Third Film Strip<\/h3>\n<p>Since having all three film strips rotated exactly the same way looks a bit dull, I'll press <strong>Ctrl+T<\/strong> (Win) \/ <strong>Command+T<\/strong> (Mac) to bring up the Free Transform box and handles around my third film strip. I'll move my mouse cursor outside of the Free Transform box, which changes the cursor to the rotate icon, then I'll click, hold my mouse button down, and drag to rotate the film strip:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/part-two\/rotate-third-film-strip.jpg\" alt=\"Rotating the third film strip in the photo collage..\" width=\"544\" height=\"450\" \/>\n<div class=\"image-desc\">Rotate the third film strip with the Free Transform command.<\/div>\n<p>Press <strong>Enter<\/strong> (Win) \/ <strong>Return<\/strong> (Mac) when you're done to accept the change and exit out of the Free Transform command.<\/p>\n<h3>Step 21: Rename The Third Film Strip's Layer Group<\/h3>\n<p>We have our three film strips in place, but before we starting adding photos to them, let's rename the third film strip's layer group in the Layers panel, which is currently named \"film strip bottom copy\". Double-click on its name and change it to \"film strip middle\", then press <strong>Enter<\/strong> (Win) \/ <strong>Return<\/strong> (Mac) to accept the change:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/part-two\/film-strip-middle.gif\" alt=\"Renaming the third film strip layer group..\" width=\"318\" height=\"266\" \/>\n<div class=\"image-desc\">Change the name of the second film strip to \"film strip middle\".<\/div>\n<h3>Step 22: Open The Photo You Want To Add To The First Film Strip<\/h3>\n<p>We're ready to add our photos to the film strips. Since the steps are the same for each film strip, we'll look at how to add a photo to the first one (&quot;film strip top&quot;). Then, to add photos to the remaining film strips, simply repeat the same steps.<\/p>\n<p>First, open the photo you want to place inside the film strip. Here's the photo I'll be using:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/part-two\/photo-collage-2-image.jpg\" alt=\"The first image to be added to the film strip. Image licensed from iStockphoto by Photoshop Essentials.com\" width=\"333\" height=\"500\" \/>\n<div class=\"image-desc\">Open the photo that will be placed inside the first film strip.<\/div>\n<h3> Step 23: Select And Copy The Photo<\/h3>\n<p>We're going to copy and paste the photo into the film strip, just as we copied and pasted the main photo into the photo collage document at the beginning of the tutorial. Press <strong>Ctrl+A<\/strong> (Win) \/ <strong>Command+A<\/strong> (Mac) to quickly select the entire image. You'll see a selection outline appear around the edges of the photo in the document window. Then press <strong>Ctrl+C<\/strong> (Win) \/ <strong>Command+C<\/strong> (Mac) to copy the photo to your computer's memory.<\/p>\n<h3>Step 24: Twirl Open The Layer Group For The Top Film Strip<\/h3>\n<p>With the image copied to memory, switch over to the main photo collage document by clicking anywhere inside its document window. We need to access the shape layers that make up the film strip in the top right corner of the document, which means we need to twirl open the film strip's layer group. Click on the small <strong>triangle icon<\/strong> on the far left of the &quot;film strip top&quot; group in the Layers panel. This will twirl open the layer group, allowing us to see the two shape layers inside of it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/part-two\/twirl-open-layer-group.gif\" alt=\"Opening the layer group for the first film strip..\" width=\"336\" height=\"341\" \/>\n<div class=\"image-desc\">Click on the triangle icon to open and close layer groups.<\/div>\n<h3>Step 25: Select The Photo Area Layer<\/h3>\n<p>With the layer group open, click on the <strong>photo area<\/strong> layer to select it. The shape on this layer represents the area where the photo will appear inside the film strip:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/part-two\/select-photo-area-layer.gif\" alt=\"Selecting the film strip's photo area layer..\" width=\"336\" height=\"341\" \/>\n<div class=\"image-desc\">Click on the \"photo area\" layer.<\/div>\n<h3>Step 26: Paste The Image Into The Film Strip<\/h3>\n<p>With the \"photo layer\" selected, press <strong>Ctrl+V<\/strong> (Win) \/ <strong>Command+V<\/strong> (Mac) to paste the photo into the film strip. If we look in the document window, we can see that the photo now appears in front of the main image, but it doesn't look like it's inside the film strip just yet. We'll fix that in a moment (your photo may appear much larger in the document window than mine, since I'm using smaller images for my film strips):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/part-two\/image-pasted-2.jpg\" alt=\"Pasting the first image into the first film strip..\" width=\"544\" height=\"450\" \/>\n<div class=\"image-desc\">The photo appears inside the document.<\/div>\n<p>Even though the photo doesn't yet appear to be inside the film strip, if we look in the Layers panel, we see that sure enough, Photoshop has placed the image inside the \"film strip top\" layer group, directly above the \"photo area\" layer, which is exactly where we want it. Photoshop always adds new layers directly above the layer that was selected, which is why we selected the \"photo area\" layer before pasting in the image:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/part-two\/layer-between-shapes.gif\" alt=\"The image appears above the 'photo area' layer in the layer group..\" width=\"336\" height=\"348\" \/>\n<div class=\"image-desc\">The photo was added between the two shape layers that make up the film strip.<\/div>\n<h3>Step 27: Position The Photo Inside The Film Strip<\/h3>\n<p>With the Move Tool still selected, click on the image in the document window and drag it over to the film strip in the top right corner so that it fills the entire gray photo area in the center of the film strip. Don't worry about positioning it exactly right for now:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/part-two\/move-film-strip-image.jpg\" alt=\"Dragging the photo inside the photo area of the film strip..\" width=\"544\" height=\"450\" \/>\n<div class=\"image-desc\">Use the Move Tool to drag the image into the gray photo area of the film strip.<\/div>\n<h3>Step 28: Create A Clipping Mask<\/h3>\n<p>Once you have the photo moved into position, go up to the <strong>Layer<\/strong> menu at the top of the screen and choose <strong>Create Clipping Mask<\/strong>, or press <strong>Ctrl+Alt+G<\/strong> (Win) \/ <strong>Command+Option+G<\/strong> (Mac) to select the Create Clipping Mask command with the keyboard shortcut:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/part-two\/create-clipping-mask.gif\" alt=\"Creating a clipping mask in Photoshop..\" width=\"254\" height=\"184\" \/>\n<div class=\"image-desc\">Go to Layer &gt; Create Clipping Mask.<\/div>\n<p>This tells Photoshop to &quot;clip&quot; the photo to the shape on the &quot;photo area&quot; layer below it, and now, only the area of the photo that falls within the boundaries of the shape remains visible in the document. The rest of the photo is hidden from view, creating the illusion that the image is inside the film strip:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/part-two\/film-strip-clipping-mask.jpg\" alt=\"The image is now clipped to the photo area inside the film strip..\" width=\"544\" height=\"450\" \/>\n<div class=\"image-desc\">The image now appears inside the film strip thanks to the clipping mask.<\/div>\n<h3>Step 29: Fine-Tune The Image Inside The Film Strip With Free Transform<\/h3>\n<p>Press <strong>Ctrl+T<\/strong> (Win) \/ <strong>Command+T<\/strong> (Mac) to once again bring up the <strong>Free Transform<\/strong> command and use it to move, resize and\/or rotate the image as needed inside the film strip. I'm going to make my photo a bit smaller so more of it fits within the viewable area of the film strip, and I'm also going to rotate it a little. Notice that, even though we can only see the part of the photo that's within the film strip itself, the Free Transform box and handles appear around the actual edges of the image, which is much larger than what's visible in the film strip:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/part-two\/rotate-inside-film-strip.jpg\" alt=\"Resizing and rotating the image inside the film strip. Image licensed from iStockphoto by Photoshop Essentials.com\" width=\"454\" height=\"500\" \/>\n<div class=\"image-desc\">The Free Transform box and handles appear around the actual edges of the image in the film strip, even though only part of the image is visible.<\/div>\n<p>If you can't see the Free Transform handles because your image is too big to fit inside the document window, press <strong>Ctrl+0<\/strong> (Win) \/ <strong>Command+0<\/strong> (Mac) to select the <strong>Fit on Screen<\/strong> command and have Photoshop resize the document window.<\/p>\n<p>When you're happy with how the image looks inside the film strip, press <strong>Enter<\/strong> (Win) \/ <strong>Return<\/strong> (Mac) to accept the changes and exit out of the Free Transform command.<\/p>\n<h3>Step 30: Add Photos To The Other Film Strips<\/h3>\n<p>To add photos to the other film strips in the collage, simply repeat the same steps. First, open the image you want to place inside the film strip. Press <strong>Ctrl+A<\/strong> (Win) \/ <strong>Command+A<\/strong> (Mac) to select the entire image, then press <strong>Ctrl+C<\/strong> (Win) \/ <strong>Command+C<\/strong> (Mac) to copy it. Switch over to the photo collage document and twirl open the film strip's layer group. Select the <strong>photo area<\/strong> layer inside the layer group, then press <strong>Ctrl+V<\/strong> (Win) \/ <strong>Command+V<\/strong> (Mac) to paste the photo into the document directly above the &quot;photo area&quot; layer. Use the <strong>Move Tool<\/strong> to drag the photo into the gray area in the center of the film strip, then go up to the <strong>Layer<\/strong> menu and choose <strong>Create Clipping Mask<\/strong> to clip the photo to the shape on the &quot;photo area&quot; layer below it. Finally, press <strong>Ctrl+T<\/strong> (Win) \/ <strong>Command+T<\/strong> (Mac) to bring up the <strong>Free Transform<\/strong> command and resize, reposition and\/or rotate the image inside the film strip as needed. Press <strong>Enter<\/strong> (Win) \/ <strong>Return<\/strong> (Mac) when you're done to accept the changes.<\/p>\n<p>Here's my final photo collage after adding photos to the middle and bottom film strips:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/film-strip-photo-collage\/part-two\/photoshop-film-strip-photo-collage.jpg\" alt=\"Photoshop film strip photo collage effect. Image licensed from iStockphoto by Photoshop Essentials.com\" width=\"544\" height=\"450\" \/>\n<div class=\"image-desc\">The final photo collage after adding photos to the other film strips.<\/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>And there we have it! That's how to create a film strip photo collage with Photoshop! Visit our <a href=\"\/photo-effects\/\">Photo Effects<\/a> section for more Photoshop effects tutorials!<\/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 the first of this two-part Photoshop tutorial, we created a film strip shape to use as a photo frame. In this second part of the tutorial, we&#8217;ll use multiple copies of that film strip to create our photo collage!<\/p>\n","protected":false},"author":1,"featured_media":15410,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-296","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 2<\/title>\n<meta name=\"description\" content=\"In Part 2 of this Photoshop tutorial, we use multiple copies of the film strip we created in part 1 to build our photo collage!\" \/>\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-part-two\/\" \/>\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 2\" \/>\n<meta property=\"og:description\" content=\"In Part 2 of this Photoshop tutorial, we use multiple copies of the film strip we created in part 1 to build our photo collage!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/film-strip-photo-collage-part-two\/\" \/>\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:47:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-04-13T17:08:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-film-strip-photo-collage.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=\"23 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-part-two\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/film-strip-photo-collage-part-two\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"Film Strip Photo Collage in Photoshop &#8211; Part 2\",\"datePublished\":\"2012-10-01T23:47:35+00:00\",\"dateModified\":\"2019-04-13T17:08:04+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/film-strip-photo-collage-part-two\\\/\"},\"wordCount\":4540,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/film-strip-photo-collage-part-two\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/photoshop-film-strip-photo-collage.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-part-two\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/film-strip-photo-collage-part-two\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/film-strip-photo-collage-part-two\\\/\",\"name\":\"Film Strip Photo Collage in Photoshop - Part 2\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/film-strip-photo-collage-part-two\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/film-strip-photo-collage-part-two\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/photoshop-film-strip-photo-collage.jpg\",\"datePublished\":\"2012-10-01T23:47:35+00:00\",\"dateModified\":\"2019-04-13T17:08:04+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"description\":\"In Part 2 of this Photoshop tutorial, we use multiple copies of the film strip we created in part 1 to build our photo collage!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/film-strip-photo-collage-part-two\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/film-strip-photo-collage-part-two\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/film-strip-photo-collage-part-two\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/photoshop-film-strip-photo-collage.jpg\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/photoshop-film-strip-photo-collage.jpg\",\"width\":250,\"height\":250,\"caption\":\"Film Strip Photo Collage in Photoshop - Part 2\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/film-strip-photo-collage-part-two\\\/#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 Collage - Part 2\"}]},{\"@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 2","description":"In Part 2 of this Photoshop tutorial, we use multiple copies of the film strip we created in part 1 to build our photo collage!","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-part-two\/","og_locale":"en_US","og_type":"article","og_title":"Film Strip Photo Collage in Photoshop - Part 2","og_description":"In Part 2 of this Photoshop tutorial, we use multiple copies of the film strip we created in part 1 to build our photo collage!","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/film-strip-photo-collage-part-two\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2012-10-01T23:47:35+00:00","article_modified_time":"2019-04-13T17:08:04+00:00","og_image":[{"width":250,"height":250,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-film-strip-photo-collage.jpg","type":"image\/jpeg"}],"author":"Steve Patterson","twitter_misc":{"Written by":"Steve Patterson","Est. reading time":"23 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/film-strip-photo-collage-part-two\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/film-strip-photo-collage-part-two\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"Film Strip Photo Collage in Photoshop &#8211; Part 2","datePublished":"2012-10-01T23:47:35+00:00","dateModified":"2019-04-13T17:08:04+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/film-strip-photo-collage-part-two\/"},"wordCount":4540,"commentCount":0,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/film-strip-photo-collage-part-two\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-film-strip-photo-collage.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-part-two\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/film-strip-photo-collage-part-two\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/film-strip-photo-collage-part-two\/","name":"Film Strip Photo Collage in Photoshop - Part 2","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/film-strip-photo-collage-part-two\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/film-strip-photo-collage-part-two\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-film-strip-photo-collage.jpg","datePublished":"2012-10-01T23:47:35+00:00","dateModified":"2019-04-13T17:08:04+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"description":"In Part 2 of this Photoshop tutorial, we use multiple copies of the film strip we created in part 1 to build our photo collage!","breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/film-strip-photo-collage-part-two\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/film-strip-photo-collage-part-two\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/film-strip-photo-collage-part-two\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-film-strip-photo-collage.jpg","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/photoshop-film-strip-photo-collage.jpg","width":250,"height":250,"caption":"Film Strip Photo Collage in Photoshop - Part 2"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/film-strip-photo-collage-part-two\/#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 Collage - Part 2"}]},{"@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\/296","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=296"}],"version-history":[{"count":28,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/296\/revisions"}],"predecessor-version":[{"id":27446,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/296\/revisions\/27446"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/15410"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=296"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=296"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=296"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}