Creating a polaroid effect in Photoshop

Posted on: 15th Feb, 2008 in Design, Photoshop, Web design

The last tutorial I did on how to get a Polaroid effect using Photoshop was all very well, but the end result was more just a photo with white borders rather than looking exactly as it would from a Polaroid camera. This tutorial sets out to acheive this, and this time a template is included for you to download.

image

The tempate used in this tutorial is again dependent on smart objects. If you just want to take the Photoshop file and run, by all means feel free.

All you have to do to put your photo in the ‘frame’ rather than my one of Florence is:

  • Click the ‘photo’ layer in the layers pallette
  • From the menu at the top of the Photoshop window choose (Layer > Smart Objects > Replace contents…
  • Navigate to where you have your new photo stored, select it and click Place
  • You may have to re-transform your photo to fit correctly in the photo area (to do this press Ctrl + T on the PC, or Cmd + T on the Mac)

Doing it yourself

If you’d rather set the template up yourself, then you need to (sorry – screenshots to follow):

  1. Create a new canvas with a white background
  2. Draw a white rectangle, rotate it slightly and give it a drop-shadow and inside stroke
  3. Ctrl or Cmd click on the thumbnail of the photo paper so that the outline of the paper is loaded into a selection
  4. Choose Select > Modify > Contract… and shrink the selection by a certain amount of pixels (the amount depends on how big your canvas is to start with – try it a few times until the border is how you like it)
  5. Set the default colour by pressing the ‘D’ key
  6. Swap them around by presing the ‘X’ key
  7. Pres the Alt + Delete key to fill the selection with black
  8. Ctrl or Cmd T to initiate a free tranform and drag the bottom middle handle up a bit so that the bottom border is thicker that the top, left and right ones. (Just use your eye on this step to get it how you’d expect a Polaroid to look).
  9. Now select File > Place…, choose your photo and click Place. This will place the photo as a smart object into your photoshop file. It should have place it above the photo area layer (the black one) – if it didn’t just drag it into the correct place.
  10. Now hover the mouse between the photo layer and the photo area layer and press the alt key. You should see the cursor change to something that looks like a venn diagram. Click the mouse button once and you’ll see the photo layer be clipped to the area below it, thus hiding the bits you don’t want
  11. Now all that remains to do is to rotate all your layers slightly to bring the photo to life.

Comment

Web Design India said:

Hi,

This is really good tips for Polaroid effects. I am learning photoshop but till now i didn’t get idea of this type of effect.
Thanks for sharing such a good idea

Posted on Feb 10th at 10:50 AM

Name:

Email (required, not displayed):

URL (not displayed):

Your comment:

Remember my personal information

Notify me of follow-up comments?

Please enter the word you see in the image below:

About

With over eight years experience, I specialise in helping businesses use the web and printed marketing materials to achieve their objectives.

Find out more...

Latest articles

More articles...

Email Newsletter

Why not subscribe to my email newsletter containing latest news and tips?

You can unsubscribe at any time and your details won't be passed on to any third-parties.

Request a quote

Let's start talking about your project. Just send an enquiry in via the contact page or call me on the telephone and we'll take it from there.

Contact