Difference between revisions of "Bethesda Tutorial Lights and FX"

m
imported>Nemesis
(→‎Using Effects and External Emittance: Corrected mist object's light)
imported>SarthesArai
 
(10 intermediate revisions by 6 users not shown)
Line 8: Line 8:
|espInitial=LDOptimizationTutorialComplete.esp
|espInitial=LDOptimizationTutorialComplete.esp
|espCompleted=LDLightingTutorialComplete.esp
|espCompleted=LDLightingTutorialComplete.esp
|videoCompanion=
|videoCompanion=http://youtu.be/5fZoIpKcJ6I?hd=1
}}
}}
=Overview=
=Overview=
Line 25: Line 25:


* '''Shadow-Casting Omni'''
* '''Shadow-Casting Omni'''
This type of light casts a sphere of light, just like a regular omni, but casts shadows.  Shadow-casting lights can be identified by a purple axis, seen in ''Fig 8.1b.''. Shadows generate additional polygons and only four can be visible at any given time, so be careful of how many of these you use.  Too many shadow-casting lights will quickly cause performance problems and visual bugs.
This type of light casts a sphere of light, just like a regular omni, but casts shadows.  Shadow-casting lights can be identified by a purple axis, seen in ''Fig 8.1b.''. Shadows generate additional polygons and only '''four''' can be visible at any given time, so be careful of how many of these you use.  Too many shadow-casting lights will quickly cause performance problems and visual bugs.


* '''Spotlight'''
* '''Spotlight'''
Spotlights cast light in a single direction and are useful for when you need a focused light, like with a skylight.  All spotlights are shadow-casting lights, and therefore should be used frugally.  (''Fig 8.2c'')
Spotlights cast light in a single direction and are useful for when you need a focused light, like with a skylight.  All spotlights are shadow-casting lights, and therefore should be used frugally.  (''Fig 8.1c'')


* '''Hemispherical'''
* '''Hemispherical'''
Line 45: Line 45:
In practice, however, lighting for games is a meticulous art.  The power and importance of good lighting cannot be over-stated, and the Creation Engine provides creators with more tools than ever before to create spaces that are not just beautifully lit, but also serve as a design tool for guiding players and creating emotional impact.
In practice, however, lighting for games is a meticulous art.  The power and importance of good lighting cannot be over-stated, and the Creation Engine provides creators with more tools than ever before to create spaces that are not just beautifully lit, but also serve as a design tool for guiding players and creating emotional impact.


Lights can be located in the [[Object Window]], in '''WorldObjects > Lights'''.  From here, they can simply be dragged into the [[Render Window]], just like static art.  Be sure that markers are visible (''"M" hotkey''), and that lighting preview is also toggled on with the "'''A'''" hotkey or toolbar button: [[File:Jb_MainLights.jpg]]
Lights can be located in the [[Object Window]], in '''WorldObjects > Lights'''.  From here, they can simply be dragged into the [[Render Window]], just like static art.  Be sure that Markers are visible (''"M" hotkey''), Light Markers are on with "CTRL+I", and that lighting preview is also toggled on with the "'''A'''" hotkey or toolbar button: [[File:Jb_MainLights.jpg]]


Shadow rendering must also be enabled in the preferences. File->Preferences->Shaders, check the box for shadows, click apply.
Shadow rendering must also be enabled in the preferences. File->Preferences->Shaders, check the box for shadows, click apply.
Line 63: Line 63:
* There are many attributes of lights that can be set on both the [[Light|base object]] itself and the Light tab within the properties of an individual reference.
* There are many attributes of lights that can be set on both the [[Light|base object]] itself and the Light tab within the properties of an individual reference.


In Object Window, filter by '''Default*'''. Place '''DefaultTorch01NS''' near FXfireWithEmbersHeavy, adjust brightness and area of affect, see ''Fig 8.1a'' for reference. For lanterns and candle lights you can use '''DefaultCandleLight01NS''' such as in  ''Fig 8.1b'' (for tight group of candles, it is recommend to stick with one light object). If you want the light to flicker more you can use *_Fast or *_SuperFast, of if you want steady light then *_NoMove. Experiment with the different lights.
In Object Window, filter by '''Default*'''. Place '''DefaultTorch01NS''' near FXfireWithEmbersHeavy, adjust brightness and area of affect, see ''Fig 8.1a'' for reference. For lanterns and candle lights you can use '''DefaultCandleLight01NS''' such as in  ''Fig 8.1b'' (for tight group of candles, it is recommend to stick with one light object). If you want the light to flicker more you can select *_Fast or *_SuperFast types from the Object Window, or if you want steady light then select *_NoMove. Experiment with the different lights.


<gallery widths="290px" heights="210px" perrow="3">
<gallery widths="290px" heights="210px" perrow="3">
Line 91: Line 91:
# Note the change in the coloration of the FX mist object.
# Note the change in the coloration of the FX mist object.


:{|style="border-collapse: separate; border-spacing: 0; border-width: 1px; border-style: solid; border-color: #000; padding: 0"
{{WarningBox|Only use this method around shadow casters, because external emittance will prevent the mist from being affected by any other light - including the player's spell effects or torch. To make sure your external emittance shows up in the render window, be sure FX preview is active:[[File:Jb_MainFX.jpg]]}}
|-
|style="border-style: solid; border-width: 0"|[[Image:achtung.png]]
|style="border-style: solid; border-width: 0"|Only use this method around shadow casters, because external emittance will prevent the mist from being affected by any other light - including the player's spell effects or torch. To make sure your external emittance shows up in the render window, be sure FX preview is active:[[File:Jb_MainFX.jpg]]
|}




Line 110: Line 106:
You can preview how the time of day will affect this light by going to '''file > preferences''' or right-clicking in the Render Window and choosing "Render Window Preferences" from the context menu. Select the "Render Window" tab. In the section labelled "'''Time/Day of Month'''", adjust the slider to change the time of day in the render window. (''"Fig. 8.3c"'') You can then place a regular omni light near the beam and assign emittance to that as well. Try using "'''FXLightRegionSunlightWhite'''" which will cast white light, but allow the fx to keep its blue tint. Don't forget to press '''"M"''' to toggle the markers to see what the light will look like without markers cluttering up the window.  
You can preview how the time of day will affect this light by going to '''file > preferences''' or right-clicking in the Render Window and choosing "Render Window Preferences" from the context menu. Select the "Render Window" tab. In the section labelled "'''Time/Day of Month'''", adjust the slider to change the time of day in the render window. (''"Fig. 8.3c"'') You can then place a regular omni light near the beam and assign emittance to that as well. Try using "'''FXLightRegionSunlightWhite'''" which will cast white light, but allow the fx to keep its blue tint. Don't forget to press '''"M"''' to toggle the markers to see what the light will look like without markers cluttering up the window.  


:{|style="border-collapse: separate; border-spacing: 0; border-width: 1px; border-style: solid; border-color: #000; padding: 0"
{{ProTip|Markers can get in the way when you're trying to precisely positions lights and FX objects.  Keep in mind, however, that these objects remain selected when hidden.  This means you can still use [[Bethesda_Tutorial_Creation_Kit_Interface#Gizmos|gizmos]] after you've toggled markers with "M".  You can also toggle "M" while holding the left mouse button to drag a light.  These tricks make it easier to fine-tune your ambiance without markers cluttering up your view.}}
|-
|style="border-style: solid; border-width: 0"|[[Image:Protip.jpg|48px]]
|style="border-style: solid; border-width: 0"|Markers can get in the way when you're trying to precisely positions lights and FX objects.  Keep in mind, however, that these objects remain selected when hidden.  This means you can still use [[Bethesda_Tutorial_Creation_Kit_Interface#Gizmos|gizmos]] after you've toggled markers with "M".  You can also toggle "M" while holding the left mouse button to drag a light.  These tricks make it easier to fine-tune your ambiance without markers cluttering up your view.
|}


<gallery widths="200px" heights="200px" perrow="3">
<gallery widths="200px" heights="200px" perrow="3">
Line 124: Line 116:
=Lighting Templates and Imagespaces=
=Lighting Templates and Imagespaces=


Another important element behind establishing the correct mood for your interior will be choosing the most appropriate lighting template and worldspace.
Another important element behind establishing the correct mood for your interior will be choosing the most appropriate '''[[Lighting Template]]''' and worldspace.


To set the lighting template in a cell, right-click on the cell name in the [[Cell View]] window and select "''Edit''", or go to '''World > Cells''' from the main menu and manually navigate to ''LokirsTomb''.  Click on the "Lighting" tab ''(Fig 8.4a)''. Here you can change the lighting template here to see what kind of effect it has on the scene in the render window.  
To set the lighting template in a cell, right-click on the cell name in the [[Cell View]] window and select "''Edit''", or go to '''World > Cells''' from the main menu and manually navigate to ''LokirsTomb''.  Click on the "Lighting" tab ''(Fig 8.4a)''. Here you can change the lighting template here to see what kind of effect it has on the scene in the render window.  
Line 131: Line 123:
Try experimenting; if we change the template to "'''MineTemplateClose'''" the cell will appear more foggy and dark.  The "'''AzurasStarTemplate'''" will make it brighter and more colorful. You can also uncheck any of the properties near the dropdown box here to set your own values.  Alternatively, setting the lighting template to '''NONE''' will allow you to manually set each value.  
Try experimenting; if we change the template to "'''MineTemplateClose'''" the cell will appear more foggy and dark.  The "'''AzurasStarTemplate'''" will make it brighter and more colorful. You can also uncheck any of the properties near the dropdown box here to set your own values.  Alternatively, setting the lighting template to '''NONE''' will allow you to manually set each value.  


:{|style="border-collapse: separate; border-spacing: 0; border-width: 1px; border-style: solid; border-color: #000; padding: 0"
{{InDepth|Changing the ambient color of a template won't do anything immediately noticeable. This value is used in the "'''Directional Ambient Lighting'''" tab. If you click the "Set From Ambient" button, the colors will all update to reflect the color chosen in the ambient color on the lighting tab.}}
|-
|style="border-style: solid; border-width: 0"|[[Image:InDepth.jpg|48px]]
|style="border-style: solid; border-width: 0"|Changing the ambient color of a template won't do anything immediately noticeable. This value is used in the "'''Directional Ambient Lighting'''" tab. If you click the "Set From Ambient" button, the colors will all update to reflect the color chosen in the ambient color on the lighting tab.  
|}


With the template is set, we can set the '''Imagespace'''. This can be set in the "ImageSpace" dropdown menu on the "Common Data" tab in the cell window. In most cases, this is set to "DefaultImageSpaceDungeon" because we can control the color and lighting more just by changing the lights and colors. We can do some more exaggerated things by using imagespaces as seen in "AzurasStarImageSpace" with the increased depth of field or in "FrostmereCryptImageSpace" with desaturation and increased contrast. '''"Fig.12"''' '''"Fig. 13"'''
With the template is set, we can set the '''[[ImageSpace]]'''. This can be set in the "ImageSpace" dropdown menu on the "Common Data" tab in the cell window. In most cases, this is set to "DefaultImageSpaceDungeon" because we can control the color and lighting more just by changing the lights and colors. We can do some more exaggerated things by using imagespaces as seen in "AzurasStarImageSpace" with the increased depth of field or in "FrostmereCryptImageSpace" with desaturation and increased contrast. '''"Fig.12"''' '''"Fig. 13"'''


<gallery widths="350" heights="340" perrow="2">
<gallery widths="350" heights="340" perrow="2">
Line 145: Line 133:




:{|style="border-collapse: separate; border-spacing: 0; border-width: 1px; border-style: solid; border-color: #000; padding: 0"
{{WarningBox|The section below details how to modify the lighting templates of individual rooms, but does not explain in detail how to create and modify RoomMarkers and Portals. If you are having a hard time viewing/creating RoomMarkers please visit this page for detailed instructions: http://www.creationkit.com/Bethesda_Tutorial_Optimization#Room_Markers_and_Portals . This will be especially helpful to those working on their own plugin, instead of the LokirsTomb demo plugin}}
|-
|style="border-style: solid; border-width: 0"|[[Image:achtung.png]]
|style="border-style: solid; border-width: 0"|The section below details how to modify the lighting templates of individual rooms, but does not explain in detail how to create and modify RoomMarkers and Portals. If you are having a hard time viewing/creating RoomMarkers please visit this page for detailed instructions: http://www.creationkit.com/Bethesda_Tutorial_Optimization#Room_Markers_and_Portals . This will be especially helpful to those working on their own plugin, instead of the LokirsTomb demo plugin
|}




Line 165: Line 149:




{{Template:Tutorial_Bottom_Bar
{{Tutorial_Bottom_Bar
|Prev=Bethesda_Tutorial_Optimization
|Prev=Bethesda_Tutorial_Optimization
|Next=Bethesda_Tutorial_World_Hookup
|Next=Bethesda_Tutorial_World_Hookup
}}
}}
Anonymous user