Differences

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

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
modding:modelling:tutorial_texture:step4 [2021/09/15 14:24] – [Edit the Texture, While Previewing In Your Favorite 3D Modelling Software] working on texture giwayumemodding:modelling:tutorial_texture:step4 [2024/08/11 15:04] (current) – [Edit the Texture, While Previewing In Your Favorite 3D Modelling Software] giwayume
Line 9: Line 9:
 In this step I will demonstrate editing the texture while previewing it on the 3D model, using the [[https://www.blender.org/download/|Blender 3D Modelling Software]]. This is free software and thus accessible to anyone. In this step I will demonstrate editing the texture while previewing it on the 3D model, using the [[https://www.blender.org/download/|Blender 3D Modelling Software]]. This is free software and thus accessible to anyone.
  
-You can use any 3D modelling program for this step. If you choose to use a different application, go ahead and do your edits and [[.:step5|skip to the next step]].+You can use any 3D modelling program for this step. If you choose to use a different application, go ahead and do your edits to the **T_Face01_Color.tga** file mentioned in the last step, and [[.:step5|skip to the next step]].
  
 ---- ----
  
-Now, [[https://www.blender.org/download/|download and install Blender]].+The following tutorial covers [[https://download.blender.org/release/Blender2.83/|Blender 2.8+ specifically]]. If you wish to use the [[https://www.blender.org/download/|latest version of Blender]], there will be small changes in the process which you're going to have to figure out on your own if you decide to use the newer versions
  
 Assuming you let Blender install at the default location, the blender addons folder is located at:\\ **C:\Program Files\Blender Foundation\Blender X.XX\X.XX\scripts\addons**,\\ where "X.XX" is whatever version of Blender you downloaded. My Blender version is 2.83, so my path looks like:\\ **C:\Program Files\Blender Foundation\Blender 2.83\2.83\scripts\addons**. Assuming you let Blender install at the default location, the blender addons folder is located at:\\ **C:\Program Files\Blender Foundation\Blender X.XX\X.XX\scripts\addons**,\\ where "X.XX" is whatever version of Blender you downloaded. My Blender version is 2.83, so my path looks like:\\ **C:\Program Files\Blender Foundation\Blender 2.83\2.83\scripts\addons**.
  
-[[https://raw.githubusercontent.com/Befzz/blender3d_import_psk_psa/master/addons/io_import_scene_unreal_psa_psk_280.py|Download the io_import_scene_unreal_psa_psk_280.py file]] (Right click -> Save as...), then copy/paste that "io_import_scene_unreal_psa_psk_280.py" file into the **C:\Program Files\Blender Foundation\Blender X.XX\X.XX\scripts\addons** folder.+**For Blender 2.8+** 
 + 
 +[[https://raw.githubusercontent.com/Befzz/blender3d_import_psk_psa/master/addons/io_import_scene_unreal_psa_psk_280.py|Download the io_import_scene_unreal_psa_psk_280.py file]] (Right click -> Save as...) 
 + 
 +Copy/paste the plugin file (io_import_scene_unreal_psa_psk_280.pyinto the **C:\Program Files\Blender Foundation\Blender X.XX\X.XX\scripts\addons** folder. 
 + 
 +**For Blender 3.0+ or 4.0+** 
 + 
 +[[https://github.com/DarklightGames/io_scene_psk_psa|Download install the newer plugin at https://github.com/DarklightGames/io_scene_psk_psa]]. Follow the instructions on that page to install the plugin. 
 + 
 +----
  
 Open Blender. On the menu bar, select "Edit -> Preferences" Open Blender. On the menu bar, select "Edit -> Preferences"
Line 84: Line 94:
  
 {{ :modding:modelling:tutorial_texture:tutorial_blender_texture_import_miriam_face_texture.png?nolink&800 |}} {{ :modding:modelling:tutorial_texture:tutorial_blender_texture_import_miriam_face_texture.png?nolink&800 |}}
 +
 +Now look at the yellow dot next to "Color" in the **Image Texture** node, and the yellow dot next to "Base Color" in the **Principled BSDF** node. Left click on the yellow dot next to "Color" and hold the left mouse button down, drag your mouse to the yellow dot next to "Base Color", then release the left mouse button.
 +
 +{{ :modding:modelling:tutorial_texture:tutorial_blender_texture_attach_image_texture_to_bsdf.png?nolink&600 |}}
 +
 +If done correctly, you will see a gray line attaching to two yellow dots.
 +
 +{{ :modding:modelling:tutorial_texture:tutorial_blender_texture_attach_image_texture_to_bsdf_attached.png?nolink&600 |}}
 +
 +Now look at the workspace tabs at the top again, and click on the **Texture Paint** tab.
 +
 +{{ :modding:modelling:tutorial_texture:tutorial_blender_texture_switch_texture_paint.png?nolink&800 |}}
 +
 +On the left you should see the face texture, and on the right is the view of the 3D model. This 3D model view might be displaying at a weird angle, so use the shortcuts I mentioned earlier with the **Middle Mouse Wheel/Button** to fix the 3D View so you can properly see Miriam's face.
 +
 +In case the face texture isn't showing on the left, you can click the dropdown at the top to change the selected texture.
 +
 +{{ :modding:modelling:tutorial_texture:tutorial_blender_texture_paint_view_explanation_miriam_face.png?nolink&800 |}}
 +
 +As you can see in this screenshot, most of Miriam's face is purple. This is because the mesh that creates Miriam's black outline is blocking our view so we can't see the face completely. Hit **Tab** on your keyboard to go into Edit Mode.
 +
 +{{ :modding:modelling:tutorial_texture:tutorial_blender_texture_remove_miriam_face_outline_edit_mode.png?nolink&800 |}}
 +
 +The purple parts of the 3D model turn gray when you're in Edit Mode, and all of the individual polygons are outlined. Move your mouse over Miriam's forehead, or any spot on the face that was previously purple, then hit **L** on your keyboard. This selects all of those polygons (they turn orange).
 +
 +{{ :modding:modelling:tutorial_texture:tutorial_blender_texture_remove_miriam_face_outline_edit_mode_outline_selected.png?nolink&800 |}}
 +
 +Hit **X** on your keyboard, then click "Vertices" in the popup that displays.
 +
 +{{ :modding:modelling:tutorial_texture:tutorial_blender_texture_remove_miriam_face_outline_edit_mode_outline_delete_prompt.png?nolink&800 |}}
 +
 +That deletes the outline mesh, and now you can properly see Miriam's face texture. Hit **Tab** on your keyboard again to exit Edit Mode. Miriam's eyes are still purple because we haven't loaded that texture, but that doesn't matter because we're not editing it.
 +
 +{{ :modding:modelling:tutorial_texture:tutorial_blender_texture_remove_miriam_face_outline_removed.png?nolink&800 |}}
 +
 +Zoom in (**Middle Mouse Wheel**) on the texture view on the left and start drawing (**Left Click**).  You can click on the white box at the top to change the drawing color. The brush size adjustment is next to that. I'm going to use green.
 +
 +{{ :modding:modelling:tutorial_texture:tutorial_blender_texture_draw_explanation.png?nolink&600 |}}
 +
 +You can see the 3D view update when you draw on the texture. You can also draw on the 3D view directly if you like.
 +
 +{{ :modding:modelling:tutorial_texture:tutorial_blender_texture_draw_miriam_green_star_cheek.png?nolink&800 |}}
 +
 +When you're done with your image editing changes in Blender, click "Image -> Save" in the top menu. This will save your changes back to the **.tga** file that you loaded.
 +
 +{{ :modding:modelling:tutorial_texture:tutorial_blender_texture_save_image.png?nolink&500 |}}
 +
 +----
 +
 +=== External Texture Editing ===
 +
 +Now in case you want to use a more advanced image editor like **GIMP** or **Photoshop** to edit the texture and preview it on the 3D model in Blender, you can always use one of those programs to edit the **.tga** file directly. Then after you save the file in **GIMP** or **Photoshop**, just use the "Image -> Reload" option in the top menu to update the texture in Blender.
 +
 +{{ :modding:modelling:tutorial_texture:tutorial_blender_texture_reload_image.png?nolink&500 |}}
 +
 +----
 +
 +Now that you've edited the **.tga** texture, this step is complete. Go to the next step to put the texture in the game.
  
 ---- ----
  
 [[.:step3|<- Previous Step]] | [[.:|Tutorial Summary]] | [[.:step5|Next Step ->]]  [[.:step3|<- Previous Step]] | [[.:|Tutorial Summary]] | [[.:step5|Next Step ->]]