Difference between revisions of "Creating a wall light"

From Valve Developer Community
Jump to: navigation, search
(Don't delete it until you have a final product)
 
(13 intermediate revisions by 8 users not shown)
Line 1: Line 1:
{{Cleanup}}
+
{{back | Portal Level Creation}}
~(A work in progress Feel free to improve)~
 
  
{{TODO|Add proper texture names, and make look nicer.}}
+
[[Image:Lighttutorial11.jpg|right|thumb|350px|The final effect]]
  
[[Category:Level Design Tutorials]]
+
In this tutorial you will learn how to make a wall light that is seen in the Portal test chambers.
  
==Introduction==
+
== Steps ==
In this tutorial I will show you how to make a wall light that is seen in the Portal test chambers.[[Image:Lighttutorial11.jpg|right|thumb|The final effect]]
 
  
==Steps==
+
<div style='clear:both'>
===Step 1===
+
=== Step 1 ===
Create a room for the light to be in, in this tutorial I used a 384*384*256 room with walls 16 units thick. Ensure the roof is touching the walls only by its edges.
+
Create a room for the light to be in, for the sake of this tutorial we will use a 384*384*256 room with walls 16 units thick. Ensure the roof is touching the walls only by its edges.</div>
  
===Step 2===
+
<div style='clear:both'>
Texture the edges of the roof with the same texture you used for your roof.[[Image:Lighttutorial1.jpg|right|thumb|Step 2]]
 
  
 +
=== Step 2 ===
 +
[[Image:Lighttutorial1.jpg|right|thumb|Step 2]]
 +
Texture the edges of the roof with the same texture you used for your roof.</div>
  
 +
<div style='clear:both'>
 +
=== Step 3 ===
 +
[[Image:Lighttutorial2.jpg|right|thumb|Step 3]]
 +
Shrink the roof by four on each end, so in this case, from 384*384 -> 376*376</div>
  
 +
<div style='clear:both'>
 +
=== Step 4 ===
 +
[[Image:Lighttutorial3.jpg|right|thumb|Step 4]]
 +
Create a 4*16 block with the invisible texture and put it right beside your newly shrunk roof. They should fit so there are no leaks.</div>
  
 +
<div style='clear:both'>
 +
=== Step 5 ===
 +
[[Image:Lighttutorial4.jpg|right|thumb|Step 5]]
 +
Copy the invisible blocks and re-texture them to have nodraw. Move them higher above the invisible blocks so you can easily preform step 6</div>
  
 +
<div style='clear:both'>
 +
=== Step 6 ===
 +
[[Image:Lighttutorial5.jpg|right|thumb|Step 6]]
 +
Texture the bottom of the nodraw 4*16 blocks to light_recessedcool002. Rotate the recessed texture with the face edit tool so it is parallel with the block, with the lighter side of the gradient facing the inside of the room. {{tip| Change the light_recessedcool002 textures light map resolution to 8 to create a more constant glow. Also, you may choose to set the texture scale higher, so the light does not have the breaks in them}}
  
 +
<div style='clear:both'>
  
 +
=== Step 7 ===
 +
[[Image:Lighttutorial6.jpg|right|thumb|Step 7]]
 +
Move the nodraw blocks to sit on top of the invisible blocks.</div>
  
 +
<div style='clear:both'>
 +
=== Step 8 ===
 +
[[Image:Lighttutorial7.jpg|right|thumb|Step 8]]
 +
Select all the top walls and pull them up so they enclose the invisible blocks.</div>
  
 +
<div style='clear:both'>
 +
=== Step 9 (Optional) ===
 +
[[Image:Lighttutorial8.jpg|right|thumb|Step 9]]
 +
'''You do not have to place the overlays, the differences are negligible.'''
  
===Step 3===
+
Add an overlay with decals/overlay_light_gradient, and change the vstart/end to .99 instead of 1.</div>
Shrink the roof by four on each end, so in this case, from 384*384 -> 376*376[[Image:Lighttutorial2.jpg|right|thumb|Step 3]]
 
  
 +
<div style='clear:both'>
  
 +
=== Step 10 ===
 +
[[Image:Lighttutorial9.jpg|right|thumb|Step 10]]
 +
Resize to fit, and move inside of the hole.</div>
  
 +
<div style='clear:both'>
 +
=== Step 11 ===
 +
[[Image:Lighttutorial10.jpg|right|thumb|Step 11]]
 +
Repeat for every wall</div>
  
 +
<div style='clear:both'>
 +
=== Step 12 ===
 +
Compile your map, and ensure there are no leaks.</div>
  
 +
== See also ==
 +
* [[Portal Level Creation]]
  
 
+
[[Category:Level Design Tutorials]]
 
+
[[Category:Portal]]
 
 
 
 
===Step 4===
 
Create a 4*16 block with the invisible texture and put it right beside your newly shrunk roof. They should fit so there are no leaks.[[Image:Lighttutorial3.jpg|right|thumb|Step 4]]
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
===Step 5===
 
Copy the invisible blocks and re-texture them to have nodraw. Move them higher above the invisible blocks so you can easily preform step 6[[Image:Lighttutorial4.jpg|right|thumb|Step 5]]
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
===Step 6===
 
Texture the bottom of the nodraw 4*16 blocks to light_recessedcool002. Rotate the recessed texture with the face edit tool so it is parallel with the block, with the lighter side of the gradient facing the inside of the room.[[Image:Lighttutorial5.jpg|right|thumb|Step 6]]
 
 
 
===Step 7===
 
Move the nodraw blocks to sit on top of the invisible blocks.[[Image:Lighttutorial6.jpg|right|thumb|Step 7]]
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
===Step 8===
 
Select all the top walls, and pull them up so they enclose the invisible blocks.[[Image:Lighttutorial7.jpg|right|thumb|Step 8]]
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
===Step 9===
 
Add an overlay with decals/overlay_light_gradient, and change the vstart/end to .99 instead of 1.[[Image:Lighttutorial8.jpg|right|thumb|Step 9]]
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
===Step 10===
 
Resize to fit, and move inside of the hole.[[Image:Lighttutorial9.jpg|right|thumb|Step 10]]
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
===Step 11===
 
Repeat for every wall[[Image:Lighttutorial10.jpg|right|thumb|Step 11]]
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
===Step 12===
 
Compile your map, and ensure there are no leaks. If the light looks like the picture, then you have a leak.[[Image:Lighttutorial12.jpg|right|thumb|Step 12]]
 

Latest revision as of 10:10, 13 June 2019

Portal Level Creation
The final effect

In this tutorial you will learn how to make a wall light that is seen in the Portal test chambers.

Steps

Step 1

Create a room for the light to be in, for the sake of this tutorial we will use a 384*384*256 room with walls 16 units thick. Ensure the roof is touching the walls only by its edges.

Step 2

Step 2
Texture the edges of the roof with the same texture you used for your roof.

Step 3

Step 3
Shrink the roof by four on each end, so in this case, from 384*384 -> 376*376

Step 4

Step 4
Create a 4*16 block with the invisible texture and put it right beside your newly shrunk roof. They should fit so there are no leaks.

Step 5

Step 5
Copy the invisible blocks and re-texture them to have nodraw. Move them higher above the invisible blocks so you can easily preform step 6

Step 6

Step 6
Texture the bottom of the nodraw 4*16 blocks to light_recessedcool002. Rotate the recessed texture with the face edit tool so it is parallel with the block, with the lighter side of the gradient facing the inside of the room.
Tip: Change the light_recessedcool002 textures light map resolution to 8 to create a more constant glow. Also, you may choose to set the texture scale higher, so the light does not have the breaks in them

Step 7

Step 7
Move the nodraw blocks to sit on top of the invisible blocks.

Step 8

Step 8
Select all the top walls and pull them up so they enclose the invisible blocks.

Step 9 (Optional)

Step 9

You do not have to place the overlays, the differences are negligible.

Add an overlay with decals/overlay_light_gradient, and change the vstart/end to .99 instead of 1.

Step 10

Step 10
Resize to fit, and move inside of the hole.

Step 11

Step 11
Repeat for every wall

Step 12

Compile your map, and ensure there are no leaks.

See also