View source

From Valve Developer Community

You do not have permission to edit this page, for the following reasons:

• The action you have requested is limited to users in the group: Users.
• You must confirm your e-mail address before editing pages. Please set and validate your e-mail address through your user preferences.

You can view and copy the source of this page:

The aim of this tutorial is to introduce you to the world of texturing and explain how to work your textures in [[Half-Life 2]] as well. It's assumed that you have read the tutorial on the basics of XSI: [[XSI_Beginner_Tutorial| XSI Beginner Tutorial]]. ==Texturing Outline== In order to view your model in HL2 you ''have to'' texture it with at least a plain white texture, or else it will be purple boxed or possibly not even show up at all. Here we will discuss the principles of texturing, what you should look for in good textures, and how to get those textures into HL2 and Hammer so you can actually use your model. It is assumed you know how to make a [[TGA]] file and also how to compile it for Source using [[Vtex|VTEX]]. The proper steps to texturing your model are as follows: # Find a texture and convert to [[TGA]] # Import into XSI # Map the texture onto your model # Convert [[TGA]] to [[VTF]] # Export model, place into [[Hammer]], compile, view in-game! ==Texturing Basics== Whether you want to or not, it is essential to understand the basics of texturing before you even attempt to texture a model. ===UV or Not UV - That's The Question=== The basics of texturing involve some simple math to map coordinates in a 2D plane to a 3D model. In order to do this, the 2D texture has its own coordinate system in the U and V axis. U is the horizontal axis and V is the vertical axis of your texture, and they both go from 0 to 1 (eg. 0.5,0.5 would be the middle of the texture). An object in XSI can only be mapped with ONE texture, possibly, so when building your textures you must combine several into one 512x512 image and use that for all your objects. === Normal Mapping and other Peculiarities=== A bump map is a texture that changes the way light interacts with the applied surface, much like small bumps on an object in the real world. There are 2 types of bump maps. Grayscale (black and white) and RGB normal maps. Bump maps (Called height maps in some engines) change the depth of the rendered pixel (Since we are taking about pixel shaders here), so its job is to give the illusion of depth. Height maps are useful for rivets, screws, gashes and stuff that isn't very complex. Normal maps are RGB (Red, green, blue) images depicting where there is change in the angle of the rendered pixel. This is much more useful for intricate details like folds, wrinkles, complex surfaces like faces and bodies, unlike height maps. There are several tutorials out there on how to make and apply normal mapped textures, but that is beyond the scope of this article. It usually involves creating a low poly game mesh and a high poly detail mesh, then UV mapping the low poly and baking the high-res model's polygon normals into a texture. You should NOT apply a normal map in XSI unless you are doing it to show off how your model will look before compiling it. ===Using Ultimapper in XSI for normal map creation=== Ultimapper is the tool used within XSI for rendering out normal maps from a high resolution mesh for mapping onto your game resolution mesh. General workflow is as follows; create a group of high resolution objects that define the detail areas of your mesh, or create a subdivided refinement of your base mesh. If you're using more than one object to make a detailed mesh, use the edit: group command from the Main Command Panel (MCP). Once defined and selected, you can render out your tangent space normals, high resolution ambient occlusion maps for texturing, and any other material infomration you may need (in the albedo map). One note of caution, you need to invert the up and down channel of the resulting normal map to match the rendering inside of the engine. Open the normal map in photoshop, open the channel section in the layer window, then select the green channel. You'll now need to invert this channel(ctrl+I). Save this and re-export your vtf. (this refers to version 5 and up of XSI, previous versions use the "GPU surface FX" property, which functions in a similar manner). ==Texturing in XSI== Now you can begin getting textures into XSI and pasting them onto our models! Follow closely and look at the images if you get lost. [[Image:XSI_texturing_3.jpg|thumb|right|Importing a Texture 2]] ===Importing a Texture=== [[Image:XSI_texturing_2.jpg|thumb|left|Importing a Texture 1]] It's a good idea to use TGA (Targa) files because they are compressionless and are the same format that will be used by VTEX to create the HL2 materials, therefore WYSIWYG. First you need to make the texture local to our cube so that it will display properly, and more importantly, export properly. ''''MAKE SURE YOUR OBJECT IS SELECTED BY OBJECT!'''' Click ''Render'' at the top of the screen, go down to ''Get - Texture'', then press ''Image''. Now you are ready to start texturing (see Left Image). What you see in front of you is the XSI default mapping texture, which is good to use if you are trying to see how certain sections of your model will map to a texture. Click '''edit''' next to the name of the texture (it should be nolcon_pic) at the top of the window (circled in the pic). This will bring up a new property window that you can use to change the image properties of this texture. Go to about the middle of the page using the scroll bar and where you see C:\somedir click the ''...'' button on the far right (circled in pic) and find the image you want to use as a texture on your computer. Congratulations your image is now imported into XSI, click the little left arrow on the top of the current properties window to return to the ''Texture Map'' properties page. [[Image:XSI_texturing_4.jpg|thumb|left|Mapping those UV's]] {{clr}} ===Following the UV Textured Road=== Having imported your texture into XSI (in the pic you can see it is a new image, and it ''should'' be different in yours too) we can now map it to our object. With your object you want to texture selected, press the '''New''' button in the Texture Projection box. Then go down to ''Unique UV's (polymesh)'' to create a UV mapping of our model's mesh for use with our texture. Now to view our texture on the model, do what's depicted in the image titled ''Getting your view setup'', in the 3D view. Now press '''ALT+7''' to open the ''Texture Editor'' Window. Your object has been broken down into its polygons and laid out naked onto our texture! [[Image:XSI_texturing_6.jpg|thumb|right|Getting Your View Setup]][[Image:XSI_texturing_5.jpg|The Texture Editor]]<br clear="both" /> ==The Texture Editor== So far, you have taken the TGA texture on your computer and imported it into XSI. Then you created a UV mapping of our object. Now we have our mapped polygons laid out on our texture ready to go. ===The Interface=== [[Image:XSI_texturing_7.jpg|The TE command bar]] ====Orange Box==== In this box you have your basic select, move, and manipulate tools. The button on the far left is your select button and it will select depending on the settings you put in the upper blue box (more on that later). The next button is the move button, and will move whatever you click and drag depending on what is selected in the upper blue box. The button after that is the crop button and can be used to crop out your texture image. The last three buttons are for collapsing your selection into a single point, a horizontal line, or a vertical line respectively. ====Red Box==== In this box are all the buttons you need to start off wraping your model onto the texture correctly. On the left is the linear wrapping button. Think of this as if you take your texture and paste it onto whatever surface you select. The second button is for cylindrical wrapping and is like taking a soda can and cutting it down vertically one side and pulling it apart into a sheet. This is basically what you are doing to the polygons of your selection (Good for a soda can model). The third button is spherical mapping, and as its name states, is good for mapping a texture onto a sphere. ====Yellow Box==== There are only 2 buttons you should worry about here. The one with the circular arrows checks to see what you have selected in the 3D view and applies that selection to the texture editor, and the one with the horizontal arrows does the opposite. Very useful if you are mapping certain objects and it isn't selecting right in the texture editor. ====Blue Box==== In this upper blue box you designate what things you want to select or move using the tools from the orange box. This is exactly like what you have in the modeling portion of XSI only it is in the texture editor. V is for vertex, E is for Edge, and P is for polygon. The lower blue box is the same things in the modeling portion of XSI in which you can Scale, Rotate, and Translate whatever is selected. Unlike the move arrow in the orange box, when you select one of these, it applies to '''the entire selection'''. ====Green Box==== In the green box are your commands for showing and hiding selections, just like in Hammer. Press the S button to show only what is selected. Press the H button to show everything ''not'' selected. Press the A button to show everything. ==Texturing our Cube== Now you are going to take your texture and apply it to our cube. The cube shown in the picture has some extra details. ===Back to the Texture Editor=== In the 3D view with ray-cast polygon selection, select one side of your cube. Now back in the texture editor click the linear wrapping button and select '''Best Fit'''. This will instantly place all four vertices of the cube side onto the texture at (0,0);(0,1);(1,0);(1,1) and make a perfect match! Try experimenting by selecting all four sides of the cube and doing cylindrical mapping. {{note|For slightly more complicated models than a simple cube, splitting the polygons up into groups is extremely helpful in fitting textures onto your model. A full 512x512 image with all of your textures on it and 1000+ polys to fiddle around with can and will seem extremely daunting to beginners. My way of simplifying things is selecting the polygons you want to have as one type of texture (for example, the grip on a weapon handle), right clicking them and selecting ''Extract Polygons (Delete).'' This will make a copy of the polygons, extract them from the rest of the model and delete the old polys, resulting in a new "object" as such which you can assign your single texture to and concentrate on making it look good. Note that it's best not to translate those polygons away from the rest of the model, as getting them back in the right place can be hell. :) When that's done, select the group of polygons along with the rest of the model that it came from and click ''Create -> Poly. Mesh -> Merge.'' (You may want to be in XSI Default Mode when you do this; choose ''XSI Default (Pro Mode)'' from the ''Modes'' menu at the top of the screen.) You should now be faced with a small window. Set the ''Tolerance'' slider to something ridiculously small, such as 0.0063, to just weld the verticies that are right next to each other, around the outer edges of your extracted polygons. You should see that your polys are now part of your original model again. Now for the magic button: under the rather long heading ''Materials, UVs, VertexColors, WeightMaps'' click the button that says ''Merge.'' This will merge your texture and co-ordinates from your extracted polygons to your main model and is the key to making your life easy. Now just click ''Delete'' to get rid of your old, unneeded polys and you're done. Hope this helped people. :) --[[User:X6herbius|X6herbius]] 03:04, 1 Sep 2008 (PDT)}} That about does it for mapping textures, its all about manipulating the polygons in the texture editor with the orange and blue boxed buttons in order to create the appearance you want. ==Selecting Good Textures== All I can say about this is, SEARCH SEARCH SEARCH! Google image search is my friend, and it should be yours too. And there is no need for a direct shot when texturing because as we discussed before it's all about how you map it! ==Helpful Links== * [[Normal Map Creation in XSI]] * [http://developer.valvesoftware.com/wiki/Valve_Developer_Community:Community_Portal#Resources Community Portal Resources] [[Category:XSI]][[Category:Tutorials]]

Return to Texturing in XSI.