Categories:
Total tutorials
420
Total views
307805
Total downloads
140078
News Content Item
default_article

Design a cool polaroid photo icon in photoshop

Posted by:adk on:2010-01-18 Views:2728 Comments : 3

In this tutorial I will show you how to make a nice looking polaroid photo icon. It's really easy to achieve and the final effect looks really nice. Let's not loose our time and just start the tutorial...

Final Result:

polaroid photo tutorial image final

Step 1.

Open a new document. My dimmensions are 800 x 600 polaroid photo tutorial image 1

polaroid photo tutorial image 1

Step 2.

Select a light grey color.

polaroid photo tutorial image 2

Step 3.

Take the rectangle tool.

polaroid photo tutorial image 3

Step 4.

Draw a rectangle shape as this below:

polaroid photo tutorial image 4

Step 5.

Select this shape layer and drag it to the new layer icon at the bottom of the panel. This will duplicate the layer. We will  need this second layer to make the lack part of our polaroid.

polaroid photo tutorial image 5

Step 6.

Using free transform tool let's resize this. Make it to look like int hte image:

polaroid photo tutorial image 6

Step 7.

Now let's make some gloss. Duplicate this shape and change it's color to white. Take the 2 anchor points at the bottom and move them up. They sould look like in the next image

polaroid photo tutorial image 7

Step 8.

Lower the opacity of this layer to somewhere around 15 - 20.

polaroid photo tutorial image 8

Step 9.

Let's get back to the first layer. We'll made a shadow now. This will make it to look much better. First duplicate our first layer and move it below the original. After that move it a little bit to the right and down with the arrow keys of your keyboard and change the color to much darker gray...

polaroid photo tutorial image 9

Step 10.

Now we're ready with our polaroid photo. Group the layers of the polaroid photo and then duplicate the group once. This way you will have a second photo. Rotate it a little bit using a free transform tool CTRL+T

polaroid photo tutorial image 10

Step 11.

Repeat Step 10.

polaroid photo tutorial image 11

Step 12.

Now go to the custom shapes tool and select the paperclip shape.

polaroid photo tutorial image 12

Step 13.

Place the paperclip on it's place.

polaroid photo tutorial image 13

Step 14.

Now take the pen tool and select substract from shape area option. 

polaroid photo tutorial image 14

Step 15.

Here what you should have at this momment. Next duplicate the layer of our paperclip change it's color and move it below the original. This will be the shadow of our paperclip.

polaroid photo tutorial image 15

Step 16.

The shadow need some adjustment. You can play with the achor points of this shape and place them in right place.

polaroid photo tutorial image 16

Step 17.

Well here the polaroid photo icon is ready now. I hope you like it.

polaroid photo tutorial image 17

Step 18.

You can place some image or you can use it for something else. Feel free to experiment :D

polaroid photo tutorial image 18

Final:

It's ready and it's all vector so you can resize it to any size you want. Except tha image offcourse, you should place it at the end when you have choosed the final dimmension.

polaroid photo tutorial image 19

 

Hope you like it and feel free to share and comment...

smalldownload
Maxi. Says:

Very good Tut . ON :2010-02-07 16:22:35

A.D.K.. Says:

Thaanks. Glad it's useful for you ON :2010-02-10 11:06:28

Burnsy. Says:

Excellent! ON :2010-02-12 14:10:22

Friends of tutorials-place