[TUTORIAL] TF2 Style Fast and Easy

MangyCarface

Mapper
aa
Feb 26, 2008
1,626
1,325
So you've got a layout you want to make, but you don't really feel like fleshing it out; you want to "focus on the gameplay." You are falling into THE ORANGE TRAP. Believe it or not, you CAN make a map that's focused on your layout WHILE still retaining tf2's style. And you can do it easily.

Take a look at Badlands and Fastlane. Both look undeniably TF2, if a bit boring visually. But their construction is actually relatively simple.

This tutorial will show you how to style a map like badlands in one day from start to finish. It is not going to focus on layout techniques, and it's assuming that you can look up the entity work after your brushwork is finished. This tutorial is not for entity work, nor the skills you need to use the various tools in hammer. It's about efficiency and good planning. If you are unfamiliar with any of the terms or techniques used, please check the VDC or the other tutorials in this section. I suggest you know the following: Brush Creation and manipulation, the face editor, the Cut tool, how to Subdivide, paint & sew displacements correctly, placing Props. You also need to have gameplay and the associated entities in mind, but this is very well documented elsewhere.

Step 1 is to compose your layout. I did this in paint because god is it easy to use. However, since you are looking straight down at your map, you also have to visualize the heights of each of your areas.
We're going to separate our layouts into a general layout scheme:

Layer 1: The bottom of the map. 16 units tall.
Layer 1a: Displacementlevel. This is just a copy of the bottom, moved an arbitrary amount of units upwards. More if you're going to displace downwards or have water in your map, less if not.
Layer 2: Building bases. These are 256 units tall.
Layer 3: Building trim. A small layer, 16 units tall, resting on top of the building bases.
Layer 4: Building walls. A 240 unit layer.
Layer 5: Building ceiling. A 48 unit tall layer.
Layer 6: Extra space/building roofs. Arbitrary but let's say 256 units.
Layer 7: Skybox. 16 units.

So generally, all your main action will occur on Layer 2, with players running around on layer 1a. 2nd story action will take place in Layer 3-4, with players atop layer 2. The rest of the layers are for details.
Layout
So, decide what places on your layout will correspond to what layers, and color code them to help yourself. I personally drew the layers next to my layout to help me visualize it. Total up how many units your layers will take.
wevb3.jpg



Now we go into hammer.

Create one large block 16 units tall to be your base layer. Make it as wide and as long as your entire level will be. Then copy it and move the copy however many total units your layers will take above the ground. Then create 4 walls around both brushes, making sure to seal the resulting box. Create a new visgroup and assign them all to it, label it SkyGround or something.

Duplicate the ground once more and then hide the visgroup. On this new duplicate ground, start cutting out the layout you created as seen from above. Use dev textures to color code it as your layout was.

ss1zd4.jpg

ss1zd4.jpg

Create visgroups for each color-coded segment. For example, I made "buildings" and "cliffs" (cliffs would be the "empty" parts of your layout; the ones that block it in to become a rectangle.)

Hide everything but your buildings. Drag them up to be the height of Layer 2+3+4+5= 560 units. Make cuts between each layer.
my.php

Now select Layer 2 of all of Blue's buildings. Texture them a concrete texture. Do the same for red with a wooden strut texture. Select Layer 3 of every building and texture a lightly colored wood. Select layers 4 and 5 for Blue's buildings and texture them a grey metal, one which has a grunge effect to wards its bottom. Align to bottom. Do the same for Red's buildings but with a vertical-oriented wood texture. Now, select 3+4+5 for each building individually and drag them out to be 16 units wider than layer 2 in every direction.
ss3ab8.jpg

Enable everything in your visgroups, and drag your Cliff segments, cut out from the original brush, upwards to the level of the skybox (or at least that of your buildings). My cliffs are seen in the next screenshot as the large red brushes.
Now, copy Layer 1 again, move it X units above the original layer 1, where X is however many units you want your dirt to default to. Select its top face, texture to a nature dirt texture at scale .5, and turn it into a displacement of power 4. Choose Paint Geometry, set your brush to radius 256 and power 10, and start adding subtle variations to your ground. If you selected a blend texture (any ground material with BLEND in its name), then select Paint Alpha, set its power to 256, and start coloring around the edges of your buildings, etc.
ss4lm5.jpg
ss4lm5.jpg

Now, select all your cliffs and paint them nodraw. Select all of your cliffs and copy to the clipboard. Then shrink each cliff brush by 16 units on every face not touching another cliff.
Now, right click on a 2d view and press Paste Special. Press okay without changing any settings (it should be paste on center of original, no offsets, 1 copy). Texture these selected brushes to a cliff texture. Then select their top faces and pick a matching dirt texture. Make sure you scale them to .50 or they'll look repetitive.

Now, look at a subdivide tutorial and learn how to cut brushes so that they'll subdivide properly. Select all of the visible vertical faces of one contiguous cliff (visible ingame to players, that is) as well as their corresponding top faces. Subdivide the entire cliff, and then use a geometry paint brush of about 128 radius to make them look more natural; be sure to paint in both X and Y directions, as well as face normal/z. Do this for each section of cliff.
ss5rn2.jpg
ss6bl9.jpg

Add ramps/bridges wherever you need them. Ramps that extend to the ground are concrete, ramps that have little thickness are wooden or metal. Where your layout hits the skybox walls of your map, add a 32 unit-high concrete trim and the props_gameplay fences to block off that area.
ss6bl9.jpg
ss5rn2.jpg

Select the layer 4s of whatever buildings you need hollowed out. Cut them down to 16 units thick on their walls, with doors being 136 tall by 144 wide. Fill them in with lightly-colored doorways, each side being 8 units thick, to make them the doorway a total of 128 x 128. Inside your building, add a layer of 16 unit thick wood trim around the ceiling. Copy the smaller side's trim over several times to make rafters across the ceiling. Windows should be 96 units wide and 128 tall. Center them in the sides of buildings as you please. Cover each opening with an areaportal, make sure that, when including these areaportals, each building is self-sealed.
my.php

Add rock props into the sides of your cliffs and choose their skin to match the cliffside. Offset their angles to make them look integrated naturally. Disperse small props_foliage props throughout the level, concentrated in corners, bald-looking areas, etc. Try not to have too many in view at any one place.
my.php

Add angular roofs to your buildings; texture with spotty red metal for
red and various metals for blue. Make the roofs extend 16 units over layer 5 in each direction. Add supports to any bridges.
my.php

Now, go into props_minining. There are several small props, such as windows, vents, wooden overhangs, small lights, etc. Place these onto the most bald-looking faces of your building. Where a prop won't do, go into textures at overlays/. Select a few of the paint-swatch looking overlays, and apply them to the empty faces of your buildings. Brand logos are good too, just no spytech BLU and RED signs unless they're inside of a secret area/building. Add railing props where necessary.
ss10vz1.jpg

If you did all this work correctly, it may have taken you 2 hours, if you're good. Now just add the gameplay entity system, basic entities (soundscape, light_environment, etc)and some basic lighting! You'd be surprised how simple it is to approximate the style of Badlands in only a very short amount of time. Granted you'll have to spend much more on tightening up the graphics, but hey, you've made a map in a day! I hope this helps you realize how simple it is to achieve a good time spent : effect achieved ratio. The right combination of textures, trim, props and displacements gives you a feel, when put together, that each could not when apart.
 
Last edited by a moderator:

Tigger

L2: Junior Member
Mar 29, 2008
72
8
Dude.... I am inspired to try to crank out a full map this weekend.

You know... maybe the next mapping contest should be a speed mapping contest. Get people into doing the rapid turnaround for testing? I like the idea. :)
 

Laz

L420: High Member
Jul 5, 2008
461
35
there was a 48 hour mapping contest a loooong time ago for cs. all the major mappers competed, and it was amazing what each mapper had made in 48 hours. It must be about 7 years ago or something.
 

Snipergen

L13: Stunning Member
Nov 16, 2007
1,051
150
Nice, but you give people the impression that they can make a good map in 1 day. And that's not good :p I map fast too, and I detail a map like that in 1 day too, but it's not a complete map. I did dm_biosphere in a few hours and I'm proud about it :(

Dude.... I am inspired to try to crank out a full map this weekend.
 

DJive

Cake or Death?
aa
Dec 20, 2007
1,465
741
wow.. i missed this till .. right now.

great post man, adding to the link thread now.
 

Vander

L8: Fancy Shmancy Member
Feb 16, 2008
506
215
Anyone tried this yet? I've started work on my first serious map and am curious to see if this works well for anyone else.
 

ChronoTriggerFan

L420: High Member
Feb 3, 2008
434
73
I did a "test" of it, set the timer for 24 hours, and followed it. it wasn't horrible, but i find it kinda lacking in some of the aspects i like in a map. such as angled building, and things for cover other than buildings. but if your making a Badlands map it should be fine.
 
Feb 14, 2008
1,051
931
Sounds interesting, although my skills in displacements are lacking.
 

soup!

L1: Registered
Jun 30, 2008
23
0
The end effect is amazing, I've only used your texture suggestions and adding the trim and sweet jesus. Great tutorial!
 

Mar

Banned
Feb 12, 2009
607
63
I've got a small problem here. What do the different layers corespond to? Could someone use a valve map like granary as an example of how the layers should be.
 

Mashi

A Random Guy........
Mar 8, 2009
9
3
Very Good Tutorial.

I read this through and made a basic but fun map! It was quick and easier than normal. Although it's maybe not as good as a long hour map (as to be expected) it did the job so thanks!
 

GLaDOS

L1: Registered
Nov 26, 2009
28
9
Whats the size your map? I made mine 4096x4096, but it turned out a little to big...
 

CornP

L1: Registered
Dec 27, 2010
4
1
this is a great tutorial but the images are all gone:(
can someone re upload them or re-post them?
It would be much appreciated.
 

devvon

L1: Registered
Aug 17, 2016
6
3
This seems to be so awesome but there's no more images. Anyone knows a tutorial like this, with working images?