Pin Me

Creating a Polaroid Effect in Photoshop

written by: Amber Neely•edited by: Michele McDonough•updated: 4/22/2012

Polaroid effects for images make stunning graphics for websites, and fortunately aren't too hard to create. If you've ever wanted to learn how to create a Polaroid effect in Photoshop, this tutorial is for you.

  • slide 1 of 13

    How to Create a Polaroid Effect in Photoshop - It's Easier than You Think!

    This Tutorial Uses Adobe Phohotshop CS4 There's something fun about Polaroid pictures. Most of us have fond memories of getting a Polaroid picture snapped at a party or with a holiday mascot, and getting the picture before it was developed. Then came the waiting! You waited and watched as your picture slowly developed.

    If you love the look of Polaroid images and have always wondered how to create a Polaroid effect in Photoshop, you'll be glad to know that recreating the finished product with Photoshop is very easy and only takes a few steps.

    This article is geared toward beginners who have a basic knowledge of the tools in Photoshop as well as how they work. It was written using Adobe Photoshop CS4, but should work absolutely fine for anyone who is using Adobe Photoshop 7.0 or higher.

  • slide 2 of 13

    Open your photo in Photoshop. In this tutorial, I'm using a picture of my collie-mutt, Isabel.

    Isabel, the Boarder Collie + Rat Terrier mutt 

  • slide 3 of 13

    Ideally, your image should be square, or at least square-ish. To make your image square, the easiest way is to grab your rectangular marquee tool, and click from the top of your image while holding down shift. This binds your box to be a perfect square. After you have created your square marquee, you can move it by clicking in the center of it and dragging it around. This makes it useful for centering your subject.

    Select Image and then Crop to make your image a square 

  • slide 4 of 13

    In the layer panel, double click on your image. This will unlock it, and allow you to rename it. Name it "photo."

    Renaming our photograph and unlocking its layer 

  • slide 5 of 13

    Now, go to Image in the top menu again, but this time select "Canvas Size." In the settings box, enter the following:

    Width: 110 percent

    Height: 110 percent

    And be sure to leave the anchor in the middle box. Click OK when finished.

    Using the canvas size tool to begin creating the Polaroid boarder 

  • slide 6 of 13

    Now you should have something that looks like this:

    This is part one of adding the Polaroid boarder around the photograph 

  • slide 7 of 13

    Now, once again, go into Image and then Canvas Size. This time we're going to create the bottom "flap" of the Polaroid. Enter these settings in the box:

    Width: 100 percent

    Height: 120 percent

    This will create the flap of your Polaroid picture 

    And this time click the top center box. This will expand your canvas size in only one direction, and leave you with something that looks like this:

    The frame for the polaroid has been completed! 

  • slide 8 of 13

    Now comes a relatively easy part. Add another layer below your photo layer, and name it background. Fill it entirely with white. This actually won't be our Polaroid effect, but rather a bit of insurance to make sure there is no transparency around the edges of the photo later.

    Filling the background with white 

  • slide 9 of 13

    Create a layer above your photo layer, and name it Polaroid. Fill it completely with white.

    Filling the Polaroid with white 

  • slide 10 of 13

    Now, with your Polaroid level selected, go to your layers panel, click hold down CTRL (Mac users hold down CMD) and click the layer thumbnail of your photo layer. I've highlighted it in red so you can clearly see what I mean.

    Layer Thumbnail 

    This will select only the space that your Photo occupies. Press delete when finished to remove the square from the Polaroid layer. You should have something that looks like this:

    This is what you will be left with after deleting the box from the Polaroid layer 

  • slide 11 of 13

    Double click on your Polaroid layer to bring up blending options. In Inner Shadow, leave all the settings to the default, but change your color to #D8C8B8.

    Inner Shadow Settings 

    In Bevel and Emboss, only change these settings:

    Highlight Mode: Screen

    Color: #FFFFFF

    Opacity: 50%

    Shadow Mode: Multiply

    Color: 4E4339

    Opacity: 75%

    Bevel and Emboss settings 

  • slide 12 of 13

    Completed!

    The completed Polaroid effect – feel free to break out your favorite handwriting font and add a caption to the picture.

    Completed Polaroid Effect 

  • slide 13 of 13

    Image Credits

    All images above were created by the author of this tutorial and are for educational purposes only.