November 13 2009 • 5:36 PM

Polaroid Pix

I love the new user forums. Not only do I get to see what everyone looks like and learn from their experiences, but I also have a feeling I’ll never run out of stuff to write about. Yesterday, one person threw down the Polaroid challenge: how to make a placed picture look like it was an old Polaroid. Folks made some great suggestions, and now there’s even a Polaroid script we can use. Truly, the collective intelligence InDesignSecrets community is formidable.

The first option I thought of was to use an effect in combination with an object style for “instant” Polaroids. Since a picture’s worth a thousand words (or roughly 7.143 Tweets), I thought I’d illustrate my suggestion.

Start with a placed picture. It can be any dimensions, but it should be in a frame that is square or pretty close to it.

Picture 48

Give it a stroke as thick as you want the bottom of the Polaroid to be. A little less than one quarter the height of the picture seems about right. For now, make the stroke anything but [Black] or [Paper]. In the Stroke panel, align the stroke to the outside.

Picture 49

In the Effects panel, apply a Directional Feather to the stroke with 100% choke to the Top, Left, and Right. This narrows the stroke on those sides.

Picture 51

Picture 52

One thing to be aware of: if you plan to use text wrap with this image, the text wrap will be based on the original dimensions of the stroke, not what’s visible with the feather. You’ll have to apply a negative offset to the feathered sides to wrap text close to them.

Picture 53

Next, apply a drop shadow. In the Options, check Shadow Honors Other Effects.

This takes the directional feather into account. Adjust the drop shadow settings to taste.
If the picture is to be placed on a white background make sure the drop shadow shows around all sides.

Picture 54

Change the color of the stroke to [Paper] or a small percentage of [Black], say 4%.

Picture 55

Create a new object style based on your creation.

If you want to be able to scale the Polaroid, go to General preferences and check When Scaling: Adjust Scaling Percentage. This way, the directional feather will scale along with everything else.

scaling percentage

If you want to apply the object style to photo that has been scaled, you need to select the photo and go to the Control panel menu (waaaaay over on the right side) and choose Redefine Scaling as 100%.

Picture 57

If you leave it scaled…

Picture 56

the effect may not behave as expected. These cats are not pleased.

Picture 59

But after you choose Redefine Scaling as 100%, it should work purrrfectly.

Picture 60

There’s only one more thing to do. Say “cheese..”

Picture 58

8 Responses discussing this post. Add yours below.

  1. F vd Geest
    November 14th, 2009 • 9:11 am • Link

    Eh…
    May I suggest:
    http://www.poladroid.net/

    Easy ;-)

  2. Mike Rankin
    November 14th, 2009 • 11:09 am • Link

    Thanks, that’s a fun little app. I do wish you could skip the wait time. But bonus points for the way it adds the subtle texture to the white frame and the other effects that you add. Also, looks like the current version only comes in French (or the link to the English version is pointed at the wrong file). Anyway, it’s easy enough to figure out. :) Cool stuff.

  3. November 14th, 2009 • 11:43 am • Link

    Wow … amazing as usual, Mike. The “Choke” setting on the Directional Feather would make a great Obscure InDesign Feature of the Week … shshshsh don’t tell anyone, we like to save these till the reveal. ;-)

  4. November 17th, 2009 • 12:55 am • Link

    That’s cool. I think the cats knows what you’re doing with their picture. lol

  5. Bustop
    November 20th, 2009 • 7:32 am • Link

    Well done Mike Rankin, Good job.
    “Not only do I get to see what everyone looks like”,
    If that is you in the photo: you are very advanced for your age!
    Bustop

  6. November 22nd, 2009 • 4:09 pm • Link

    This PS action is also pretty accurate.
    http://rawimage.deviantart.com/art/Polaroid-GENERATOR-V2-118854065

    I know it isn’t an additional InDesign trick to do this but it works.

  7. paul
    November 23rd, 2009 • 5:23 pm • Link

    …which begs the question, how old do you have to be to remember what a Polaroid is? Whatever the cutoff, I’m way above it :)

    Thanks for the tip!

  8. kobyg
    November 25th, 2009 • 4:53 pm • Link

    I was just looking for something like that !
    Thanks !

    However, is there a way to make the corners of the polaroid round … ?
    The “Outer Glow” style makes round corners (using Spread=100%), but is there a way to make the bottom margin larger than the sides and top ?

Subscribe to the Discussion

Get the ongoing discussion surrounding "Polaroid Pix" delivered to you. Click here to subscribe via RSS.

Leave a Reply

You can use limited HTML tags, such as <em></em> for emphasis/italics and <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> .

InDesignSecrets reserves the right to edit and/or remove posts and comments.