Cobblemon Wiki

Tutorials/Emissive Textures: Difference between revisions

Page Discussion
(Created page with "== Preface == This tutorial will teach you how to add emissive textures to a Pokemon. Emissive textures are an additional layer of textures unaffected by light levels and give off the illusion of glowing in the dark. '''A premade model with textures is required.''' === Step 1: Creating your emissive texture === In order to start, you will need an existing pokemon model and texture to be loaded in Blockbench. Since emissives are treated as a second layer of textures on t...")
 
(+ :p)
Line 1: Line 1:
{{TOC|right}}
== Preface ==
== Preface ==
This tutorial will teach you how to add emissive textures to a Pokemon. Emissive textures are an additional layer of textures unaffected by light levels and give off the illusion of glowing in the dark. '''A premade model with textures is required.'''
This tutorial will teach you how to add emissive textures to a Pokémon. Emissive textures are an additional layer of textures unaffected by light levels and give off the illusion of glowing in the dark. '''A premade model with textures is required.'''


=== Step 1: Creating your emissive texture ===
=== Step 1: Creating your emissive texture ===
In order to start, you will need an existing pokemon model and texture to be loaded in Blockbench. Since emissives are treated as a second layer of textures on the model, you will need to create a second png but blank. The glowing textures are painted on this second png. '''Alternatively''', this png can be created in other image editors such as [https://www.getpaint.net/index.html paint.net] or https://pixlr.com/.
In order to start, you will need an existing Pokémon model and texture to be loaded in Blockbench. Since emissives are treated as a second layer of textures on the model, you will need to create a second PNG but blank. The glowing textures are painted on this second PNG . '''Alternatively''', this PNG can be created in other image editors such as [https://www.getpaint.net/index.html paint.net] or https://pixlr.com/.


# Load your target pokemon's model and texture into Blockbench
# Load your target pokemon's model and texture into Blockbench
Line 10: Line 11:
# Change the type to blank
# Change the type to blank
# Click confirm. The resolution of the original texture should be retained.  
# Click confirm. The resolution of the original texture should be retained.  
# On this new blank png, paint only the parts of your pokemon that should glow
# On this new blank PNG, paint only the parts of your Pokémon that should glow
# When finished painting, click the save button or press Ctrl+S
# When finished painting, click the save button or press Ctrl+S


You should now have 2 PNGs for your Pokémon similar to these Umbreon textures: </div>
[[File:Umbreon Normal Texture.png|400px|caption|umbreon.png]] [[File:Umbreon Emissive Textures.png|404px|caption|umbreon_emissive.png]]


You should now have 2 PNGs for your pokemon similar to these Umbreon textures: </div>
=== Step 1.5: Enhancing your emissive texture with opacity <small>(optional)</small> ===
[[File:Umbreon_Normal_Texture.png|400px|caption|umbreon.png]] [[File:Umbreon_Emissive_Textures.png|404px|caption|umbreon_emissive.png]]
[[File:UmbreonInTheDark.png|thumb|350px|caption|Umbreon in the dark.]]
If you pay close attention to Umbreon's emissive texture, you can see that more than just its yellow bits are textured. There are a few black pixels that are not opaque! When in game, this will enhance the glowing illusion by making it seem like the emissives are casting light on the nearby body parts. This step may require a lot of trial and error to look right! You can always come back to it later.


=== (Optional)Step 1.5: Enhancing your emissive texture with opacity ===
# Load your target Pokémon's model and '''emissive''' texture into Blockbench.
If you pay close attention to Umbreon's emissive texture, you can see that more than just its yellow bits are textured. There are a few black pixels that are not opaque! When in game, this will enhance the glowing illusion by making it seem like the emissives are casting light on the nearby body parts. This step may require a lot of trial and error to look right! You can always come back to it later. </div>
[[File:UmbreonInTheDark.png|404px|caption|Umbreon in the dark.]]
 
 
# Load your target pokemon's model and '''emissive''' texture into Blockbench
# Change the opacity value of the paint brush. Opacity controls the brightness of the emissive. 255 is for maximum brightness. The closer value is to 0, the more translucent it becomes.
# Change the opacity value of the paint brush. Opacity controls the brightness of the emissive. 255 is for maximum brightness. The closer value is to 0, the more translucent it becomes.
# Paint beyond the glowing parts of the pokemon. Make it look like some light is shining on the nearby body parts.  
# Paint beyond the glowing parts of the Pokémon. Make it look like some light is shining on the nearby body parts.  
# When finished painting, click the save button or press Ctrl+S
# When finished painting, click the save button or press Ctrl+S.


=== Step 2: Assign the emissive texture to the resolver file ===
=== Step 2: Assign the emissive texture to the resolver file ===

Revision as of 16:12, 7 July 2023

Preface

This tutorial will teach you how to add emissive textures to a Pokémon. Emissive textures are an additional layer of textures unaffected by light levels and give off the illusion of glowing in the dark. A premade model with textures is required.

Step 1: Creating your emissive texture

In order to start, you will need an existing Pokémon model and texture to be loaded in Blockbench. Since emissives are treated as a second layer of textures on the model, you will need to create a second PNG but blank. The glowing textures are painted on this second PNG . Alternatively, this PNG can be created in other image editors such as paint.net or https://pixlr.com/.

  1. Load your target pokemon's model and texture into Blockbench
  2. Click on "Create Texture" or press Ctrl+Shift+T
  3. Name the texture <pokemon>_emissive
  4. Change the type to blank
  5. Click confirm. The resolution of the original texture should be retained.
  6. On this new blank PNG, paint only the parts of your Pokémon that should glow
  7. When finished painting, click the save button or press Ctrl+S

You should now have 2 PNGs for your Pokémon similar to these Umbreon textures:

umbreon.png umbreon_emissive.png

Step 1.5: Enhancing your emissive texture with opacity (optional)

Umbreon in the dark.

If you pay close attention to Umbreon's emissive texture, you can see that more than just its yellow bits are textured. There are a few black pixels that are not opaque! When in game, this will enhance the glowing illusion by making it seem like the emissives are casting light on the nearby body parts. This step may require a lot of trial and error to look right! You can always come back to it later.

  1. Load your target Pokémon's model and emissive texture into Blockbench.
  2. Change the opacity value of the paint brush. Opacity controls the brightness of the emissive. 255 is for maximum brightness. The closer value is to 0, the more translucent it becomes.
  3. Paint beyond the glowing parts of the Pokémon. Make it look like some light is shining on the nearby body parts.
  4. When finished painting, click the save button or press Ctrl+S.

Step 2: Assign the emissive texture to the resolver file

(I just want to save the page and sleep. its 12am. If you are reading this, henlo)

Step 3: Test your textures in game

(I cant believe it just asked me to solve math to save this page. at midnight 😭)

Retrieved from "http:///index.php?title=Tutorials/Emissive_Textures&oldid=2016"