ICON TUTORIAL
ICON TUTORIAL
5th by seems
1st | 2nd | 3rd | 4th
A request from parallelpatriot, I'm just being lazy and procrastinating. This should've been a tutorial from April, but yeah, we see how well that went. So there will be two tutorials this month, this obviously being the first. It's not the exact icon you were asking for, but I can't find the PSD file anywhere, so I was having to guess at how I did it since I can't remember. D:
I'll be showing you how to go from:
THIS to
Experience: Beginner to intermediate
Program Used: Photoshop 7 (TRANSLATABLE)
Resources included
DISCLAIMER: This tutorial is meant to be LOOSELY used step-by-step and is meant as a series of icon experiments and ideas for the makers. Do not hold me accountable if it doesn't work the way you want. Feel free to change steps around, move layers as you see fit, completely remove steps, etc. I do it all the time. ♥
~Step one~
So~ We're just going to crop this lovely screencap to get a nice angle that's a bit unusual. Take your crop tool and crop whatever you like. Then delete the rest, copy/paste to a new file, what have you. Be sure to resize the file to 100x100 pixels.
~Step Two~
Allright, so you've got your base. But it's....dark. D: Let's go to Image > Adjustments > Brightness/Contrast and make it nicer, yes?
Nicer :D
But not quite. D: so go take that base and COPY IT! then set that copy to Screen. Nice and bright :D
~Step Three~
Allright, now~ Why not copy that original base again, move it to the top, and set it to Overlay, hm? REASONING! Brings out the darker details we just screened out.
So. At this point, you should probably go to Image > Adjustments > Desaturate.
GETTING THERE!
~Step Four~
Allright, now~ Go get your colour picker from your tools, make all but your base layer invisible, and select the hair to get that lovely blue. Then, make a new layer above everything and set it to Overlay. Get your brush tool, and colour over all her hair and eyes. Makes the blue pop, no~?
~Step Five~
TRICKY PART! Supposedly.
Make a new layer above everything, set it to Exclusion and fill it with #070F2F. Gives it a bit of a yellowed look. Duplicate the layer twice (so there's three exclusion layers).
Now. Go duplicate that desaturated layer, move it to the very top, and set it to Soft Light.
~Step Six~
And so, at last, we come to the last thing.
Go to Filter > Sharpen > Sharpen and sharpen your bottom TWO layers.
You can add text or do whatever else you like, but that's about it for this. :D
Icon is available for use. Credit either seems or safire-icons ♥
5th by seems
1st | 2nd | 3rd | 4th
A request from parallelpatriot, I'm just being lazy and procrastinating. This should've been a tutorial from April, but yeah, we see how well that went. So there will be two tutorials this month, this obviously being the first. It's not the exact icon you were asking for, but I can't find the PSD file anywhere, so I was having to guess at how I did it since I can't remember. D:
I'll be showing you how to go from:
THIS to
Experience: Beginner to intermediate
Program Used: Photoshop 7 (TRANSLATABLE)
Resources included
DISCLAIMER: This tutorial is meant to be LOOSELY used step-by-step and is meant as a series of icon experiments and ideas for the makers. Do not hold me accountable if it doesn't work the way you want. Feel free to change steps around, move layers as you see fit, completely remove steps, etc. I do it all the time. ♥
~Step one~
So~ We're just going to crop this lovely screencap to get a nice angle that's a bit unusual. Take your crop tool and crop whatever you like. Then delete the rest, copy/paste to a new file, what have you. Be sure to resize the file to 100x100 pixels.
~Step Two~
Allright, so you've got your base. But it's....dark. D: Let's go to Image > Adjustments > Brightness/Contrast and make it nicer, yes?
Nicer :D
But not quite. D: so go take that base and COPY IT! then set that copy to Screen. Nice and bright :D
~Step Three~
Allright, now~ Why not copy that original base again, move it to the top, and set it to Overlay, hm? REASONING! Brings out the darker details we just screened out.
So. At this point, you should probably go to Image > Adjustments > Desaturate.
GETTING THERE!
~Step Four~
Allright, now~ Go get your colour picker from your tools, make all but your base layer invisible, and select the hair to get that lovely blue. Then, make a new layer above everything and set it to Overlay. Get your brush tool, and colour over all her hair and eyes. Makes the blue pop, no~?
~Step Five~
TRICKY PART! Supposedly.
Make a new layer above everything, set it to Exclusion and fill it with #070F2F. Gives it a bit of a yellowed look. Duplicate the layer twice (so there's three exclusion layers).
Now. Go duplicate that desaturated layer, move it to the very top, and set it to Soft Light.
~Step Six~
And so, at last, we come to the last thing.
Go to Filter > Sharpen > Sharpen and sharpen your bottom TWO layers.
You can add text or do whatever else you like, but that's about it for this. :D
Icon is available for use. Credit either seems or safire-icons ♥