Write an Article

Fanpressions Guide Article

Creating simple effective icons

Guide by Snerkie posted over a year ago
fan of it?
42 fans
save
Well I noticed that in the "show off your best" people said they had trouble in a way with creating icons they liked. I go the simple but effective way with icons all the time...and usually people enjoy them, yay! Because who doesn't like some nice colouring? (this was all done in photoshop CS2, I'm pretty sure it can be done is other photoshops and possibly other programs)

Any ways to start off get a picture that is clear (try really hard to do this because it'll make everything easier for you, but it doesn't always matter)

Step 1: Choose your image


Step 2: Resize it to 100x100 so what you want to be shown in the icon is being shown clearly


Step 3: Now...I am a dirty cheater when it comes to step 3, lol. Actions are gods gift to...everything <3 love you actions.
(What actions are, is they are a group of steps you can just click play instead of having to do them individually by yourself. This is super helpful if you create or find a good one)


(contained in this action is...duplicate layer, sharpen layer, set layer to screen, hue & saturation - saturation to +20, selective colour - Reds - cyan: -100 | magenta: +20 - Neutrals - cyan :+60 | yellow: -17 - Blacks - black: +30) (or go here and download it)

or you can take the selective colour layer off and get...


Step 4: Add your text that you like

(Font: Augie | Size: 19 | Mode: Smooth | Leading: 13pt (have "Character" as a palette so you can get the leading))
(Blending Options - Stroke - Size: 2px | Colour: #7f4f30 (which was a colour i just picked up from the tv))


ta-da! You have an icon and you learnt to do quick colouring. More complex things I would do is brighten the colours up, so a soft light layer on 50% opacity.

This may seem like a lot but all it is is resizing your image, using the action and adding your type.

This also works nicely on photographs or anything else. This one especially with a good image can create a great pop of colour.

Examples of the action used (no other editing):

Share this article with others!

Around the Web

11 comments

user photo
Well done! This is a way I brighten up my icons, too. I don't use Photoshop as much as I work with PhotoImpact. Great program, btw ; )
posted over a year ago.
 
user photo
Snerkie said:
Thanks :) yeah i've got about 3 action sets that are complete genius to use on most photos (this one being my favourite though)
posted over a year ago.
 
user photo
annnd saviing to favorite, cheers snerkie, fabby article
posted over a year ago.
 
user photo
Snerkie said:
bwahaha :) thank you. I'll do another one later on using textures :o :D
posted over a year ago.
 
user photo
adwbuffy said:
Thank you for the helpful tips and ideas for making you icon or photo. I tried to use Photoshop with works the best. However Angie *Angie22* suggested to use the Paint program thats already on your computer.

But, I did infact have the program that Jennifer1985 had..PhotoImpact.
posted over a year ago.
 
user photo
ebathory said:
Thanks a heap for this, very helpful.
posted over a year ago.
 
user photo
Nice, one problem............... i dont have phtoshop :S
posted over a year ago.
 
user photo
hm94991 said:
yay! very cool. Thanks!
posted over a year ago.
 
user photo
smile
chaachi said:
nice tank you
posted over a year ago.
 
user photo
smile
emmett said:
nice article!!
posted over a year ago.
 
user photo
smirk
lov36 said:
wat kind a picta is dis
posted over a year ago.