PDA

View Full Version : Photoshop Tutorial : Polaroid Images


anonymouse187
12-14-2006, 05:00 PM
A few weeks ago I saw an image on Chris Pearson’s Pearsonified (http://www.pearsonified.com/) that I just loved. He had taken a photo of something — I can’t remember what it was — and made it look like an old-fashioned Polaroid. “What a great idea!” I thought. Surely I can figure out how to do that in Photoshop. And I did. So now I’ll share. How to Create a Polaroid Using Photoshop in 10 Simple Steps

http://www.davidgagne.net/images/misc/mommie.kat.jpg

http://www.davidgagne.net/images/bullets/01.gifSize It

Start by making your image an acceptable size. I’m making this one 200 pixels high by 150 pixels wide. (Photoshop Menu Item: Image » Image Size …)
http://www.davidgagne.net/images/misc/tutorial/canvas.size.1.jpg

http://www.davidgagne.net/images/bullets/02.gifAdd Polaroid Padding

First make sure you have the background color swatch set to white [#ffffff]. (You can double-click the little swatch to change the colors.) Then increase the canvas size of your image. I’m going to add 10 pixels to the current height and width. Make sure to leave the current canvas centered. If you don’t click the Anchor section it should be centered. You want the anchor to be in the middle, like so. (Image » Canvas Size …)
http://www.davidgagne.net/images/bullets/03.gifAdd Polaroid Extra Bottom Padding

Now add the bottom “Polaroid” padding by increasing the canvas size again, but only increasing the height by another 20 pixels. This time set the anchor point to be the top center square; that will make the canvas extend at the bottom.
http://www.davidgagne.net/images/bullets/04.gifAdd A Caption

Add some text to the space you just added. You can find all kinds of cool free fonts (http://www.myfonts.com/browse/foundry/larabie/) that will make it look like you used a Sharpie (http://www.sharpie.com/) to write on your Polaroid, but Verdana (http://www.fonts.com/AboutFonts/Verdana.htm) or Tahoma (http://www.will-harris.com/verdana-georgia.htm) work just fine.
http://www.davidgagne.net/images/bullets/05.gifFlatten It

Flatten your image. (Layer » Flatten Image)
http://www.davidgagne.net/images/bullets/06.gifCreate a New Image

Create a new image. (File » New …) Make sure your new image is at least 100 pixels wider and higher than the image you want to use. So, for example, I’m making mine 300 by 250. You don’t have to make it this big, but it makes it easier to rotate.
http://www.davidgagne.net/images/bullets/07.gifCopy Your Photo to the New Image

Drag your (flattened!) photo into your new image. (Once it’s there you can close your original photo. You don’t need to save it unless you want to keep your changes. I usually don’t.)
http://www.davidgagne.net/images/bullets/08.gifAdd A Drop Shadow

Add the drop shadow effect. (Layer » Layer Style » Drop Shadow …) I like “Blend Mode: Multiply” and Distance, Spread, and Size equal to 5, 0, and 5. This is key to making it look like it’s an actual “thing” and not a graphic.
http://www.davidgagne.net/images/bullets/09.gifRotate for Reality

Time to rotate it a bit. (Edit » Transform » Rotate) 3.5° is plenty to get the “reality” effect you want. Click the checkbox in the transformation menu to apply the transformation.
http://www.davidgagne.net/images/bullets/10.gifCrop to Size

Crop out the additional white space from the edges by using the rectangular marquee tool and then clicking Image » Crop.
Save as a jpg and you’re done!




SOURCE [ http://www.davidgagne.net/?p=6237 ]

incRo
12-14-2006, 06:51 PM
post a picture of how it looks at the end!

http://www.davidgagne.net/images/misc/mommie.kat.jpg

Mr. Hasselhoff
12-14-2006, 10:03 PM
http://www.davidgagne.net/images/misc/mommie.kat.jpg

ToXiK
12-14-2006, 10:21 PM
http://www.davidgagne.net/images/misc/mommie.kat.jpg

lol...

Haze
12-20-2006, 09:03 PM
red x's of death