Difference between revisions of "Bethesda Tutorial Layout Part 1"

1,356 bytes removed ,  10:45, 12 August 2018
m
imported>JohnnyWing
m (link created for COCMarkerHeading)
imported>Cassihami
 
(14 intermediate revisions by 7 users not shown)
Line 25: Line 25:
==Finding Kit Pieces in the Object Window==
==Finding Kit Pieces in the Object Window==


To make the standard kits available, first click on the load button on the toolbar at the top of the creation kit window, double-click the checkbox in front of "Skyrim.esm" to make sure it is selected, and click OK. Answer "yes" to any errors that pop up during this process.
To make the standard kits available, first click on the load button [[File:Jbrowne IconLoad.jpeg]] on the toolbar at the top of the creation kit window, double-click the checkbox in front of "Skyrim.esm" to make sure it is selected, and click OK. Answer "yes to all" for any errors that pop up during this process.


To view categories of kits in the object window, expand the ‘World Objects’ category on the left side of the Object Window. From there, expand the '''"STATIC > Dungeons"''' categories. Several kit types are available. For the purposes of this tutorial we will be using the '''"Nordic"''' category. You can browse through this category to see the different sub kits and pieces that are available for use in this kit.  For now, choose the '''"SmRooms"''' sub-kit.
To view categories of kits in the object window, expand the ‘World Objects’ category on the left side of the Object Window. From there, expand the '''"STATIC > Dungeons"''' categories. Several kit types are available. For the purposes of this tutorial we will be using the '''"Nordic"''' category. You can browse through this category to see the different sub kits and pieces that are available for use in this kit.  For now, choose the '''"SmRooms"''' sub-kit.


You can use the '''[[Preview Window]]''' to preview objects. Right clicking an object in the object window and select "preview". A window will pop up showing the object. You can use the same camera controls here as in the [[Render Window]], and automatically updates to show whatever object you select in the [[Object Window]]. This can make the [[Preview Window]] handy to keep up for browsing the art.
You can use the '''[[Preview Window]]''' to preview objects by right clicking an object in the object window and selecting "preview". A window will pop up showing the object. This window automatically updates to show whatever object you select in the [[Object Window]], so it can be handy to keep up for browsing the art. Unfortunately, the camera controls for the Preview Window are a markedly different and simplified subset of those in the [[Render Window]], and these differences can take some getting used to.
{|style="border-collapse: separate; border-spacing: 0; border-width: 1px; border-style: solid; border-color: #000; padding: 0"
 
|-
{{ProTip|Kits are very robust, and the large number of pieces at your disposal can be overwhelming at first. Stick with it! Just knowing your way around the kit is a huge part of being able to effectively work with it, and this will take some time and experimentation on your part.  Give yourself a generous amount of time for this before moving on. Try not to get frustrated at slow progress right now!}}
|style="border-style: solid; border-width: 0"|[[Image:Protip.jpg|48px]]
|style="border-style: solid; border-width: 0"|Kits are very robust, and the large number of pieces at your disposal can be overwhelming at first. Stick with it! Just knowing your way around the kit is a huge part of being able to effectively work with it, and this will take some time and experimentation on your part.  Give yourself a generous amount of time for this before moving on. Try not to get frustrated at slow progress right now!
|}


==Kit Naming Conventions==
==Kit Naming Conventions==
Line 73: Line 70:
You are able to search for the pieces you need by typing any of these parts into the Object Window filter. For example, if you want to view all of the Nordic Small Room pieces, type ''"NorRmSm"'' into the filter. The search will turn up results based on the category selected on the left side of the object window.  
You are able to search for the pieces you need by typing any of these parts into the Object Window filter. For example, if you want to view all of the Nordic Small Room pieces, type ''"NorRmSm"'' into the filter. The search will turn up results based on the category selected on the left side of the object window.  


{|style="border-collapse: separate; border-spacing: 0; border-width: 1px; border-style: solid; border-color: #000; padding: 0"
{{InDepth|Once you've learned the naming convention, you can use the asterisk "(*)" to serve as a wildcard when searching for pieces in the Object Window. For example, if you are searching for all possible exits from a Nordic Small Room, just enter '''"NorRmSm*Ex"''' into the Object Window Filter. Each possible exit piece for the Nordic Small Room kit will appear. [http://en.wikipedia.org/wiki/Wildcard_character More about wildcards at Wikipedia]}}
|-
|style="border-style: solid; border-width: 0"|[[Image:InDepth.jpg|48px]]
|style="border-style: solid; border-width: 0"|Once you've learned the naming convention, you can use the asterisk "(*)" to serve as a wildcard when searching for pieces in the Object Window. For example, if you are searching for all possible exits from a Nordic Small Room, just enter '''"NorRmSm*Ex"''' into the Object Window Filter. Each possible exit piece for the Nordic Small Room kit will appear. [http://en.wikipedia.org/wiki/Wildcard_character More about wildcards at Wikipedia]
|}


<br>
<br>
Line 85: Line 78:
<br>
<br>
==Step 1: Creating A Cell==
==Step 1: Creating A Cell==
Before we can do anything else, we need to create a space to work in.  This is most commonly done by duplicating an existing cell.  The cell you choose will bring over some data you may need to modify, but we'll deal with that later.  For now, locate and right-click on the interior cell '''aaaMarkers''' and choose '''Duplicate Cell'''.  You should see a new cell appear in the Cell List just below it.  Rename this new cell by selecting it and pressing F2. We'll call this dungeon '''LokirsTomb'''.
Before we can do anything else, we need to create a space to work in.  This is most commonly done by duplicating an existing cell.  The cell you choose will bring over some data you may need to modify, but we'll deal with that later.  For now, go to the '''Cell View''' window, locate and right-click on the interior cell '''aaaMarkers''' and choose '''Duplicate Cell'''.  You should see a new cell appear in the Cell List just below it.  Rename this new cell by selecting it and pressing F2. We'll call this dungeon '''LokirsTomb'''.


Now that you have your own interior cell to work with, be sure to select the LokirsTomb cell (and ''not'' aaaMarkers) and delete the LokirsTomb objects listed in the object window (right side of the Cell View pane), as we'll want to start fresh. Don't worry about deleting the navmesh for now. We'll get to that later.
Now that you have your own interior cell to work with, be sure to select the LokirsTomb cell (and ''not'' aaaMarkers) and delete the LokirsTomb objects listed in the object window (right side of the Cell View pane), as we'll want to start fresh. Don't worry about deleting the navmesh for now. We'll get to that later.
Line 91: Line 84:
Right click on the LokirsTomb Cell and pick "View" to assign it to the render window.
Right click on the LokirsTomb Cell and pick "View" to assign it to the render window.


::{|style="border-collapse: separate; border-spacing: 0; border-width: 1px; border-style: solid; border-color: #000; padding: 0"
{{WarningBox|It's important to be 100% sure of what cell you have loaded before doing any editing. There are two places to check this: the title bar of the [[Render Window]], and the area above the filter box in the [[Cell View]] window both show the name of the currently-loaded cell}}
|-
|style="border-style: solid; border-width: 0"|[[Image:achtung.png]]
|style="border-style: solid; border-width: 0"|It's important to be 100% sure of what cell you have loaded before doing any editing. There are two places to check this: the title bar of the [[Render Window]], and the area above the filter box in the [[Cell View]] window both show the name of the currently-loaded cell
|}


==Step 2: Placing Your First Piece==
==Step 2: Placing Your First Piece==
Let's get started by placing our first piece. Take a look at your [[Object_Window|Object Window]] and expand: "'''World Objects > STATIC> Dungeons > Nordic'''"  You'll notice several sub-kits here, but for now we're just concerned with the Small Room, or "''SmRooms''" sub-kit.  Expand that sub-kit now, and the list on the right-hand side of your Object Window will populate with a number of pieces beginning with "NorRmSm".
Let's get started by placing our first piece. Take a look at your [[Object_Window|Object Window]] and expand: "'''World Objects > STATIC > Dungeons > Nordic'''"  You'll notice several sub-kits here, but for now we're just concerned with the Small Room, or "''SmRooms''" sub-kit.  Expand that sub-kit now, and the list on the right-hand side of your Object Window will populate with a number of pieces beginning with "NorRmSm".


Now that we have the sub-kit loaded and ready to go, select "'''NorRmSmWallSide01'''" and place it into your cell by dragging and releasing it over the Render Window.  You may or may not see the object appear.  In either case, right-click on the newly-created reference ID in your Cell View Window.  Choose "'''Edit'''".  As seen in [[:File:SettingToOrigin01.jpg|Fig 2]], change the XYZ Position coordinates to 0,0,0, and click OK.
Now that we have the sub-kit loaded and ready to go, select "'''NorRmSmWallSide01'''" and place it into your cell by dragging and releasing it over the Render Window.  You may or may not see the object appear.  In either case, right-click on the newly-created reference ID in your Cell View Window.  Choose "'''Edit'''".  As seen in [[:File:SettingToOrigin01.jpg|Fig 2]], change the XYZ Position coordinates to 0,0,0, and click OK.
Line 111: Line 100:
You don't always need to be aware of the grid.  When placing an enemy, rotating a treasure chest, or adjusting the position of a light, for example, precision isn't important.  The Grid is critical when working with kits, however.  Kit pieces are designed to "snap" to each other precisely, and the Grid is the only way to get this precision.  "Eyeballing" kit pieces will always leave gaps and seams.
You don't always need to be aware of the grid.  When placing an enemy, rotating a treasure chest, or adjusting the position of a light, for example, precision isn't important.  The Grid is critical when working with kits, however.  Kit pieces are designed to "snap" to each other precisely, and the Grid is the only way to get this precision.  "Eyeballing" kit pieces will always leave gaps and seams.


Everything in the Creation Kit is measured in '''"Units"'''. These units don't correspond to any real-world units of measurement, but [[:File:UnitScaleRef.jpg| Fig. 3]]
Everything in the Creation Kit is measured in '''[[Unit|"Units"]]'''. These units don't correspond to any real-world units of measurement, but [[:File:UnitScaleRef.jpg| Fig. 3]]
should give you an idea of how they scale against our kit and some characters.
should give you an idea of how they scale against our kit and some characters.


Line 126: Line 115:
==Step 3: Fitting the Pieces Together==
==Step 3: Fitting the Pieces Together==
Select your ''NorRmSmWallSide01'' piece we placed before.  Use '''"ctrl+D"''' to create a duplicate piece.  This will place a new ''NorRmSmWallSide01'' reference directly on top of the pre-existing one.  Note that the duplicated object is automatically selected for you.
Select your ''NorRmSmWallSide01'' piece we placed before.  Use '''"ctrl+D"''' to create a duplicate piece.  This will place a new ''NorRmSmWallSide01'' reference directly on top of the pre-existing one.  Note that the duplicated object is automatically selected for you.
::{|style="border-collapse: separate; border-spacing: 0; border-width: 1px; border-style: solid; border-color: #000; padding: 0"
{{WarningBox|Remember that you have to "click in" to the render window before performing operations like duplicate. Also, if objects inside the render window are not being selected, type CTRL+P or click the [[File:Jbrowne_IconPortalMode.jpeg]] '''Enter Portal Mode''' button in the [[Main_Toolbar|main toolbar]].}}
|-
Click and drag on the object inside the Render Window to move the newly-created wall piece.  With grid-snapping turned on, it will lock into place relatively easily.
|style="border-style: solid; border-width: 0"|[[Image:achtung.png]]
|style="border-style: solid; border-width: 0"|Remember that you have to "click in" to the render window before performing operations like duplicate. Also, if objects inside the render window are not being selected, type CTRL+P or click the [[File:Jbrowne_IconPortalMode.jpeg]] '''Enter Portal Mode''' button in the [[Main_Toolbar|main toolbar]].
|}
Click and drag inside the Render Window to move the newly-created wall piece.  With grid-snapping turned on, it will lock into place relatively easily.
 
Two walls is hardly a room; we need corners! Return you attention to the [[Object Window]] and search for "'''NorRmSmCorIn01'''", then drag it into the render window.  [[Creation_Kit_Interface_Cheat_Sheet|Rotate the piece]] into the correct orientation to line up with one of your walls and drag it into place.  [[:File:FittingPieces01.jpg|See Fig. 5.]] Remember to have your angle-snapping turned on and locked at 45 degrees.  


::{|style="border-collapse: separate; border-spacing: 0; border-width: 1px; border-style: solid; border-color: #000; padding: 0"
Two walls is hardly a room; we need corners! Return your attention to the [[Object Window]] and search for "'''NorRmSmCorIn01'''", then drag it into the render window.  [[Creation_Kit_Interface_Cheat_Sheet|Rotate the piece]] into the correct orientation to line up with one of your walls and drag it into place[[:File:FittingPieces01.jpg|See Fig. 5.]] Remember to have your angle-snapping turned on and locked at 45 degrees.  
|-
|style="border-style: solid; border-width: 0"|[[Image:NewFeature.jpg]]
|style="border-style: solid; border-width: 0"|When dragging new references to the Render Window, they will be placed with their pivot point wherever your cursor is when you release the left mouse button. This makes it easy to quickly create new pieces at the correct floor heightIf you release over the void, the object will be placed at the camera.
|}


{{NewFeature|When dragging new references to the Render Window, they will be placed with their pivot point wherever your cursor is when you release the left mouse button. This makes it easy to quickly create new pieces at the correct floor height.  If you release over the void, the object will be placed at the camera.}}
Some kits have a "flow", which means that pieces have to be configured in a specific way for aesthetic reasons. For example, in this kit, walls are either '''"side"''' or '''"front"''' types. The two walls you've placed are ''side'' walls, as denoted in the name of the piece. Any perpendicular walls must therefore be of the ''front'' type. In this case, it's because of ceiling details that flow the length of the room, and using the pieces incorrectly can create large gaps in the ceiling.
Some kits have a "flow", which means that pieces have to be configured in a specific way for aesthetic reasons. For example, in this kit, walls are either '''"side"''' or '''"front"''' types. The two walls you've placed are ''side'' walls, as denoted in the name of the piece. Any perpendicular walls must therefore be of the ''front'' type. In this case, it's because of ceiling details that flow the length of the room, and using the pieces incorrectly can create large gaps in the ceiling.


In the [[Object Window]], find "'''NorRmSmWallFront01'''" and drag it into the Render Window. If needed, Rotate the piece to line it up with one of the corner pieces. Complete the outer walls with two additional "''NorRmSmWallFront01''" pieces. You can then finish the room's walls using corners and the same amount of "''NorRmSmWallFront01''" and "''NorRmSmWallSide01''" pieces on each side.
In the [[Object Window]], find "'''NorRmSmWallFront01'''" and drag it into the Render Window. If needed, Rotate the piece to line it up with one of the corner pieces. Complete the outer walls with two additional "''NorRmSmWallFront01''" pieces. You can then finish the room's walls using corners and the same amount of "''NorRmSmWallFront01''" and "''NorRmSmWallSide01''" pieces on each side.


The room is nearly complete - except for the gaping hole in the center. Place a '''NorRmSmMid01''' piece, which can be snapped into the gap. Duplicate the mid piece and keep snapping until the hole is filled. There's something you have to check at this point: this piece also has specific flow, so rotation is important, even though it may not appear to be at first glance.
The room is nearly complete - except for the gaping hole in the center.[[:File:LevelShell01.jpg|See Fig. 6.]] Place a '''NorRmSmMid01''' piece, which can be snapped into the gap. Duplicate the mid piece and keep snapping until the hole is filled. There's something you have to check at this point: this piece also has specific flow, so rotation is important, even though it may not appear to be at first glance.


To check the ceiling flow, [[Creation_Kit_Interface_Cheat_Sheet|rotate the camera]] so you're looking at the ceiling. Notice the linear pattern in the pieces. Rotate the mid pieces individually where necessary to connect the pattern to the walls. See Figure 7 for the correct configuration.
To check the ceiling flow, [[Creation_Kit_Interface_Cheat_Sheet|rotate the camera]] so you're looking at the ceiling. Notice the linear pattern in the pieces. Rotate the mid pieces individually where necessary to connect the pattern to the walls. [[:File:WrongRotation01.jpg|See Fig. 7]] for the correct configuration.


::{|style="border-collapse: separate; border-spacing: 0; border-width: 1px; border-style: solid; border-color: #000; padding: 0"
{{WarningBox|Rotating the camera to look up can be disorienting, especially if you are new to the Creation Kit or working in 3D.  Be patient and use Shift+F to re-focus the camera and start over if you end up looking into the void.}}
|-
|style="border-style: solid; border-width: 0"|[[Image:achtung.png]]
|style="border-style: solid; border-width: 0"|Rotating the camera to look up can be disorienting, especially if you are new to the Creation Kit or working in 3D.  Be patient and use Shift+F to re-focus the camera and start over if you end up looking into the void.
|}


<gallery>
<gallery>
Line 164: Line 140:
We've completed a room with walls, a ceiling, and a floor - but no way out. Time to add a door. Delete one of the '''NorRmSmWallFront01''' pieces by selecting it in the render window and pressing "delete". In the [[Object Window]], search for '''NorRmSmWallFrontExSm01''' and drag it into the render window. Remember to preserve front/side consistency. Since this exit is on a "front" wall, use a "front" exit piece.  
We've completed a room with walls, a ceiling, and a floor - but no way out. Time to add a door. Delete one of the '''NorRmSmWallFront01''' pieces by selecting it in the render window and pressing "delete". In the [[Object Window]], search for '''NorRmSmWallFrontExSm01''' and drag it into the render window. Remember to preserve front/side consistency. Since this exit is on a "front" wall, use a "front" exit piece.  


::{|style="border-collapse: separate; border-spacing: 0; border-width: 1px; border-style: solid; border-color: #000; padding: 0"
{{ProTip|Not sure what object you have selected? The [[Main Toolbar]] displays this in its lower-left corner.  If you have multiple objects selected, it displays the most recently selected object name and "+X more" to give you an idea how large your total selection is.  Your current selection is also highlighted in the [[Cell View Window]]}}
|-
|style="border-style: solid; border-width: 0"|[[Image:Protip.jpg|48px]]
|style="border-style: solid; border-width: 0"|Not sure what object you have selected? The [[Main Toolbar]] displays this in its lower-left corner.  If you have multiple objects selected, it displays the most recently selected object name and "+X more" to give you an idea how large your total selection is.  Your current selection is also highlighted in the [[Cell View Window]]
|}


Try creating a hallway connected to the new doorway. In the object window search for '''NorHallSm1WayEndExSm01'''.  Make sure your [[Object Window]] is opened to '''WorldObjects>Static>Dungeons>Nordic>SmHalls'''.  Note the ''ExSm'' suffix, shorthand for "Exit Small".  This lets us know it will snap with any other ''ExSm'' piece in the Nordic kit. Be sure grid-snapping is still on and snap the pieces together.
Try creating a hallway connected to the new doorway. In the object window search for '''NorHallSm1WayEndExSm01'''.  Make sure your [[Object Window]] is opened to '''WorldObjects>Static>Dungeons>Nordic>SmHalls'''.  Note the ''ExSm'' suffix, shorthand for "Exit Small".  This lets us know it will snap with any other ''ExSm'' piece in the Nordic kit. Be sure grid-snapping is still on and snap the pieces together.
Line 179: Line 151:
</gallery>
</gallery>


::{|style="border-collapse: separate; border-spacing: 0; border-width: 1px; border-style: solid; border-color: #000; padding: 0"
{{WarningBox|When loading example plugins, remember '''not''' to load your plugin to avoid conflicts caused by having two cells with the same name.}}
|-
|style="border-style: solid; border-width: 0"|[[Image:achtung.png]]
|style="border-style: solid; border-width: 0"|When loading example plugins, remember '''not''' to load your plugin to avoid conflicts caused by having two cells with the same name.
|}


==Step 5: Checking It Out In the Game==
==Step 5: Checking It Out In the Game==
Line 194: Line 162:
----
----


::{|style="border-collapse: separate; border-spacing: 0; border-width: 1px; border-style: solid; border-color: #000; padding: 0"
{{ProTip|When testing, it's helpful to use the '''[[COCMarkerHeading]]'''.  These markers are only used for testing - when using the COC [[Console_Commands|console command]], this is where you will appear.  Only one of these markers should be placed per cell. If a cell has a pre-existing coc Marker, simply move it before saving the plugin. Like all markers, if it's hidden, press '''"M"''' to show it. If you are having trouble finding it in the Object Window, simply type "COC" into the filter box and select the '''*ALL''' category.
|-
|style="border-style: solid; border-width: 0"|[[image:cocMarkerIcon.png|30px]]}}
|style="border-style: solid; border-width: 0"|[[Image:Protip.jpg|48px]]
 
|style="border-style: solid; border-width: 0"|When testing, it's helpful to use the '''[[COCMarkerHeading]]'''.  These markers are only used for testing - when using the COC [[Console_Commands|console command]], this is where you will appear.  Only one of these markers should be placed per cell. If a cell has a pre-existing coc Marker, simply move it before saving the plugin. Like all markers, if it's hidden, press '''"M"''' to show it. If you are having trouble finding it in the Object Window, simply type "COC" into the filter box and select the '''*ALL''' category.
----
|style="border-style: solid; border-width: 0"|[[image:cocMarkerIcon.png|30px]]
 
|}
==Problem==
 
{{WarningBox|  
'Creation-kit' has been having some slight problems with rendering objects from your mod into the real game,
although this is a problem for some people. If you make a mod that has a Piece of Static objects in it, and then you save and upload, but when you go to test it out it is not there then the problem has occurred, currently there is not a fix to this, I will be looking for a way on avoiding this, or preferable fixing it. Hopefully Bethesda Game Studios.
}}


{{Template:Tutorial_Bottom_Bar
{{Tutorial_Bottom_Bar
|Prev=Bethesda_Tutorial_Creation_Kit_Interface
|Prev=Bethesda_Tutorial_Creation_Kit_Interface
|Next=Bethesda_Tutorial_Layout_Part_2
|Next=Bethesda_Tutorial_Layout_Part_2
}}
}}
{{Languages}}
Anonymous user