[{"data":1,"prerenderedAt":519},["ShallowReactive",2],{"data":3,"\u002Fwiki\u002Fguides\u002Femissive-textures-renders":118},[4,9,14,19,24,29,34,39,44,49,54,59,64,68,73,78,83,88,93,98,103,108,113],{"title":5,"path":6,"description":7,"id":8},"FAQ","\u002Fblockbench\u002Ffaq","Frequently Asked Questions about Blockbench","content\u002Fblockbench\u002Ffaq.md",{"title":10,"path":11,"description":12,"id":13},"Formats","\u002Fblockbench\u002Fformats","formats","content\u002Fblockbench\u002Fformats.md",{"title":15,"path":16,"description":17,"id":18},"Legacy Versions","\u002Fblockbench\u002Flegacy-versions","Blockbench version history and changelogs prior to switching to Github Releases","content\u002Fblockbench\u002Flegacy-versions.md",{"title":20,"path":21,"description":22,"id":23},"Localization","\u002Fblockbench\u002Flocalization","How to contribute to Blockbench languages","content\u002Fblockbench\u002Flocalization.md",{"title":25,"path":26,"description":27,"id":28},"Logos and Brand Assets","\u002Fblockbench\u002Flogos","Frequently Asked Questions about the Blockbench app","content\u002Fblockbench\u002Flogos.md",{"title":30,"path":31,"description":32,"id":33},"Custom Themes","\u002Fblockbench\u002Fthemes","Themes allow you to change the visual appearance of Blockbench. You can drag and drop .bbtheme files into Blockbench to load them.","content\u002Fblockbench\u002Fthemes.md",{"title":35,"path":36,"description":37,"id":38},"The .bbmodel format","\u002Fdocs\u002Fbbmodel","An overview of the .bbmodel file format","content\u002Fdocs\u002Fbbmodel.md",{"title":40,"path":41,"description":42,"id":43},"Blockbench","\u002Fdocs\u002Fblockbench","The Blockbench object provides useful variables and methods to interact with general functionality of Blockbench.","content\u002Fdocs\u002Fblockbench.md",{"title":45,"path":46,"description":47,"id":48},"Upgrading Plugins to 5.0","\u002Fdocs\u002Fplugin-upgrade-to-5.0","An overview of breaking changes in the plugin API in 5.0","content\u002Fdocs\u002Fplugin-upgrade-to-5.0.md",{"title":50,"path":51,"description":52,"id":53},"Creating a Plugin","\u002Fdocs\u002Fplugin","This article will go over the basic steps needed to create your first plugin.","content\u002Fdocs\u002Fplugin.md",{"title":55,"path":56,"description":57,"id":58},"Properties","\u002Fdocs\u002Fproperty","Properties are used to dynamically assign properties to existing classes that are undo-relevant.\nThe advantages of using properties include:","content\u002Fdocs\u002Fproperty.md",{"title":60,"path":61,"description":62,"id":63},"Interface","\u002Fdocs\u002Fui","","content\u002Fdocs\u002Fui.md",{"title":65,"path":66,"description":62,"id":67},"Undo","\u002Fdocs\u002Fundo","content\u002Fdocs\u002Fundo.md",{"title":69,"path":70,"description":71,"id":72},"Web App URL Parameters","\u002Fdocs\u002Furl-parameters","How to provide integration with the Blockbench web app using URL parameters","content\u002Fdocs\u002Furl-parameters.md",{"title":74,"path":75,"description":76,"id":77},"Utils","\u002Fdocs\u002Futility","Blockbench comes with a bunch of custom utility functions to make the life of developers easier.","content\u002Fdocs\u002Futility.md",{"title":79,"path":80,"description":81,"id":82},"Animation Expressions","\u002Fguides\u002Fanimation-expressions","Expressions in animations can be used to create dynamic animations based on math expressions, or to create systems where variables can be used to modify the transformation or state of the model, such as facial expressions","content\u002Fguides\u002Fanimation-expressions.md",{"title":84,"path":85,"description":86,"id":87},"Bedrock Modeling and Animation","\u002Fguides\u002Fbedrock-modeling","Learn how to create entity models and animations for Minecraft Bedrock Edition","content\u002Fguides\u002Fbedrock-modeling.md",{"title":89,"path":90,"description":91,"id":92},"Blockbench Overview & Tips","\u002Fguides\u002Fblockbench-overview-tips","The fundamentals of Blockbench and how to use it efficiently","content\u002Fguides\u002Fblockbench-overview-tips.md",{"title":94,"path":95,"description":96,"id":97},"Emissive Textures in Renders","\u002Fguides\u002Femissive-textures-renders","How to create elegant emissive textures in renders","content\u002Fguides\u002Femissive-textures-renders.md",{"title":99,"path":100,"description":101,"id":102},"3D Export","\u002Fguides\u002Fexport-formats","An overview of the different export formats and how to transfer your model into other programs","content\u002Fguides\u002Fexport-formats.md",{"title":104,"path":105,"description":106,"id":107},"Particles and Sounds in MC Bedrock","\u002Fguides\u002Fminecraft-particles-sounds","How to add particles and sounds effects to animations for Minecraft Bedrock Edition","content\u002Fguides\u002Fminecraft-particles-sounds.md",{"title":109,"path":110,"description":111,"id":112},"Minecraft Style Guide","\u002Fguides\u002Fminecraft-style-guide","Tips for creating art in the Minecraft style","content\u002Fguides\u002Fminecraft-style-guide.md",{"title":114,"path":115,"description":116,"id":117},"Rendering Models","\u002Fguides\u002Fmodel-rendering","Learn how to create renders of your Blockbench models","content\u002Fguides\u002Fmodel-rendering.md",{"id":97,"title":94,"body":119,"description":96,"extension":510,"meta":511,"navigation":515,"path":95,"seo":516,"stem":517,"__hash__":518},{"type":120,"value":121,"toc":495},"minimark",[122,126,131,135,145,160,163,166,173,176,181,184,190,194,197,203,209,213,227,238,244,247,253,256,259,262,270,277,283,294,300,303,313,319,322,328,334,337,343,359,369,373,383,389,400,406,409,412,415,421,428,439,445,455,461,468,474,477,480,486,489],[123,124,94],"h1",{"id":125},"emissive-textures-in-renders",[127,128,130],"h2",{"id":129},"introduction","Introduction",[132,133,134],"p",{},"You've probably seen some cool renders of models that stood out to you because parts of them glow. Perhaps you even wanted to try this out on some of your own models. This article will show you how.",[132,136,137,138,144],{},"In order to create any sort of render, you will need to decide what rendering software to use. If you want to explore the different rendering softwares and view the advantages and disadvantages of each, please see the ",[139,140,114],"a",{"href":141,"rel":142},"https:\u002F\u002Fwww.blockbench.net\u002Fwiki\u002Fguides\u002Fmodel-rendering",[143],"nofollow"," guide, as this guide won’t go in-depth about general rendering.",[132,146,147,148,153,154,159],{},"This guide will provide in-depth steps for the two most popular softwares, ",[139,149,152],{"href":150,"rel":151},"https:\u002F\u002Fwww.blender.org\u002F",[143],"Blender"," and ",[139,155,158],{"href":156,"rel":157},"https:\u002F\u002Fsketchfab.com\u002F",[143],"Sketchfab",", but there may be overlap when creating emissive textures with other softwares too. The required steps will be explained in detail for each software, which you can access by either scrolling down or navigating through the table of contents located at the right of the page. As well as explaining the required steps, this guide has an example you can follow along with to help visualize the process. We’ll be creating a render of a desk lamp in both Blender and Sketchfab.",[132,161,162],{},"Please note that the methods recommended in the article are not the only ways to achieve emissive textures in renders, but rather are supposed to provide general insight on how you can go about achieving them. You are encouraged to experiment and find the best workflow for you.",[132,164,165],{},"For this example we will use the following desk lamp model.",[132,167,168],{},[169,170],"img",{"alt":171,"src":172},"Base lamp model","\u002Fimages\u002Fwiki\u002Fguides\u002Femissive-textures-renders\u002Fsketchfab-base-model.png",[127,174,152],{"id":175},"blender",[177,178,180],"h3",{"id":179},"_1-making-the-emissive-texture","1. Making the emissive texture",[132,182,183],{},"In Blender, you can change the properties of textures through nodes in the shading tab. Unlike Sketchfab, Blender requires users to create a separate texture for the emissive elements and the elements that aren’t, since we are intended to edit the properties of each texture as a whole. If you would like to make multiple parts emit with a different strength for each, you need to make a separate texture for every object you want to have a different emission strength.",[132,185,186],{},[169,187],{"alt":188,"src":189},"Model in Blockbench","\u002Fimages\u002Fwiki\u002Fguides\u002Femissive-textures-renders\u002Fblender-model-in-bb.png",[177,191,193],{"id":192},"_2-exporting-into-blender","2. Exporting into Blender",[132,195,196],{},"The easiest way to get your model, textures and animations into Blender is by exporting the model as a .gltf file via File > Export > Export glTF model. To import the exported gITF into Blender, select File > Import > gITF 2.0 and then select your file. Your model will appear gray; to see your textures, make sure you enable viewport shading in the top right.",[132,198,199],{},[169,200],{"alt":201,"src":202},"Blender import option","\u002Fimages\u002Fwiki\u002Fguides\u002Femissive-textures-renders\u002Fblender-import.png",[132,204,205],{},[169,206],{"alt":207,"src":208},"Blender viewport shading","\u002Fimages\u002Fwiki\u002Fguides\u002Femissive-textures-renders\u002Fblender-shading.png",[177,210,212],{"id":211},"_3-configuring","3. Configuring",[132,214,215,216,220,221,226],{},"For this example we will enable Cycles instead of EEVEE",[217,218,219],"sub",{},"1"," since it has light path tracing. If you want to know more about the differences between EEVEE and Cycles, check out the ",[139,222,225],{"href":223,"rel":224},"https:\u002F\u002Fdocs.blender.org\u002Fmanual\u002Fen\u002Flatest\u002Frender\u002Feevee\u002Fintroduction.html",[143],"Blender Wiki",".",[132,228,229,230,233,234,237],{},"Navigate to the shading tab",[217,231,232],{},"2"," and click the object you want to be emissive. Nodes should appear at the bottom (if they don’t, make sure the “Use Nodes” toggle",[217,235,236],{},"3"," is enabled). Next, drag the color output of the base color node to the emission input on the PrincipledBSDF node, which will make the object glow! If needed, adjust the emission strength you want accordingly, which you can find under the emission input.",[132,239,240],{},[169,241],{"alt":242,"src":243},"Handling nodes","\u002Fimages\u002Fwiki\u002Fguides\u002Femissive-textures-renders\u002Fblender-nodes.png",[132,245,246],{},"When you are finished, position the camera how you’d like and hit F12 to render your model, and download the final result.",[132,248,249],{},[169,250],{"alt":251,"src":252},"Final result","\u002Fimages\u002Fwiki\u002Fguides\u002Femissive-textures-renders\u002Fblender-final.png",[127,254,158],{"id":255},"sketchfab",[177,257,180],{"id":258},"_1-making-the-emissive-texture-1",[132,260,261],{},"In order for Sketchfab to know what parts need to glow, you need to make something called an emissive texture. This texture will tell Sketchfab what parts it needs to consider emissive, and what parts it should not.",[132,263,264,265,269],{},"To make an emissive texture, start by duplicating your texture. We will make changes to this new texture while leaving the main texture undisturbed. To distinguish between the two, it is recommended to rename the emissive texture to something else (for example, you can append ",[266,267,268],"code",{},"-emissive"," to the name of the texture).",[132,271,272,273,276],{},"Important: Before duplicating, make sure the dimensions of the textures are a power of 2. It will not work correctly otherwise! (If they are not, you can resize the texture by right clicking it and selecting ",[266,274,275],{},"Resize",", and creating a new template texture to make sure the UVs are fine.)",[132,278,279],{},[169,280],{"alt":281,"src":282},"Duplicate textures","\u002Fimages\u002Fwiki\u002Fguides\u002Femissive-textures-renders\u002Fsketchfab-duplicate-texture.png",[132,284,285,286,289,290,293],{},"In order to visually see the changes we make to the texture on the model, we need to tell Blockbench to apply the texture to the model, as currently it's still applying the main one. To do this, select your whole model using ",[266,287,288],{},"Ctrl + A",", and right click the cubes in the outliner. Then, select ",[266,291,292],{},"Texture > [Your Emissive Texture Name]",", as shown in the screenshot. Now, all changes we make to the emissive texture will be reflected visually on our model.",[132,295,296],{},[169,297],{"alt":298,"src":299},"Apply emissive texture to model","\u002Fimages\u002Fwiki\u002Fguides\u002Femissive-textures-renders\u002Fsketchfab-apply-emissive-texture.png",[132,301,302],{},"Our emissive texture is the exact same as our regular texture (which is why we duplicated our original texture), but will only highlight the parts we want emissive. There are many ways to go about doing this; this guide covers the built-in and usually preferred way of making an emissive texture.",[132,304,305,306,309,310,226],{},"To start, we need to tell Blockbench that our duplicated texture needs to be emissive. To do this, simply right click the duplicated texture and set the ",[266,307,308],{},"Render Mode"," to ",[266,311,312],{},"Emissive",[132,314,315],{},[169,316],{"alt":317,"src":318},"Set the render mode to emissive","\u002Fimages\u002Fwiki\u002Fguides\u002Femissive-textures-renders\u002Fsketchfab-render-mode.png",[132,320,321],{},"Next, we need to mark the elements we want to make emissive. To do this, select the eraser tool at the top toolbar, lower the opacity anywhere to around 1-247 (the higher it is, the stronger you will see the emissive effect in Blockbench), and erase the pixels you want emissive. This will cause the pixels to light up. It's extremely important you lower down the opacity of the eraser, or else you'll be undesirably completely erasing the emissive pixels!",[132,323,324],{},[169,325],{"alt":326,"src":327},"Eraser settings","\u002Fimages\u002Fwiki\u002Fguides\u002Femissive-textures-renders\u002Fsketchfab-eraser.png",[132,329,330,331,226],{},"TIP: In order to better see your changes to the emissive texture, lower down the brightness of Blockbench's preview in ",[266,332,333],{},"File > Preferences > Settings",[132,335,336],{},"If you've done everything correctly, you should see something like this - the parts we want emissive should be brighter than the rest of the model:",[132,338,339],{},[169,340],{"alt":341,"src":342},"In-Blockbench emissive texture","\u002Fimages\u002Fwiki\u002Fguides\u002Femissive-textures-renders\u002Fsketchfab-bb-emissive.png",[132,344,345,346,349,350,354,355,358],{},"Lastly, to export the emissive texture, right click the texture and select ",[266,347,348],{},"Export Emission Map",". Keep the settings as default, ",[351,352,353],"em",{},"but"," make sure to check the ",[266,356,357],{},"Flip Y-Axis"," checkbox since Sketchfab automatically does this with our regular texture.",[132,360,361,365],{},[169,362],{"alt":363,"src":364},"Export emission map","\u002Fimages\u002Fwiki\u002Fguides\u002Femissive-textures-renders\u002Fsketchfab-export-emission.png",[169,366],{"alt":367,"src":368},"Emission settings","\u002Fimages\u002Fwiki\u002Fguides\u002Femissive-textures-renders\u002Fsketchfab-emission-settings.png",[177,370,372],{"id":371},"_2-exporting-to-sketchfab","2. Exporting to Sketchfab",[132,374,375,376,378,379,382],{},"Currently, our model still has the emissive texture applied to it. To make the model apply the original texture we made, we need to do the same thing as before: press ",[266,377,288],{}," to select the whole model, right click the cubes, and click ",[266,380,381],{},"Texture > [Original Texture Name]",". The model should look like what it was before without the emissive parts being brighter than the rest of the model.",[132,384,385],{},[169,386],{"alt":387,"src":388},"Apply back default texture","\u002Fimages\u002Fwiki\u002Fguides\u002Femissive-textures-renders\u002Fsketchfab-apply-default.png",[132,390,391,392,395,396,399],{},"We can now export our model to Sketchfab. Luckily, Blockbench provides a quick way to do so. Simply go to ",[266,393,394],{},"File > Export > Upload to Sketchfab",", fill out the required information, and then press ",[266,397,398],{},"Confirm",". Doing this should show a prompt which allows you to view your model on Sketchfab.",[132,401,402],{},[169,403],{"alt":404,"src":405},"Export to Sketchfab","\u002Fimages\u002Fwiki\u002Fguides\u002Femissive-textures-renders\u002Fsketchfab-export.png",[132,407,408],{},"Upon clicking this prompt, we are redirected to the Sketchfab website where we can start rendering our model. Since we are concerned about the emissive textures specifically, that's what we will be primarily focusing on.",[177,410,212],{"id":411},"_3-configuring-1",[132,413,414],{},"Currently, you should have a screen similar to this:",[132,416,417],{},[169,418],{"alt":419,"src":420},"Model on Sketchfab","\u002Fimages\u002Fwiki\u002Fguides\u002Femissive-textures-renders\u002Fsketchfab-model-uploaded.png",[132,422,423,424,427],{},"To get started with rendering your model, press the blue ",[266,425,426],{},"Edit 3D Settings"," button at the top right of the screen. Here, we'll be met with a bunch of panels accompanied with our 3D model, all of which are rendering settings and options that you can configure. For now we'll bypass the other rendering options and get straight to using our emissive texture.",[132,429,430,431,434,435,438],{},"Everything regarding emissive textures is located in the ",[266,432,433],{},"Materials"," tab, as marked in the image. This tab not only allows us to configure our emissive texture, but also stuff like opacity. Each one of the collapsible categories are different types of settings we can configure for our model. For now, scroll down until you find the ",[266,436,437],{},"Emission"," category:",[132,440,441],{},[169,442],{"alt":443,"src":444},"Location of emissive tab","\u002Fimages\u002Fwiki\u002Fguides\u002Femissive-textures-renders\u002Fsketchfab-emissive-feature.png",[132,446,447,448,451,452,226],{},"Next, we'll need to upload our emissive texture which is saved on our computer. To do this, click the color picker, select the ",[266,449,450],{},"Texture"," panel, and click ",[266,453,454],{},"Manage Textures",[132,456,457],{},[169,458],{"alt":459,"src":460},"Manage textures","\u002Fimages\u002Fwiki\u002Fguides\u002Femissive-textures-renders\u002Fsketchfab-manage-textures.png",[132,462,463,464,467],{},"Once you find yourself in this menu, click the blue ",[266,465,466],{},"Import Texture"," button and import your texture. And ta-da, we have ourselves a working emissive texture!",[132,469,470],{},[169,471],{"alt":472,"src":473},"Our model with an emissive texture + bloom","\u002Fimages\u002Fwiki\u002Fguides\u002Femissive-textures-renders\u002Fsketchfab-bloom.png",[132,475,476],{},"From here, feel free to mess around with any of the other settings provided to you to touch up and finalize your render. For example, you may consider changing the background image, adding bloom, or maybe adding some drop shadows. For example, the image above is the emissive texture applied with bloom.",[132,478,479],{},"It's also important to mention that Sketchfab gives us easy ways to manipulate the way the emissive texture applies to the model. For example, the default render mode is \"trilinear\", but we can change it to \"nearest\" as well.",[132,481,482],{},[169,483],{"alt":484,"src":485},"Different rendering settings","\u002Fimages\u002Fwiki\u002Fguides\u002Femissive-textures-renders\u002Fsketchfab-nearest.png",[132,487,488],{},"And here's our final result!",[132,490,491],{},[169,492],{"alt":493,"src":494},"Sketchfab final result","\u002Fimages\u002Fwiki\u002Fguides\u002Femissive-textures-renders\u002Fsketchfab-finished.png",{"title":62,"searchDepth":496,"depth":497,"links":498},2,3,[499,500,505],{"id":129,"depth":496,"text":130},{"id":175,"depth":496,"text":152,"children":501},[502,503,504],{"id":179,"depth":497,"text":180},{"id":192,"depth":497,"text":193},{"id":211,"depth":497,"text":212},{"id":255,"depth":496,"text":158,"children":506},[507,508,509],{"id":258,"depth":497,"text":180},{"id":371,"depth":497,"text":372},{"id":411,"depth":497,"text":212},"md",{"authors":512},[513,514],"SirJain0","Incernion",true,{"title":94,"description":96},"guides\u002Femissive-textures-renders","XawAGlJVnqpFSrU8KC49apxMo10yqYnDTUSgbXHPAIc",1776013264587]