Tenacious Creations

Use your creativity and make a dent in the universe!

Tenacious Creations header image 2

Turn your digital images into a stack of Polaroids with PhotoShop

January 20th, 2008 · 7 Comments


Fan of Polaroid pictures

 Recently I made a similar graphic to the one above for a friend to use on her website. She was very grateful and sent me an e-mail full of praise for spending my time to do that for her. I had to tell her that it is really simple and I cannot take all the credit because I did use a photo shop action. So I figured I would write a tutorial to show just how easy it is to create this nice effect.




  1. First thing you need to do is to go to addictedtodesign.com and download the free Polaroid 600 action. If you have never installed an action in photo shop before I recommend you read addictedtodesign.com’s guide.
  2. Now that you have the action installed select the Polaroid 600 action and press the
    Play button Play Button


  3. All you have to do now as follow the steps as the action runs. It will ask you to select the photo you want to use. Then it will ask you to adjust the handles to crop the photo so it is the right size for the Polaroid.


  4. all the photos used here are from http://www.sxc.hu/


  5. Run this action on all the photos you want to use in the spread of Polaroids. Make sure you do not close the images as you make them.
  6. After you have the images you want to use converted to Polaroid like pictures, create a new image by going File > New Image. I made mine 6000 px wide by 2500 px tall with a transparent background. How big you make it is dependent on how big your Polaroid images are. Mine worked out to be about 1051 px wide each. Do not worry if yours are not all the same size as you be able to resize them when you drag them to your new image.


  7.  

  8. Now select the Move tool . Move one of your Polaroid images onto your new image. Adjust it so it looks like it was randomly thrown there. Once you have it positioned hit the enter key.
  9. After you have pressed the enter key double click on the layer (click on the icon of the image) to bring up the layer properties. Then select drop shadow and check the box next to it. Now play with the settings until the shadow looks right.

  10. Moved
     
     
    Layer styles
     
     

  11. Repeat steps 6 and 7 until you have placed all the images you want to use. Remember to adjust them so they look like they were randomly dropped.

  12. all placed

  13. After all you images are placed use the crop tool to cut out any extra blank space from your image and you are done. Now if this is going on a web site you can fill the first layer with whatever color the background of the site is to ensure it looks good. But I would recommend saving it with a transparent background. That way it the site changes background color it will still look like it belongs. Below is the finished project





 
 

Rate this:
2.5

If you enjoyed this post, make sure you subscribe to my RSS feed!

Tags: Creativity · Photoshop · Tutorials

7 responses so far ↓

  • 1 no imageNicole (Who am I?) // Jan 20, 2008 at 10:44 pm

    Great - thanks a million!
    I just found and installed my first Plugins for PS :D
    Whoot :D

    Rate this:
    2.9
  • 2 no imageBen (Who am I?) // Jan 20, 2008 at 10:50 pm

    Technically if you followed this tutorial thats not a plug in, its an action. Plug ins are a whole new kettle of fish.

    Rate this:
    2.5
  • 3 no imageNicole (Who am I?) // Jan 20, 2008 at 10:54 pm

    Technically you are right, but you said you used a plugin, so I believe you.
    :P

    Just made my first, thanks!

    Something like this is what I needed to get the front page of my website rolling.
    We will see if I get it done today (or tomorrow, or the next….. ;) )

    Rate this:
    2.9
  • 4 no imageBen (Who am I?) // Jan 20, 2008 at 10:58 pm

    Gee Nicole I should just set you up an account here and make you my chief editor. Thanks for catching my blunder yet again. I was actually thinking of using something like this for headers on my pages too. But I will probably never get around to doing that.

    Rate this:
    2.5
  • 5 no imageNicole (Who am I?) // Jan 20, 2008 at 11:00 pm

    Not intentionally, but hey, if you poke that finger of yours in MY direction :P

    Rate this:
    2.9
  • 6 no imageBioTecK (Who am I?) // Jan 21, 2008 at 11:25 am

    Great tutorial Ben! This is much easier than what I did years ago! Someone asked me to make something like here above, and I just did it with some layers and “playing” with the Blending Options of the layers! This way I got the same results, but it took me some time! Now I’ll choose the easy way! ;)
    BioTecK’s last blog post..Reopen Closed Tabs in Firefox

    Rate this:
    2.9
  • 7 no imageRudy (Who am I?) // Jan 28, 2008 at 6:35 pm

    Just tried this. Works great. The tricky part is getting the shadows right. Other than that, it’s pretty much spot on.

    Rudy’s last blog post..Rambo 4: the summary

    Rate this:
    2.8

Leave a Comment