- What a quick update, I know, haha. I couldn't resist.
Here's my first tutorial, it's pretty short. It's meant for Adobe Photoshop 7.0 but I'm sure it is transferable. There will be no curves used, just our friendly layer modes. :)
We'll be going from:
![](http://www.juvenilecasualty.net/tutorial1/base.jpg)
to
![](http://www.juvenilecasualty.net/tutorial1/final.jpg)
.
001 Crop your image and all that, then SCREEN it once or twice, depending on the image. I screened mine twice:
![](http://www.juvenilecasualty.net/tutorial1/base.jpg)
to
002 Then use the following gradient and set it to SOFTLIGHT:
![](http://www.juvenilecasualty.net/tutorial1/gradient.jpg)
to get
003 Then add a new layer and fill it with #3AC3F6 and set the mode to SATURATION - 60%:
![](http://www.juvenilecasualty.net/tutorial1/saturation.jpg)
to get
004 Add a new layer and fill it with #082A50 and set the mode to EXCLUSION - 70%:
![](http://www.juvenilecasualty.net/tutorial1/exclusion.jpg)
to get
005 Add a new layer and fill it with #E6CC9F and set the mode to MULTIPLY - 30%:
![](http://www.juvenilecasualty.net/tutorial1/multiply.jpg)
to get
006 New layer, fill it with #59B9D9 and set the mode to COLOUR BURN:
![](http://www.juvenilecasualty.net/tutorial1/colourburn.jpg)
to get
007 This is the last set where you copy your base and set it to SOFTLIGHT.
![](http://www.juvenilecasualty.net/tutorial1/base.jpg)
to get
And there you have it!
Other icons made with this colouring technique:
![](http://www.juvenilecasualty.net/tutorial1/other1.jpg)
![](http://www.juvenilecasualty.net/tutorial1/other2.jpg)
![](http://www.juvenilecasualty.net/tutorial1/other3.jpg)
![](http://www.juvenilecasualty.net/tutorial1/other4.jpg)
![](http://www.juvenilecasualty.net/tutorial1/other5.jpg)
![](http://www.juvenilecasualty.net/tutorial1/other6.jpg)
![](http://www.juvenilecasualty.net/tutorial1/other7.jpg)
Please comment if you've found this tutorial helpful and add me :).