Danielle (drawjapann) wrote in icon_tutorial,
Danielle
drawjapann
icon_tutorial

Selective Colouring Tutorial

Go from
-->
in six or ten relatively easy steps!

* Used Photoshop
* Non-PS version under cut
* Selective Colouring
* Can be translatable with Channel Mixer and Colour Balance

1. Duplicate the base image, set to Screen 30% and sharpen once.
2. Go to Layer >> New Adjustment Layer >> Selective Colouring and input:
> Reds: -70, +8, +14, +8
> Yellows: -65, +22, -42, +24
> Neutrals: +10, +10, -30, -18
Then set this layer to ~60% opacity.
3. Create a new layer, fill with light orange #FFC590 and set to Multiply 18%
4. Duplicate your first layer, drag it to the top and set to Exclusion 10%
5. Duplicate the first layer again, drag it to the top and set to Screen 44%
6. Create a new layer, fill with #CEBEA7 and set to Soft Light 30%

I wouldn't really recommend this tutorial for icons with mainly one colour, just a heads up. Here are other icons with this colouring:


~*~*~*~*~*~*~

To get a hardly/slightly similar effect outside of PS, follow these steps:
1. Duplicate the base image, set to Screen 30% and sharpen once.
2. Create a new Colour Balance layer and input:
> Shadows: -57, -48, -18
> Midtones: -76, -100, +8
> Highlights: +23, -20, -19
Make sure Preserve Luminosity is checked, then set this layer to 56% opacity.
3. Create a new Channel Mixer layer and input:
> Red: +174, -68, -6
> Green: +32, +110, -20
> Blue: +32, -6, +106
Then lower the layer's opacity to 40%
4. Create a new layer, fill with light orange #FFC590 and set to Multiply 38%
5. Duplicate your first layer, drag it to the top and set to Exclusion 10%
6. Duplicate the first layer again, drag it to the top and set to Screen 44%
7. Create a new layer, fill with #CEBEA7 and set to Soft Light 30%
8. Create a new layer and fill with light pink #FFEAF7 and set to Soft Light 20%
9. Create a new layer, fill with #000000 and set to Colour Burn 4%
10. Create a new layer then fill it with #FC8C5B and set to Soft Light 14%

Here is the original icon with this colouring for you non-PSers :D


Whew, a lot of steps without PS, but whatever! I tried simulating the red brought out, but it came across as a bit hard.  If you have any tips, I'd appreciate it!

At any rate, hope you liked it, and I'd love to see results (:
Tags: colouring: channel mixer, colouring: colour balance, colouring: selective colouring, program: gimp, program: paint shop pro, program: photoshop, tutorial: colouring
Subscribe

  • gif coloring help

    There is obviously a blue hue to this but I can't seem to acheieve the same coloring no matter how many color balances or selective. Help?

  • Rainbow Glow Tutorial

    to This should translate to pretty much any graphics programme that has a channel mixer function. It assumes you know how to use: blend…

  • luminosity effect on photoshop?

    Hi! Can anyone recommend a colouring tutorial or some tips to achieve a colouring similitar to the one in this picture? Thanks a lot! :)

  • Post a new comment

    Error

    Comments allowed for members only

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

    Your IP address will be recorded 

  • 4 comments