ext_132790 (![[identity profile]](https://www.dreamwidth.org/img/silk/identity/openid.png)
atelierjoh.livejournal.com) wrote in ![[community profile]](https://www.dreamwidth.org/img/silk/identity/community.png)
eeveelutions2008-09-06 07:47 pm
atelierjoh.livejournal.com) wrote in eeveelutions2008-09-06 07:47 pm
[![[livejournal.com profile]](https://www.dreamwidth.org/img/external/lj-userinfo.gif)
atelierjoh] Tutorial #01
Okay, due to demand, here is my first tutorial. I shall teach you how to go from (a) to (b):
(a)
to (b) 
I warn you, I'm no Photoshop Wizard, so I probably take the difficult and long way of doing things. If you know better than me, you should be using your time making more graphics rather than looking at this tutorial.
Other examples of this style would be:
I use Photoshop. If you don't use Photoshop, I don't know how to help you. Typically, I use this technique with black and white line art images, so it's perfect for manga or sketches.
So, first, choose your image. From the recently announced Tales of the Abyss TV anime adaption, I have chosen a production line art of Gailardia Galan Gardios. Lol, he's named after a flower. Anyway... choose your image, and hold down the SHIFT key while using the square select tool to create a perfect square crop. It doesn't matter the size, since we'll fix that later.
The lines are uber-light and there's barely any contrast in this image. Contrast is important. So, what I do first is go to Image > Adjustments > Auto Levels.
Just for good measure, I then go to Image > Adjustments > Levels... and choose the levels myself. Click the black dropper on something that's supposed to be black and the white dropper on something that's supposed to be white.
Okay, so here's our contrast! Yes, it looks rather fugly so far, but deal with it. At this point, you're going to use the area select tool and get rid of the backgorund and use the eraser tool to get rid of any noise or things you don't want showing up in your icon. Then find a background somewhere (I myself went to fractured-sanity.net) and put it in the background.
Now, next, you'll use the Gradient tool and choose some random colors that go together. I chose yellow and brown, since Guy wears those colors on his head and his body, respectively. Area select anything but Guy, and then right-click on that selection and choose to invert it. Now the area that is Guy should be selected. Make a new layer, and use the Gradient tool on it.
Replicate Duplicate that gradient layer so that there's two of them. The bottom layer should be set at the layer style of "Screen" and the second one on top should be set to "Overlay". Well, sometimes. You can experiment and see what fits you best.
Just for good measure, I made a glow-y border layer on top and set it at another style until it suited my purposes. Then, go to Image > Image Size and set it to 100 x 100, perfect for icon use!
And thus, your final product is born! This one was done in a hurry, so it's probably not as great as it could have been, but that's the basic theory behind this style of icon.
Just for reference, I'll include the layers I used.
Have fun!
As always, questions and comments are welcome. Since this is my very first tutorial, let me know if there's anything I can clarify or whatnot.
(a)
to (b) I warn you, I'm no Photoshop Wizard, so I probably take the difficult and long way of doing things. If you know better than me, you should be using your time making more graphics rather than looking at this tutorial.
Other examples of this style would be:
I use Photoshop. If you don't use Photoshop, I don't know how to help you. Typically, I use this technique with black and white line art images, so it's perfect for manga or sketches.
So, first, choose your image. From the recently announced Tales of the Abyss TV anime adaption, I have chosen a production line art of Gailardia Galan Gardios. Lol, he's named after a flower. Anyway... choose your image, and hold down the SHIFT key while using the square select tool to create a perfect square crop. It doesn't matter the size, since we'll fix that later.
The lines are uber-light and there's barely any contrast in this image. Contrast is important. So, what I do first is go to Image > Adjustments > Auto Levels.
Just for good measure, I then go to Image > Adjustments > Levels... and choose the levels myself. Click the black dropper on something that's supposed to be black and the white dropper on something that's supposed to be white.
Okay, so here's our contrast! Yes, it looks rather fugly so far, but deal with it. At this point, you're going to use the area select tool and get rid of the backgorund and use the eraser tool to get rid of any noise or things you don't want showing up in your icon. Then find a background somewhere (I myself went to fractured-sanity.net) and put it in the background.
Now, next, you'll use the Gradient tool and choose some random colors that go together. I chose yellow and brown, since Guy wears those colors on his head and his body, respectively. Area select anything but Guy, and then right-click on that selection and choose to invert it. Now the area that is Guy should be selected. Make a new layer, and use the Gradient tool on it.
Just for good measure, I made a glow-y border layer on top and set it at another style until it suited my purposes. Then, go to Image > Image Size and set it to 100 x 100, perfect for icon use!
And thus, your final product is born! This one was done in a hurry, so it's probably not as great as it could have been, but that's the basic theory behind this style of icon.
Just for reference, I'll include the layers I used.
Have fun!
As always, questions and comments are welcome. Since this is my very first tutorial, let me know if there's anything I can clarify or whatnot.
no subject
no subject
here's my result btw:
<3~
no subject
That's cyooooot~