Creating a wall light: Difference between revisions

From Valve Developer Community
Jump to navigation Jump to search
(cleaned)
No edit summary
Line 1: Line 1:
[[Category:Level Design Tutorials]]
[[Category:Level Design Tutorials]]
[[Category:Portal]]
[[Category:Sbrown Tutorials]]


==Introduction==
==Introduction==
Line 5: Line 7:


==Steps==
==Steps==
<div style='clear:both'>
===Step 1===
===Step 1===
Create a room for the light to be in, for the sake of this tutorial wel will use 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 wel will use a 384*384*256 room with walls 16 units thick. Ensure the roof is touching the walls only by its edges.</div>


<div style='clear:both'>
===Step 2===
===Step 2===
Texture the edges of the roof with the same texture you used for your roof.[[Image:Lighttutorial1.jpg|right|thumb|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===
===Step 3===
Shrink the roof by four on each end, so in this case, from 384*384 -> 376*376[[Image:Lighttutorial2.jpg|right|thumb|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===
===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]]
[[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===
===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]]
[[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===
===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]]
[[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.</div>


<div style='clear:both'>
===Step 7===
===Step 7===
Move the nodraw blocks to sit on top of the invisible blocks.[[Image:Lighttutorial6.jpg|right|thumb|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===
===Step 8===
Select all the top walls and pull them up so they enclose the invisible blocks.[[Image:Lighttutorial7.jpg|right|thumb|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===
===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]]
[[Image:Lighttutorial8.jpg|right|thumb|Step 9]]
 
Add an overlay with decals/overlay_light_gradient, and change the vstart/end to .99 instead of 1.</div>
 
 
 
 
 
 
 
 


<div style='clear:both'>
===Step 10===
===Step 10===
Resize to fit, and move inside of the hole.[[Image:Lighttutorial9.jpg|right|thumb|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===
===Step 11===
Repeat for every wall[[Image:Lighttutorial10.jpg|right|thumb|Step 11]]
[[Image:Lighttutorial10.jpg|right|thumb|Step 11]]
 
Repeat for every wall</div>
 
 
 
 
 
 
 
 


<div style='clear:both'>
===Step 12===
===Step 12===
Compile your map, and ensure there are no leaks.
Compile your map, and ensure there are no leaks.</div>

Revision as of 23:10, 26 January 2009


Introduction

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

The final effect

Steps

Step 1

Create a room for the light to be in, for the sake of this tutorial wel 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.

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

Step 9
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.