Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
Hi! I'm Mike Rankin, and welcome to InDesign FX. In this week's effect, we'll see how to create a strip of film like this and place images into it. Remember film? That stuff people use to stick in cameras to take photographs and movies before digital took over? Well, this week's InDesign FX video is all about simulating old-fashioned film as a fun way to display a series of images. So let's see how it's done. In my document I'll press Command+Shift+P or Ctrl+Shift+P on the PC to create a new page and I'll press the F key on my keyboard to get my Rectangle Frame tool. I'll click in the document and I'll create a rectangle that's 270 pixels wide by 160 pixels tall.
And this is going to be the basis for one single frame of film. In the Control panel I'll target the Fill and set it to this brown color. I'll switch to my Selection tool and confirm that in the Control panel I have the Reference Point set to the bottom-center. I'll copy this object and paste it in place by pressing Command+Shift+Option+V or Ctrl+Shift+Alt+V, and now I'm going to decrease the width and height. I'll decrease the width to 230 pixels, and the height to 150. I'll change the Fill color from brown to gray, change that Tint from 100% to 50% black, and now I want to make the holes on either side of the film.
So I'm going to zoom in a bit, again press F to get my Rectangle Frame tool, click, and I will make these 15 pixels wide by 11 pixels tall. I'll Fill them with paper just so I can see them. And now I'm going to zoom in a bit and nudge this into place. I'm going to hold down Command+ Shift or Ctrl+Shift on the PC and use my arrow keys to move this 1/10th of the normal keyboard increment and get it just where I want it. That looks pretty good. Zoom back out a bit, so I can see the whole frame, and now I'm going to make some copies.
So I'll hold down Option or Alt, I will start dragging and hold down the Shift key to constrain and now when this matches the top of the gray rectangle, I'm going to tap the Up Arrow key on my keyboard. Let's make some extra copies till I end up with six total, let go off the mouse key and there I have all the holes I want on the left side. I'm going to hold down Option or Alt again, plus Shift to constrain, and drag this over to the right side. Again, I can nudge them into place. So make sure I got them where I want them, and that looks pretty good. Zoom back out.
Now I want to join all these smaller rectangles with the large brown one and make it a compound path, but before I can do that I need to reverse the direction of all these copied objects, otherwise they won't punch a hole in the brown object. So with them selected, I can go over to the Object menu and choose Paths > Reverse Path. Now I can hold down Shift, drag over the other small rectangles and the brown rectangle, and press Command+8 or Ctrl+8 on my keyboard to make this a compound path. So now all of these objects will act as one.
Now I'll take my Line tool, I'll click and drag and hold down Shift, and I'm going to set the Stroke of this to 15 points and make it black, and make sure it aligns right to the side of my filmstrip. It's a little too tall, that looks better. Again, I'll hold Option+Shift or Alt+Shift, drag over to the right side and the piece of film is starting to take shape. All right, let's place a photo in this filmstrip. So I'll select it and press Command+D or Ctrl+D, and in the Exercise Files folder, inside the Links folder there's apples.psd.
We'll place this and zoom out, so there's one piece of our filmstrip. Now we want to make some extra copies of this. So I'll select it all, move it up a bit, and again, I'll press Option+Shift or Alt+Shift to make a copy, and we'll do this a few times. Now because I've placed a Photoshop file that has different layers in it, I can use InDesign's Object Layer Options to expose different pictures of this apple. So I'll select this one, I'll right-click and choose Object Layer Options, and here I can see the layers in the Photoshop file.
Right now the only one that's showing is Layer 1, that shows this apple in its original state. But if I show Layer 2 and turn off Layer 1, and click OK, here I can see a bite has been taken out of the apple. Let's do that again. Right-click, Object Layer Options, turn off Layer 1, and this time we'll turn on Layer 3, OK, and we'll do the same thing for the last two frames. This time we'll show Layer 4, and lastly Layer 5.
And be sure to turn off Layer 1. And there you go, the disappearing apple. So in this video we saw how to construct an effect that looks like old-school film from just a series of well-placed rectangles, plus a couple of lines, and by using a layered Photoshop file, plus InDesign's Object Layer Options, we were able to use just one placed image for the effect. I'm Mike Rankin and I'll be back in two weeks. Thanks for watching!
Get unlimited access to all courses for just $25/month.Become a member
120 Video lessons · 58272 Viewers
119 Video lessons · 67563 Viewers
84 Video lessons · 16853 Viewers
125 Video lessons · 29749 Viewers
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.