[GUIDE] Youme's guide to displacement cliffs

YM

LVL100 YM
aa
Dec 5, 2007
7,158
6,079
Due to demand, this is basically me comentating how I would make a cliff, since I don't have fraps or a good quality mic its not in video form.
So I'm gunna brush off my English accent and get started...


So here is the cliff shape we want, well, roughly anyway. I've put in two corners and a tunnel, just to cram pack this with info :D
001zq1.jpg



One thing we have to sort out pretty early on is how your brushes join. Since we are only using the 'front' face of the brush thats the only one we need, this is important because of the way displacements join together.
002dl4.jpg



Either get out your clipping tool and clip the corners off or use the vertex tool to the same effect, personally I prefer the vertex tool
003fg1.jpg



Because displacements need to match up properly any cuts you make for holes need to run through the whole displacement. See how the yellow lines run right round the corners.
004fj7.jpg



Next we need to texture the whole thing in the nodraw texture, then select the front faces and pick a nice cliff texture. I'm using rockwall006. In this picture its at x scale 0.25 and y scale 0.25. see how it repeats notisably every 256 units.
005wm1.jpg



What we really need to do is stretch it a bit so the repeat is less obvious. I've kept the x scale as 0.25 and upped the y scale to 0.5, if you really want you can go for something higher like 0.75
006iq2.jpg



Next comes aligning the texture, if you keep your brushes neatly on the scale you should only need to adjust the x shift by multiples of 128 (sometimes negative)
007vt5.jpg



Select the front faces only of all the brushes and open the displacement tab create the displacement, I start with power 2 and upres to 4 or 4 if I need.
008ap9.jpg



So now I've actually started the displacement and I start by making the corners neat, one axis only
009la5.jpg



Now I repeat the process almost exactly for the other axis.
010je2.jpg



Now comes the main displacement, I select the whole lot together so that I don't get any mismatches. The cliffs i've been doing come in waves, each bit that comes out a lot is sandwiched by a bit that goes in a lot. As a general rule of theumb, the top of the cliff should retreat behind the main section, the bit just under it should come forwards, the very botom should also come out and the lower middle bit should be behind the plane of the original brush. Make sense? hope so, heres another pic (only one axis)
011ow6.jpg



Repeated process for the other axis, you may have noticed by now I tend to work one axis at a time.
012uk3.jpg



Now I start on the tunnel, sides first. I have the whole thing selected to stop missalignments. The top and bottom come in slightly and the middle goes out slightly
013jz9.jpg



With the z axis now, middle go up and down (top and bottom displacement respectively) and the sides come down and up respectively
014js3.jpg



Now I crunch the front displacement into where the tunnel ends and I crunch the second set of points in the tunnel forwards. Once they are close to each other I select the whole lot and hit that handy 'sew' button
015ub6.jpg



A few last tweaks before sealing the areawith nodraw brushes behind the displacements and skybox brushes elsewhere. You might want to note that displacements don't block vvis so that means you will have to put nodraw brushes behind it to prevent leaks.
016li8.jpg



And here is the final thing in-game.
017fd9.jpg



Hope this helped, Its now 00:45am so if anything is missing/majorly wrong then I'll ammend it later.


ADDITION(S): The .VMF and .BSP files from this tutorial are here for you to download and examine, I was going to upload these originally, but didn't think people needed them, but it can't hurt for you to have them available.

The Subdivide button:
Sometimes I feel the urge to use this button, its quite intersting but I rarely keep its results. I select all the faces I want to subdivide and hit CTRL+S (Save) then hit the subdivide button. What it does is it smoothes all your corners out to what it thinks is right, sometimes it gets it spot on, some times it looks horrible. If its horrible I just hit CTRL+Z and shudder before using the normal brush tool. When I made the arch in the earlier screenshot the dubdivide tool was very usefull, I selected all the faces and subdivided them, it did almost all of the work for me. I then only had to go make it a more natural looking shape and tweak the edges.
NB: This button is not for beginners!

ADDITION 3: This tutorial is outdated and in my eyes terrible. I appologise to everyone who has been confused by it, if you find it any easier use this one here, this is the method I currently use for displacements and [I find] much easier.
http://forums.tf2maps.net/showthread.php?t=10287
 
Last edited:

Snipergen

L13: Stunning Member
Nov 16, 2007
1,051
150
You are awesome. And I read this at 1:58 in the morning lol.

I am so gonna use this since I hate displacements in hammer ^^
 

DJive

Cake or Death?
aa
Dec 20, 2007
1,465
741
A++ and Rep. its great to have a TF2 displacement tutorial. I cant wait to try this when i get home.

edit: Question though, and maybe explained in a part 2 to this..

How do you get realistic looking top parts of the cliff. I always start off with a box.. in the end it looks like a cliff..but in the shape of a box, i can never get the top to look "round"
 
Last edited:

Milktoast

L1: Registered
Jan 8, 2008
26
0
Very well done! It's really great that you've taken your time to do this!

Next we need to texture the whole thing in the nodraw texture, then select the front faces and pick a nice cliff texture. I'm using rockwall006. In this picture its at x scale 0.25 and y scale 0.25. see how it repeats notisably every 256 units.


One very minor simplification: you don't have to texture everything with nodraw first. According to the Valve wiki at http://developer.valvesoftware.com/wiki/Displacement:

Additionally, if a brush solid contains any displacement surfaces, all of the non-displacement sides are discarded when the map is compiled and run in the engine.


Since it doesn't matter what texture they have, you can skip the extra step of texturing the original brushes with nodraw... just texture everything with your rock texture.
 

A Boojum Snark

Toraipoddodezain Mazahabado
aa
Nov 2, 2007
4,776
7,673
Hmm, your brush construction technique is totally different from what I've always done. I don't miter corners as overlaps don't matter since non-disp faces are trashed, and I usually make hole openings with trapezoidal faces.
 

timberghost_paintball

L2: Junior Member
Dec 19, 2007
77
200
Great Tutorial
I converted it to word and pdf files for easy clean printing if its cool with Youme I'll post them in a zip in the download section
 

MacNetron

L5: Dapper Member
Dec 12, 2007
203
47
Great Tutorial
I converted it to word and pdf files for easy clean printing if its cool with Youme I'll post them in a zip in the download section
lol, I started the same process, because I figured out I don't want to go to imageshack all the time, but when pasting all pics in the doc, imageshack beated me back by not showing me the picures anymore. So you beat me to it, timberghost_paintball :p

Advantage is I now only have to download the doc/pdf instead of cut and paste and aligning text, aligning picture, add line break, realign text, ... :)
 

timberghost_paintball

L2: Junior Member
Dec 19, 2007
77
200
The file is 1.6 megs and the downloads section is capped at 97k for zips in the tutorial section so I can't post it for now. PM me if you want the file and I'll e-mail it to you.

*edit problem resolved follow link in post below
 
Last edited:

YM

LVL100 YM
aa
Dec 5, 2007
7,158
6,079
could you not find some free file hosting site? there are many out there.
 
Dec 25, 2007
566
440
Youme, this made so much sense. Thanks a million and a half for posting it. I'd been approaching displacements in my map more or less individually, but the idea of focusing on the whole cliffside (or whatever), one axis at a time makes so much sense from a practical perspective, without hindering the implementation of the design.
 

MacNetron

L5: Dapper Member
Dec 12, 2007
203
47
Good idea here's a link
http://www.mediafire.com/?8dmhdxijxny

Note: i did scale down the photos quite a bit to make it more printer friendly, sorry if this bothers people. I can still read it but it may be confusing to some.
Nice job. But I have a nice printer at work I can abuse :)
So I made a 9 page pdf. Scaled the pictures down so 2 fit one page.
youme's guide to displacement cliffs.zip (1,71 MB zip, 2,33 MB pdf).

Youme, I took the liberty to let OpenOffice correct some typos. If you take offensive to all this duplicating of your work, please let us/me know. Taking it offline is even faster then putting it up :)
 

YM

LVL100 YM
aa
Dec 5, 2007
7,158
6,079
nah its all ok, I'm, suprised at how many people think its good. After all its only one type of cliff that I made and it wasn't exactly complex.

Perhaps I'll do a tut for one of these arches:
cpbloodstaineda40006bd6.jpg
 

DJive

Cake or Death?
aa
Dec 20, 2007
1,465
741
nah its all ok, I'm, suprised at how many people think its good. After all its only one type of cliff that I made and it wasn't exactly complex.

Its awesome. Plus i believe its really the only one out regarding TF2 displacements. The Half Life one that everyone knows is well.. for half life looking cliffs, while it gives you a general idea, it doesnt break it down piece by piece TF2 style which is whats great about yours.
 

Scotland Tom

L6: Sharp Member
Jan 19, 2008
332
64
It's an excellent guide, Youme. It took me quite some time to actually figure out this very process on my own. I wish I would've had this tutorial to start with.

Further tutorials for more advanced formations would be excellent. That archway would be a good one, along with anything else you could think of. Many displacement tutorials out there really only go over the basics and it would be nice to see some that delve more deeply into other cool things that can be done with displacements.