Portal Design And Detail: Difference between revisions

From Valve Developer Community
Jump to navigation Jump to search
m (→‎top: clean up, added underlinked tag)
m (Unicodifying, replaced: [[Image: → [[File: (7))
Line 11: Line 11:
==Construction==
==Construction==
===The Blockout Process===
===The Blockout Process===
[[Image:tuta.jpg|right|thumb|300px|Basic Test Chamber Blockout]]
[[File:tuta.jpg|right|thumb|300px|Basic Test Chamber Blockout]]
The first step to use when making a Portal map is to first design a rough, and simple map. This is generally done with dev textures, and it is generally completed in about 4-5 minutes. At this point, you should thoroughly play test this area, and determine what areas will be portable and non portable.
The first step to use when making a Portal map is to first design a rough, and simple map. This is generally done with dev textures, and it is generally completed in about 4-5 minutes. At this point, you should thoroughly play test this area, and determine what areas will be portable and non portable.
{{clr}}
{{clr}}


===Detailing Portal Placement Locations===
===Detailing Portal Placement Locations===
[[Image:tutb.jpg|right|thumb|300px|Detailing of Portal Surfaces]]
[[File:tutb.jpg|right|thumb|300px|Detailing of Portal Surfaces]]
Now detail the areas where portals will be placed. I moved the top section in and added a hazard texture, and I shrunk the floor and made it into a platform.
Now detail the areas where portals will be placed. I moved the top section in and added a hazard texture, and I shrunk the floor and made it into a platform.
{{clr}}
{{clr}}


===Rough Metal Texturing===
===Rough Metal Texturing===
[[Image:tutc.jpg|right|thumb|300px|Bare Metal Walls]]
[[File:tutc.jpg|right|thumb|300px|Bare Metal Walls]]
Now add metal textures where players will not be able to place portals on. The metal textures will have standard detail for now. Play test this section again, and find any glitches.
Now add metal textures where players will not be able to place portals on. The metal textures will have standard detail for now. Play test this section again, and find any glitches.
{{clr}}
{{clr}}


===Gameplay Elements===
===Gameplay Elements===
[[Image:tutd.jpg|right|thumb|300px|Placement of Gameplay Elements]]
[[File:tutd.jpg|right|thumb|300px|Placement of Gameplay Elements]]
Now add doors, buttons, catchers, and triggers for the area. Now play test the section thoroughly. It will be very difficult to modify the detailed walls afterwards.
Now add doors, buttons, catchers, and triggers for the area. Now play test the section thoroughly. It will be very difficult to modify the detailed walls afterwards.
{{clr}}
{{clr}}


===Detailing Metal Walls===
===Detailing Metal Walls===
[[Image:tutf.jpg|right|thumb|300px|Detailing Metal Walls (Outdated Screenshot)]]
[[File:tutf.jpg|right|thumb|300px|Detailing Metal Walls (Outdated Screenshot)]]
Add detail to your metal walls. See [[Detailing metal walls]] for more information. Generally, you will want to have smaller metal blocks on the bottom, and bigger on the top.
Add detail to your metal walls. See [[Detailing metal walls]] for more information. Generally, you will want to have smaller metal blocks on the bottom, and bigger on the top.
{{clr}}
{{clr}}


===Adding Interior Lighting===
===Adding Interior Lighting===
[[Image:tutg.jpg|right|thumb|300px|White Wall Lighting]]
[[File:tutg.jpg|right|thumb|300px|White Wall Lighting]]
Next add lights. The trick is to have them uneven. That way it is more attractive. The best white texture to use is white001.
Next add lights. The trick is to have them uneven. That way it is more attractive. The best white texture to use is white001.
{{clr}}
{{clr}}


===Final Result & Minor Fixes===
===Final Result & Minor Fixes===
[[Image:tuth.jpg|right|thumb|300px|Final result]]
[[File:tuth.jpg|right|thumb|300px|Final result]]
Admire a job well done and fix minor texture alignments and bugs.
Admire a job well done and fix minor texture alignments and bugs.
{{clr}}
{{clr}}

Revision as of 18:30, 7 January 2024

Underlinked - Logo.png
This article needs more Wikipedia icon links to other articles to help Wikipedia icon integrate it into the encyclopedia. Please help improve this article by adding links Wikipedia icon that are relevant to the context within the existing text.
January 2024
English (en)Français (fr)Русский (ru)中文 (zh)Translate (Translate)
Portal Level Creation
Skill Level

This tutorial expects you to have this amount of knowledge within the topic to follow along smoothly.

Novice Familiar Competent Proficient Expert


The most important thing in any map is design and detail. This is especially important when making a Portal map. Such a test chamber map needs to have a well planned out layout, be fun to play, and be visually attractive for the player.

Construction

The Blockout Process

Basic Test Chamber Blockout

The first step to use when making a Portal map is to first design a rough, and simple map. This is generally done with dev textures, and it is generally completed in about 4-5 minutes. At this point, you should thoroughly play test this area, and determine what areas will be portable and non portable.

Detailing Portal Placement Locations

Detailing of Portal Surfaces

Now detail the areas where portals will be placed. I moved the top section in and added a hazard texture, and I shrunk the floor and made it into a platform.

Rough Metal Texturing

Bare Metal Walls

Now add metal textures where players will not be able to place portals on. The metal textures will have standard detail for now. Play test this section again, and find any glitches.

Gameplay Elements

Placement of Gameplay Elements

Now add doors, buttons, catchers, and triggers for the area. Now play test the section thoroughly. It will be very difficult to modify the detailed walls afterwards.

Detailing Metal Walls

Detailing Metal Walls (Outdated Screenshot)

Add detail to your metal walls. See Detailing metal walls for more information. Generally, you will want to have smaller metal blocks on the bottom, and bigger on the top.

Adding Interior Lighting

White Wall Lighting

Next add lights. The trick is to have them uneven. That way it is more attractive. The best white texture to use is white001.

Final Result & Minor Fixes

Final result

Admire a job well done and fix minor texture alignments and bugs.