{"id":7789,"date":"2023-10-14T11:04:47","date_gmt":"2023-10-14T10:04:47","guid":{"rendered":"https:\/\/www.katsbits.com\/codex\/?p=7789"},"modified":"2023-10-27T15:20:28","modified_gmt":"2023-10-27T14:20:28","slug":"paint-minecraft-short-grass","status":"publish","type":"post","link":"https:\/\/www.katsbits.com\/codex\/paint-minecraft-short-grass\/","title":{"rendered":"Paint Minecraft Short Grass (+Alpha) in Blender"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_83 counter-hierarchy ez-toc-counter ez-toc-light-blue ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-6a173609e5c8e\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-6a173609e5c8e\"  aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.katsbits.com\/codex\/paint-minecraft-short-grass\/#description\" >Description<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.katsbits.com\/codex\/paint-minecraft-short-grass\/#blend-mode\" >Blend Mode<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.katsbits.com\/codex\/paint-minecraft-short-grass\/#alpha-cardsbillboards\" >Alpha Cards\/Billboards<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.katsbits.com\/codex\/paint-minecraft-short-grass\/#timestamps\" >Timestamps<\/a><\/li><\/ul><\/nav><\/div>\n<div style=\"background-color: black; position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; overflow: hidden; max-width: 100%;\"><center><iframe style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%;\" src=\"https:\/\/rumble.com\/embed\/v3m59n8\/?pub=d3lcu\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/center><\/div>\n<h3><span class=\"ez-toc-section\" id=\"description\"><\/span>Description<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>In this exercise we take a look at making a Minecraft style &#8216;short grass&#8217; texture, that is a texture with alpha (transparency) that can be used for ground-standing billboard like &#8216;card&#8217; scatter. Initially the material assigned to the default Cube is edited to include a 16 x 16 pixel image. The material is also configured for transparency. After checking and editing the cubes (default) UV mapping, the texture can then be painted, with alpha transparency.<\/p>\n<p><b>Duration<\/b>: total c. 20 mins (00:20:00).<br \/>\n<b>Info<\/b>: 1080p.<br \/>\n<b>Suitability<\/b>: Beginner+.<br \/>\n<b>Source<\/b>: <a href=\"https:\/\/www.katsbits.com\/files\/minecraft\/katsbits - minecraft shortgrass.zip\">KatsBits \u2013 Minecraft Short Grass<\/a> (c. 150 KB, *.blend, *.png, *.tga).<br \/>\n<b>Product ID<\/b>: n\/a.<\/p>\n<blockquote><p><b>Design note<\/b>: a bit more information on painting a &#8216;short grass&#8217; image to include alpha transparency using Texture Paint in Blender;<\/p>\n<h4><span class=\"ez-toc-section\" id=\"blend-mode\"><\/span>Blend Mode<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>When painting the alpha for a 16 x 16 pixel Minecraft style image in the <b>Texture Editor<\/b> (Texture Paint workspace), the material needs to be set up so <b>Blend Mode<\/b> uses <b>Alpha Clip<\/b> [1], and the corresponding Image Texture node has its <b>Alpha<\/b> output [2] linked to the <b>Alpha<\/b> input of <b>Principled BSDF<\/b> &#8211; without these in place alpha is shown in the Texture Editor but not in the 3D Viewport, which renders black where alpha should be.<\/p>\n<p><a href=\"https:\/\/www.katsbits.com\/images\/tutorials\/minecraft\/paint-minecraft-short-grass-blend-mode.jpg\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" style=\"width: 98.5%; height: auto;\" src=\"https:\/\/www.katsbits.com\/images\/tutorials\/minecraft\/paint-minecraft-short-grass-blend-mode.jpg\" alt=\"[descriptive alt image text here]\" width=\"900px\" height=\"500px\" border=\"0\" \/><\/a><br \/>\n<i>Setting the materials <b>Blend Mode<\/b> [1] and <b>Alpha<\/b> [2] so transparency displays correctly in the texture editor and 3D Viewport as the image is painted.<\/i><\/p>\n<h4><span class=\"ez-toc-section\" id=\"alpha-cardsbillboards\"><\/span>Alpha Cards\/Billboards<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Generally speaking, alpha transparent grass textures are placed on &#8216;cards&#8217; that are crossed at 90 degrees to each other at their centres. This can present shading issues where faces are programmatically duplicated and flipped to generate faux <a href=\"https:\/\/www.katsbits.com\/codex\/two-sided\/\">two-sided meshes<\/a> typical of this type of feature. In instances where <a href=\"https:\/\/www.katsbits.com\/codex\/double-sided-materials\/\">two-sided materials<\/a> are not supported, an external game engine for example, each card might need to be manually duplicated [3] &#8211; <b><i>[Object Mode] &#8211; Object \u00bb Duplicate Objects<\/i><\/b> &#8211; and its <a href=\"https:\/\/www.katsbits.com\/codex\/flip-normals\/\">normal&#8217;s flipped<\/a> [4] &#8211; <b><i>[Edit Mode] &#8211; Mesh \u00bb Normals \u00bb Flip<\/i><\/b> &#8211; so the two form a &#8216;front&#8217; and &#8216;back&#8217; face to the same card. Additionally, each card may need to be subdivided along the vertical centreline [5] so mesh shading doesn&#8217;t bleed across that delineation, leading to &#8216;ghosting&#8217; or &#8216;light bleed&#8217;.<\/p>\n<p><a href=\"https:\/\/www.katsbits.com\/images\/tutorials\/minecraft\/paint-minecraft-grass-flip-normals.jpg\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" style=\"width: 98.5%; height: auto;\" src=\"https:\/\/www.katsbits.com\/images\/tutorials\/minecraft\/paint-minecraft-grass-flip-normals.jpg\" alt=\"Flip Normals\" width=\"900px\" height=\"500px\" border=\"0\" \/><\/a><br \/>\n<i>For game use &#8216;billboard&#8217; or &#8216;card&#8217; meshes typically need to be manually duplicated [3] and flipped [4] if proper two-sided materials are not supported&#8230;<\/i><\/p>\n<p><a href=\"https:\/\/www.katsbits.com\/images\/tutorials\/minecraft\/paint-minecraft-grass-subdivide.jpg\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" style=\"width: 98.5%; height: auto;\" src=\"https:\/\/www.katsbits.com\/images\/tutorials\/minecraft\/paint-minecraft-grass-subdivide.jpg\" alt=\"Subdivide\" width=\"900px\" height=\"500px\" border=\"0\" \/><\/a><br \/>\n<i>&#8230; they may also need to be subdivided along the vertical centreline [5] to ensure they are properly lit in game.<\/i>\n<\/p><\/blockquote>\n<h3><span class=\"ez-toc-section\" id=\"timestamps\"><\/span>Timestamps<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Times are approximate;<br \/>\n &#8211; 00:00 : Overview, Cube Setup &#038; UVs.<br \/>\n &#8211; 05:30 : Texture Paint &#038; Image Save.<br \/>\n &#8211; 10:30 : Paint &#038; Save Transparency.<br \/>\n &#8211; 17:30 : Card\/Billboard Setup.<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":7792,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[34,967,32,230],"tags":[458,559,965,865,785,1042,1014,1026,963,220,560],"class_list":["post-7789","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blender","category-minecraft-2","category-texturing","category-tutorials","tag-alpha-clip","tag-double-sided","tag-erase-alpha","tag-flip","tag-minecraft","tag-mix-mode","tag-pixel-art","tag-texture-editor","tag-texture-paint","tag-transparency","tag-two-sided"],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/www.katsbits.com\/codex\/wp-json\/wp\/v2\/posts\/7789","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.katsbits.com\/codex\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.katsbits.com\/codex\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.katsbits.com\/codex\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.katsbits.com\/codex\/wp-json\/wp\/v2\/comments?post=7789"}],"version-history":[{"count":14,"href":"https:\/\/www.katsbits.com\/codex\/wp-json\/wp\/v2\/posts\/7789\/revisions"}],"predecessor-version":[{"id":7807,"href":"https:\/\/www.katsbits.com\/codex\/wp-json\/wp\/v2\/posts\/7789\/revisions\/7807"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.katsbits.com\/codex\/wp-json\/wp\/v2\/media\/7792"}],"wp:attachment":[{"href":"https:\/\/www.katsbits.com\/codex\/wp-json\/wp\/v2\/media?parent=7789"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.katsbits.com\/codex\/wp-json\/wp\/v2\/categories?post=7789"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.katsbits.com\/codex\/wp-json\/wp\/v2\/tags?post=7789"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}