{"id":366,"date":"2009-11-12T11:49:02","date_gmt":"2009-11-12T11:49:02","guid":{"rendered":"https:\/\/www.cg-blog.com\/?p=366"},"modified":"2013-04-15T09:24:53","modified_gmt":"2013-04-15T09:24:53","slug":"how-to-make-tileable-texture","status":"publish","type":"post","link":"https:\/\/www.cg-blog.com\/index.php\/2009\/11\/12\/how-to-make-tileable-texture.htm","title":{"rendered":"How to Make Tileable Texture"},"content":{"rendered":"<p><strong><img decoding=\"async\" loading=\"lazy\" class=\"alignnone\" src=\"https:\/\/www.cg-blog.com\/images\/1-problem.jpg\" alt=\"\" width=\"599\" height=\"43\" \/><\/strong><\/p>\n<p><strong><\/strong><strong>Duplicating textures<\/strong> is sometimes complicated. Non-uniform textures show their duplication with evidence.\u00c2\u00a0This often happens when we use picture\u00c2\u00a0taken from our camera or downloading non-tilable Texture (mostly free).<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-1192\" title=\"problem-untileable-texture\" src=\"https:\/\/www.cg-blog.com\/wp-content\/uploads\/2009\/11\/problem-untileable-texture.jpg\" alt=\"\" width=\"599\" height=\"300\" srcset=\"https:\/\/www.cg-blog.com\/wp-content\/uploads\/2009\/11\/problem-untileable-texture.jpg 599w, https:\/\/www.cg-blog.com\/wp-content\/uploads\/2009\/11\/problem-untileable-texture-300x150.jpg 300w\" sizes=\"(max-width: 599px) 100vw, 599px\" \/><\/p>\n<p>The problem is not the whole texture, but specifically its luminosity. There&#8217;s a simple technique with Photoshop to get a uniform luminosity.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone\" src=\"https:\/\/www.cg-blog.com\/images\/2-solution.jpg\" alt=\"\" width=\"599\" height=\"43\" \/><\/p>\n<p>Use a <strong>photoshop filter<\/strong> called <strong>High Pass Filter <\/strong>in<strong>\u00c2\u00a0Lumonosity<\/strong>\u00c2\u00a0blend mode.<\/p>\n<p>Result:<br \/>\n<img decoding=\"async\" loading=\"lazy\" title=\"tileable-texture\" src=\"https:\/\/www.cg-blog.com\/wp-content\/uploads\/2009\/11\/tileable-texture1.jpg\" alt=\"\" width=\"599\" height=\"300\" \/><\/p>\n<p>Check the video below to see the process in detail, and after <strong>carry out the exercise :<\/strong><\/p>\n<p><iframe loading=\"lazy\" src=\"http:\/\/player.vimeo.com\/video\/14544789\" frameborder=\"0\" width=\"601\" height=\"449\"><\/iframe><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone\" src=\"https:\/\/www.cg-blog.com\/images\/3-exercise.jpg\" alt=\"\" width=\"599\" height=\"43\" \/><\/p>\n<p><strong>Resume<\/strong> &#8211; The 3 steps to balance luminosity:<\/p>\n<ol>\n<li>Duplicate the layer<\/li>\n<li>Apply it\u00c2\u00a0<strong>Filters&gt; Other &gt; High Pass Filter<\/strong>\u00c2\u00a0(choose the right vaule in order to preserve details)<\/li>\n<li>Assign it \u00c2\u00a0&#8220;<strong>Luminosity<\/strong>&#8221;<br \/>\n( If needed, add a <strong>Curves<\/strong> to balance loss of contrast)<\/li>\n<\/ol>\n<p>Here a simple workflow to understand how to arrange the levels on Photoshop:<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-1193\" title=\"layers-luminosity\" src=\"https:\/\/www.cg-blog.com\/wp-content\/uploads\/2009\/11\/layers-luminosity.jpg\" alt=\"\" width=\"254\" height=\"181\" \/><\/p>\n<p style=\"text-align: center;\"><strong><a href=\"https:\/\/www.cg-blog.com\/download\/tileable-texture.zip\">DOWNLOAD THIS PACK<\/a><\/strong> and repeat the exercise.<br \/>\nFor any doubt, check &#8220;FINAL&#8221; version.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tiling could be a big problem if you are mapping with your own pictures. How to modify a picture in order to get a texture ready for tiling? Watch this video tutorial and learn how to do that.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false},"categories":[5,7],"tags":[63,22],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.cg-blog.com\/index.php\/wp-json\/wp\/v2\/posts\/366"}],"collection":[{"href":"https:\/\/www.cg-blog.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cg-blog.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cg-blog.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cg-blog.com\/index.php\/wp-json\/wp\/v2\/comments?post=366"}],"version-history":[{"count":0,"href":"https:\/\/www.cg-blog.com\/index.php\/wp-json\/wp\/v2\/posts\/366\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.cg-blog.com\/index.php\/wp-json\/wp\/v2\/media?parent=366"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cg-blog.com\/index.php\/wp-json\/wp\/v2\/categories?post=366"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cg-blog.com\/index.php\/wp-json\/wp\/v2\/tags?post=366"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}