TUTORIAL: Vintage Icons

Admin

Deputy Head

Subject: TUTORIAL: Vintage Icons Fri Jul 04 2008, 17:58

Quote :: Tutorial name: Vintage Icons
Made in: Photoshop CS3
Made for: Photoshop, PSP, PS, GIMP
Category: Icons
Images used: Will show during the tut.
Other: Have Fun =)

Here’s what we will be making today.

TUTORIAL: Vintage Icons Treebase

TO THIS TUTORIAL: Vintage Icons Treeicon

Ok, lets get started. Don’t worry, its pretty easy once you get the hang of it. First start a new blank canvas 100x100. This is standard icon size, but if you wish to make it bigger then go ahead. Fill the background in with white, I will explain later. Then paste in your image, for this tut I will be using this picture. If you use another picture you might have to fiddle with the brightness and contrasts. Each image has their own style.

TUTORIAL: Vintage Icons Treebase

Now duplicate your base, and set it to screen 100%. It should look something like this.

TUTORIAL: Vintage Icons Tree2

Next you will need to create a new layer and fill it with #071221 it’s a dark blue. Once you have filled it, change the layer style to exclusion. It should look something like this.

TUTORIAL: Vintage Icons Tree3

Then duplicated the filled layer and change it to Difference 100%.

TUTORIAL: Vintage Icons Tree4

And once again, duplicate the Exclusion layer, and place it on the vary top. Make sure its exclusion and not Difference.

TUTORIAL: Vintage Icons Tree5

Now comes the fun part. Heres where you will start to see a rapid change. Take your base image, and duplicate it once again, then bring it to the very front. Once that is done, desaturate the image and set it to Multiply 100%.
TUTORIAL: Vintage Icons Tree6

Next change your brightness and contrast. Each is different per image, I think I used 20 and 20.

TUTORIAL: Vintage Icons Tree7

To get the tore effects from the icon use this image.

TUTORIAL: Vintage Icons Tear

Make that image a brush then use the easier tool with this image selected as a brush and click on your image. It will erase everything in the dark part. This is the reason why I told you make the background base white. If not your image wouldn’t look right. Now you should have something that looks like this.

TUTORIAL: Vintage Icons Tree8

Now all that’s left to do is add your text.

TUTORIAL: Vintage Icons Tree9

If you have any questions let me know. Here are some more examples.

TUTORIAL: Vintage Icons Earthlybeautycanvas

Subject: Re: TUTORIAL: Vintage Icons Tue Jul 08 2008, 18:36

Awesome tutorial Herbs! For some reason my program turned them more gray than sepia-y, but I like them anyway :D

TUTORIAL: Vintage Icons All

Subject: Re: TUTORIAL: Vintage Icons Wed Jul 09 2008, 17:31

Sweet, thanks Elana. I love how yours turned out, sorry about the grayness.

» HUFFLEPUFF Vintage Wear
» GRYFFINDOR Vintage Wear
» SLYTHERIN Vintage Wear
» RAVENCLAW Vintage wear
» Signature Icons