Create a Polaroid Effect of your Photo

Advertisement

Polaroid in Photoshop

Photos are often much more interesting when they are displayed like a Polaroid photo. Learn how you can turn your normal photo into something livelier, by adding a realistic Polaroid effect to it.

Creating the Base

  1. Create a new blank canvas, say about 800×600 resolution, filled it with white [#ffffff] background.
  2. Draw a rectangular in the middle, using Rounded Rectangular Tool with Radius: 2px. This will be the base for your Polaroid photo.
  3. Double click on layer name to launch Blending Options, and insert these following effects:

    Drop Shadow

    • Opacity: 38%
    • Spread: 0%
    • Size: 5px

    Inner Shadow

    • Opacity:25%
    • Distance: 0px
    • Choke: 0%
    • Size: 57px

    Color Overlay

    • Color: White [#ffffff]
  4. Here’s how your output will look like.
    Polaroid in Photoshop

Determining Image Size within Polaroid

Let’s determine how big our image will be within a Polaroid.

  1. Hold CTRL and left click on the Polaroid Base’s Layer Thumbnail to highlight the selection.
  2. With the selection highlighted, click Select -> Modify -> Contract.
  3. Insert 7px and click OK, you will noticed that the selection is shrink by 7px.
  4. Select Retangular Marquee Tool, Hold ALT and drag a smaller rectangular on the bottom to minus it off the selection.
    Polaroid in Photoshop
  5. Create a new layer, call it " Photo Base" and fill the highlighted part with any color, say black, #000000 for instance. Hide the layer, we will use it as reference later.
    Polaroid in Photoshop

Adding Image into Polaroid

  1. Just make sure you have the selection of layer Photo Base still highlighted, if not, hold CTRL and click on the layer to re-highlight it.
  2. Create a new layer on top of Photo Base, call it Photo.
    Polaroid in Photoshop
  3. Look for your desired image, copy it and SHIFT + CTRL V to paste it. You will noticed the image will paste itself into the highlighted selection.
  4. Transform (CTRL T) or reposition until you are satisfied with the focus point.

Making Polaroid Image more Realistic

The photo looks a bit stiff to me at this stage. Lets tweak it so it looks that it looks more blending into the Polaroid.

  1. Double click on the "Golf" layer to call up the Blending Options and tweak the following styles:

    Inner Shadow

    • Opacity: 40%
    • Distance: 0px
    • Choke: 0%
    • Size: 46px

    Polaroid in Photoshop

  2. Hold CTRL, left click on Photo Base layer’s thumbnail to highlight the selection, create a new layer on most top, call it "Glossy"
    Polaroid in Photoshop

  3. Select Polygonal Lasso Tool, Hold ALT and draw a rectangular like the image below to cut off half of the highlighted selection.
    Polaroid in Photoshop

  4. Fill the left over selected area with white [#ffffff] and adjust its Opacity to 18% or any figures as long it looks comfortable on the photo. Your output will look something similar to the image below.
    Polaroid in Photoshop

Adding Text to Polaroid

The photo is almost done, add some writings. Fonts close to handwriting will be nice. Here’s my final output.

Polaroid in Photoshop

Related Contents

Sponsors

Posted by hongkiat in Photoshop Tutorials , at 05.04.07

Tags: , , , , ,

Comments

  1. Mo May 4th, 2007

    cool… will try this soon…

    Reply
  2. Steve Yu May 8th, 2007

    wow, dude! This is great. Thank.

    Reply
  3. Dave May 11th, 2007

    hi yeah this is a really great tutorial the only thing is i get stuck at the step 1 of the determining the size of the polaroid i don’t know what the layer thumbnail? i hope you can help me thanks

    Reply
  4. mgthantzin May 14th, 2007

    this is a good tutorial.

    Reply
  5. hongkiat May 14th, 2007

    Hi Dave, click here for a sample of layer thumbnail.

    Reply
  6. Janna May 27th, 2007

    I agree with Dave, i got stuck at step 1 too. :( Help ME!

    Reply
  7. hongkiat May 27th, 2007

    Janna, this is the Layer Thumbnmail. Left click to get its size.

    Reply
  8. jaya May 28th, 2007

    just download the sample guys

    Reply
  9. Nick May 31st, 2007

    nice tutorial man…I’ll be visiting again for sure

    Reply
  10. Lovekills182 June 6th, 2007

    i’m not good with photo shop. I keep getting stuck on this one part

    “Look for your desired image, copy it and SHIFT + CTRL V to paste it. You will noticed the image will paste itself into the highligted selection.”

    The thing is still highlighted and everything and i’m pasting my picture in but it doesn’t go in the highlighted selection…help me please =)

    Reply
  11. Newton June 27th, 2007

    “Look for your desired image, copy it and SHIFT + CTRL V to paste it. You will noticed the image will paste itself into the highligted selection.”

    The thing is still highlighted and everything and i’m pasting my picture in but it doesn’t go in the highlighted selection…help me please =)

    Mee too stuck at this very same point..The copied pic does not paste itself into the higlighted selection at all..

    there is something missing in the tutorial i feel..as it does say hide the layer but we will use it as a reference later..where is that gone..where do we use it.i think it has something to do with the pic pasting inside the selection if im not wrong

    Reply
  12. D July 4th, 2007

    I stayed up all night making these. LOL.

    Reply
  13. Craig Davo July 6th, 2007

    Hi, I have done everything here. When it comes to pasting my image, Paste is not even an option. Also in the download, Photo in Polaroid is missnig from the tutorial ? Is this right ? There seems to be a few things missing…

    Thanks.

    Reply
  14. Craig Davo July 6th, 2007

    Ahhh… when pasting your photo, select the photo layer and click on paste into… then click transform and then scale. Works a treat.

    Thanks for this tut !

    Reply
  15. lenny July 22nd, 2007

    i need help pls on the third step of ‘creating the base’.

    when i try to double click on the layer name to launch blending options i get ‘new layer’ pop-up, then when trying to establish the drop/inner shadow it doesn’t edit the edges of the rectangle i drew but the entire perimeter of the canvas itself. help!

    Reply
  16. Helmet July 24th, 2007

    Great TUT, thanks Hongkiat!

    One thing to keep in mind: The polaroid image itself is a square. So you wanna keep the width and height equal (step 4). Look at W & H in the “Info” tab (FN + F8 for Mac).

    As a gimmick you could add sticky tape or a drawing pin and maybe some dirt or something;)

    @Lenny: You can also right-click the layer and go to Blending Options.

    Cheers

    Reply
  17. stuck July 29th, 2007

    i always get stuck in the highlight part.
    whenever i left click it, the layer is highlighted and not the selection.

    Reply
  18. tyred July 30th, 2007

    i cant paste my image…pls.help!im so interested in this polario effect its so challenging.;)

    Reply
  19. hongkiat July 30th, 2007

    I noticed most of you are confused with the highlight part. Let me do this is a short video, hope this helps you understand things better.

    What I did before hand is copy my image, then outline it with Photoshop, hit SHIFT + CTRL + V to paste it inside where I outlined it.

    Check out the video.

    http://www.screencast.com/t/zsKGundog

    Reply
  20. Kate August 24th, 2007

    I’m very new to Photoshop, but have been able to successfully complete several of the free tutorials I get from Photoshop Roadmap News. This one, however, is way too difficult for a beginner. It was written for people who know photoshop. Create a new canvas? I tried hitting control new, but not sure if that’s correct. I have CS 2 and don’t have the rounded rectangle tool, just the regular. Can’t find help on the help screen. Don’t bother telling me, either. I’ll just get stuck on the next. It just would have helped if more direction could have been given. I was really looking forward to accomplishing this because it looks so different.

    Reply
  21. anne August 24th, 2007

    i still dont get it even after watching ur video… o.O?

    Reply
  22. fernie August 25th, 2007

    ok.. i feeel so stupid..ive been trying that image pasting,,, cant get it yet.. nd no offense but the video isnt really clear.. you can only see the blue layer and then turning into the golf pictyure,, i still cant see what you did sorry!!!

    Reply
  23. tyler November 1st, 2007

    i found an easier way to create polaroid effects, just upload and click
    http://polaroid.cuteness.ws

    Reply
  24. Jess January 8th, 2008

    stucked on #3. I mean do I create a new layer on #2? then go to #3? I don’t get it. Thank you.

    Reply
  25. hongkiat January 8th, 2008

    Create a new layer, then go open up another image, copy it and Shift-paste into the selection.

    Reply
  26. Jess January 8th, 2008

    Thank you so much. I’ve create 2 very realistic Polaroid effect photos for my project. This is a very great tutorial, and very pro finished. Thank you again, Hongkiat.

    Reply
  27. Alexander January 17th, 2008

    Hi, thanks for a really nice and detailed tutorial!
    I’ve made an online converter to create a polaroid-style images – http://www.instantizer.com Simply upload your picture, add a description and specify rotation angle if needed.
    Feel free to try it!

    Reply
  28. peter February 2nd, 2008

    i wan to paid $50.00 someone help me to made some pictures
    by photoshop!!

    Reply
  29. Romain March 6th, 2008

    Amazing tutorial ! I’ll be back !

    Thank you and greatjob !

    Reply
  30. Johnny May 17th, 2008

    Nice tutorial. But… Your left, right, and top borders are not wide enough. Need to be about 1/4″. I grew up in the 60’s, and had three polaroid cameras, and an SX-70, if you know what that is. So it’s currently not realistic with your borders. Just a suggestion…

    Reply
  31. umer September 19th, 2008

    very helpful especially when i needed it. thanks .

    Reply
  32. Tommy October 5th, 2008

    Hi, what’s the font you used in your photo?

    Reply
  33. aaron November 7th, 2008

    Hello, I really enjoyed the tutorial, too. Same question as Tommy – what font did you use? Any styles added to the font?

    Reply
  34. hongkiat November 7th, 2008

    @Tommy, @Aaron
    I’m using Pristina Regular as the font. No extra style added :-)

    Reply
  35. Martin February 7th, 2009

    Hi,

    I am importing the polaroid into Indesign and wanted to know if there is a way I can vectorise it or create in illustrator or indesign so the quality doesnt drop when I import. In Indesign I notice when I rotate the polaroid to the left slightly it looks jagged.

    Any ideas?

    Reply
  36. marco February 9th, 2009

    Importing pixel oreitned image sinto Indesign do preview jagged, but in fact they print perfectly. So it’s only an optional issue within indesign

    Reply
  37. Leonard March 2nd, 2009

    Greetings,

    Great tutorial but it gives me a question though:

    What is the purpose of step three? I see the effect of course but why does that step need to be done?

    Thanks,

    Reply
  38. Leonard March 2nd, 2009

    I left out the most important part of my question.

    i was meaning the step three where you “Select Polygonal Lasso Tool, Hold ALT and draw a rectangular like the image below to cut off half of the highlighted selection.”

    Why does that make the photo somehow blend better?

    Reply
  39. Rahul March 6th, 2009

  40. ChaCha April 13th, 2009

    waw. cool! thx a lot

    Reply
  41. sirviejo April 20th, 2009

    Excelent! i’m creating a new theme for my blog and this is great

    Reply
  42. David July 28th, 2009

    Really great tutorial! The only thing I did differently is added a 5px feather to the glossy step so the gloss looks more natural and blended.

    Reply
  43. Penis Fire August 7th, 2009

    Are you retarded?

    Reply
  44. John August 13th, 2009

    The final image doesn’t look like a Polaroid. I take Polaroids religiously, and anyone who does can tell you the same thing. Sharpness and depth is totally off. The Greens don’t render in that fashion on a real Polaroid. Also, real Polaroids have a specific grain structure which is unique to them, and yes, it shows in certain areas, like the sky. The blue of the sky doesn’t render in that fashion on a real Polaroid.

    Reply
  45. Satish August 25th, 2009

    I don’t think we need heavy software like photo shop to do this. Its like using a

    There are so many easy ways. Here is one of them
    http://open-tube.com/creating-polaroid-effect-easily/

    Reply
  46. max August 26th, 2009

    This tutorial…sucks. I mean if thats what a polaroid looked like then yea it’d be good, but a polarioud has a texture to is and it has a wider area around the photo, and you could have spent some time on making the photo itself be retro looking.

    Reply
  47. sunny October 20th, 2009

    my today’s is not complate without you.

    Reply

Leave a reply