Applying Textures: Difference between revisions

From Valve Developer Community
Jump to navigation Jump to search
No edit summary
m (Nesciuse moved page Applying Textures/en to Applying Textures without leaving a redirect: Move en subpage to basepage)
 
(28 intermediate revisions by 16 users not shown)
Line 1: Line 1:
__NOTOC__{{first room menu}}
{{LanguageBar}}
[[Image:hammer_texturebrowser1.jpg|thumb|left|200px|Click the '''Browse...''' button to open the Texture Browser.]]


In this section we will select textures for the walls, floor, and ceiling.
{{first room menu}}
__NOTOC__
In this section we will select [[texture]]s for the walls, floor, and ceiling.


To open the '''[[Hammer_Texture_Browser|Texture Browser]]''', click the '''<code>Browse...</code>''' button in the Texture group on the right side of the Hammer interface.
== The Texture Browser ==
<br style="clear:both">


The '''[[Hammer_Texture_Browser|Texture Browser]]''' is used to view and select textures (or more accurately [[materials]]) that you want to apply to [[brush]]es in your map. The active texture is displayed in a box on the right side of the Hammer interface.


==[[Hammer_Texture_Browser|The Texture Browser]]==
To open the texture browser, click the '''Browse...''' button in the Texture group on the right side of the Hammer interface:
Use the '''[[Hammer_Texture_Browser|Texture Browser]]''' to view and select textures you wish to apply to brushes in your map.
[[Image:hammer_texturebrowserSize.png|frame|caption|left|Texture preview size.]][[Image:hammer_texturebrowser2.jpg|thumb|right|200px|'''[[Hammer_Texture_Browser|Texture Browser]]''' Change the size of the texture preview to see more textures at once.]] To ease the browsing of textures, you may wish to adjust the textures' preview size.
In the lower left corner of the '''Texture Browser''' window, select '''128x128''' from the '''Size:''' drop-down menu.
This will reduce the size of the texture samples, so that we can see more at once.


'''[[Hammer_Texture_Browser#Filter|Filtering Textures]]'''
[[File:hammer_texturebrowser1.png|thumb|none|Click the '''Browse...''' button to open the Texture Browser.]]


The [[Hammer_Texture_Browser|Texture Browser]] hosts thousands of textures, and navigating to the exact texture you wish to use could be problematic, if not for the [[Hammer_Texture_Browser#Filter|Filter]] feature.  This feature allows you to specify part of a file name, such as "concrete wall", "plaster ceiling", or "metal door". The [[Hammer_Texture_Browser|Texture Browser]] then filters for only those textures that contain that text.
; Thumbnail size
: To ease the browsing of textures, you may wish to adjust the textures’ preview size: in the lower left corner of the texture browser window, select “128×128” from the “Size” drop-down menu. This will reduce the size of the texture samples, so that we can see more at once.
: [[File:Hammer texturebrowserSize.png|frame|none|Changing thumbnail size.]]
; Filtering the gallery
: In most games the texture browser hosts thousands of items. Navigating to the exact texture you want to use would be problematic were it not for [[Hammer Texture Browser#Filter|filtering]].  This feature allows you to search for parts of file names. You can use spaces to split your filter in multiple terms, such as “concrete wall”, “plaster ceiling”, or “metal door” (don’t include the quote marks).
: To show the entire list of textures again, open the Texture Browser, select the text in the filter field and press {{key|Backspace}} or {{key|Delete}} to delete it.
; Dev Textures
: Source comes with a number of textures specifically designed to help you create brushes in proportion to the player. They are called “dev textures”, for “development”, and can be found by filtering for “dev”.
:
Find and double-click <code>dev/dev_measurewall01a</code>.
[[File:Devbrowser.PNG‎|frame|none|Selecting the dev_measurewall1101a texture]]


'''Dev Textures'''
== Applying textures ==


When building a map, it is good practice to start with textures that help create appropriately-sized objects.  Hammer includes a number of textures specifically to assist you in creating maps in proportion to the player called "dev textures".
With a texture selected, it now has to be a applied to a brush.


# Type <code>dev wall</code> into the filter.
# Activate the {{hammer select}}.
# Double-click the texture '''dev/dev_measurewall01a'''.
# Highlight the wall you wish to texture by clicking on it in the Camera view. If you select one of the walls and it selects the whole room, either change the upper-right “Select” setting from “Groups” to “Objects”, or [[Hammer Tools Menu#Group and Ungroup .3CCtrl.2BG.3E and .3CCtrl.2BU.3E|Ungroup]] the brushes.
# Click the '''[[Hammer Map Tools Toolbar#Apply Current Texture|Apply Current Texture]]''' button [[File:Hammer_ApplyCurrentTexture.png|28px]] from the left panel to apply the active texture to the selected brush.


The active texture displays under '''Current Texture''' on the right side of the Hammer interface.
[[File:Hammer appliedTextureExample.png|thumb|none|<code>dev_measurewall01a</code> in action.]]


== Applying Textures ==
== Adjusting textures ==
[[Image:hammer_appliedTextureExample.png|thumb|right|200px|Use the '''[[Hammer_Map_Tools_Toolbar#Apply_Current_Texture|Apply Current Texture]]''' icon to apply textures to brushes.]]
# Activate the [[Hammer Selection Tool|Selection Tool]] [[Image:hammer_select.png|28px]].
# Highlight the wall you wish to texture by clicking on it in the Camera view. {{note|If you select one of the walls and it selects the whole room, then you must either change the upper-right "Select:" from "Groups" to "Objects", or '''[[Hammer_Tools_Menu#Group_and_Ungroup_.3CCtrl.2BG.3E_and_.3CCtrl.2BU.3E|Ungroup]]''' the brushes. To ungroup, select the room in any view, then go to '''Tools > Ungroup'''. Then select individual walls.}}
# Click the '''[[Hammer_Map_Tools_Toolbar#Apply_Current_Texture|Apply Current Texture]]''' icon [[Image:Hammer_applycurrenttextureicon.jpg|28px]] from the left panel to apply the active texture to the selected brush.


A newly-applied texture may not fit properly on a brush. Using the [[Hammer Map Tools Toolbar#Toggle Texture Application|Toggle Texture Application tool]] [[File:Hammer_ToggleTextureApplication.png|28px]], you can adjust it so that it does.


'''[[Hammer_Map_Tools_Toolbar#Toggle_Texture_Application|Toggle Texture Application]]'''
Because the dimensions of our wall are both powers of two (1024 and 512), every texture will fit evenly. However, we can still see some changes by altering the settings in the [[Hammer Face Edit Dialog|Face Edit Dialog.]] that has appeared:


Depending on the texture and the surface, your texture may not fit perfectly on your wall. Using the [[Hammer_Map_Tools_Toolbar#Toggle_Texture_Application|Toggle Texture Application]] tool [[Image:Hammer_toggletextureapplicationicon.jpg|28px]], you can adjust your texture to fit the wall appropriately.  The Toggle Texture Application tool opens the [[Hammer_Face_Edit_Dialog|Face Edit Sheet]] for the selected surface.
[[File:Hammer faceeditdialog.png|250px|thumb|right|link=Hammer Face Edit Dialog|The Face Edit Dialog]]
[[Image:Hammer_faceeditdialog.png|250px|left|thumb|[[Hammer_Face_Edit_Dialog|Face Edit Sheet]]]]


Because we are using a dev texture that is 128 units and we are applying it to a wall that is 1024 x 512 (both multiples of 128), the texture should already fit the wall perfectly, but we can still see some changes by altering the settings in the Face Edit Sheet.
; Texture Scale
*'''[[Hammer_Face_Edit_Dialog#Texture_Scale_.28X.2FY.29|Texture Scale]]''' adjusts the size of the texture. Numbers smaller than 1 make the texture smaller. Numbers greater than 1 make the texture larger.  Negative numbers mirror the texture.
: Adjusts the size of the texture. A value of “1” maps one texture pixel onto one [[unit]]. Negative numbers mirror the texture.
*'''[[Hammer_Face_Edit_Dialog#Texture_Shift_.28X.2FY.29|Texture Shift]]''' moves the texture along the X or Y axis. Positive numbers move the texture left (X axis) and down (Y axis). Negative numbers move the texture right (X axis) and up (Y axis).
; Texture Shift
*'''[[Hammer_Face_Edit_Dialog#Current_Texture|Current Texture]]''' changes the applied texture on the surface.
: Moves the texture along the X or Y axis. Positive numbers move the texture left (X axis) and down (Y axis). Negative numbers move the texture right (X axis) and up (Y axis).
*'''[[Hammer_Face_Edit_Dialog#Lightmap_Scale|Lightmap scale]]''' affects how light effects apply to the surface. Smaller numbers are higher resolution and produce more expensive lighting effects. Larger numbers are lower resolution and produce cheaper lighting effects.
; Current Texture
*'''[[Hammer_Face_Edit_Dialog#Rotation|Rotation]]''' rotates the texture on a brush face.
: Changes the applied texture on the surface. {{tip|With the face edit sheet open you can right-click on any surface to apply the current texture to it. [[Hammer Face Edit Dialog#”Right-Click” Texture Application|More details here.]]}}
*'''[[Hammer_Face_Edit_Dialog#Justify|Justify]]''' specifies how the texture lines up to an edge. '''L''' for left, '''R''' for right, '''T''' for top, '''B''' for bottom, '''C''' for center, and '''Fit''' scales the X & Y values to fit the entire texture onto the surface.
; Lightmap Scale
*'''[[Hammer_Face_Edit_Dialog#Align:_World_and_Face|Align]]''' specifies how the texture is treated spacially. World alignment forces the texture to be stay in place as the object it is applied to moves. Face alignment uses the coordinates of the face as a basis for alignment.
: Affects how light effects apply to the surface. Smaller numbers are higher resolution and produce more expensive lighting effects. Larger numbers are lower resolution and produce cheaper lighting effects. See also [[Lightmap]].
*'''[[Hammer_Face_Edit_Dialog#Mode|Mode]]''' allows you to select what will happen when you click on a brush face with the left mouse button.
; Rotation
<br style="clear:both">
: Rotates the texture on the brush face.
Apply the same texture to the remaining three walls.
; Justify
: Snaps the texture’s position to a specified position on the wall. '''L'''eft, '''R'''ight, '''T'''op, '''B'''ottom and '''C'''enter. Finally, “Fit” squashes the entire texture onto the surface.
: Checking the “Treat as one” box will make Hammer consider all selected faces as one continuous item. This is useful when fitting a texture across multiple surfaces.
; Align
: Specifies how the texture is projected onto the face. [[Texture alignment#World Alignment|World alignment]] applies textures along the global x, y, or z axis. [[Texture alignment#Face Alignment|Face alignment]] applies the texture directly onto the face no matter which way it faces.
; Mode
: Allows you to select what will happen when you click on a brush face with the left mouse button.


Using the same process apply a dev texture to the ceiling and the floor.
Apply the same texture to the remaining three walls, and using the same process apply a dev texture to the ceiling and the floor.


{{tip|To show the entire list of textures again, open the Texture Browser, select the text in the '''filter''' field, and press <Backspace> or <Delete> to delete it.}}
{{Navbar|Creating a Room|Your First Map|Adding Point Entities}}
 
[[Category: Level Design]]
{{NavBar|Creating a Room|Your First Map|Creating Primitives}}
[[Category: Tutorials]]
 
{{otherlang:en}}
{{otherlang:en:fr|Applying Textures:fr}}
{{otherlang:en:zh-cn|Applying Textures:zh-cn}}
 
[[Category:Level Design Tutorials]]

Latest revision as of 04:37, 12 July 2024

English (en)Deutsch (de)Français (fr)Magyar (hu)日本語 (ja)Português do Brasil (pt-br)Русский (ru)中文 (zh)Translate (Translate)
  1. Getting Started
  2. View Navigation
  3. Basic Construction
  4. Creating a Room
  5. Applying Textures
  6. Adding Point Entities
  7. Creating Brush Entities
  8. Adding Light
  9. Adding Prop Models
  10. Saving and Compiling

In this section we will select textures for the walls, floor, and ceiling.

The Texture Browser

The Texture Browser is used to view and select textures (or more accurately materials) that you want to apply to brushes in your map. The active texture is displayed in a box on the right side of the Hammer interface.

To open the texture browser, click the Browse... button in the Texture group on the right side of the Hammer interface:

Click the Browse... button to open the Texture Browser.
Thumbnail size
To ease the browsing of textures, you may wish to adjust the textures’ preview size: in the lower left corner of the texture browser window, select “128×128” from the “Size” drop-down menu. This will reduce the size of the texture samples, so that we can see more at once.
Changing thumbnail size.
Filtering the gallery
In most games the texture browser hosts thousands of items. Navigating to the exact texture you want to use would be problematic were it not for filtering. This feature allows you to search for parts of file names. You can use spaces to split your filter in multiple terms, such as “concrete wall”, “plaster ceiling”, or “metal door” (don’t include the quote marks).
To show the entire list of textures again, open the Texture Browser, select the text in the filter field and press ← Backspace or Delete to delete it.
Dev Textures
Source comes with a number of textures specifically designed to help you create brushes in proportion to the player. They are called “dev textures”, for “development”, and can be found by filtering for “dev”.

Find and double-click dev/dev_measurewall01a.

Selecting the dev_measurewall1101a texture

Applying textures

With a texture selected, it now has to be a applied to a brush.

  1. Activate the Selection tool Hammer select.png.
  2. Highlight the wall you wish to texture by clicking on it in the Camera view. If you select one of the walls and it selects the whole room, either change the upper-right “Select” setting from “Groups” to “Objects”, or Ungroup the brushes.
  3. Click the Apply Current Texture button Hammer ApplyCurrentTexture.png from the left panel to apply the active texture to the selected brush.
dev_measurewall01a in action.

Adjusting textures

A newly-applied texture may not fit properly on a brush. Using the Toggle Texture Application tool Hammer ToggleTextureApplication.png, you can adjust it so that it does.

Because the dimensions of our wall are both powers of two (1024 and 512), every texture will fit evenly. However, we can still see some changes by altering the settings in the Face Edit Dialog. that has appeared:

The Face Edit Dialog
Texture Scale
Adjusts the size of the texture. A value of “1” maps one texture pixel onto one unit. Negative numbers mirror the texture.
Texture Shift
Moves the texture along the X or Y axis. Positive numbers move the texture left (X axis) and down (Y axis). Negative numbers move the texture right (X axis) and up (Y axis).
Current Texture
Changes the applied texture on the surface.
Tip.pngTip:With the face edit sheet open you can right-click on any surface to apply the current texture to it. More details here.
Lightmap Scale
Affects how light effects apply to the surface. Smaller numbers are higher resolution and produce more expensive lighting effects. Larger numbers are lower resolution and produce cheaper lighting effects. See also Lightmap.
Rotation
Rotates the texture on the brush face.
Justify
Snaps the texture’s position to a specified position on the wall. Left, Right, Top, Bottom and Center. Finally, “Fit” squashes the entire texture onto the surface.
Checking the “Treat as one” box will make Hammer consider all selected faces as one continuous item. This is useful when fitting a texture across multiple surfaces.
Align
Specifies how the texture is projected onto the face. World alignment applies textures along the global x, y, or z axis. Face alignment applies the texture directly onto the face no matter which way it faces.
Mode
Allows you to select what will happen when you click on a brush face with the left mouse button.

Apply the same texture to the remaining three walls, and using the same process apply a dev texture to the ceiling and the floor.

Retrieved from "https://developer.valvesoftware.com/w/index.php?title=Applying_Textures&oldid=429182"