CJ (gymcatgrl) wrote in icon_tutorial,
CJ
gymcatgrl
icon_tutorial

  • Mood:
  • Music:

Tutorial #10


Photobucket

Program: GIMP 2.7
Translatable?: Probably, but there are 3 optional steps that might only work in GIMP.
Tools: Layers, Channel Mixer, Curves, Levels, Hue-Saturation, Brightness-Contrast


Step 1 - Get your base. Mine is of the The 10th Doctor(played by the amazing David Tennant) from 'Doctor Who' (image from the BBC website). Then crop and resize your picture.
Photobucket

(This next bit is OPTIONAL - it mainly gets rid of excess yellow in an image. I also don't know if it's translatable outside of GIMP due to the tools I used.)

Step 1a - Duplicate your image. Then use the 'auto white balance' tool (Colors>Auto>White Balance).
Photobucket

Step 1b - Next, open the filter pack (Colors>Filter Pack). This is a kinda tricky tool to use and describe(for me anyways xD), so I'll just show a screencap of what my settings are. After putting those settings in, click on the 'hue' button (upper right), and a new window should open. Click on the 'blue' button (bottom right corner) once. This will help remove any extra yellow.
Photobucket

Step 1c - After that, you can reduce the opacity of the layer if you like, and then flatten your image.

Step 2 - Duplicate your base. Open 'unsharp mask' (Filters>Enhance>Unsharp Mask).
Settings:
RADIUS: 10.0
AMOUNT: 0.12
THRESHOLD: 0
(OPTIONAL: I then selected the 'blur/sharpen brush' (in the toolbox, looks like a water droplet) and blurred all the skin. I also sharpened the eyes.)
Then set the layer to around 70% opacity, and flatten the image.
Photobucket

Step 3
- Duplicate your base again, and open 'curves' (Colors>Curves)
Channels:
VALUE: x:125 y:100
RED x:78 y:160
GREEN x:78 y:160
BLUE x:78 y:160
Photobucket
That looks too bright, so set layer opacity to 30-50%(mine was 40%). Flatten the image.
Photobucket

Step 4 - Duplicate base again, and open 'channel mixer' (Colors>Components>Channel Mixer)
Settings:
RED: 110, -40, 10
GREEN: -10, 55, 70
BLUE: -40, 45, 100
Photobucket
Set this layer to 'color' opacity 60-80% (mine was set to 70%)
Photobucket

Step 5 - Copy the image (Edit>Copy Visible) and paste as new layer. Then open 'hue-saturation' (Colors>Hue-Saturation)
Settings:
MASTER: lightness= 10 saturation= 5
RED: lightness= 1 saturation= 5
Photobucket

Step 6 - Duplicate layer again, and open 'levels' (Colors>Levels)
Settings:
RED- Input: 0, 1.2, 0 Output: 0, 245
Photobucket

Step 7 - Duplicate layer again, and open 'channel mixer' again.
Settings:
RED: 125, 5, -15
GREEN: 5, 110, 10
BLUE: -22, 55, 90
Photobucket
This looks too bright, so lower opacity to around 50%
Photobucket

Step 8 - Copy the image, paste as a new layer. Then open 'brightness-contrast' (Colors>Brightness-Contrast)
Settings:
BRIGHTNESS: -15
CONTRAST: 5
Photobucket
(OPTIONAL: I also have opened 'hue-saturation' after this step to increase the overall color, but I didn't do that with this icon.)

... and that's it! :D I hope it's useful



PLEASE POST ALL COMMENTS && QUESTIONS HERE AT THE ORIGINAL ENTRY IN gymcat_graphics ! THANK YOU!

More examples:
Photobucket Photobucket

Tags: colouring: channel mixer, colouring: curves, program: gimp, resource: screen captures, tutorial: colouring
Subscribe

  • Tableau Online Training Demo Video - IgmGuru

    IgmGuru's Salesforce Administrator and App Builder Certification Training course is designed according to the Salesforce Administrator & App…

  • Icon Coloring

    Does anyone know how to achieve this coloring? Photos are by Jessie Willner, this coloring is all over her Instagram.…

  • animated icons

    Hello, I was wondering if anyone could guide me into doing icons similar to these? Sorry, I do not know the name of the maker(s) or I'd add…

  • 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 

  • 0 comments