1. Updated Resource Submission Rules: All model & skin resource submissions must now include an in-game screenshot. This is to help speed up the moderation process and to show how the model and/or texture looks like from the in-game camera.
    Dismiss Notice
  2. DID YOU KNOW - That you can unlock new rank icons by posting on the forums or winning contests? Click here to customize your rank or read our User Rank Policy to see a list of ranks that you can unlock. Have you won a contest and still havn't received your rank award? Then please contact the administration.
    Dismiss Notice
  3. Travel to distant realms and encounter scenes unknown to the common folk. The Greatest of Adventures is upon us with the 8th Cinematic Contest. Join in on a fun ride.
    Dismiss Notice
  4. The 18th Icon Contest is ON! Choose any ingame unit and give him/her Hero abilities. Good luck to all.
    Dismiss Notice
  5. The Secrets of Warcraft 3 have revealed interesting works. The RESULTS for Abelhawk's Mini-Mapping Contest #15 have come out!
    Dismiss Notice
  6. Contestants are to create a scene set in the Stone Age. Come and see what you can come up with. We wish you the best of luck!
    Dismiss Notice
  7. Colour outside the lines! Techtree Contest #13 is a go. The contest is optionally paired.
    Dismiss Notice
  8. Night Rider gained several songs for his journey. The poll for the 12th Music Contest has started. Check it out!
    Dismiss Notice
  9. Greetings cerebrates, our Swarm needs new spawners that will have numerous children. Join the HIVE's 31st Modeling Contest - Spawners and Spawned! The contest is optionally paired.
    Dismiss Notice
  10. Check out the Staff job openings thread.
    Dismiss Notice
Dismiss Notice
60,000 passwords have been reset on July 8, 2019. If you cannot login, read this.

Beginners Guide to Texturing

Discussion in '"Graveyard"' started by Elfsilver Lord, Oct 25, 2008.

  1. Elfsilver Lord

    Elfsilver Lord

    Joined:
    Feb 3, 2007
    Messages:
    1,070
    Resources:
    16
    Icons:
    12
    Packs:
    1
    Tutorials:
    3
    Resources:
    16

    Beginners Guide to Texturing



    Contents

    Introduction to Texturing
    a. Extracting Warcraft Textures
    b. Basic Shading

    Human Texturing
    a. Hair
    b. Eyes
    c. Faces
    d. Male and Female Torsos
    e. Tattoos and emblems


    Clothing and Armor
    a. Leather
    b. Metal
    c. Cloth
    d. Wood

    Miscellaneous Tidbits
    a. Pen Tool
    b. Layer Effects



    Introduction



    In this tutorial, I will be teaching you how to become an aspiring texture artist and take you from Microsoft Paint crap to professional looking textures.

    To start off, you need a good program. Gimp is good and free, so I recomend those who do not own a real photo-editing program to get it. If you want to spend some money, you can get Photoshop, PhotoImpact, or many other software. You will also need Warcraft III Image Extractor.

    To extract your image, simply go to File > Open MPQ. Find War3.mpq or War3x.mpq (The directory should be something like C:/Program Files/Warcraft III/) and click on it. Now, you see a confusing jumble of text and drop down menus. To extract a texture, simply click on the little "+" box by a dropdown, and scroll to find the texture you are looking for. (Note, some textures are in Textures\Texture.blp and some are located in units\Race\Unit\Texture.blp) Then simply hit File > Save and save it at a Targa (.tga).

    Now, simply pop up your photo-editing software and open the Texture file from wherever you saved it.


    Highlighting and Shading



    Now, a texture with a flat color is boring, and nothing escapes lighting. There is always a light source, in texturing's case, its a cylindrical light source. What? Cylindrical? Let me explain.

    Lighting shows that a color will be darker the farther away it gets from the light source, like how the right side is darker than the left on this picture. The yellow line signifies the light's direction. coming in from the left. Imagine it is a sideways floodlight shined on a red box.
    [​IMG]

    Now, imagine the same floodlight coming down from the direct center of the box, like this.

    [​IMG]
    The difference is that this light is rounded.. The light is stronger in the center, then fades out around the whole object, giving it a rounded look, hence the cylinder. This is the light source we use in creating our textures


    Now, shading a circle is a bit harder. Light reflects and refracts off round surfaces, so you need to add volume. Here is an example on how to skin a sphere, first is a render , the second is an example I did.

    [​IMG][​IMG]

    You need to create a central highlight somewhere within the circle, then highlight a section around it bright, but not as bright as the central highlight. Then, shade the rest of the circle, darker the farther it is away from the central highlight point..


    Human Texturing



    Hair



    [​IMG]

    Start off with a solid block of color. For this example, I am texturing the hair found on Arthas, Blood Mage, and the Death Knight.

    [​IMG]
    Start by applying shading with a darker brush at 10% opacity. This should follow the basic direction of your hair.

    [​IMG]

    Now, take a larger brush and apply larger areas of shading, so that each lock is part of a highlight or shadow.

    [​IMG]

    Next, reduce your opacity to 5% and apply highlights between the locks of hair to give your hair depth.

    [​IMG]

    With a 3px brush, scribble all over the hair in the general direction that the hair is flowing. It may look very messy, but it will wrap nicely, since Warcraft blurs parts of the texture. Once you complete this step, you may need to repeat steps 2-4 until you are given the desired effect.



    Eyes



    [​IMG]
    Start off with a shape sorta like this. The outline of the eye should be lighter whenever it meets the most light, or wherever the eyelid extends the farthest away from the face.

    [​IMG]
    Insert the Iris here. The Iris is a circle that the top portion of is usually underneath the eyelid. Also, add in the pupil, and a highlight source.

    [​IMG]

    Use two different but similar colors to highlight and shade your iris, since the human eye is comprised of several different hues.

    [​IMG]
    Now come the fun part. Take a scratchy brush with various similar colors to your base and brush inwards to create the effect of coloration. Repeat step 3-4 how many times you like until you are satisfied.

    [​IMG]

    Add an inner glow layer effect with a Normal setting and a black glow. This effect makes sure that the outside of the iris is darker than the center.

    [​IMG]
    Now, just shade the other portion of the eye.

    [​IMG]
    Take a scratchy brush at 25% opacity and make outlines around the edges of the lines. Then, create eyelashes by whisking them away in the direction of the outside of the eye. (---> That way) Do the same, but with shorter lashes on the bottom.

    [​IMG]
    Now just follow this shading!





     
    Last edited: May 30, 2009
  2. SkriK

    SkriK

    Joined:
    Mar 26, 2004
    Messages:
    546
    Resources:
    34
    Icons:
    33
    Tutorials:
    1
    Resources:
    34
    Copy 'n' Paste isn't supported, remake this or it will probably fail.
     
  3. Elfsilver Lord

    Elfsilver Lord

    Joined:
    Feb 3, 2007
    Messages:
    1,070
    Resources:
    16
    Icons:
    12
    Packs:
    1
    Tutorials:
    3
    Resources:
    16

    I know, its just an editing technique. Im redoing this whole tutorial, I just threw those two out there to get something down.
     
  4. Xarwin

    Xarwin

    Joined:
    Nov 16, 2006
    Messages:
    2,232
    Resources:
    3
    Icons:
    1
    Maps:
    1
    Tutorials:
    1
    Resources:
    3
    This tutorial looks unclear to me; what about providing more information in a more explained way?

    I bet its useful even when it is a filter.
     
  5. Elfsilver Lord

    Elfsilver Lord

    Joined:
    Feb 3, 2007
    Messages:
    1,070
    Resources:
    16
    Icons:
    12
    Packs:
    1
    Tutorials:
    3
    Resources:
    16
    I've decided to make it sorta more like a complimentary tutorial to Hawk's Anti Noobism instead of techniques, so Its gonna be drastically changed. Oh, and mods, please change the title to Beginners Guide to Texturing.
     
  6. Hawkwing

    Hawkwing

    Joined:
    Nov 28, 2006
    Messages:
    5,829
    Resources:
    28
    Models:
    15
    Icons:
    3
    Packs:
    1
    Skins:
    8
    Tutorials:
    1
    Resources:
    28
    My tutorial is horrible. But I doubt I'll redo it. I don't have that kind of time.

    As for the tutorial, do not enter text in the images. The images are visual aids to show people what the results should be. Please change this.
     
  7. Elfsilver Lord

    Elfsilver Lord

    Joined:
    Feb 3, 2007
    Messages:
    1,070
    Resources:
    16
    Icons:
    12
    Packs:
    1
    Tutorials:
    3
    Resources:
    16
    Ok, added in how to shade a male torso, Ill do female torsos sometime soon.
     
  8. Hawkwing

    Hawkwing

    Joined:
    Nov 28, 2006
    Messages:
    5,829
    Resources:
    28
    Models:
    15
    Icons:
    3
    Packs:
    1
    Skins:
    8
    Tutorials:
    1
    Resources:
    28
    The abs need more contrast.
     
  9. Elfsilver Lord

    Elfsilver Lord

    Joined:
    Feb 3, 2007
    Messages:
    1,070
    Resources:
    16
    Icons:
    12
    Packs:
    1
    Tutorials:
    3
    Resources:
    16
    Yeah, I made it in 2 minutes, so I sorta speed-shaded everything. I can easily add in more highlights. Female torso is in.
     
    Last edited: Nov 1, 2008
  10. ike_ike

    ike_ike

    Joined:
    Nov 19, 2007
    Messages:
    969
    Resources:
    0
    Resources:
    0
    Um, boobies aren't just hemispheres. Unless they're nothing but glue and silicone, they tend to ... uh. Bigger at bottom, smaller at top. Also, the male torso doesn't look quite right.
     
  11. Pyritie

    Pyritie

    Joined:
    Nov 26, 2006
    Messages:
    11,357
    Resources:
    60
    Models:
    30
    Icons:
    9
    Packs:
    3
    Skins:
    12
    Tools:
    1
    Maps:
    1
    Tutorials:
    4
    Resources:
    60
    Meh, could be useful. Approved.
     
  12. ~Void~

    ~Void~

    Joined:
    Jul 1, 2007
    Messages:
    6,449
    Resources:
    14
    Icons:
    8
    Skins:
    2
    Tutorials:
    4
    Resources:
    14
    Looks incomplete. I like the hair technique though, but you should probably say something about sharpen filters. Due to the fact that WC3 hates good, clear images and thus when the texture is wrapped everything looks even blurrier than it already is, having your texture be really clear is important.
     
  13. ipwnnn00bs4life

    ipwnnn00bs4life

    Joined:
    Feb 26, 2009
    Messages:
    94
    Resources:
    0
    Resources:
    0
    I am confused. I saved the file that i wanted to edit witch was the Illidin skin and then i opened up gimp and when i tried to open the file that i saved (the illidin file) it was not there. I saved in the warcraft 3 map file test.
     
  14. Elfsilver Lord

    Elfsilver Lord

    Joined:
    Feb 3, 2007
    Messages:
    1,070
    Resources:
    16
    Icons:
    12
    Packs:
    1
    Tutorials:
    3
    Resources:
    16
    That's one of the most vague posts I have ever seen. What do you mean?

    Also, the eye section is up. I'm gonna probably update the eye to include lashes and eyebrows and such, but I'm too lazy to do it right now.

    EDIT: Lashes done!
     
    Last edited: May 30, 2009
  15. Hawkwing

    Hawkwing

    Joined:
    Nov 28, 2006
    Messages:
    5,829
    Resources:
    28
    Models:
    15
    Icons:
    3
    Packs:
    1
    Skins:
    8
    Tutorials:
    1
    Resources:
    28
    The technique for hair looks horrendous. There's nearly no contrast and, even if you were trying to pull off a more realistic look, it still is lacking.

    As for the eyes, you'll never find a time in Warcraft III where you'll want to texture eyes like that and get a good result. The iris and pupil is usually on a separate plane so it can be moved around. The eye you have would be completely static.
     
  16. Elfsilver Lord

    Elfsilver Lord

    Joined:
    Feb 3, 2007
    Messages:
    1,070
    Resources:
    16
    Icons:
    12
    Packs:
    1
    Tutorials:
    3
    Resources:
    16
    Surely someone as high and mighty as Lucas LaFontaine would know about alpha channels. (Oh, and don't get mad if I say your first name, cuz you seem to wave it around a lot here)
     
  17. Hawkwing

    Hawkwing

    Joined:
    Nov 28, 2006
    Messages:
    5,829
    Resources:
    28
    Models:
    15
    Icons:
    3
    Packs:
    1
    Skins:
    8
    Tutorials:
    1
    Resources:
    28
    I don't care if you use my first name. And when do I wave it around? xD

    Alpha channels aren't going to change anything. That part of the eye is wrapped to a completely different part of the texture.
     
  18. Elfsilver Lord

    Elfsilver Lord

    Joined:
    Feb 3, 2007
    Messages:
    1,070
    Resources:
    16
    Icons:
    12
    Packs:
    1
    Tutorials:
    3
    Resources:
    16
    The Jaina wrap for example. All you do is alpha out the iris plane and texture the eye in. After a little bit of playing with the wrap, it fits fine.
     
  19. Hawkwing

    Hawkwing

    Joined:
    Nov 28, 2006
    Messages:
    5,829
    Resources:
    28
    Models:
    15
    Icons:
    3
    Packs:
    1
    Skins:
    8
    Tutorials:
    1
    Resources:
    28
    Yes, but you wont want to do that. That will look terrible.
     
  20. Grishnakah

    Grishnakah

    Joined:
    Mar 28, 2008
    Messages:
    440
    Resources:
    1
    Models:
    1
    Resources:
    1
    Please continue. I really like the tutorial.