This article relates to the game "Portal". Click here for more information.
This article's documentation is for anything that uses the Source engine. Click here for more information.

Creating a wall light: Difference between revisions

From Valve Developer Community
Jump to navigation Jump to search
m (→‎Step 1: spelling...it said "wel" and meant to be "we")
mNo edit summary
 
(13 intermediate revisions by 8 users not shown)
Line 1: Line 1:
[[Image:Lighttutorial11.jpg|right|thumb|350px|The final effect]]
{{Portal topicon}}{{Source topicon}}
{{Lang|title=Recessed Lights}}
{{Subpage|[[Portal Level Creation]]}}
[[Category:Portal]] [[Category:Level Design]] [[Category:Tutorials]]


In this tutorial you will learn how to make a wall light that is seen in the Portal test chambers.
[[File:Lighttutorial11.jpg|right|thumb|350px|The final effect.]]
 
In this tutorial you'll learn how to make a wall light that is seen in the {{portal|4}} test chambers.


== Steps ==
== Steps ==
{{clr}}


<div style='clear:both'>
=== Step 1 ===
=== 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.</div>
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.{{clr}}
 
<div style='clear:both'>


=== Step 2 ===
=== Step 2 ===
[[Image:Lighttutorial1.jpg|right|thumb|Step 2]]
[[File:Lighttutorial1.jpg|right|thumb|Step 2]]
Texture the edges of the roof with the same texture you used for your roof.</div>
Texture the edges of the roof with the same texture you used for your roof.{{clr}}


<div style='clear:both'>
=== Step 3 ===
=== Step 3 ===
[[Image:Lighttutorial2.jpg|right|thumb|Step 3]]
[[File:Lighttutorial2.jpg|right|thumb|Step 3]]
Shrink the roof by four on each end, so in this case, from 384*384 -> 376*376</div>
Shrink the roof by 4 on each end. In this case, from 384×384 to 376×376.{{clr}}


<div style='clear:both'>
=== Step 4 ===
=== Step 4 ===
[[Image:Lighttutorial3.jpg|right|thumb|Step 4]]
[[File: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>
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.{{clr}}


<div style='clear:both'>
=== Step 5 ===
=== Step 5 ===
[[Image:Lighttutorial4.jpg|right|thumb|Step 5]]
[[File: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>
Copy the invisible blocks and re-texture them with Nodraw. Move them higher above the invisible blocks so you can easily perform step 6.{{clr}}


<div style='clear:both'>
=== Step 6 ===
=== Step 6 ===
[[Image:Lighttutorial5.jpg|right|thumb|Step 6]]
[[File: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>
Texture the bottom of the 4×16 Nodraw blocks with <tt>light_recessedcool002</tt>. 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 <tt>light_recessedcool002</tt> texture's [[lightmap]] 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 it.}}{{clr}}
 
<div style='clear:both'>


=== Step 7 ===
=== Step 7 ===
[[Image:Lighttutorial6.jpg|right|thumb|Step 7]]
[[File:Lighttutorial6.jpg|right|thumb|Step 7]]
Move the nodraw blocks to sit on top of the invisible blocks.</div>
Move the Nodraw blocks to sit on top of the invisible blocks.{{clr}}


<div style='clear:both'>
=== Step 8 ===
=== Step 8 ===
[[Image:Lighttutorial7.jpg|right|thumb|Step 8]]
[[File:Lighttutorial7.jpg|right|thumb|Step 8]]
Select all the top walls and pull them up so they enclose the invisible blocks.</div>
Select all the top walls and pull them up so they enclose the invisible blocks.{{clr}}


<div style='clear:both'>
=== Step 9 ===
=== Step 9 (Optional) ===
[[File:Lighttutorial8.jpg|right|thumb|Step 9]]
[[Image:Lighttutorial8.jpg|right|thumb|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.</div>
Add an [[info overlay|overlay]] with the texture <tt>decals/overlay_light_gradient</tt>, and change the VStart/VEnd to .99 instead of 1.{{clr}}
 
<div style='clear:both'>


=== Step 10 ===
=== Step 10 ===
[[Image:Lighttutorial9.jpg|right|thumb|Step 10]]
[[File:Lighttutorial9.jpg|right|thumb|Step 10]]
Resize to fit, and move inside of the hole.</div>
Resize to fit, and move inside of the hole.{{clr}}


<div style='clear:both'>
=== Step 11 ===
=== Step 11 ===
[[Image:Lighttutorial10.jpg|right|thumb|Step 11]]
[[File:Lighttutorial10.jpg|right|thumb|Step 11]]
Repeat for every wall</div>
Repeat for every wall.{{clr}}


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


== See also ==
== See also ==
* [[Portal Level Creation]]
* [[Portal Level Creation]]
[[Category:Level Design Tutorials]]
[[Category:Portal]]

Latest revision as of 08:14, 8 February 2024

English (en)Français (fr)Русский (ru)Translate (Translate)
The final effect.

In this tutorial you'll learn how to make a wall light that is seen in the Portal 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 4 on each end. In this case, from 384×384 to 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 with Nodraw. Move them higher above the invisible blocks so you can easily perform step 6.

Step 6

Step 6

Texture the bottom of the 4×16 Nodraw blocks with 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.pngTip:Change the light_recessedcool002 texture's lightmap 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 it.

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 the texture decals/overlay_light_gradient, and change the VStart/VEnd 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