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 make a picture look like a Polaroid instant photo that's developing. For this effect, we'll use InDesign's Animation tools to make a photo slowly appear just like those old instant pictures. But unlike the real-life pictures, you can control exactly how long it takes for your image to appear inside InDesign. I'll start by opening the SWF Preview Panel by choosing Window > Interactive > SWF Preview, and I'll preview the animation.
So I can see the photo of the birthday party slowly comes into view. So let's see how I did this. I'll close the Preview Panel, go to the next page in my document where I have just the placed photo. I'll begin by putting a stroke around this photo, a really large stroke, 55 points. I'll change it from 100% Black to a very light Tint, say 6%, then I'll go to the Stroke Panel, align that stroke to the outside, and now I'm going to use an effect to make a thin border on the top and sides and a thick border on the bottom.
And the effect I'm going to use is called Directional Feather. I'll open the fx Panel, I'll target the Stroke, and turn on Directional Feather. I'll constrain the feather widths, and I'll set the Choke to 100%. This will make a nice sharp edge around all of the stroke. Then I'll select the Top Feather width, I'll hold down the Shift key on my keyboard and top my Up Arrow key just a few times until I see the width that I want on the top and sides. Maybe a little bit more. Right about there, that looks good.
Then I'll unconstrain, select the Bottom feather width, and set it to 0. So now I have a thick border at the bottom and thin on the top and sides. And while I'm here, I'll also set a small drop shadow. So I'll choose Object, but what's going on here? I can see the Drop Shadow even where the stroke was feathered. Well, what I need to do is set this setting right down here, Shadow Honors Other Effects, and that takes into consideration the directional feather. I'll set the Distance to 0 so the shadow sits right behind the photo, and that looks pretty good.
I'll click OK. Now I need to make an object that sits on top of the photo right here that I can use the Animation tools to hide this photo. So I'll select it, copy it, paste it in place, and then I'll just remove the effects I applied to this copy, I'll choose Clear All Transparency, and I'll remove the stroke. I'll double-click to select the photo and delete it too. So I have just an empty frame right now. I'll apply a fill, this film color that I created.
And now I can apply the animation. I'll choose Window > Interactive > Animation, and from the Preset menu I'll choose Fade Out. For the Event I'll leave it at On Page Load right now. I want to increase the Duration to 8 seconds, that will make it slowly fade out, and I'll open the Properties and I'll make sure I select Hide After Animating. All right, we're ready to preview. And there you have it, over 8 seconds that new square on top fades out and reveals the photo of the birthday party underneath.
In this video we saw how to make a placed photo look like it was taken with a Polaroid instant camera. First, we used a directional feather to create the unequal border around the photo, and then we used the fade out animation preset to slowly reveal the picture. I'm Mike Rankin, I'll be back in two weeks, and thanks for watching.
Get unlimited access to all courses for just $25/month.Become a member
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.
Your file was successfully uploaded.