?

Log in

 
 
15 January 2006 @ 12:51 pm
1st icon tutorial...  
My first ever icon tutorial, and I’m gonna show y’all how to make this:

Image hosted by Photobucket.com


I’m using Photoshop CS throughout the whole thing, but I’m pretty sure it’s transferable to other graphics programs [Paint Shop Pro, PS Elements etc…] And because I’m lazy, I’m assuming you know the basics and have some idea of what I’m going on about :rolleyes: H’okayyyy…

So we start off with a simple cap like so:
Image Hosted by ImageShack.us

Firstly, we resize the whole image to around 40% through Image > Image Size and then fiddling about with the settings. Then we use the Crop/Select tool and we select the part of the picture we want, like so:

Image Hosted by ImageShack.us

Double click and it should leave the bit you selected. Then we want to set up a new canvas, so File > New and set it up so we have a 100x100px canvas we can use. Select the image you’ve just selected/cropped and paste it into the new canvas. Now making sure you have the move button selected, use your arrow keys on the keyboard to move the image into a position you’re happy with. Ctrl + Shift + E to merge all your layers so far.

Now we can make the image look a little more brighter, and less dull. Fiddle about with the Brightness/Contrast settings, but don’t over do this, around 15 on contrast and not as much on the brightness should do. Duplicate the base layer and set it to Colour Dodge at a fill of around 80%, and desaturate it. Then duplicate the base again, making sure this layer is on top of the Colour Dodge layer, setting this to Soft Light. You should have something looking a little like so:

Image Hosted by ImageShack.us

Right, now to add a little colour, add each of the following layers in order and set to the following settings:

Image Hosted by ImageShack.us => Image Hosted by ImageShack.us

Set to Exclusion, 100% opacity. This layer is basically a new layer, flood filled with the colour #000354 which is a darkish blue.

Image Hosted by ImageShack.us => Image Hosted by ImageShack.us

Set to Soft Light, 100% Opacity & 53% Fill. New layer flood filled with colour #FF9FF3, which is a baby pink.

Image Hosted by ImageShack.us => Image Hosted by ImageShack.us

Set to Soft Light, 100% Opacity.

Image Hosted by ImageShack.us => Image Hosted by ImageShack.us

Set to Screen, 100% Opacity & 75% Fill.

Right, so now we’ve added a bit of colour, don’t be alarmed if you can’t see the whole image properly. Duplicate the base again, bringing it to the top. Set this to Overlay, 100%. This should tone down the brightness of the icon. Something a bit like this:

Image Hosted by ImageShack.us

Now we add this light texture, set to Overlay, 100% Opacity:

Image Hosted by ImageShack.us => Image Hosted by ImageShack.us

Now we’ve mastered the main part, we can now include all the fancy bits, which for me are adding brushes and text. Brushes are easily accessible through Google and easy to install and use. The trick is to experiment with different brushes, which is what I did, ending up like so:

Image Hosted by ImageShack.us

And now for the text! Ok, so select the text tool, and click anywhere on your icon. Set it to whatever font you want. The one I’ve used on this icon is “dearJoe” which is downloadable off many font sites available.

Image Hosted by ImageShack.us

To get the font to slant slightly we need this tool at the top of the screen when the text tool is selected:

Image Hosted by ImageShack.us

Then we can select the following options from the box…

Image Hosted by ImageShack.us

After this, we can move the text to where we want it and blend it in to make it look even more pretty. If you right click on the text layer in the layers section and click on blending options and set it as in the diagram below:

Image Hosted by ImageShack.us

Then click on the option that says Outer Glow and set like so…:

Image Hosted by ImageShack.us

Then click ok, and you should have lovely text to go with your icon! Ctrl + Shift + E to merge all your layers and voila!

Credit goes to iroka & myrasis for textures ^_^

Hope this helps loads, I’d appreciate feedback so I know how helpful I’ve been :P

xx
 
 
Feeling: okayokay
Listening to: I Cried For You - Katie Melua
 
 
 
Beckybabysquid86 on January 15th, 2006 05:57 pm (UTC)
What version of PSP is that?

I ended up with... well, I managed to crop it and then nothing happened after that. No layers or brushes *lol*

I think I have an OLLLLLLLLD version.
Sarahlaiwah_88 on January 15th, 2006 10:07 pm (UTC)
I suck, tis made in Photoshop *rolleyes*

x
Beckybabysquid86 on January 15th, 2006 10:10 pm (UTC)
You don't suck. I just didn't pay attention to the particular sentence in which you said "I’m using Photoshop CS throughout the whole thing"

Dumbass.
Sarahlaiwah_88 on January 15th, 2006 10:10 pm (UTC)
Ah never mind, I love your attempt! ^_^

x
Beckybabysquid86 on January 15th, 2006 06:14 pm (UTC)


I managed to make this. Not really close to yours but so cool!!! *plays with PSP all night* Thanks babe x