Creating an Observation Hallway: Difference between revisions

From Valve Developer Community
Jump to navigation Jump to search
No edit summary
No edit summary
 
(21 intermediate revisions by 3 users not shown)
Line 1: Line 1:
{{cleanup}}
{{cleanup}}
{{back | Portal Level Creation|Portal Level Creation}}
{{DISPLAYTITLE: Portal BTS - Tutorial - Observation Hallway}}
This is a tutorial for '''[[Portal]]'''.
This is a tutorial for '''[[Portal]]'''.


Line 9: Line 12:


== Tutorial ==
== Tutorial ==
===Base Layout===
<center>
<center>
<gallery caption="" widths="400px" heights="300px" perrow="2">
<gallery caption="" widths="400px" heights="300px" perrow="2">
Image:Halltut.jpg|Create the floor for your hallway. It should be interesting, with many different paths. Hallways are generally 128 units wide.
Image:Halltut.jpg|Create the floor for your hallway. Create minimal paths to cause less confusion. Hallways are generally 128 units wide.
Image:Halltut_(1).jpg|Add the walls (128 units tall)
Image:Halltut_(1).jpg|Add the walls (128 units tall)
Image:Halltut_(2).jpg|Texture the floor and walls, then copy the walls, resize to 64 and re texture (floor texture: tile/observation_tilefloor003a. wall textures: concrete/observationwall_001a for the wall that matches with the ceiling, concrete/observationwall_001b for the wall that matches with the floor. Typing only "observation" will show a more general list of observation hallways skins.)
Image:Halltut_(2).jpg|Texture the floor and walls, then copy the walls, resize to 64 and re texture (floor texture: tile/observation_tilefloor001a. wall textures: concrete/observationwall_001a for the wall that matches with the ceiling, concrete/observationwall_001b for the wall that matches with the floor. Typing only "observation" will show a more general list of observation hallways skins.)
Image:Halltut_(3).jpg|Add the roof (texture: plastic/plasticwall002a)
Image:Halltut_(3).jpg|Add the roof (texture: plastic/plasticwall002a)
</gallery>
===Light Sources===
<gallery caption="" widths="400px" heights="300px" perrow="2">
Image:Halltut_(4).jpg|Add the light bars around the perimeter. These are 4 units thick. (white009)
Image:Halltut_(4).jpg|Add the light bars around the perimeter. These are 4 units thick. (white009)
Image:Halltut_(5).jpg|Create the base for the light. 160x120x16. Cut two wedges on the ends.
Image:Halltut_(5).jpg|Create the base for the light. 160x120x16. Cut two wedges on the ends.
Line 22: Line 30:
Image:Halltut_(9).jpg|Seal the func_detail.
Image:Halltut_(9).jpg|Seal the func_detail.
Image:Halltut_(10).jpg|Texture the light. Make the inside light, white009 with a scale of 50. The outside part of the light should have the same texture of your ceiling.
Image:Halltut_(10).jpg|Texture the light. Make the inside light, white009 with a scale of 50. The outside part of the light should have the same texture of your ceiling.
Image:Halltut_(11).jpg|Add a [[light_spot]] and a [[point_spotlight]]. Default values will work.
Image:Halltut_(11).jpg|Add a [[light_spot]] and a [[point_spotlight]]. Set the <code>light_spot</code> brightness value to <code>183 204 218 600</code>. Set the <code>point_spotlight</code> color value to <code>183 204 218</code>.
Image:Halltut_(12).jpg|Group the light and place in multiple locations{{clarify}}.
Image:Halltut_(12).jpg|Group the light and place in multiple locations{{clarify}}.
Image:Halltut_(13).jpg|Cut away the roof where the light goes.
Image:Halltut_(13).jpg|Cut away the roof where the light goes.
Image:Halltut_(14).jpg|Add the doors. (I grouped a detailed frame and door with a [[skip brush]] {{clarify}}.
</gallery>
Image:Halltut_(15).jpg|Copy and paste. Select only the skip, and carve. You may then delete the skip brushes.
 
Image:Halltut_(16).jpg|Texture the walls where the door is.
===Detailing===
Image:Halltut_(17).jpg|Create the detailed fuse sets. Skip brushes will help you align them{{clarify}}.
<gallery caption="" widths="400px" heights="300px" perrow="2">
Image:Halltut_(18).jpg|Delete the skip brushes, and change the prop models{{clarify}}.
Image:Halltut_(16).jpg|Add doors.  
Image:Halltut_(19).jpg|Replace your dev textures for extra optimization{{clarify}}.
Image:Halltut_(18).jpg|Create the detailed fuse sets.
Image:Halltut_(20).jpg|Add [[cube map]]s and [[spawn]]s.
</gallery>
Image:Halltut_(21).jpg|Final result. (Use expert compile for proper shadows)
===Final Steps===
<gallery caption="" widths="400px" heights="300px" perrow="2">
Image:Halltut_(21).jpg|Final result. (Use [[Expert_compile_mode|expert compile]] for proper shadows)
</gallery>
</gallery>
</center>
</center>


== See also ==
* [[Portal Level Creation]]


[[Category:Level Design Tutorials]]
[[Category:Portal]]
[[Category:Portal]]
[[Category:Level Design]]
[[Category:Tutorials]]

Latest revision as of 16:32, 11 June 2022

Broom icon.png
This article or section needs to be cleaned up to conform to a higher standard of quality.
For help, see the VDC Editing Help and Wikipedia cleanup process. Also, remember to check for any notes left by the tagger at this article's talk page.
Portal Level Creation


This is a tutorial for Portal.

Introduction

Making bts (behind the scenes) style observation halls is a simple job. It takes little time, especially with prefabricated items.

Due to the highly detailed nature of observation rooms, this tutorial will be provided in images. Reading order is left to right, then down.

Note.pngNote:The circular ceiling light can be copied and pasted from the example Portal map included with the Source SDK

Tutorial

Base Layout

Light Sources

Detailing

Final Steps