Free ads



apply now!
Icon Tutorial #1

 

STEP #1
Tutorial #1

 

Choose an image and crop it. I recommend this tutorial for dark images, but you can use images with a bright backgrounds and the result will be a little different but you will get a good icon.

 
STEP #2
Tutorial #1

 

Duplicate your base and set the layer to Screen, opacity 100%.

 
STEP #3
Tutorial #1

 

Now go to your base and duplicate it, drag it to the top and desaturate it. Set the layer to Lighten and don't forget to adjust the opacity, I use 45% but it depends of your base.

 
STEP#4
Tutorial #1

 

Create a Selective Color Layer

 

Reds: -100 / -18 / +100 / +25

Cyans: -100 / +35 / +100 / +51

Blues: +16 / 0 / 0 / 0

Magentas: 0 / -100 / +100 / -100

Whites: 0 / 0 / +14 / +100

Neutrals: +20 / +26 / 0 / +9

 
STEP #5
Tutorial #1

 

Create a Brightness/Contrast Layer and set contrast to +8.

 
STEP #6
Tutorial #1

 

To make your icon bluer you will need to create another Selective Color Layer

 

Neutrals: +40 / -10 / -7 / 0

 

This can be your final step if you want this colorization.

 
STEP #7
Tutorial #1

 

(Variation)

 

If you want more color for your icon and make it greener create one more Selective Color Layer

 

Magentas: +100 / +8 / 0 / +100

Neutrals: +19 / 0 / +30 / 0

 
ICONS WITH THE SAME TECHNIQUE

 

Tutorial #1 Tutorial #1 Tutorial #1 Tutorial #1