Tutorial: YUKI.N>
I return!
I was making some icons today and I thought this one came out well and might be applicable to other icons, so I made a tutorial for it. I'll probably be posting a batch of Haruhi icons sometime in the future, actually.
Go from
to
in approximately 9 easy steps! Compatible with pretty much any version of Photoshop, and I'm sure it's possible to produce something similar in PSP.
Opening note: I'd absolutely love to see what you make with this! Feel free to post your results in comments. Also feel free to modify the process. But please don't copy the icon made in this tutorial--originality is more fun!
So first you make a black background.
Then get your cap. I used this one of Nagato Yuki from The Melancholy of Haruhi Suzumiya 10. As you can see, Yuki takes up a big horizontal part of the frame. This makes it hard to get a 100x100 icon. So what we'll do is crop just her and fill up the bottom with something else later.
Okay, so now paste it into your image and drag it to one edge. I put mine on the top; depending on your image you might want to put it somewhere else.
Now take that layer and duplicate it three times, so you have a total of four. Set the top three to screen, and then gaussian blur the top two on 4.0.
Then take the bottom copy of the picture, duplicate it, and drag it to the top. Set on overlay.
After that, take a layer of #24FF5B and set it to soft light.
Then make an adjustment layer of levels. Don't mess around with the master, but go to the dropdown in the top of the box that pops up and mess around with the red, blue and green so that it looks properly bright and vivid. This generally means taking the left end and sliding it toward the right end.
Now what we do is creat an exclusion layer filled with #292659 on top.
So now we're done with the coloring. Time to make it look spiffy. Set your foreground to black and get out the gradient tool. Use a regular linear gradient from foreground to transparent and just a little bit of an angle to create this effect:
After that, add some text. I borrowed the lettering from the YUKI.N interface from the Haruhi opener from the cap here and pretty much cut and pasted it into my image and shrunk it down to fit.
Below that, I added just a couple lines of tiny text to fill in the space.
And there's your icon!
I was making some icons today and I thought this one came out well and might be applicable to other icons, so I made a tutorial for it. I'll probably be posting a batch of Haruhi icons sometime in the future, actually.
Go from
to
in approximately 9 easy steps! Compatible with pretty much any version of Photoshop, and I'm sure it's possible to produce something similar in PSP.
Opening note: I'd absolutely love to see what you make with this! Feel free to post your results in comments. Also feel free to modify the process. But please don't copy the icon made in this tutorial--originality is more fun!
So first you make a black background.
Then get your cap. I used this one of Nagato Yuki from The Melancholy of Haruhi Suzumiya 10. As you can see, Yuki takes up a big horizontal part of the frame. This makes it hard to get a 100x100 icon. So what we'll do is crop just her and fill up the bottom with something else later.
Okay, so now paste it into your image and drag it to one edge. I put mine on the top; depending on your image you might want to put it somewhere else.
Now take that layer and duplicate it three times, so you have a total of four. Set the top three to screen, and then gaussian blur the top two on 4.0.
Then take the bottom copy of the picture, duplicate it, and drag it to the top. Set on overlay.
After that, take a layer of #24FF5B and set it to soft light.
Then make an adjustment layer of levels. Don't mess around with the master, but go to the dropdown in the top of the box that pops up and mess around with the red, blue and green so that it looks properly bright and vivid. This generally means taking the left end and sliding it toward the right end.
Now what we do is creat an exclusion layer filled with #292659 on top.
So now we're done with the coloring. Time to make it look spiffy. Set your foreground to black and get out the gradient tool. Use a regular linear gradient from foreground to transparent and just a little bit of an angle to create this effect:
After that, add some text. I borrowed the lettering from the YUKI.N interface from the Haruhi opener from the cap here and pretty much cut and pasted it into my image and shrunk it down to fit.
Below that, I added just a couple lines of tiny text to fill in the space.
And there's your icon!