First  Prev  1  2  3  4  5  6  7  8  Next  Last
Hair Designing Tutorial Guide
Moderator
30324 cr points
Send Message: Send PM GB Post
27 / Naha, Okinawa - D...
Offline
Posted 7/18/08 , edited 8/15/08
Here you go! Please try not to quote the whole guide.



Hair Designing Tutorial Guide


Intro:

Hello!

There are many different styles and techniques that can be used for designing Crunchyland designs.
In this tutorial guide, I will be demonstrating how I make my hair for
avatar designs. (Assuming you know the basics of the art programs.)


---

You will need:

- Photoshop, or any similar paint programs.
- A mouse or tablet. (I don't have a tablet, so I use my mouse)
- Your own logic will help you greatly.


---

Information:



When you design things, using a reference can help you out alot. I usually
just go to Google image search and type in the name of the character,
series, item, etc.

Be sure that when you search for a reference, the image shown is what you
think will look good if drawn onto the avatar. You don't want a direct side
-view or direct fron-view item on your avatar, or it will look strange!
Designing items should take time, and should look good on your avatar.

Also, it is not good to just cut out pictures from the original reference...
Doing so will probably make the item look strange and stand out from the
avatar's style!

With Google image search, I was able to find a good reference image of MOMO
from Xenosaga, whom I will use to demonstrate creating hair for!




---

Layers:

Always use layers!
In this picture, you can see I have named the layers, the bottom being
underneath the top.

Leave all of your layers transparent, except for the background!

The background can be any color of choice, but I suggest you also make a
white background, since it is the color Crunchyland uses.

You will greatly benefit from using layers for each different thing.
If you wanted to recolor the hair, you could easily do so if it is in
layers, seperate from the lineart.

Each of the hair's color tones should be in different layers as well,
because it would be terrible if you wanted to change the color or contrast
of just one tone, without changing the other tones.

The avatar should always be it's own layer! If you have merged the
avatar with one of your working layers, you will end up needing to erase it
in the end, which will just be work!




---

Line Art:


Be absolutely sure that you are on the layer for line art, or you
will
regret it!

From this picture, you can tell I have Photoshop just above my internet
browser, where my MOMO reference resides.



For line art, I use the default 1 pixel brush, and simply draw out how I
want the hair shaped. This can be challenging and take a while if you are
not well coordinated with a mouse or tablet.

If you want to make a straight line with the brush, you can hold shift while
dragging the mouse, but it will only work either up-down or side-side.
Another way to make straight lines is to mark the start point, then hold
shift, and click on the end point.

Be aware that using straight lines can result in choppy looking line-art,
and shouldn't be used too often, unless making a straight object, like a
book or pole item.

Continuing on, you can see that the difference between the drawing and the
reference isn't exact. You shouldn't put too much detail into this at first,
and concentrate on the shape. Be sure that the hair will fit snug yet loose
onto the head of the avatar.




You can also toggle the layer visibility with the eye-shaped icon in the
Layers tab to see how it looks without the avatar.




This is the result of my line art.




---

Base Color:


When choosing the base hair color, you should choose the color which seems
to be the main color, the median color.



Be absolutely sure that you are on the layer for base color, or you
will regret it!

After that, you can choose a brush size of your liking. You can either save
time by using a fairly big brush, or spend more time and use a smaller brush
to get in the thin areas first.

You can choose to be messy at first, or be neat and stay in the lines at
first, but either way, you will be erasing the edges at the end.




Using a bigger brush can look like this. Don't worry at all about going out
of the lines for now, because you will need to fix it at the end.




This is the result of using a smaller brush (5 pixels) after the bigger
brush.




The brush size you use should be getting smaller and smaller until you
finish getting in the small thin areas.

Once you think you've finished, you can make a new layer, this time a black
background above the white one. This will help you see leakage of the base
colors from the lines. When you clean up, you should toggle the black layer
on and off, because it tends to happen where you may erase more than
neccessary.




When you finish cleaning up, this will be the likely result! Not good
enough? Move on to the next section to learn about shading!




---

Shading:


Be absolutely sure that you are on the layer for shading, or you
will
regret it!

Honestly, I am not that good at shading. Also, because MOMO is a 3d video
game character, it can prove to be challenging to use anime-style shading,
as you may need to do some guess-work. However, this is how I will do it.

First, choose a color that is bottom-right of the base color. You should
choose something that has some contrast, but not too much!(I added the
ponytail just then, to the line art layer, by the way.)




Here you can see I've started off by shading the right side of each hair
piece, and being messy in the process. Don't worry about the base color's
layer, because you are not affecting it now.




When shading, you should also notice how I taper the amount of darkness at
the ends of the hair, as well as the start.

Shading gives the look of lightilluminating the left side of the avatar.
This is my result.




Still not satisfied? Move on to highlights!


---

Highlights:


Be absolutely sure that you are on the layer for highlights, or you
will regret it!

You should start off by seeking a color to the top-left of the base color.
Something bright, but not too bright!

You can see I have started off with a simple tapered line. Just like the
shading process, do not worry about going over the other color tones, as you
will be erasing it.

This layer shouldn't be used too heavily, as it indicates the areas of the
hair which pop out the most.




The tapering of the highlights is very much like the shading, but it goes on
the opposite side of each hair piece, and it is thinner as well. Usually it
is also shorter.

This is the result of adding highlights




Different anime styles use different highlighting techniques. As you can tell, for my Miko set, I've used a different way of highlighting, which doesn't taper as much as the way I've just done MOMO's hair:



So I've just demonstrated one of many ways!
In the end, it may look something like this.



--------



When you submit it, be sure that you have positioned it properly onto the avatar, and that you hide the background layers, making sure it has no background when you save! I personally find that saving as .PNG files seem to work best for me, because they support transparency, and preserve the exact colors, which .GIF files tend to lose.

---

End:

Hopefully this has helped you! Please reply in this post and tell me how it
worked for you, or ask any questions, and I will try my best to help!


---











If you'd like to achieve this style of shading which I've started using recently, it's very very easy(and looks very fine as long as you have fairly detailed lineart)!

You would basically do the above steps, but do not shade yet. When you have finished the basic colors and details, you can start. Be sure to make highlights and shading on SEPERATE LAYERS!

Choose a color that will be suitable for the highlight of the hair.

Simply grab a big fuzzy brush from the default presets. (I used 17-27 thickness), and strike through the part of the hair that is to be lightened(in my case, I did a slight "U" shaped arch line for her bangs).

When you've gotten the shape you want, simply erase the sides, which are off of the hair. You should also check for any really light spots you missed with a black background layer.

---

As for the shading, simply find a subtly darker color from the main color. You can probably use the same brush.

Just like the highlighting, it's good to have a nice arched shape, but this time draw it at the bottom of the hair. You can also use it for the middle-top of the hair, as you can see from my example.

---

And it should turn out nicely when you've done it all!
49737 cr points
Send Message: Send PM GB Post
76 / Unreachable Dream...
Offline
Posted 7/18/08
Wow! Thanks!
188 cr points
Send Message: Send PM GB Post
22 / M / My House
Offline
Posted 7/18/08
wow thnx a lot i might make an item or new avatar base
356 cr points
Send Message: Send PM GB Post
34 / F
Offline
Posted 7/18/08
i like that hair i really do
Posted 7/19/08
umm... how do you even edit the hair on crunchyland?
5327 cr points
Send Message: Send PM GB Post
21 / F / Edmonton, Canada
Offline
Posted 7/19/08
ic, so that's how u did it...but it's really hard to use the brush i think.....
2438 cr points
Send Message: Send PM GB Post
26 / F / Peru
Offline
Posted 7/19/08

bluewitch201 wrote:

ic, so that's how u did it...but it's really hard to use the brush i think.....


Yes it is, specially with mouse D:
5327 cr points
Send Message: Send PM GB Post
21 / F / Edmonton, Canada
Offline
Posted 7/19/08

shadowsas wrote:


bluewitch201 wrote:

ic, so that's how u did it...but it's really hard to use the brush i think.....


Yes it is, specially with mouse D:



ya i dont have tablet...

so usually i use vectoring technique, but then it's hard on my patience...but the other items are okay, just the hair's extra hard
127 cr points
Send Message: Send PM GB Post
22 / F / My world (R)
Offline
Posted 7/19/08

shadowsas wrote:


bluewitch201 wrote:

ic, so that's how u did it...but it's really hard to use the brush i think.....


Yes it is, specially with mouse D:


Agreed, but it isn't imposible and if you want a new hair style you will do it XD

920 cr points
Send Message: Send PM GB Post
M / philippines
Offline
Posted 7/19/08
some of steps in making avatar in PPT(power point) only









and also you can export this to gif and some program can convert this to gif animation....
7509 cr points
Send Message: Send PM GB Post
M / Malaysia
Offline
Posted 7/19/08
Wow,u guys
really awesome
Can design thing so easily
279 cr points
Send Message: Send PM GB Post
25 / F / Singapore
Offline
Posted 7/20/08
so cool
5327 cr points
Send Message: Send PM GB Post
21 / F / Edmonton, Canada
Offline
Posted 7/20/08
ppt design dont look as good...it's like paint bucket......

i think i'll just um....train my patience
2438 cr points
Send Message: Send PM GB Post
26 / F / Peru
Offline
Posted 7/20/08 , edited 7/30/08
Here, i tried ur method, it worked pretty good; i did it with my mouse, so it took me quite a while but im happy ^^


- images deleted -
468 cr points
Send Message: Send PM GB Post
27 / F / the netherlands
Offline
Posted 7/21/08 , edited 7/22/08
Wow thanks! You're realy helpful...I'm gonna work hard on making new things now:P

This is my first try btw...:


It's compared to the above quite bad... but maybe not so bad for a very fist try?

xoxo

_______________________________________________________________________________________________________________

I changed it a bit...

it's for the neko-girl now;)


xoxo

________________________________________________________________________________________________________________

Yay!!! it got approved:P
First  Prev  1  2  3  4  5  6  7  8  Next  Last
You must be logged in to post.