Tutorial 30: Zero
Requested by inutaka_karuki, fahrenheit1993 and cyanidebullets.
How to go from
to
and
to
with Photoshop. Uses Selective Coloring, so probably not translatable.
is A and
is B
1. Get your base ready~ I'll be using not only one, but two Zero images today!
A
B
2. Vampire Knight art is all pretty, but you often have to fight for contrast. So let's start with a Soft Light, 50% duplicate of your base.
A
B
3. Better already, we can go for the coloring now. All in all, I wanted to make the icons greenish but without looking radioactive, so I went for red colors first (it's all about complementary colors :D ) before pushing the greens. For the reds, open a Selective Color... adj. layer and put in these settings:
Reds: -100 45 14 2
Yellows: -72 0 3 3
Neutrals: -4 0 0 1
Now create a Color Balance... adj. layer like this:
Midtones: -7 0 -15
Shadows: -7 0 -7
Highlights: 4 -5 0
A
B
4. Take a break from the coloring and do a little decoration first, because if you do it now, it'll get something from the coloring that is yet to come, too. :D
Choose whatever you want to make your icon more interesting, I took this swirlie for A (I think it was from one of these flower fonts) and this one for B, both on Multiply with an opacity between 70-100%.
A
B
5. This step differs for both icons. I wanted A to be a bit foggy with white light, so I took a very big soft brush and brushed with #ffffff the top left corner on a new layer. Then I set this layer to Screen, 75%.
B should go into a foggy blue direction, so I took this texture (by ? It's been so long that I don't remember) and set it to Screen, 100%.
A
B
6. Now we need shinies, and a lot of them! Take these light textures by expose42 multiple times on Screen, 70-100%, move them around and erase what you don't like. <3
A
B
7. Very pretty, but the icons are all washed out now. Hit them with a Brightness/Contrast... adj. layer with something around brightness -5 and contrast +9 (that can differ for your icon) and while we're on it, let a Hue/Saturation... adj. layer follow with master saturation set to +9.
A
B
8. Actually you could stop here and leave it like that and you'd have a reddish version. :D
But if you want to follow me into the green direction, open a Color Balance... adj. layer and put in these settings:
Midtones: -100 9 2
Shadows: -6 0 2
Highlights: 4 0 1
A
B
9. To finish things up, make another Hue/Saturation... adj. layer with master saturation +15 and a Brightness/Contrast... adj. layer with brightness -11 and contrast 11, which make the icons more vivid and clearer. And that's it!
A
B
Questions? Just ask! :D
Other examples:
Be creative and experiment however you want, and I'd love to see your results! I'm curious what you come up with. :D
Please comment to this entry since I'll most likely respond there!
More tutorials are here, and these will be coming next.
How to go from
to
and
to
with Photoshop. Uses Selective Coloring, so probably not translatable.
is A and
is B
1. Get your base ready~ I'll be using not only one, but two Zero images today!
A
B
2. Vampire Knight art is all pretty, but you often have to fight for contrast. So let's start with a Soft Light, 50% duplicate of your base.
A
B
3. Better already, we can go for the coloring now. All in all, I wanted to make the icons greenish but without looking radioactive, so I went for red colors first (it's all about complementary colors :D ) before pushing the greens. For the reds, open a Selective Color... adj. layer and put in these settings:
Reds: -100 45 14 2
Yellows: -72 0 3 3
Neutrals: -4 0 0 1
Now create a Color Balance... adj. layer like this:
Midtones: -7 0 -15
Shadows: -7 0 -7
Highlights: 4 -5 0
A
B
4. Take a break from the coloring and do a little decoration first, because if you do it now, it'll get something from the coloring that is yet to come, too. :D
Choose whatever you want to make your icon more interesting, I took this swirlie for A (I think it was from one of these flower fonts) and this one for B, both on Multiply with an opacity between 70-100%.
A
B
5. This step differs for both icons. I wanted A to be a bit foggy with white light, so I took a very big soft brush and brushed with #ffffff the top left corner on a new layer. Then I set this layer to Screen, 75%.
B should go into a foggy blue direction, so I took this texture (by ? It's been so long that I don't remember) and set it to Screen, 100%.
A
B
6. Now we need shinies, and a lot of them! Take these light textures by expose42 multiple times on Screen, 70-100%, move them around and erase what you don't like. <3
A
B
7. Very pretty, but the icons are all washed out now. Hit them with a Brightness/Contrast... adj. layer with something around brightness -5 and contrast +9 (that can differ for your icon) and while we're on it, let a Hue/Saturation... adj. layer follow with master saturation set to +9.
A
B
8. Actually you could stop here and leave it like that and you'd have a reddish version. :D
But if you want to follow me into the green direction, open a Color Balance... adj. layer and put in these settings:
Midtones: -100 9 2
Shadows: -6 0 2
Highlights: 4 0 1
A
B
9. To finish things up, make another Hue/Saturation... adj. layer with master saturation +15 and a Brightness/Contrast... adj. layer with brightness -11 and contrast 11, which make the icons more vivid and clearer. And that's it!
A
B
Questions? Just ask! :D
Other examples:
Be creative and experiment however you want, and I'd love to see your results! I'm curious what you come up with. :D
Please comment to this entry since I'll most likely respond there!
More tutorials are here, and these will be coming next.