.045
ASK THE MAKER TUTORIALS
requested by gydas and vapor
>>>
using Adobe Photoshop CS5 Extended
ONE
Prep the cap using duplicated layers. For this, I have base > multiply > screen > screen > stamped layers on soft light then desaturate, 100%. resize the canvas to 100x100 and crop
>>>
TWO
The whites are too strong so create a color fill layer #ccc4b5 and set it to multiply 100%
>>>
THREE
To get the coloring even more brown, create another color fill layer #746d60 and set it to hard light 100%
>>>
FOUR
Now for lighting, add a light blob to the upper right side.
>>>
FIVE
To create shadows, add a black to grey (#0e6e5e5) gradient fill layer on linear -10.3 degrees and set it to soft light 100%
>>>
SIX
I want it darker so I stamp the image on a new layer and set it to multiply 50%
SEVEN
It's lost some contrast so I stamp everything on a new layer, desaturate and sharpen it and set it to hard light 50%
>>>
EIGHT
The light blob (from step four) is too strong now so I go back to that layer and change the layer mode to soft light
NINE
It still isn't brown enough for me so I take a texture by innocent_lexys and set it to screen, 100%. The effect is too strong so I drag it under the multiply layer in step six.
>>>
>>>
TEN
Still not satisfied so I take another texture by sk943283, resize it so only the brown parts are left and set it to screen, 50%
>>>
>>>
ELEVEN
Not happy with the highlights so I take a texture by acupofgraphics, apply the gaussian blur (probably 10 pixel radius) and set it to multiply 75%. This also helps darken the shadows a little bit.
>>>
>>>
TWELVE
But it's still to bright for me so I create a grey color fill layer #f0f0f0 and set it to multiply 100%
>>>
THIRTEEN
Finally happy with that but I decide to add more contrast so I stamp the image into a new layer and apply the film grain filter (grain: 1, highlight: between 10-20, intensity: 1). I also probably added the paint daubs filter for a little sharpening (brush size: 1, sharpness: 1 then edit > fade to taste). Lower the opacity of the layer to 69%
>>>
FOURTEEN
Add a brightness/contrast layer 10/-10
FIFTEEN
To mute the colors, add a white saturation layer at 20% opacity and voila, icon!
~
>>>
using Adobe Photoshop CS5 Extended
ONE
Prep the cap using duplicated layers. for this icon, I have base > multiply > screen > screen > stamped layers on soft light, all 100%. Then resize your canvas to 100x100 and crop.
>>>
TWO
There's a light source coming from the left side so to support that I add a light blob there.
>>>
THREE
I decide I want more focus at the center so I create a new black to white gradient fill layer on radial 90 degrees and set it to soft light 100%.
>>>
FOUR
I don't want the whites to be white so I create a blue color fill layer #edf7f8 and set it to multiply 100%
>>>
FIVE
It's lost some greens so I create a new color fill layer #6f732a and set it to hardlight 100%
>>>
SIX
The result, of course is too saturated so to tone it down I add a white saturation layer at 50% opacity.
SEVEN
To add contrast, I stamp the image into a new layer and add the film grain filter (grain: 0, highlight: between 10-20, intensity: 1). I also apply the paint daubs filter to sharpen (brush size: 1, sharpness: 1 then edit > fade to taste) and then lower the opacity of the layer to 33%
>>>
EIGHT
Still wasn't happy with the greens so I create a gradient fill layer #abcbaa to transparent (shown below on white), and then transform it so only the lightest part of the shade touches the icon. I change the blending mode to linear burn, 100%.
>>>
>>>
NINE
That made the highlights a little too strong again so I create a grey color fill layer #e4e4e4 and set it to multiply 75%
>>>
TEN
Now for some grunge: I take a texture by innocent_lexys and set it to screen 100%
>>>
ELEVEN
This made it lose some detail so I stamp the image on a new layer, desaturate it and set it to hard light 33%
>>>
TWELVE
Add a brightness/contrast layer 10/-10
THIRTEEN
And I decide I want it a little more muted so create another white saturation layer and set it to 20% opacity and we're done!
if there's anything you need clarified, just ask ^_^
ask the maker thread | profile | resources | tags | old icons | watch | request
requested by gydas and vapor
>>>
using Adobe Photoshop CS5 Extended
ONE
Prep the cap using duplicated layers. For this, I have base > multiply > screen > screen > stamped layers on soft light then desaturate, 100%. resize the canvas to 100x100 and crop
>>>
TWO
The whites are too strong so create a color fill layer #ccc4b5 and set it to multiply 100%
>>>
THREE
To get the coloring even more brown, create another color fill layer #746d60 and set it to hard light 100%
>>>
FOUR
Now for lighting, add a light blob to the upper right side.
>>>
FIVE
To create shadows, add a black to grey (#0e6e5e5) gradient fill layer on linear -10.3 degrees and set it to soft light 100%
>>>
SIX
I want it darker so I stamp the image on a new layer and set it to multiply 50%
SEVEN
It's lost some contrast so I stamp everything on a new layer, desaturate and sharpen it and set it to hard light 50%
>>>
EIGHT
The light blob (from step four) is too strong now so I go back to that layer and change the layer mode to soft light
NINE
It still isn't brown enough for me so I take a texture by innocent_lexys and set it to screen, 100%. The effect is too strong so I drag it under the multiply layer in step six.
>>>
>>>
TEN
Still not satisfied so I take another texture by sk943283, resize it so only the brown parts are left and set it to screen, 50%
>>>
>>>
ELEVEN
Not happy with the highlights so I take a texture by acupofgraphics, apply the gaussian blur (probably 10 pixel radius) and set it to multiply 75%. This also helps darken the shadows a little bit.
>>>
>>>
TWELVE
But it's still to bright for me so I create a grey color fill layer #f0f0f0 and set it to multiply 100%
>>>
THIRTEEN
Finally happy with that but I decide to add more contrast so I stamp the image into a new layer and apply the film grain filter (grain: 1, highlight: between 10-20, intensity: 1). I also probably added the paint daubs filter for a little sharpening (brush size: 1, sharpness: 1 then edit > fade to taste). Lower the opacity of the layer to 69%
>>>
FOURTEEN
Add a brightness/contrast layer 10/-10
FIFTEEN
To mute the colors, add a white saturation layer at 20% opacity and voila, icon!
~
>>>
using Adobe Photoshop CS5 Extended
ONE
Prep the cap using duplicated layers. for this icon, I have base > multiply > screen > screen > stamped layers on soft light, all 100%. Then resize your canvas to 100x100 and crop.
>>>
TWO
There's a light source coming from the left side so to support that I add a light blob there.
>>>
THREE
I decide I want more focus at the center so I create a new black to white gradient fill layer on radial 90 degrees and set it to soft light 100%.
>>>
FOUR
I don't want the whites to be white so I create a blue color fill layer #edf7f8 and set it to multiply 100%
>>>
FIVE
It's lost some greens so I create a new color fill layer #6f732a and set it to hardlight 100%
>>>
SIX
The result, of course is too saturated so to tone it down I add a white saturation layer at 50% opacity.
SEVEN
To add contrast, I stamp the image into a new layer and add the film grain filter (grain: 0, highlight: between 10-20, intensity: 1). I also apply the paint daubs filter to sharpen (brush size: 1, sharpness: 1 then edit > fade to taste) and then lower the opacity of the layer to 33%
>>>
EIGHT
Still wasn't happy with the greens so I create a gradient fill layer #abcbaa to transparent (shown below on white), and then transform it so only the lightest part of the shade touches the icon. I change the blending mode to linear burn, 100%.
>>>
>>>
NINE
That made the highlights a little too strong again so I create a grey color fill layer #e4e4e4 and set it to multiply 75%
>>>
TEN
Now for some grunge: I take a texture by innocent_lexys and set it to screen 100%
>>>
ELEVEN
This made it lose some detail so I stamp the image on a new layer, desaturate it and set it to hard light 33%
>>>
TWELVE
Add a brightness/contrast layer 10/-10
THIRTEEN
And I decide I want it a little more muted so create another white saturation layer and set it to 20% opacity and we're done!
if there's anything you need clarified, just ask ^_^
ask the maker thread | profile | resources | tags | old icons | watch | request