{"id":4358,"date":"2023-07-05T02:56:40","date_gmt":"2023-07-05T02:56:40","guid":{"rendered":"https:\/\/greole.com\/wordpress\/?p=4358"},"modified":"2023-07-05T02:56:40","modified_gmt":"2023-07-05T02:56:40","slug":"creating-an-art-nouveau-door-in-blender","status":"publish","type":"post","link":"https:\/\/greole.com\/wordpress\/index.php\/2023\/07\/05\/creating-an-art-nouveau-door-in-blender\/","title":{"rendered":"Creating an Art Nouveau Door in Blender"},"content":{"rendered":"<p>In 2017, I decided to build an art nouveau door using Blender. I felt that this would be a significant challenge for my skills as they were then. This post is how I went about that. It is not so much a tutorial as a record of my efforts.<\/p>\n<p><strong>Step 1: Inspiration and initial design<\/strong><\/p>\n<p>I like to start by finding something upon which to model my thoughts. In this case I really liked the following door that I found on <a href=\"http:\/\/(By Jopparn (Own work) [CC BY-SA 3.0 (https:\/\/creativecommons.org\/licenses\/by-sa\/3.0)], via Wikimedia Commons):\">Wikipedia<\/a>.<\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone wp-image-3230\" src=\"https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/10\/2017-10-23_16-09-56.jpg\" alt=\"\" width=\"359\" height=\"552\" srcset=\"https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/10\/2017-10-23_16-09-56.jpg 403w, https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/10\/2017-10-23_16-09-56-195x300.jpg 195w\" sizes=\"(max-width: 359px) 100vw, 359px\" \/><\/p>\n<p>I decided that I was not going to completely replicate the door in the picture, but just get the essence of it. To do this I used MS PowerPoint to draw a rough draft of what I wanted to achieve. I use PowerPoint because it permits me to draw very simple shapes and, at the end of the day, most objects are made up from simple shapes. Notice that I created two objects:<\/p>\n<ol>\n<li>the hole in the wall for the door<\/li>\n<li>the door itself<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-3229\" src=\"https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/10\/artndoor2.jpg\" alt=\"\" width=\"480\" height=\"337\" srcset=\"https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/10\/artndoor2.jpg 480w, https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/10\/artndoor2-300x211.jpg 300w\" sizes=\"(max-width: 480px) 100vw, 480px\" \/><\/p>\n<p>As you will see,\u00a0my vision was to create 4 elements in Blender:<\/p>\n<ul>\n<li>a wall with an appropriately shaped hole<\/li>\n<li>a door (including stained glass window)<\/li>\n<li>a top window<\/li>\n<li>a side window<\/li>\n<\/ul>\n<p><strong>Step 2. Import to Blender<\/strong><\/p>\n<p>The next two steps I won&#8217;t detail as there are plenty of tutorials online. But in essence what I did was:<\/p>\n<ol>\n<li>Use the snipping tool to take a copy of the PowerPoint design and save as an image.<\/li>\n<li>Use Adobe Illustrator to convert the image to a vector.<\/li>\n<li>Import the vector into Blender.<\/li>\n<li>Extract the object so that it is 3D<\/li>\n<\/ol>\n<p>The result is shown below<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-3241\" src=\"https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/10\/2017-10-26_21-47-23.jpg\" alt=\"\" width=\"502\" height=\"313\" srcset=\"https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/10\/2017-10-26_21-47-23.jpg 723w, https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/10\/2017-10-26_21-47-23-300x187.jpg 300w\" sizes=\"(max-width: 502px) 100vw, 502px\" \/><\/p>\n<p><strong>Step 3: Configuring the model in Blender<\/strong><\/p>\n<p>Once I had the rough shape as a 3D model, I start playing with it. Shaping parts of the door hole outline.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-3243\" src=\"https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/10\/2017-10-26_21-42-50.jpg\" alt=\"\" width=\"450\" height=\"468\" srcset=\"https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/10\/2017-10-26_21-42-50.jpg 492w, https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/10\/2017-10-26_21-42-50-288x300.jpg 288w\" sizes=\"(max-width: 450px) 100vw, 450px\" \/> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-3244\" src=\"https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/10\/2017-10-26_21-44-43.jpg\" alt=\"\" width=\"443\" height=\"468\" srcset=\"https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/10\/2017-10-26_21-44-43.jpg 466w, https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/10\/2017-10-26_21-44-43-284x300.jpg 284w\" sizes=\"(max-width: 443px) 100vw, 443px\" \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-3242\" src=\"https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/10\/2016-06-22_12-45-09.jpg\" alt=\"\" width=\"428\" height=\"537\" srcset=\"https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/10\/2016-06-22_12-45-09.jpg 403w, https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/10\/2016-06-22_12-45-09-239x300.jpg 239w\" sizes=\"(max-width: 428px) 100vw, 428px\" \/><\/p>\n<p>I then add the door and add some steps and some skirting.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-3249\" src=\"https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/10\/2017-10-29_22-22-58.jpg\" alt=\"\" width=\"501\" height=\"549\" srcset=\"https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/10\/2017-10-29_22-22-58.jpg 682w, https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/10\/2017-10-29_22-22-58-274x300.jpg 274w\" sizes=\"(max-width: 501px) 100vw, 501px\" \/><\/p>\n<p>The door itself needs to open and shut. The trick of this is to select the edge of the door, snap the cursor to it and then in Object mode use Object -&gt; transform -&gt; Origin to 3D cursor.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-3257\" src=\"https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/11\/2017-11-01_17-06-47.jpg\" alt=\"\" width=\"361\" height=\"398\" srcset=\"https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/11\/2017-11-01_17-06-47.jpg 504w, https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/11\/2017-11-01_17-06-47-272x300.jpg 272w\" sizes=\"(max-width: 361px) 100vw, 361px\" \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-3258\" src=\"https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/11\/2017-11-01_17-23-44.jpg\" alt=\"\" width=\"413\" height=\"397\" srcset=\"https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/11\/2017-11-01_17-23-44.jpg 722w, https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/11\/2017-11-01_17-23-44-300x288.jpg 300w\" sizes=\"(max-width: 413px) 100vw, 413px\" \/><\/p>\n<p><strong>Step 4: Texturing<\/strong><\/p>\n<p>I unwrapped each of the objects as per below.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3266\" src=\"https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/11\/2017-11-05_13-54-18.jpg\" alt=\"\" width=\"713\" height=\"447\" srcset=\"https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/11\/2017-11-05_13-54-18.jpg 713w, https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/11\/2017-11-05_13-54-18-300x188.jpg 300w\" sizes=\"(max-width: 713px) 100vw, 713px\" \/><\/p>\n<p>For the wall I used the following material design.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3277\" src=\"https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/11\/2017-11-14_19-07-19.jpg\" alt=\"\" width=\"751\" height=\"429\" srcset=\"https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/11\/2017-11-14_19-07-19.jpg 751w, https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/11\/2017-11-14_19-07-19-300x171.jpg 300w\" sizes=\"(max-width: 751px) 100vw, 751px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-3279\" src=\"https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/11\/2017-11-14_19-23-32-1024x589.jpg\" alt=\"\" width=\"1024\" height=\"589\" srcset=\"https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/11\/2017-11-14_19-23-32-1024x589.jpg 1024w, https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/11\/2017-11-14_19-23-32-300x173.jpg 300w, https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/11\/2017-11-14_19-23-32-768x442.jpg 768w, https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/11\/2017-11-14_19-23-32.jpg 1233w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\u00a0\u00a0<img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-3276\" src=\"https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/11\/2017-10-26_21-47-23.jpg\" alt=\"\" width=\"579\" height=\"574\" srcset=\"https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/11\/2017-10-26_21-47-23.jpg 790w, https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/11\/2017-10-26_21-47-23-300x297.jpg 300w, https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/11\/2017-10-26_21-47-23-150x150.jpg 150w, https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/11\/2017-10-26_21-47-23-768x761.jpg 768w\" sizes=\"(max-width: 579px) 100vw, 579px\" \/><\/p>\n<p><strong>Step 5: Adding depth<\/strong><\/p>\n<p>In this case I used Adobe Photoshop to create a Normal Map.\u00a0 This said, it is possible to create a normal map with any number of tools, for example <a href=\"https:\/\/cpetry.github.io\/NormalMap-Online\/\">NormalMap &#8211; Online<\/a>. Simply turn a texture to greyscale and made light points where you want the texture to have height, and dark points where you want depth.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-3285\" src=\"https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/11\/2017-11-16_18-30-41.jpg\" alt=\"\" width=\"801\" height=\"747\" srcset=\"https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/11\/2017-11-16_18-30-41.jpg 1002w, https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/11\/2017-11-16_18-30-41-300x280.jpg 300w, https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/11\/2017-11-16_18-30-41-768x717.jpg 768w\" sizes=\"(max-width: 801px) 100vw, 801px\" \/><\/p>\n<p>I then added this normal map in Blender.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-3286\" src=\"https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/11\/2017-11-16_18-26-45.jpg\" alt=\"\" width=\"492\" height=\"523\" srcset=\"https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/11\/2017-11-16_18-26-45.jpg 722w, https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/11\/2017-11-16_18-26-45-282x300.jpg 282w\" sizes=\"(max-width: 492px) 100vw, 492px\" \/><\/p>\n<p>This done, I felt that there were a few problems.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3291\" src=\"https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/11\/2017-11-18_22-33-21.jpg\" alt=\"\" width=\"585\" height=\"597\" srcset=\"https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/11\/2017-11-18_22-33-21.jpg 585w, https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/11\/2017-11-18_22-33-21-294x300.jpg 294w\" sizes=\"(max-width: 585px) 100vw, 585px\" \/><\/p>\n<p>So I returned to Photoshop, changed my texture to accommodate the problems identified and then re-did my normal map. During this I raised and added to the skirting quite significantly.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3292\" src=\"https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/11\/2017-11-18_22-35-28.jpg\" alt=\"\" width=\"474\" height=\"470\" srcset=\"https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/11\/2017-11-18_22-35-28.jpg 474w, https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/11\/2017-11-18_22-35-28-300x297.jpg 300w, https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/11\/2017-11-18_22-35-28-150x150.jpg 150w\" sizes=\"(max-width: 474px) 100vw, 474px\" \/><\/p>\n<p>I then did the same process with the door.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-3294\" src=\"https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/11\/2017-11-18_22-39-22-1024x617.jpg\" alt=\"\" width=\"775\" height=\"467\" srcset=\"https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/11\/2017-11-18_22-39-22-1024x617.jpg 1024w, https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/11\/2017-11-18_22-39-22-300x181.jpg 300w, https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/11\/2017-11-18_22-39-22-768x462.jpg 768w, https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/11\/2017-11-18_22-39-22.jpg 1033w\" sizes=\"(max-width: 775px) 100vw, 775px\" \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-3295\" src=\"https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/11\/2017-11-18_22-37-31-1024x409.jpg\" alt=\"\" width=\"1024\" height=\"409\" srcset=\"https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/11\/2017-11-18_22-37-31-1024x409.jpg 1024w, https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/11\/2017-11-18_22-37-31-300x120.jpg 300w, https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/11\/2017-11-18_22-37-31-768x307.jpg 768w, https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/11\/2017-11-18_22-37-31.jpg 1210w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/> \u00a0<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3307\" src=\"https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/12\/2017-12-02_15-57-41.jpg\" alt=\"\" width=\"689\" height=\"694\" srcset=\"https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/12\/2017-12-02_15-57-41.jpg 689w, https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/12\/2017-12-02_15-57-41-298x300.jpg 298w, https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/12\/2017-12-02_15-57-41-150x150.jpg 150w\" sizes=\"(max-width: 689px) 100vw, 689px\" \/> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3308\" src=\"https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/12\/2017-12-02_15-58-39.jpg\" alt=\"\" width=\"683\" height=\"686\" srcset=\"https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/12\/2017-12-02_15-58-39.jpg 683w, https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/12\/2017-12-02_15-58-39-300x300.jpg 300w, https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/12\/2017-12-02_15-58-39-150x150.jpg 150w\" sizes=\"(max-width: 683px) 100vw, 683px\" \/><\/p>\n<p><strong>Result<\/strong><\/p>\n<p>To be honest, I felt that the outcome was fairly average. But I did learn a lot during this.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3309\" src=\"https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/12\/2017-12-02_15-56-20.jpg\" alt=\"\" width=\"687\" height=\"738\" srcset=\"https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/12\/2017-12-02_15-56-20.jpg 687w, https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/12\/2017-12-02_15-56-20-279x300.jpg 279w\" sizes=\"(max-width: 687px) 100vw, 687px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In 2017, I decided to build an art nouveau door using Blender. I felt that this would be a significant challenge for my skills as they were then. This post is how I went about that. It is not so much a tutorial as a record of my efforts. Step 1: Inspiration and initial design I like to start by finding something upon which to model my thoughts. In this<\/p>\n","protected":false},"author":1,"featured_media":3309,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"wpupg_custom_link":[],"wpupg_custom_link_behaviour":["default"],"wpupg_custom_image":[],"wpupg_custom_image_id":[],"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[410,68,409],"tags":[27,28,131,48,13],"series":[],"class_list":["entry","author-admin_rxzvo8on","post-4358","post","type-post","status-publish","format-standard","has-post-thumbnail","category-3d","category-art","category-blender","tag-3d","tag-3d-art","tag-3d-design","tag-blender","tag-digital-art","clearfix"],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/greole.com\/wordpress\/wp-content\/uploads\/2017\/12\/2017-12-02_15-56-20.jpg","_links":{"self":[{"href":"https:\/\/greole.com\/wordpress\/index.php\/wp-json\/wp\/v2\/posts\/4358","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/greole.com\/wordpress\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/greole.com\/wordpress\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/greole.com\/wordpress\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/greole.com\/wordpress\/index.php\/wp-json\/wp\/v2\/comments?post=4358"}],"version-history":[{"count":3,"href":"https:\/\/greole.com\/wordpress\/index.php\/wp-json\/wp\/v2\/posts\/4358\/revisions"}],"predecessor-version":[{"id":4361,"href":"https:\/\/greole.com\/wordpress\/index.php\/wp-json\/wp\/v2\/posts\/4358\/revisions\/4361"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/greole.com\/wordpress\/index.php\/wp-json\/wp\/v2\/media\/3309"}],"wp:attachment":[{"href":"https:\/\/greole.com\/wordpress\/index.php\/wp-json\/wp\/v2\/media?parent=4358"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/greole.com\/wordpress\/index.php\/wp-json\/wp\/v2\/categories?post=4358"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/greole.com\/wordpress\/index.php\/wp-json\/wp\/v2\/tags?post=4358"},{"taxonomy":"series","embeddable":true,"href":"https:\/\/greole.com\/wordpress\/index.php\/wp-json\/wp\/v2\/series?post=4358"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}