2 icon tutorials
Hey, it's me again :D
Here are two icon tutorias (+psd files), requested by kibbslover and red_fullmoon. Hope you'll find them useful :)
Made with PD CS2, both include selective coloring.
>>
01. Prepare your base. I used the smudge tool to fill the rest of the canvas with the elevator background and sharpened the image.
>>
02. Duplicete the base twice and set both layers to "screen" at 100%
>>
03. New layer, fill with a dark blue (#07122D) and set to "exclusion" at 100%. Duplicate that layer and lower the opacity of the second layer to 32%
>>
04. Select all layers (Ctrl+A), copy merge (Ctrl+Shift+C), and paste (Ctrl+V). Set this layer to "soft light" at 100%
>>
05. Select all layers (Ctrl+A), copy merge (Ctrl+Shift+C), and paste (Ctrl+V). Go to Image >> adjust >> levels:
RBG:
20-40 (set to what looks best) | 1,00 | 255
>>
06. Duplicate the layer from step 5 and set to "screen" at 100%
>>
07. Select all layers (Ctrl+A), copy merge (Ctrl+Shift+C), and paste (Ctrl+V). Got to image >> adjust >> variations: More Red once, more Yellow one.
>>
08. New adjustment layer >> curves:
RBG
1st dot: input: 48, output: 29
>>
09. New adjustment layer >> selective color
REDS
C: -78
M: 0
Y: +78
B: +06
YELLOWS
C: -100
M: 0
Y: +100
B: 0
NEUTRALS
C: +100
M: -12
Y: -35
B: -18
BLACKS
C: 0
M: 0
Y: 0
B: +18
>>
10. New adjustment layer >> selective color:
REDS
C: -03
M: +03
Y: 0
B: +09
YELLOWS
C: +25
M: 0
Y: -01
B: +14
NEUTRALS
C: +22
M: -03
Y: -23
B: +18
>>
11. New layer, fill with a light grey (#F7F7F7) and set to "color burn" at 100%
>>
12. Add textures if you want to, and you're done. (I used a grungy texture from ewanism twice and noise texture (sorry, I have no idea who made it). resources post.)
>>
>>
>>
>>
A few people have been asking for a tutorial for the coloring in some of my recent icons. I'm using this icon from my last batch for the tutorial, becuase it has no textures in it. The coloring is pretty much the same.
Please note that this tutorial is based on a tutorial by trutdelamode (located here), so complete credit for this goes to her. I'm writing this tuto because I've been butchering it a lot and added some stuff...
1. Prepare your base, I cropped mine from a screencap from fnlstillness
2. Duplicate your base twice and set both layers to "screen" at 100%
>>
3. New layer, fill with a light grey (#CCCCCC) and set to "soft light" at 60%
>>
4. New layer, fill with a dark blue (#000235) and set to "exclusion" at 80%
>>
5. New layer, fill with a lighter blue (#9EDEF0) and set to "color burn" at 50%
>>
6. New adjustment layer >> curves:
RBG:
1st dot: input 27, output 12
2nd dot: input 121, output 143
RED
1st dot: input 23, output 8
2nd dot: input 68, output 87
3rd dot: input 170, output 226
GREEN
1st dot: input 21, output 38
2nd dot: input 96, output 109
BLUE
1st dot: input 97, output 115
set the opacity of this layer to 35%
>>
7. New adjustment layer >> selective color:
REDS
C: +03
M: +34
Y: +100
B: 0
YELLOWS
C: -49
M: -15
Y: -29
B: -55
NEUTRALS
C: -24
M: +16
Y: +66
B: +03
set the opacity of this layer to 76%
>>
8. New adjustment layer >> selective color:
REDS
C: +03
M: +34
Y: +100
B: 0
YELLOWS
C: -49
M: -15
Y: -29
B: -55
NEUTRALS
C: -49
M: +20
Y: +76
B: +04
set the opacity of this layer to 38%
>>
9. New adjustment layer >> selective color:
NEUTRALS:
C: +100
M: +07
Y: -69
B: +05
set the opacity of this layer to 55%
>>
10. New adjustment layer >> selective color:
REDS:
C: -20
M: +40
Y: +05
B: +05
YELLOWS
C: -19
M: 0
Y: -25
B: +21
NEUTRALS
C: +10
M: 0
Y: -02
B: -03
>>
11. New layer, fill with a light yellow (#E4FF66) and set to "color burn" at 20%
>>
12. New adjustment layer >> gradient map. Select the black/white gradient. Set this layer to "soft light" at 30%
>>
13. New layer, fill with a light grey (#E7E7E7) and set to "color burn" at 100%
>>
14. New adjustment layer >> lightness/contrast. Set contrast to +5
>>
15. New adjustment layer >> levels
RBG:
10 | 1,00 | 255
>>
16. Select all layers (Ctrl+A), copy merge (Ctrl+Shift+C), and paste (Ctrl+V). Set this new layer to "soft light" at 76%
>>
17. Duplicate the selective color layer from step 10 and drag it to the top. Set to 27% opacity.
>>
18. New adjustment layer >> lightness/contrast. Set lightness to -8, contrast to +3
>>
PSD files (right click, save as...)
gibbs.psd (first tutorial) | fnl.psd (second tutorial)
Let me know if I messed something up or if you find any mistakes.
I'd love to see what you come up with :D
watch distractiions
Here are two icon tutorias (+psd files), requested by kibbslover and red_fullmoon. Hope you'll find them useful :)
Made with PD CS2, both include selective coloring.
>>
01. Prepare your base. I used the smudge tool to fill the rest of the canvas with the elevator background and sharpened the image.
>>
02. Duplicete the base twice and set both layers to "screen" at 100%
>>
03. New layer, fill with a dark blue (#07122D) and set to "exclusion" at 100%. Duplicate that layer and lower the opacity of the second layer to 32%
>>
04. Select all layers (Ctrl+A), copy merge (Ctrl+Shift+C), and paste (Ctrl+V). Set this layer to "soft light" at 100%
>>
05. Select all layers (Ctrl+A), copy merge (Ctrl+Shift+C), and paste (Ctrl+V). Go to Image >> adjust >> levels:
RBG:
20-40 (set to what looks best) | 1,00 | 255
>>
06. Duplicate the layer from step 5 and set to "screen" at 100%
>>
07. Select all layers (Ctrl+A), copy merge (Ctrl+Shift+C), and paste (Ctrl+V). Got to image >> adjust >> variations: More Red once, more Yellow one.
>>
08. New adjustment layer >> curves:
RBG
1st dot: input: 48, output: 29
>>
09. New adjustment layer >> selective color
REDS
C: -78
M: 0
Y: +78
B: +06
YELLOWS
C: -100
M: 0
Y: +100
B: 0
NEUTRALS
C: +100
M: -12
Y: -35
B: -18
BLACKS
C: 0
M: 0
Y: 0
B: +18
>>
10. New adjustment layer >> selective color:
REDS
C: -03
M: +03
Y: 0
B: +09
YELLOWS
C: +25
M: 0
Y: -01
B: +14
NEUTRALS
C: +22
M: -03
Y: -23
B: +18
>>
11. New layer, fill with a light grey (#F7F7F7) and set to "color burn" at 100%
>>
12. Add textures if you want to, and you're done. (I used a grungy texture from ewanism twice and noise texture (sorry, I have no idea who made it). resources post.)
>>
>>
>>
>>
A few people have been asking for a tutorial for the coloring in some of my recent icons. I'm using this icon from my last batch for the tutorial, becuase it has no textures in it. The coloring is pretty much the same.
Please note that this tutorial is based on a tutorial by trutdelamode (located here), so complete credit for this goes to her. I'm writing this tuto because I've been butchering it a lot and added some stuff...
1. Prepare your base, I cropped mine from a screencap from fnlstillness
2. Duplicate your base twice and set both layers to "screen" at 100%
>>
3. New layer, fill with a light grey (#CCCCCC) and set to "soft light" at 60%
>>
4. New layer, fill with a dark blue (#000235) and set to "exclusion" at 80%
>>
5. New layer, fill with a lighter blue (#9EDEF0) and set to "color burn" at 50%
>>
6. New adjustment layer >> curves:
RBG:
1st dot: input 27, output 12
2nd dot: input 121, output 143
RED
1st dot: input 23, output 8
2nd dot: input 68, output 87
3rd dot: input 170, output 226
GREEN
1st dot: input 21, output 38
2nd dot: input 96, output 109
BLUE
1st dot: input 97, output 115
set the opacity of this layer to 35%
>>
7. New adjustment layer >> selective color:
REDS
C: +03
M: +34
Y: +100
B: 0
YELLOWS
C: -49
M: -15
Y: -29
B: -55
NEUTRALS
C: -24
M: +16
Y: +66
B: +03
set the opacity of this layer to 76%
>>
8. New adjustment layer >> selective color:
REDS
C: +03
M: +34
Y: +100
B: 0
YELLOWS
C: -49
M: -15
Y: -29
B: -55
NEUTRALS
C: -49
M: +20
Y: +76
B: +04
set the opacity of this layer to 38%
>>
9. New adjustment layer >> selective color:
NEUTRALS:
C: +100
M: +07
Y: -69
B: +05
set the opacity of this layer to 55%
>>
10. New adjustment layer >> selective color:
REDS:
C: -20
M: +40
Y: +05
B: +05
YELLOWS
C: -19
M: 0
Y: -25
B: +21
NEUTRALS
C: +10
M: 0
Y: -02
B: -03
>>
11. New layer, fill with a light yellow (#E4FF66) and set to "color burn" at 20%
>>
12. New adjustment layer >> gradient map. Select the black/white gradient. Set this layer to "soft light" at 30%
>>
13. New layer, fill with a light grey (#E7E7E7) and set to "color burn" at 100%
>>
14. New adjustment layer >> lightness/contrast. Set contrast to +5
>>
15. New adjustment layer >> levels
RBG:
10 | 1,00 | 255
>>
16. Select all layers (Ctrl+A), copy merge (Ctrl+Shift+C), and paste (Ctrl+V). Set this new layer to "soft light" at 76%
>>
17. Duplicate the selective color layer from step 10 and drag it to the top. Set to 27% opacity.
>>
18. New adjustment layer >> lightness/contrast. Set lightness to -8, contrast to +3
>>
PSD files (right click, save as...)
gibbs.psd (first tutorial) | fnl.psd (second tutorial)
Let me know if I messed something up or if you find any mistakes.
I'd love to see what you come up with :D
watch distractiions