Photoshop Tutorial: Icon #4

Friday, April 10 2015 2:00 pm, GMT+1h Laura | Leave a comment

Here some example of this coloring:

LJ-Avatars-NCIS-Ziva283 LJ-Avatars-NCIS-Ziva261 LJ-Avatars-NCIS-Tony292 LJ-Avatars-NCIS-Tony277 LJ-Avatars-NCIS-Tiva210 LJ-Avatars-NCIS-Team189 LJ-Avatars-NCIS-Team184 LJ-Avatars-NCIS-McGee152 LJ-Avatars-NCIS-McAbby042 LJ-Avatars-NCIS-Abby148

1. Open an image, select the part you want to use (I usually use the rectangular marquee tool holding down the shift key on the keyboard to have a perfect square), copy it (ctrl c), open a new document (ctrl n then click ok), paste it (ctrl v), resize it to 100x100px.

2. Duplicate your base three times (ctrl j) – you have 4 layers – change blanding mode of the three copies to:

3. Merge Visible (shift ctrl e); now this is your base.

4. Add a New Fill Layer: Layer –> New Fill Layer –> Solid Color… write 63f2ff in the color palette; set this layer to mode: Soft Light 30% opacity;

5. Add a New Adjustement Layer: Layer –> New Adjustement Layer –> Color Balance… with these parameters:
Midtones:: Color Levels: -20, 0, +20 with Preserve Luminosity checked;

6. Add a New Adjustement Layer: Layer –> New Adjustement Layer –> Selective Color… with these parameters:
Reds: Cyan: -30, Magenta: 0, Yellow: +30, Black: +20;
Yellows: Cyan: +100, Magenta: 0, Yellow: -100, Black: +13;
Cyans: Cyan: +100, Magenta: +49, Yellow: +30, Black: +18;
Whites: Cyan: +25, Magenta: 0, Yellow: +54, Black: -24;

7. Add a New Adjustement Layer: Layer –> New Adjustement Layer –> Hue/Saturation… with these parameters:
Reds:: Hue: 0, Saturation: -34, Lightness: 0;
Cyans:: Hue: 0, Saturation: -6, Lightness: 0;

8. Add a New Adjustement Layer: Layer –> New Adjustement Layer –> Selective Color… with these parameters:
Reds: Cyan: -30, Magenta: -11, Yellow: +2, Black: 0;
Yellows: Cyan: +20, Magenta: 0, Yellow: -30, Black: -5;
Magentas: Cyan: 0, Magenta: +14, Yellow: 0, Black: 0;
Whites: Cyan: -18, Magenta: -10, Yellow: +8, Black: -39;
Neutrals: Cyan: -13, Magenta: -1, Yellow: -20, Black: 0;
Blacks: Cyan: 0, Magenta: 0, Yellow: 0, Black: +30;

and you have this layer palette:

9. Go back to your base duplicate it three more times (ctrl j) – you have 4 layers plus the adjustement layers – change blanding mode of the three copies to (same as step 2):

10. Add a new layer and a border: select all (ctrl a), then click Edit from the menu bar and choose Stroke; in the new window use these parameters:
Stroke: Width: 3px, Color: ffffff;
Location: Center;
Blending: Mode: Normal, Opacity: 100%;

And you’re done! (grey border is only to let you see the white one when I have themes with white background :P )

Leave a Reply

Your email address will not be published. Required fields are marked *