Differences

This shows you the differences between two versions of the page.

Link to this comparison view

en:scenemodding [2011/06/14 16:55]
bobocat
en:scenemodding [2012/11/12 18:39] (current)
bobocat updated to fit 1280 wide browsers
Line 3: Line 3:
 ===== Overview ===== ===== Overview =====
 Creating scene textures is a similar process to creating model textures. Textures are image files that are used to "skin" the 3D models in the scenes. Every object in the scene has a texture associated with it. Some textures are re-used in different places (E.g. wood deck) so changing one texture may affect multiple objects. Also, some texture images contain textures for multiple scene objects. Creating scene textures is a similar process to creating model textures. Textures are image files that are used to "skin" the 3D models in the scenes. Every object in the scene has a texture associated with it. Some textures are re-used in different places (E.g. wood deck) so changing one texture may affect multiple objects. Also, some texture images contain textures for multiple scene objects.
-{{:en:scenemod:yachtmods2.jpg|}}\\ +{{:en:scenemod:yachtmods2.jpg?1125}}\\ 
 Vulcano and German I by [[http://www.gamerotica.com/profile/Condoria/shares|Condoria]], Donnagrey by [[http://www.gamerotica.com/profile/celebwrecker/shares|Celebwrecker]], MV Luisa by [[http://www.gamerotica.com/profile/MaXsiM/shares|MaXsiM]], %%ElizabethNight%% by [[http://www.gamerotica.com/profile/Lotter/shares|Lotter]] Vulcano and German I by [[http://www.gamerotica.com/profile/Condoria/shares|Condoria]], Donnagrey by [[http://www.gamerotica.com/profile/celebwrecker/shares|Celebwrecker]], MV Luisa by [[http://www.gamerotica.com/profile/MaXsiM/shares|MaXsiM]], %%ElizabethNight%% by [[http://www.gamerotica.com/profile/Lotter/shares|Lotter]]
  
 ==== Regular Textures ==== ==== Regular Textures ====
 +For the most part the textures are basic color images that get wrapped around the 3D geometry in the scene. Here are some typical examples.
 |{{:en:scenemod:texture_objects_01.png|}}| Texture for the airbed | |{{:en:scenemod:texture_objects_01.png|}}| Texture for the airbed |
 |{{:en:scenemod:texture_objects_02.png|}}| Island texture | |{{:en:scenemod:texture_objects_02.png|}}| Island texture |
Line 12: Line 13:
  
 ==== Special Textures ==== ==== Special Textures ====
-|{{:en:scenemod:room_yacht01_poolwater02.png|}}| The **water** textures are "tileable" textures. This means that if you place them next to\\ each other up/down and left/right they will make a seamless pattern.\\ The water texture also makes use of transparency (Alpha channel) |+There are also some "special" textures that don't fall into the basic category. 
 +|{{:en:scenemod:room_yacht01_poolwater02.png|}}| The **water** textures are "tileable" textures. This means that if you place them next to\\ each other up/down and left/right they will make a seamless pattern.\\ The water texture also makes use of a [[#What_are_those_.txf_files_for?|transparent blend mode]] |
 |{{:en:scenemod:room_yacht01_lightmap01.png|}}| The **lightmap** textures are multiplied with objects in the scene to create cast shadows.\\ These are pre-computed images that you should probably avoid editing. | |{{:en:scenemod:room_yacht01_lightmap01.png|}}| The **lightmap** textures are multiplied with objects in the scene to create cast shadows.\\ These are pre-computed images that you should probably avoid editing. |
-|{{:en:scenemod:room_yacht01_locator01_uv.png|}}| In the PSD files you will find a **UV layer**.\\ This overlays an image of the polygons that the texture will be mapped onto.\\ \\ The UV image can be particularly useful as a guide when the colors in the image\\ don't provide a clear enough reference.\\ \\  Be sure to turn off this layer when you save the image or your objects\\ will have lines on them! |+|{{:en:scenemod:room_yacht01_locator01_uv.png|}}| In the PSD files you will find a **UV layer**.\\ This overlays an image of the polygons that the texture will be mapped onto.\\ \\ The UV image can be particularly useful as a guide when the colors in the image\\ don't provide a clear enough reference.\\ \\  Be sure to turn off this layer when you save the image or your objects\\ will have lines on them! \\ \\ **Note:** The PSD files are in the zip file that gets installed in your "Mod" folder.|
  
 \\ \\ \\ \\  \\ \\ \\ \\ 
Line 21: Line 23:
 The base texture set contains the texture files used in the scene. Download the texture set for the [[http://www.gamerotica.com/share/view/texture/207234-thrixxx_texturepack_yacht|Yacht]]. Be sure to download the one that is matches your [[en:versions|version]]. These are the texture files that you need to edit to customize the scene. The base texture set contains the texture files used in the scene. Download the texture set for the [[http://www.gamerotica.com/share/view/texture/207234-thrixxx_texturepack_yacht|Yacht]]. Be sure to download the one that is matches your [[en:versions|version]]. These are the texture files that you need to edit to customize the scene.
  
-{{:en:scenemod:scmod_download_texture_set.png|}}+{{:en:scenemod:scmod_download_texture_set.png?1125}}
  
 You can also choose individual textures if you don't want the whole set (Example below is the Vulcano mod by [[http://www.gamerotica.com/profile/Condoria/shares|Condoria]])\\ You can also choose individual textures if you don't want the whole set (Example below is the Vulcano mod by [[http://www.gamerotica.com/profile/Condoria/shares|Condoria]])\\
-{{:en:scenemod:texture_cart.jpg|}}\\ +{{:en:scenemod:texture_cart.jpg?1125}}\\ 
  
-If you download for the wrong [[en:versions|version]] it may still work but you're better off to download the one that matches.\\+If you download for the wrong game [[en:versions|version]] the textures may still work but you're better off to download the set that matches your version.\\
 {{:en:scenemod:wrong_version.jpg|}} {{:en:scenemod:wrong_version.jpg|}}
  
Line 35: Line 37:
  
 Double click on the .exe file to open it. This will install a zip archive file to your "mod" folder.\\ Double click on the .exe file to open it. This will install a zip archive file to your "mod" folder.\\
-{{:en:scenemod:install_texture_set.jpg|}}+{{:en:scenemod:install_texture_set.jpg?1125}}
  
  
Line 49: Line 51:
  
 ==== Step Four: Modify a Texture ==== ==== Step Four: Modify a Texture ====
-{{:en:scenemod:change_color1.jpg|}}+{{:en:scenemod:change_color1.jpg?1125}}
   - Look at the textures that were unzipped in the previous step and pick one to modify   - Look at the textures that were unzipped in the previous step and pick one to modify
   - Run your image editor (E.g. Photoshop, Gimp, etc)   - Run your image editor (E.g. Photoshop, Gimp, etc)
Line 71: Line 73:
  
 ==== What are those .txf files for? ==== ==== What are those .txf files for? ====
-** NOTEBe careful if you edit the txf files. If you mess them up you will get unpredictable drawing behaviour. You can always revert to the file in the zip archive if you need to **+==== What are those TXF files for? ==== 
 +Check out [[:en:txf_files|txf files]] for more info.
  
-The txf files determine how the texture will be blended in the scene. If you are familiar with Photoshop blending modes or using shaders in 3D software this will make some sense to you. Otherwise, here are some quick things you can try. +==== Creating tiling images in Photoshop ====
  
-You can edit the txf files with a simple text editor like notepadDon't try using something fancy like MS Word or it will add extra crap into the file.+Some textures like the water need to tile seamlessly in both directionsThere's a tutorial on making tiling textures [[http://www.instructables.com/id/Make-a-Tiling-Image-in-Photoshop/|here]].
  
-^What You See^What You Get^ +==== Creating partially transparent images in Photoshop ====
-|"RGB_888" "Opaque"|Straight texture. No blending.| +
-|"RGBA_8888" "%%AlphaBlend%%"|This image requires an Alpha channel that will be used for transparency. Good if you want to make some fancy stained glass windows| +
-|"RGB_888" "Add"|pixels in the image will be added to anything they are in front of. This will typically make things brighter.| +
-|"RGB_888" "Multiply"|pixels in the image will multiply with anything they are in front of. Dark pixels will make things darker. White pixels will have no effect| +
-|"RGB_888" "Subtract"|pixels in the image will subtract from anything they are in front of. This will typically make things darker|+
  
 +Here are two quick and simple techniques to create partially transparent images in Photoshop:
 +
 +  - Use the Eraser tool and set the opacity to about 10%. Then paint away at your image.
 +  - Change the Opacity of the entire layer in the Layer panel.
 +
 +Ensure that Image->mode is set to RGB color and save your image as a .png file. This should preserve the transparency information.
 +
 +You will also need to change the matching .txf file to be "RGBA_8888" "%%AlphaBlend%%" if it isn't already.
  
 ==== Stuff to watch out for ==== ==== Stuff to watch out for ====
Line 90: Line 96:
   * Supported file formats are: **JP2** and **PNG**. You may change the fileformat from jp2 to png or vice-versa. It's just a matter of compression and filesize (which should be held small). So if you are kind, try both formats and use the one with smaller filesize.   * Supported file formats are: **JP2** and **PNG**. You may change the fileformat from jp2 to png or vice-versa. It's just a matter of compression and filesize (which should be held small). So if you are kind, try both formats and use the one with smaller filesize.
  
-==== Sharing your new texture set====+===== Sharing your new texture set =====
  
 When you're ready to share your texture set with the community go to [[:en:sharing_your_texture_set|Sharing your texture set]] When you're ready to share your texture set with the community go to [[:en:sharing_your_texture_set|Sharing your texture set]]