{"id":814,"date":"2021-04-06T20:03:12","date_gmt":"2021-04-07T00:03:12","guid":{"rendered":"https:\/\/robertjeffery.us\/tuttofattoamano\/?p=814"},"modified":"2021-04-07T12:21:01","modified_gmt":"2021-04-07T16:21:01","slug":"create-custom-buttons-for-clo3d-with-photoshop","status":"publish","type":"post","link":"https:\/\/robertjeffery.us\/tuttofattoamano\/create-custom-buttons-for-clo3d-with-photoshop\/","title":{"rendered":"Create custom buttons for Clo3D with Photoshop"},"content":{"rendered":"\n<p>Get up close to show beautiful details in your 3D renderings.  In this video I walk you through one of the somewhat hidden features of Clo3D, using UV Maps to create custom buttons with Photoshop.  I will also look at applying a new material type to achieve sub surface scatter lighting effects for materials like real horn.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"jetpack-video-wrapper\"><iframe loading=\"lazy\" title=\"Making Custom Buttons for Clo3D in Photoshop\" width=\"1160\" height=\"653\" src=\"https:\/\/www.youtube.com\/embed\/rHSMR_6Hm10?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div>\n<\/div><\/figure>\n\n\n\n<p>Get the instruction in the video, and refer back to these steps below later when you forget what  you saw in the video.<\/p>\n\n\n\n<p>In Clo&#8217;s Button Property Editor, select a shape and note the name of the button when you hover over it.  In  this case I used the first shape, Sew-Through button #1.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/i0.wp.com\/robertjeffery.us\/tuttofattoamano\/wp-content\/uploads\/sites\/4\/2021\/04\/2021-04-07.jpg?resize=1024%2C576&#038;ssl=1\" alt=\"Select a button shape in the property editor window\" class=\"wp-image-886\" \/><figcaption><em>Select a button shape in the Button Property Editor<\/em><\/figcaption><\/figure>\n\n\n\n<p>The UV Maps for the built-in button shapes can be found at c:\\Users\\Public\\Public Documents\\Clo\\Assets\\Materials\\Hardware &amp; Trims\\Button &amp; Button hole\\Button UV Texture Maps.  Find the UV map that corresponds to your button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/i0.wp.com\/robertjeffery.us\/tuttofattoamano\/wp-content\/uploads\/sites\/4\/2021\/04\/1_Sew-through_Button_01.jpg?resize=1024%2C1024&#038;ssl=1\" alt=\"This is the UV map included in the Clo software for Sew Through button #1\n\n\" class=\"wp-image-887\" \/><figcaption><em>This is what the UV map for Sew-Through button<\/em> #<em>1 looks like.<\/em><\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/i0.wp.com\/robertjeffery.us\/tuttofattoamano\/wp-content\/uploads\/sites\/4\/2021\/04\/horn.jpg?resize=1024%2C1024&#038;ssl=1\" alt=\"A properly textured and mapped button image\" class=\"wp-image-888\" \/><figcaption><em>Use photoshop to correctly map a button image to the UV map.  Placement of your image is critical.<\/em><\/figcaption><\/figure>\n\n\n\n<p>In the Button Property Editor, select the texture you created with the UV map, change the material Type to Skin in order to get the subsurface scattering, decrease the Roughness and increase the Reflection Intensity to give the look of polished horn buttons.  If you are making a solid plastic, metal, or other material, select the appropriate material type instead of Skin.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/i0.wp.com\/robertjeffery.us\/tuttofattoamano\/wp-content\/uploads\/sites\/4\/2021\/04\/2021-04-07-2.jpg?resize=1024%2C576&#038;ssl=1\" alt=\"Set the properties and texture for your button\" class=\"wp-image-889\" \/><figcaption><em>Make changes in the button Property Editor<\/em><\/figcaption><\/figure>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Get up close to show beautiful details in your 3D renderings. In this video I walk you through one of the somewhat hidden features of<span class=\"read-more-link\"><a class=\"read-more\" href=\"https:\/\/robertjeffery.us\/tuttofattoamano\/create-custom-buttons-for-clo3d-with-photoshop\/\">Read More<\/a><\/span><\/p>\n","protected":false},"author":2,"featured_media":882,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[296,317,318],"tags":[314,291,316,315,304],"class_list":["post-814","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-3d","category-buttons","category-clo3d","tag-button","tag-clo3d","tag-horn-button","tag-photoshop","tag-uv-maps"],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/robertjeffery.us\/tuttofattoamano\/wp-content\/uploads\/sites\/4\/2021\/04\/hero-buttons.jpg?fit=1116%2C628&ssl=1","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/robertjeffery.us\/tuttofattoamano\/wp-json\/wp\/v2\/posts\/814","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/robertjeffery.us\/tuttofattoamano\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/robertjeffery.us\/tuttofattoamano\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/robertjeffery.us\/tuttofattoamano\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/robertjeffery.us\/tuttofattoamano\/wp-json\/wp\/v2\/comments?post=814"}],"version-history":[{"count":3,"href":"https:\/\/robertjeffery.us\/tuttofattoamano\/wp-json\/wp\/v2\/posts\/814\/revisions"}],"predecessor-version":[{"id":890,"href":"https:\/\/robertjeffery.us\/tuttofattoamano\/wp-json\/wp\/v2\/posts\/814\/revisions\/890"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/robertjeffery.us\/tuttofattoamano\/wp-json\/wp\/v2\/media\/882"}],"wp:attachment":[{"href":"https:\/\/robertjeffery.us\/tuttofattoamano\/wp-json\/wp\/v2\/media?parent=814"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/robertjeffery.us\/tuttofattoamano\/wp-json\/wp\/v2\/categories?post=814"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/robertjeffery.us\/tuttofattoamano\/wp-json\/wp\/v2\/tags?post=814"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}