{"id":434,"date":"2010-01-09T17:49:26","date_gmt":"2010-01-09T17:49:26","guid":{"rendered":"https:\/\/www.cg-blog.com\/?p=434"},"modified":"2013-04-15T09:26:18","modified_gmt":"2013-04-15T09:26:18","slug":"displacement-map","status":"publish","type":"post","link":"https:\/\/www.cg-blog.com\/index.php\/2010\/01\/09\/displacement-map.htm","title":{"rendered":"How to get a perfect displacement map"},"content":{"rendered":"<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-1134\" title=\"displacement-tutorial\" src=\"https:\/\/www.cg-blog.com\/wp-content\/uploads\/2010\/01\/displacement-tutorial.jpg\" alt=\"\" width=\"599\" height=\"300\" srcset=\"https:\/\/www.cg-blog.com\/wp-content\/uploads\/2010\/01\/displacement-tutorial.jpg 599w, https:\/\/www.cg-blog.com\/wp-content\/uploads\/2010\/01\/displacement-tutorial-300x150.jpg 300w\" sizes=\"(max-width: 599px) 100vw, 599px\" \/><\/p>\n<p>You need to render a rock surface and you just have a diffuse map. ( Look here for <a href=\"https:\/\/www.cg-blog.com\/index.php\/2007\/06\/02\/download-free-texture-high-resolution.htm\">Free Textures!<\/a> )<br \/>\n<strong>How to convert it in a good displacement map<\/strong>?<\/p>\n<p>Open the texture in photoshop and work it in order to get your displacement map. But often we just get really dotted surfaces, like &#8220;<strong>BAD Displacement<\/strong>&#8221; above? How to improve it?<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.cg-blog.com\/images\/more-contents-premium.jpg\" alt=\"\" \/><\/p>\n<p>In this video I use a combination of Photoshop filters to get a good displaced rock.<br \/>\nWatch the\u00c2\u00a0<strong>Video<\/strong>\u00c2\u00a0, download the\u00c2\u00a0<strong>Files<\/strong>\u00c2\u00a0and complete the\u00c2\u00a0<strong>Exercise<\/strong>\u00c2\u00a0to fix the concept.<\/p>\n<p>[private Premium|Premium1|Premium-1year]<\/p>\n<p><strong>VIDEO :<\/strong><\/p>\n<p><iframe loading=\"lazy\" src=\"http:\/\/player.vimeo.com\/video\/34558798?color=ff9933\" frameborder=\"0\" width=\"599\" height=\"337\"><\/iframe><\/p>\n<p><strong>VIDEO-SUMMARY<\/strong> :<\/p>\n<ol>\n<li>Create black\/white version<\/li>\n<li>Add curves to enhance contrasts (save as &#8220;DISPL1&#8221;)<\/li>\n<li>Use Cutout Filter to simplify the texture<\/li>\n<li>Use Gaussian Blur to smooth details\u00c2\u00a0(save as &#8220;DISPL2&#8221;)<\/li>\n<li>Use DISPL2 in V-Ray Displacement modificator<\/li>\n<li>Use DISPL1 as\u00c2\u00a0bump map to give more details<\/li>\n<\/ol>\n<p><strong>EXERCISE<\/strong> :<\/p>\n<p><strong><a href=\"https:\/\/www.cg-blog.com\/files\/Premium\/displacement-rock.zip\">Download this PACK<\/a><\/strong>\u00c2\u00a0and do the same you watched in the video.<br \/>\nStart the exercise opening \u00e2\u20ac\u0153Dof \u00e2\u20ac\u201c START.max\u00e2\u20ac\u009d<br \/>\n( For any doubt check \u00e2\u20ac\u0153FINAL\u00e2\u20ac\u009d version )<\/p>\n<p>[\/private]<\/p>\n<p style=\"text-align: center;\">*<\/p>\n<p style=\"text-align: center;\">*<\/p>\n<p>What I show in the video is the <strong>Cutout filter<\/strong>:<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone\" src=\"http:\/\/content.screencast.com\/users\/cirosan\/folders\/Jing\/media\/5a9d0386-ac0a-4ab6-9664-c44fb030676e\/2010-01-03_1516.png\" alt=\"\" width=\"475\" height=\"269\" \/><\/p>\n<p><span style=\"background-color: #ffffff;\" title=\"Con Cutout riduciamo a nostro piacimento le sfumature presenti in una\"><strong>Cutout <\/strong>reduce the nuances present in the <\/span><span style=\"background-color: #ffffff;\" title=\"immagine, risolvendo cos\u00c3\u00ac gran parte del problema.\">image, thus solving most of the problems!<\/span><\/p>\n<p><span style=\"background-color: #ffffff;\" title=\"La classica procedura per creare la mappa di displacement \u00c3\u00a8 la seguente:\">The classic steps to create a displacement map is:<\/span><\/p>\n<ul>\n<li>Transform it in black and white texture<\/li>\n<li>Contrast the image<\/li>\n<li>Save and apply it in the displacement\u00c2\u00a0channel<\/li>\n<\/ul>\n<p><span title=\"Oggi voglio suggerirvi di aggungere un ulteriore passaggio:\">Ok guys, today I want to suggest one step more:<\/span><\/p>\n<p><span title=\"Applicare il filtro cutout (per ridurre le variazioni di colore)\"><strong>Apply the cutout filter<\/strong> (to reduce the color variations):<\/span><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-623\" title=\"cutout-filter\" src=\"https:\/\/www.cg-blog.com\/wp-content\/uploads\/2010\/01\/cutout-filter.jpg\" alt=\"\" width=\"475\" height=\"300\" \/><\/p>\n<p>Look at the difference in the image below:<\/p>\n<p><a href=\"https:\/\/www.cg-blog.com\/wp-content\/uploads\/2010\/01\/displacement-vray.jpg\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-1104\" title=\"cutout-clic\" src=\"http:\/\/www.grafica3dblog.it\/wp-content\/uploads\/2010\/01\/cutout-clic1.jpg\" alt=\"cutout-clic\" width=\"475\" height=\"236\" \/><\/a><\/p>\n<p>If you want to refine the displacement map you can use <strong>Gaussian blur filter. <\/strong><br \/>\nThe displacement will be softer.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Do you need to render a rock surface and you just have a diffuse map? In this tutorial I&#8217;ll teach you how to convert a simple diffuse map it in a useful displacement map!<\/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":[59],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.cg-blog.com\/index.php\/wp-json\/wp\/v2\/posts\/434"}],"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=434"}],"version-history":[{"count":0,"href":"https:\/\/www.cg-blog.com\/index.php\/wp-json\/wp\/v2\/posts\/434\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.cg-blog.com\/index.php\/wp-json\/wp\/v2\/media?parent=434"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cg-blog.com\/index.php\/wp-json\/wp\/v2\/categories?post=434"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cg-blog.com\/index.php\/wp-json\/wp\/v2\/tags?post=434"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}