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. The Lich King demands your service! We've reached the 19th edition of the Icon Contest. Come along and make some chilling servants for the one true king.
    Dismiss Notice
  4. The 4th SFX Contest has started. Be sure to participate and have a fun factor in it.
    Dismiss Notice
  5. The poll for the 21st Terraining Contest is LIVE. Be sure to check out the entries and vote for one.
    Dismiss Notice
  6. The results are out! Check them out.
    Dismiss Notice
  7. Don’t forget to sign up for the Hive Cup. There’s a 555 EUR prize pool. Sign up now!
    Dismiss Notice
  8. The Hive Workshop Cup contest results have been announced! See the maps that'll be featured in the Hive Workshop Cup tournament!
    Dismiss Notice
  9. 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.

Texturing Armour

Discussion in '2D Art Tutorials' started by Kimbo, Dec 27, 2007.

  1. Kimbo

    Kimbo

    Joined:
    Jun 3, 2005
    Messages:
    7,653
    Resources:
    144
    Models:
    18
    Icons:
    110
    Packs:
    3
    Skins:
    9
    Tutorials:
    4
    Resources:
    144
    TUTORIAL IS NOT FINISHED, IT'S IN WIP, BUT USABLE.

    ---NOTES---
    1. Look upon the brush tool area to know the size of brush and colour I am using.
    2. Be gentle with your strokes and keep control of your pen pressure.
    3. Don't try to skip or divert to filters, they will distract you from learning the freehand content I am trying to teach in this tutorial.
    4. Armour can be done in various colours, this tutorial does not cover colour values or reflective lights.
    5. This tutorial is made with a GRAPHICS TABLET, not a mouse, please make sure you have a graphics tablet, if not make sure you have an ass-load of patience and know how to change your opacity/pressure well manually.


    Levels
    • Difficulty:Medium=6/10
    • Time: Approx Leg=2-10 minutes
    • Picking up:Medium-Hard=7/10
    • Effort:Easy=4/10
    Requirements
    • Open Canvas4
    • A Graphics Tablet
    • Some Sense of Patience
    • Another Graphical/Art tool that Supports TGA.
    • Wc3Viewer
    Contents
    1. Introduction
    2. Getting Started
    3. Scale Mail
    4. Smooth Scale Mail
    5. Chain Mail
    6. Plate Mail
    7. Cloth
    8. Padded Leather
    9. Transfer to Wc3
    -----------Introduction-----------
    This tutorial is here to teach you some basic techniques through steps on making certain Armour textures, from scale mail to plate, this tutorial covers most of the commonly used Armour types. This tutorial is no way near perfect and not truly easy for those that lack in the learning of art. It's highly suggested you have at least some skill with the used programs and know some art making knowledge before truly trying to undertake thus tutorial.
    This tutorial is made with a graphics tablet, so please take note of that and watch the brush settings on the screenshots.
    -----------Getting Started-----------
    Okay, the first step is to find a skin/texture or find a place on your own texture where amour placement would be suitable. Now, I have chosen the Militia texture.
    Resize the texture to at least 2x (twice as large in dimension) so you can add in more detail and have more control.

    1.jpg


    . Now, to add fill, this is the base in which where our work will take place. Be careful to keep it clean and smooth, try not to interfere or go over any other parts of the texture/skin.

    2.jpg


    Okay, now lets select a darker tone, we are working on basing it on a slight blue tint, so thus, let's select a dark tone/shadow tone and gentle begin adding those dark tones.
    Remember, the leg on the texture and pretty much all limbs on textures and such are based on a basic shape, here is a cylinder and the light source is directly on it, thus we shade around it and leave the mid tone/base alone in the middle.

    3a.jpg 3.jpg


    Okay, now we have that done, we select a slightly brighter tone than the mid tone and gentle place it on the area of the middle area as shown, do not apply too much. This is used to make the leg stick out more and make depth seem more apparent.

    3a.jpg 4.jpg


    Now, there is objects around the leg right? Yes, shadows would be cast off from the surrounding amour, thus you shade with black this time.

    The light is slightly leaned downwards directly upon the texture, thus the shadows will be more apparent and thick when cast off objects that are placed above the area we are working on on the texture.

    We have now done that task, this is the base of the work, now lets get those ideas and details in with the next steps.

    5a.jpg 5.jpg

    -----------Scale Mail-----------
    Alright, now, lets begin with the following line art, here you see the start bit as shown, this is a guide, if you have any black space at the top, fill it in with some scale[
    a1a.jpg a1.jpg

    Okay, now that we have the start done, it's time to finish off the line art, follow the start and here is a note:
    Remember this is based on a cylinder shape, that means the content on the middle will be slightly enlarge while the sides with have slight wilts. Remember that.
    Remember that the scales don't go in straight lines, they are much like pattern of diamonds and they follow that pattern.
    a2.jpg

    Okay, since the line art also plays a part and blends as a shadow tone, a lighter tone is now needed, do as shown in the example and keep the light toning within the middle of the leg to keep the depth and prevent it from going flat.
    a3.jpg

    Time for highlights, select the white, and make sure your brush is small, highlights make the detail seem more apparent in works and make things like "pretty". Add white highlights on the tips of the scales, add some on the scales which don't have mid tone, but don't add any to the edges or it begins to ruin the depth.
    a4.jpg

    Good, now let's test this on the model and see how it looks, and ta-da. Scale Mail.
    a5.jpg
    XXX

    XXX

    XXX

    XXX

    XXX

    -----------Transfer to Wc3-----------
    OpenCanvas is a painting program, not a graphics design program thus its support on technical graphical will surely lack. It will not support TGA, and thus no alpha layer, read on.
    What If the texture is all custom and I want it to support TC/transparency effects (Alpha Channel)?
    1. Then you are set to go, resize it to an acceptable size: 256x256/512x512 or if wide or tall then 256x512/512x256
    2. Save your texture as a BMP to save the quality
    3. Open the BMP in a program that supports TGA/Alpha channels.
    4. EG: Paintshop pro 8+ (bugs with white alpha channel):
      http://www.hiveworkshop.com/forums/showthread.php?t=17619&highlight=alpha
      http://www.hiveworkshop.com/forums/showthread.php?t=10526&highlight=alpha+gimp
    5. Gimp:
      http://world-editor-tutorials.thehelper.net/cat_usersubmit.php?view=29561
    6. Photoshop:
      http://www.hiveworkshop.com/forums/showthread.php?t=6527
    7. Now, that you have your alpha done, save your work as TGA.
      Open your Wc3viewer and go Convert Files>BMP,TGA or JPEG ->BLP and open your TGA. Now save your texture as blp, well done, now its usable in wc3.

    What if the texture is based on a ingame texture, I want it to support TC/transparency effects(Alpha Channel)?
    1. Then you are set to go, resize it to an acceptable size: 256x256/512x512 or if wide or tall then 256x512/512x256
    2. Copy your whole texture, select Edit>Copy All, now let's re-extract the same skin but as it was on defualt and a TGA or open an already extracted version, it must be in TGA and have its defualt alphas.
    3. Open Wc3Viewer and extract the original texture, then open that TGA texture in a program that supports TGA and alpha channels.
    4. Now, paste your additions over that, now it will look just like yours the only difference is, is that it will use the same alpha channels as the original.
    What if I don't need TC/transparency effects(Alpha Channel) if I want to use it in Warcraft 3?
    1. Then you are set to go, resize it to an acceptable size: 256x256/512x512 or if wide or tall then 256x512/512x256
    2. Save your texture as a BMP to save the quality.
    3. Open your Wc3viewer and go Convert Files>BMP,TGA or JPEG ->BLP and open your BMP. If prompted to add alpha, just click the defualt of yes and save your texture as blp, well done, now its usable in wc3.
     
    Last edited: Dec 28, 2007
  2. madcat2

    madcat2

    Joined:
    Aug 25, 2005
    Messages:
    1,138
    Resources:
    0
    Resources:
    0
    Very well done.
     
  3. FireEffect

    FireEffect

    Joined:
    Jun 15, 2006
    Messages:
    334
    Resources:
    0
    Resources:
    0
    Using the scales tutorial to make a naga. And you taught me how to skin without the burn tool. I feel happy now. :wgrin:
     
  4. CombatTheWombat

    CombatTheWombat

    Joined:
    Jul 30, 2007
    Messages:
    884
    Resources:
    5
    Models:
    1
    Icons:
    1
    Skins:
    3
    Resources:
    5
    Something you might want to mention in the tutorial is that you really dont have to be careful at all when you are doing base coat to go outside of your area, just use the polygon lasso tool to outline the area, then the program wont allow you to go outside of the area that you surrounded. Though Im not sure if open canvas has a lasso ><. I use photoshop.
     
  5. Elfsilver Lord

    Elfsilver Lord

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

    Kwaliti

    Joined:
    Jun 7, 2007
    Messages:
    2,275
    Resources:
    27
    Models:
    11
    Icons:
    5
    Skins:
    9
    Tutorials:
    2
    Resources:
    27
    So far, so good! +rep
     
  7. Chaos Overlord

    Chaos Overlord

    Joined:
    Feb 1, 2007
    Messages:
    1,097
    Resources:
    0
    Resources:
    0
    So, a glimpse into how Wulfy makes her art... wow. This is sweet, even if it is still WIP.
     
  8. CombatTheWombat

    CombatTheWombat

    Joined:
    Jul 30, 2007
    Messages:
    884
    Resources:
    5
    Models:
    1
    Icons:
    1
    Skins:
    3
    Resources:
    5
    Hmmm, wondering if you are ever going to work on this tutorial again?
     
  9. Kimbo

    Kimbo

    Joined:
    Jun 3, 2005
    Messages:
    7,653
    Resources:
    144
    Models:
    18
    Icons:
    110
    Packs:
    3
    Skins:
    9
    Tutorials:
    4
    Resources:
    144
    I haven't had much time lately, but i will bump when i do.
     
  10. Wolverabid

    Wolverabid

    Joined:
    Oct 23, 2006
    Messages:
    8,302
    Resources:
    5
    Tutorials:
    5
    Resources:
    5
    Tutorial Approved!

    A great many texture artists will find this document to be VERY helpful, even in its current state of development. Try to update it when you find the time 'wulf!

    ~ Tutorial approved and moved to 2D Art Tutorials.
     
  11. Fluff

    Fluff

    Joined:
    Jul 11, 2007
    Messages:
    82
    Resources:
    0
    Resources:
    0
    That turned out well.
     
  12. Onelord

    Onelord

    Joined:
    Sep 17, 2006
    Messages:
    83
    Resources:
    0
    Resources:
    0
    Where Is Smooth On OpenCanvas?
     
  13. Kimbo

    Kimbo

    Joined:
    Jun 3, 2005
    Messages:
    7,653
    Resources:
    144
    Models:
    18
    Icons:
    110
    Packs:
    3
    Skins:
    9
    Tutorials:
    4
    Resources:
    144
    There is no such thing as the "Smooth tool" in any programs that I know of.
     
  14. EvilCrizpy

    EvilCrizpy

    Joined:
    Jul 14, 2007
    Messages:
    692
    Resources:
    6
    Models:
    2
    Maps:
    1
    Spells:
    3
    Resources:
    6
    Hey thanks for this being lookin for one, gonna use for my armoured man,
     
  15. Needles

    Needles

    Joined:
    Mar 4, 2008
    Messages:
    34
    Resources:
    0
    Resources:
    0
    Hey uuuhhh maybe you could make the pictures bigger??:ctwisted::ctwisted::ctwisted:
    I HAVENT BEEN ON IN FOREVER!!!!!!!!!! i cant see the pics im already asuming they are amazing though.
     
  16. Kwaliti

    Kwaliti

    Joined:
    Jun 7, 2007
    Messages:
    2,275
    Resources:
    27
    Models:
    11
    Icons:
    5
    Skins:
    9
    Tutorials:
    2
    Resources:
    27
    You do know that you can click on them to zoom in?
     
  17. Needles

    Needles

    Joined:
    Mar 4, 2008
    Messages:
    34
    Resources:
    0
    Resources:
    0
    yeah but its more convenient (err however you spell it) to just glance at them