Author : Skydsgarrd


Closed Thread
Closed Thread
 
Thread Tools Display Modes
Swizzle's Avatar
Old (#1)
Looking through the entries in this contest, I've noticed that some people are having a difficult time achieving the general look of TF2 textures when it comes to the texturing stage for their entries. Considering that TF2 has a very specific visual style and a number of key elements that go into the visuals, I thought I'd put together a little guide to help people if they're struggling to get their textures looking like something that belongs in the game.


To get an idea of what goes into making an object look like it fits into TF2, let's take a look at some elements that all objects in the game share from a texturing standpoint.


Base Colors


Each object in the game has one or more base colors in its texture. These base colors serve as a starting point to differentiate materials from one another. For example, the scout's scatter gun has two basic colors; gray and brown. These colors serve to show the player that one part of the gun is wood and one part is metal. Everybody understands that wood is brown and metal is usually gray, so that's where our understanding of what the scatter gun is made of comes from.


This power generator has just a few base colors: Orange and two grays

Base colors on objects are the solid colors applied to the objects in the game before any real texturing takes place. Once the base colors are taken care of, the texturing process can begin in earnest.


Brush Strokes

The textures in TF2 are painted with large, sweeping brush strokes to give the impression of detail without deliberately spelling it out. These strokes are applied over the base colors to give texture and interest while still retaining the general original hue. The brush strokes are accomplished by using large, squarish brushes at high opacity. This results in large blocks of solid color which reinforce the original base colors.


Brush strokes on the bottom of a medkit

These large brush strokes are used not just to add blocks of slightly altered colors for interest, but also for painting wear and tear into textures. Wear, such as scratches on metal, is hinted at with blocks of solid color instead of the usual method of tiny scratchy marks you might see in more realistic texturing.


Ambient Occlusion or Painted Lighting

Most, if not all, objects in TF2 have ambient occlusion or some form of soft lighting baked into the textures. This serves to ground the modeled details on the objects by simulating ambient light. This is the same as any other game with baked ambient occlusion. However, ambient occlusion in TF2 also serves to add another layer of texture and grain to the hand-painted texture maps.


These boards are pretty much a solid color, but they're easily differentiated because of the ambient occlusion baked into their texture



Since this is a competition to create weapons and other related objects for the game, it's very important to understand how metal is represented.

Base Colors


As with any object in TF2, weapons may have a number of base colors. Since most of the weapons in the game are guns or some variant thereof, it should be obvious that most of their base colors are grays or golds. Here's a palette of some of the colors used on various metal weapons and items in the game:


Do you notice anything unusual about it? If it seems like few of those colors are actually straight gray, you're correct. They all have some tint to them, warm or cool. The people who paint the textures at Valve understand that gray is a boring color, so what they do is make it seem more interesting by giving metal a tint of some sort. All those weapons in the game you thought were gray are actually brown or purple or maroon!


Base Color Variation

Each weapon in the game has a number of base color variations in the metal areas. There are lighter and darker areas to help break up what could be a very monotone object. These lighter and darker areas tend to alternate with one another so that the colors can contrast with each other. A screw head might be lighter or darker than the metal surface around it, for example.

These light and dark variations might be obvious, such as in the palette used for the syringe gun, or subtle as in the palette used for the medigun.


The Medigun's metal palette


The Syringe Gun's metal palette


Wear and Tear and Edge Highlighting

To emphasize the form of the guns and show that they're not brand new, Valve paints highlights onto sharp edges on their metal objects and also puts some wear and tear on the metal. While most of the edge highlights are just thin lines along edges, wear and tear is often shown with large patches of color painted with those same high-opacity brushes mentioned earlier.


Edge highlighting on the Syringe Gun's texture


Wear and tear on the Minigun's texture


Specular Highlights

Most metal textures you see on models in TF2 will be accompanied by a specular map. These spec maps are generally based on the diffuse texture with ambient occlusion included. Including ambient occlusion in the specular map helps to emphasize the shininess of the edges by making anything in crevices dull.


The Syringe Gun's diffuse map (left) and specular map (right)

Continued...
Offline , card carrying polycounter, 2,499 Posts, Join Date Dec 2007, Location Fremont, CA  
  

Swizzle's Avatar
Old (#2)

Because not all weapons are made of metal, it's useful to understand how wood is represented in TF2. Wood in TF2 (at least on model textures) generally does not show as much color variation as metal. Despite the fact that wood has a grain, this is not always obvious when looking at wood on TF2 weapons' textures.


A section of the Axtinguisher's texture showing part of the wooden handle

Most wood is some shade of solid brown or tan, possibly with a few strokes to imply a wood texture. Subtle gradients are often used on wood to give the impression that it's worn and aged.

As with many things, there exceptions to the above. Two weapons, the Sandman and the Ambassador, both have prominent wood grain.


A section of the Sandman's texture showing the grain of the wood


A section of the Ambassador's texture

Note that the examples above, as I mentioned before, are exceptions to the rule. Most wood on weapons in TF2 shows very little grain and is in general a solid color with brush strokes.



TF2 does not use normal maps in general. In the cases where it does, the normal map is used sparingly and only to enhance certain details. The folds of cloth on the characters' clothes are the only places on character models where you will find normal maps. The rest of the shading on characters is controlled with smoothing groups.

Similarly to the characters, normal maps are used sparingly on weapons and most shading is achieved with use of smoothing groups and modeled detail. Before you create a normal map for your weapon, make sure the details you're trying to put into the normal map can't be modeled into a low-poly weapon without going over the triangle budget.

One example of detail that could not be reasonably modeled into a weapon is the engraving on the Ambassador.


A section of the Ambassador's diffuse and normal maps

Note that on the Ambassador's normal map, the only part which is not the neutral blue is the engraving on the barrel and the texture of the stained wood handle. These are details that would be reasonable to put into a normal map since modeling them would increase the triangle count to absurd levels.

Always make sure that when creating textures for TF2, you are absolutely certain that a normal map is necessary if you plan on using it.



When creating models and textures for TF2, it's important to remember that you're making something in somebody else's style. Valve has a large amount of material devoted specifically to defining their art style, so you should research the style you're trying to replicate and try to understand how it works, why it works, and how you can make your textures work in the same way they do.

I hope this guide has been helpful. Good luck!
Offline , card carrying polycounter, 2,499 Posts, Join Date Dec 2007, Location Fremont, CA  
  

Y_M's Avatar
Old (#3)
Very good read.
Offline , triangle, 321 Posts, Join Date May 2010, Location UK  
  

Habboi's Avatar
Old (#4)
Very useful. When I first put my weapon in I knew something didn't feel right and I soon realised after playing for a few hours that it was my normal map. You're right, rarely use it.

Also the texture style is great because it makes things easier and allows new artists to enter.
William T. Nicholls: Portfolio
Lead Art Director working on indie game "A Hat in Time"

--------------
"When in doubt, ask the Polycount."
Offline , dedicated polycounter, 1,553 Posts, Join Date May 2010, Location England  
  

Zwebbie's Avatar
Old (#5)
Much appreciated, Swizzle!

Here's the Contribute! tips page for some information from Valve itself, while we're on the subject.
Portfolio | Sketchbook

Mileage and reference.
Offline , polycounter, 1,178 Posts, Join Date Jul 2005, Send a message via MSN to Zwebbie  
  

Thrillho's Avatar
Old (#6)
I vote that this should be stickied. Also, Swizzle is undeniably CREDIT TO TEAM!
Offline , triangle, 282 Posts, Join Date May 2010, Location Winnipeg, MB.  
  

Armanky's Avatar
Old (#7)
Couldn't have come at a better time. Much appreciated!
Offline , null, 24 Posts, Join Date May 2010,  
  

ScudzAlmighty's Avatar
Old (#8)
Who's the man? Swizzles the man!


...except when he's a gril like in his avatar
Available for freelance or fulltime work

My Blogfolio
Offline , veteran polycounter, 2,632 Posts, Join Date Apr 2009, Location Vancouver BC  
  

nrek's Avatar
Old (#9)
Way to go Swizzle! This is going to help immensely when it comes time to texture.
Offline , polygon, 699 Posts, Join Date Jul 2008, Location Bellevue WA Send a message via AIM to nrek Send a message via MSN to nrek  
  

JimeeB's Avatar
Old (#10)
Thank you.
Offline , spline, 108 Posts, Join Date Feb 2010, Location Pittsburgh, PA  
  

Vitius's Avatar
Old (#11)
Amazing guide. Definitely helps me out. Thanks!
Offline , null, 21 Posts, Join Date May 2010,  
  

Zipfinator's Avatar
Old (#12)
Wonderful tutorial! Thanks for taking the time to write this up!
Offline , veteran polycounter, 2,605 Posts, Join Date Aug 2008, Location San Francisco, California  
  

Fragus's Avatar
Old (#13)
I am very thankful for this great tutorial! Can you please tell the setting for the large brushstrokes in Photoshop, I just can't get it right!
Offline , polygon, 664 Posts, Join Date May 2010, Location New York, NY  
  

Frump's Avatar
Old (#14)
Great writeup man! I was actually thinking of doing something like this too. I am glad you beat me to it though, because yours it much better than mine would have been.

You covered all of the bases, this should be a big help to people.
Kyle Parsons
Portfolio | Dota 2 Workshop
Offline , dedicated polycounter, 1,429 Posts, Join Date Mar 2009, Location Vancouver, BC Send a message via MSN to Frump  
  

Swizzle's Avatar
Old (#15)
Thanks for the kind words, everybody.

Fragus:
Using this brush...



With these settings...



Can give you results like this:
Offline , card carrying polycounter, 2,499 Posts, Join Date Dec 2007, Location Fremont, CA  
  

Fragus's Avatar
Old (#16)
I can't get my brush to be smooth like that! Smoothing is checked on and any other setting is like yours,the brush is standard, square brush!
Offline , polygon, 664 Posts, Join Date May 2010, Location New York, NY  
  

Swizzle's Avatar
Old (#17)
Make sure the spacing is set to 1% to get the best results. You can use that black and white image above as a brush by opening it it Photoshop and going to Edit>Define brush preset...
Offline , card carrying polycounter, 2,499 Posts, Join Date Dec 2007, Location Fremont, CA  
  

Frump's Avatar
Old (#18)
I use a bit different brush setup to Swizzle. I figure it's worth sharing.

I have one version for horizontal strokes and one for vertical, you can make curvy lines without angle jitter, but will still need one for vertal and one for horizontal. You could make a square stroke with this brush, set that as the brush and have one that goes both ways, but then if you end curved strokes it will have a square end.

Kyle Parsons
Portfolio | Dota 2 Workshop
Offline , dedicated polycounter, 1,429 Posts, Join Date Mar 2009, Location Vancouver, BC Send a message via MSN to Frump  
  

Fragus's Avatar
Old (#19)
Quote:
Originally Posted by Swizzle View Post
Make sure the spacing is set to 1% to get the best results. You can use that black and white image above as a brush by opening it it Photoshop and going to Edit>Define brush preset...
it worked! Thanks!
Offline , polygon, 664 Posts, Join Date May 2010, Location New York, NY  
  

Swizzle's Avatar
Old (#20)
Quote:
Originally Posted by Frump View Post
I use a bit different brush setup to Swizzle. I figure it's worth sharing.
Definitely! That looks really good.
Offline , card carrying polycounter, 2,499 Posts, Join Date Dec 2007, Location Fremont, CA  
  

EVIL's Avatar
Old (#21)
Awesome! I already had a pretty good idea on the textures and style but this brush and colour swatches are a welcome addition!

THNX for the hard work and input Swizzle
Offline , polycounter, 862 Posts, Join Date Nov 2004, Location The Netherlands  
  

jnumber9's Avatar
Old (#22)
awesome tutorial!

btw, what about adding animations\inserting models in the game? are there anyone who can create such tutorials? I mean I know how to model, how to texture aswell, but Im completele newbie in the modding. I think Im not alone
Offline , vertex, 30 Posts, Join Date May 2010,  
  

tex_cookiedough's Avatar
Old (#23)
great tutorial!
Offline , line, 96 Posts, Join Date May 2010, Location Australia  
  

Swizzle's Avatar
Old (#24)
jnumber9, here are a couple of tutorials to get you started on importing weapon models:

http://www.fpsbanana.com/tuts/8747
http://www.fpsbanana.com/tuts/8746
Offline , card carrying polycounter, 2,499 Posts, Join Date Dec 2007, Location Fremont, CA  
  

POFFINGTON's Avatar
Old (#25)
dang thanks Swizzle. This is some excellent stuff!
Paul Poff
Portfolio
8tracks
Offline , triangle, 294 Posts, Join Date Apr 2010, Location Aliso Viejo, CA Send a message via AIM to POFFINGTON  
  

Closed Thread

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.

Copyright 1998-2012 A. Risch