23
Jun
written by: Andrew Houle // stored in: Tutorials
I love anything graphic design that has that vintage grunge kind of look. This tutorial will show you how to create a stunning vintage polaroid effect. It’s fairly simple to make and can be used in many different types of projects.
What you’ll need
This tutorial will be completed using mostly filters and fills, but we will need three photos to complete the look. The first is the tractor image we’ll fill in the polaroid with, if you have an image you’d like to substitute, by all means use that. Also in the zipped file are two grunge textures. Download them all here. Note that the photo was one I found at stock.xchg, an awesome free stock photography site, that is nearly as good as IStock (but it’s FREE!) I found the textures at grungetextures.com, another useful and free site.
Onwards, to the tutorial
- Start by creating a new document in photoshop to the specs you like, I used 500px by 500px.
- Grab the gradient tool (shortcut ‘g’ on the keyboard), set gradient type to radial gradient. Double click the edit gradient thumbnail to bring up the gradient editor.
- Within the gradient editor set the first color stop to a nice brown (I used #6e5f3a) and set the second color stop to a darker brown (I used #171613). Click OK.
- With the gradient tool still selected click somewhere in the middle and drag out to a corner, until you have a nice brown radial gradient.
- We are going to add more texture and interest to our background. Click filter->texture->texturizer. Choose canvas for the texture, 61% for the scaling, 2 for the relief, and top left for the light.
- Open up the cardboard texture you downloaded earlier. Grab the move tool (shortcut ‘v’ on the keyboard). Click and drag the cardboard texture onto your vintage polaroid document. When you release the mouse button it will drop the cardboard texture on the top layer. Rename that layer ‘Grunge 1′.
- Hit ‘ctrl, t’ to bring up the free transform tool and resize your grunge1 layer to something smaller that just covers your document, hit ‘enter’.
- Change the layer mode to multiply and the opacity to 65%.
- Place the paper grunge texture on the top layer, just like the steps above, name this layer ‘Grunge 2′. Hit ‘ctrl, t’ and resize it. Change the layer mode to multiply and the opacity to 50%. That should do it for our background, it should look something like the image below.
- Create a new layer, name in ‘Polaroid Border’
- Grab the rectangle marquee tool (shortcut ‘m’ on the keyboard) and drag out a rectangle in the center of the document at the size you want your polaroid to be.
- Set the foreground color to white (#ffffff) and the background color to #bbbbbb.
- Click filter->render->clouds. This will fill our selection with grayish clouds.
- Add some noise. Click filter->noise->add noise. Change the amount to 1.3%, the distribution to gaussian and make sure monocromatic is checked. Click OK.
- One last filter to help with the look. Click filter->brush strokes->crosshatch. Change the sliders to as follows: stroke length 9, sharpness 6, strength 1. Click OK
- Let’s add some of that vintage brown color back into the polaroid. Click image->adjustments->hue/saturation. Change the settings to: Hue 33, Saturation 30, Brightness +32.
- Double click to the right of the layer name (’Polaroid Border’) to bring up the layer styles window. Click to add a drop shadow and change the distance to 4 and the size to 4. Keep everything else the same.
- Within the same layer styles window click to add a stroke. Change the width to 1px, and the fill type to pattern and choose the pattern shown below. This will give is a nice tattered edge.
- Create a new layer at the top and name it ‘Polaroid BG’.
- Grab the marquee tool and select a rectangle within the polaroid border like below.
- Set your background color to black and hit ‘ctrl, backspace’ on the keyboard to fill your selection with black.
- Open up the tractor photo you downloaded in the beginning of this tutorial and drag it onto the top layer of your vintage polaroid document. Call this layer ‘Tractor’.
- Hit ‘ctrl, t’ to bring up the free transform tool again and resize the tractor photo to about the same size as the black fill, leave a little overlap on each side. Like below.
- Now select the ‘Polaroid BG’ layer by holding down ‘ctrl’ and clicking on the image thumbnail on the layer.
- Click shift, ctrl, i to select the inverse. Click back to the ‘Tractor’ layer and click ctrl, x to cut out the pixels that are past the border.
- Double click to the right of the ‘Tractor’ layer name to bring up the layer styles box once again. Click to add an inner shadow. Change the opacity to 57%, the distance to 2px, the size to 3px and the noise to 10%.
- Within the layer style window also add a stroke just like the one on the ‘Polaroid Border’ layer. 1px, and the same pattern.
- OK, we are getting there, now we need to desaturate our photo a little bit to keep with our vintage theme. Click image->adjustments->hue/saturation. Change the hue to 32, the saturation to 30 and the brightness to -7.
- Highlight the three polaroid layers by clicking on ‘Tractor’ holding down shift and clicking on ‘Polaroid Border’. Now right click anywhere along the three highlighted layer and choose Link Layers.
- Bring up the free transform tool (ctrl, t) and rotate the image to the right a little. To rotate the image hover your curser over the top right corner until you get the double arrow with the arch then click and drag.
- That effect looks awesome already, I just added a couple more finishing touches. First let’s add two more pictures behind that one. Click and drag your three highlighted layers to the new layer icon at the bottom of the layers palette.
- Click and drag the copied three polaroid layers below the originals. Right click anywhere along the three copied and highlighted layers. In the options that appear, click Merge Layers.
- ‘Hit ‘ctrl, t’ on the ‘Tractor copy’ layer and rotate it to the left.
- Click image->adjustments->levels and drag the black slider and the midtone slider to the right to darken the background polaroid slightly to give it some depth.
- Repeat the above steps to add a third polaroid at the bottom. Until you have something that looks like this.
- If you’d like to add some text to the bottom, that’s a nice touch as well. I used a font called brisa alternates, but any sort of handwritten font should do the trick. I also converted the text to a smart object. Added a layer mask, and used a grunge brush to brush out some of the text to have it fit in with the rest of the image. Here’s my final image.
I hope you enjoyed this tutorial as much as I did creating it! Let me know what you think, if you have any suggestions, or come up with an interesting variation. Drop me a comment below, or send an email to info@myinkblog.com.
Suggest a Tutorial or Article
to My Ink Blog
by Email
Twitter
Flickr
Digg
Stumble Upon
June 25th, 2008 at 1:28 am
Nice work!
June 25th, 2008 at 7:59 am
Very nice tutorial. Thank you!
June 25th, 2008 at 10:04 pm
Thank you for the encouraging words! I love getting good feedback!
June 26th, 2008 at 7:38 am
really good work there! great atmosphere !
June 26th, 2008 at 9:29 am
polaroids are nice.so is this tutorial.
June 27th, 2008 at 1:03 am
Wow! what a great tutorial…I am a beginner photoshopper and this tutorial was detailed enough for me to achieve your look! I love the look! Thanks!
June 27th, 2008 at 1:03 am
Thanks for this very informative tutorial. How do you convert text into smart object and complete the last typing part. Thanks
June 27th, 2008 at 8:58 am
Hi Hugh,
I’m glad you liked the tutorial. To complete the last step, right click on the text layer you created, choose ‘convert to smart object’ from the list of options. Click on the add layer mask icon at the bottom of the layers palette. Change your foreground color to black. Grab a grunge brush or something with rough and random edges. Lower the opacity of the brush a bit and paint over the letters on the layer mask you created.
June 27th, 2008 at 1:08 pm
Great tutorial! I’m not a beginner, but I’ve still learnt a lot from it. Thanks!
June 27th, 2008 at 9:43 pm
I owe you such a big Thank You! I lost my motivation for Photoshop a while ago and I’ve been trying to get it back somehow… and then I stumbled upon this tutorial. It’s reallllly well detailed and made and I just love it. Again, thank you sooo much and hope to see more tutorials by you in the future! :]
July 27th, 2008 at 10:55 am
Very nice tutorial. Very easy to follow.
July 30th, 2008 at 2:03 am
cool !!!!
July 31st, 2008 at 5:36 pm
cool effect, nice choice of photo for the summer sun
August 3rd, 2008 at 4:46 am
very nice, i like it. thank you for posting this!
August 23rd, 2008 at 7:57 am
Very nice, this could be pretty handy for something different in albums for weddings and things along those lines.
Matt’s last post was… Big Cartel, all your art and cool merch
September 1st, 2008 at 12:49 am
VERY VERY GOOD WORK!!!!!
Well written tut. great detail and a very solid and GREAT project.
Thanks
September 3rd, 2008 at 1:28 am
nice tutorial and end product, but there’s an easier way… it’s called “sepia.”
September 3rd, 2008 at 7:30 am
@Sophia Certainly, using the sepia option is another way to go, although I’m not sure it’s any easier
Photoshop is awesome for having so many different ways to achieve the same thing. If you want to try that, instead of changing the Hue/Saturation, just go Image->Adjustments->Photo Filter->Sepia. I like using this filter, but I think you have more flexibility using Hue/Saturation.
September 3rd, 2008 at 11:03 am
i love the tutorials.. this is my first week learning adobe photoshop and i cant believe that i made such an artwork like this..
you rock dude! \m/
September 8th, 2008 at 9:19 am
Very Clean… Nice Work!
September 11th, 2008 at 10:47 am
Nice tutorial - will be having a go at this myself…
October 15th, 2008 at 1:40 pm
GOOD WORK
REALLY GOOD WORK =)
October 16th, 2008 at 4:12 am
awesome
October 16th, 2008 at 2:50 pm
I like…very nice !
John Murko´s last post was… Silence, on censure chez Blogger !!!
October 19th, 2008 at 8:23 pm
Great tutorial Andrew!
Thanks for linking to http://www.grungetextures.com. I appreciate you mentioning my site and I’m glad you found the cardboard texture helpful. I’ve posted a linkback to this tutorial on my blog. Keep up the good work
Darren Hester´s last post was… Stone Wall Pattern
October 20th, 2008 at 7:14 am
@Darren Thanks so much! I really appreciate the link back and the awesome textures your site provides