{"id":2969,"date":"2017-05-31T11:00:47","date_gmt":"2017-05-31T11:00:47","guid":{"rendered":"https:\/\/modelo.io\/blog\/?page_id=2969"},"modified":"2024-03-12T01:56:16","modified_gmt":"2024-03-12T01:56:16","slug":"the-ultimate-guide-to-creating-a-3d-animation-walkthrough","status":"publish","type":"page","link":"\/blog\/index.php\/the-ultimate-guide-to-creating-a-3d-animation-walkthrough\/","title":{"rendered":"The Ultimate Guide to Creating a 3D Animation Walkthrough"},"content":{"rendered":"<h1>The Ultimate Guide to Creating a 3D Animation Walkthrough<\/h1>\n<p>There is no denying the value that rendered, animated 3D architectural walkthroughs offer to architects and industrial designers. Replacing static, linear, (and yes, often boring) slideshow design presentations that employ tools like PowerPoint with a visually engaging and interactive 3D or VR virtual walkthrough of your design has proven to be a much more effective method of communicating the value of your designs and all of the hard work you have put into it. During design reviews, colleagues can focus on how the design works and flows together, while clients have the opportunity to engage with and experience your design through an architect&#8217;s&nbsp;eyes. Put simply, creating walkthrough renderings in VR and 3D allows you to truly communicate your vision.<\/p>\n<p><a href=\"https:\/\/modelo.io\/?utm_source=newsletter&amp;utm_medium=blog&amp;utm_campaign=walkthrough\"><img loading=\"lazy\" class=\"alignnone size-medium wp-image-5127 aligncenter\" src=\"https:\/\/modelo.io\/blog\/wp-content\/uploads\/2017\/08\/SIGNUP-TO-MODELO-300x57.png\" alt=\"Register for a Free Modelo Account\" width=\"300\" height=\"57\" srcset=\"\/blog\/wp-content\/uploads\/2017\/08\/SIGNUP-TO-MODELO-300x57.png 300w, \/blog\/wp-content\/uploads\/2017\/08\/SIGNUP-TO-MODELO-768x146.png 768w, \/blog\/wp-content\/uploads\/2017\/08\/SIGNUP-TO-MODELO-1024x194.png 1024w, \/blog\/wp-content\/uploads\/2017\/08\/SIGNUP-TO-MODELO-200x38.png 200w, \/blog\/wp-content\/uploads\/2017\/08\/SIGNUP-TO-MODELO.png 1208w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400;\">But, how easy is it to create an architectural walkthrough animation of your design? With <a href=\"https:\/\/modelo.io\/walkthrough.html\">Modelo<\/a>, very easy and it only takes a couple of minutes.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"aligncenter size-full wp-image-2983\" src=\"https:\/\/modelo.io\/blog\/wp-content\/uploads\/2017\/05\/Walkthrough-800.gif\" alt=\"\" width=\"800\" height=\"450\"><\/p>\n<p><b>Dropping your waypoints<br \/>\n<\/b>If you haven\u2019t already, upload your model to Modelo (If you don\u2019t have an account, you can create a free one <a href=\"https:\/\/app.modelo.io\/damf\/register\">here<\/a>) and click \u2018View 3D\u2019 <em>(if you need a refresher on how to see your design in 3D, <a href=\"https:\/\/modelo.io\/blog\/index.php\/how-to-render-your-architecture-design-in-3d-quickly\/\">read this short blog post<\/a>)<\/em>. Then select the \u2018walkthrough\u2019 icon from the taskbar at the bottom of your screen and on the left side of the screen you will see a panel appear.<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter size-large wp-image-2984\" src=\"https:\/\/modelo.io\/blog\/wp-content\/uploads\/2017\/05\/Modelo-feature-02-1024x576.jpg\" alt=\"\" width=\"960\" height=\"540\" srcset=\"\/blog\/wp-content\/uploads\/2017\/05\/Modelo-feature-02-1024x576.jpg 1024w, \/blog\/wp-content\/uploads\/2017\/05\/Modelo-feature-02-300x169.jpg 300w, \/blog\/wp-content\/uploads\/2017\/05\/Modelo-feature-02-768x432.jpg 768w, \/blog\/wp-content\/uploads\/2017\/05\/Modelo-feature-02-200x113.jpg 200w\" sizes=\"(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><\/p>\n<p>To create a new walkthrough, click the orange \u2018+\u2019 symbol or drop down the menu to edit an existing walkthrough.<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter size-full wp-image-2992\" src=\"https:\/\/modelo.io\/blog\/wp-content\/uploads\/2017\/05\/Screen-Shot-2017-05-23-at-4.23.18-PM.png\" alt=\"\" width=\"400\" height=\"437\" srcset=\"\/blog\/wp-content\/uploads\/2017\/05\/Screen-Shot-2017-05-23-at-4.23.18-PM.png 400w, \/blog\/wp-content\/uploads\/2017\/05\/Screen-Shot-2017-05-23-at-4.23.18-PM-275x300.png 275w, \/blog\/wp-content\/uploads\/2017\/05\/Screen-Shot-2017-05-23-at-4.23.18-PM-183x200.png 183w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">In that same pane on the left of the page, a mini-map of your design will appear. To create an animated walkthrough, simply drop your waypoints along your intended path on that mini-map. As you drop each waypoint, you will need to determine the camera\u2019s direction. To do so, simply move your mouse around to achieve your desired direction and then click to set the camera\u2019s angle. Everything you do on the mini-map will be replicated in the main window pane. You can then repeat the process until you have completed building your walkthrough. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Perhaps the best feature of creating walkthroughs in Modelo is the ease with which you can create a new one or amend an existing one. Simply add, remove, or adjust waypoints on-the-fly so you can show clients and colleagues different perspectives. Never again will you be unprepared for the question \u201cCan we see what it looks like from this angle?\u201d<\/span><\/p>\n<p><b>Going upstairs and increasing elevations<br \/>\n<\/b>With Modelo, you can increase a walkthrough\u2019s elevation and design your walkthrough to go up stairs. When you are ready to move up stairs or otherwise increase the elevation, drop a waypoint at the elevation that you want to start at. Before dropping your next waypoint, select the \u2018elevation\u2019 icon and adjust the sliding scale to your desired height. You are then ready to drop your next waypoint and Modelo will automatically recognize the increase in elevation. Once at your desired height, you do not need to continue adjusting the elevation. Modelo will keep the elevation at the same level as the previous waypoint, until you adjust it otherwise.<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter wp-image-2988 size-large\" src=\"https:\/\/modelo.io\/blog\/wp-content\/uploads\/2017\/05\/Screen-Shot-2017-05-23-at-4.14.17-PM-1024x576.png\" alt=\"\" width=\"960\" height=\"540\" srcset=\"\/blog\/wp-content\/uploads\/2017\/05\/Screen-Shot-2017-05-23-at-4.14.17-PM-1024x576.png 1024w, \/blog\/wp-content\/uploads\/2017\/05\/Screen-Shot-2017-05-23-at-4.14.17-PM-300x169.png 300w, \/blog\/wp-content\/uploads\/2017\/05\/Screen-Shot-2017-05-23-at-4.14.17-PM-768x432.png 768w, \/blog\/wp-content\/uploads\/2017\/05\/Screen-Shot-2017-05-23-at-4.14.17-PM-200x113.png 200w, \/blog\/wp-content\/uploads\/2017\/05\/Screen-Shot-2017-05-23-at-4.14.17-PM.png 1402w\" sizes=\"(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><\/p>\n<p>By default, the elevation of your walkthrough is set to be the equivalent of eye-level for an average person (around 5.5 feet or 170 cm).<\/p>\n<p><b>You\u2019ve created your (awesome!) walkthrough &#8211; now what?<\/b><\/p>\n<p><b>Share it<br \/>\n<\/b><span style=\"font-weight: 400;\">For starters, share it! Modelo makes it easy to share your walkthrough with your clients and colleagues. Click the \u2018Share\u2019 icon and send your walkthrough to a client for their review or send it to your colleagues ahead of any design review meetings. <\/span><\/p>\n<p><img loading=\"lazy\" class=\"aligncenter size-full wp-image-2989\" src=\"https:\/\/modelo.io\/blog\/wp-content\/uploads\/2017\/05\/Screen-Shot-2017-05-23-at-4.17.13-PM.png\" alt=\"\" width=\"577\" height=\"536\" srcset=\"\/blog\/wp-content\/uploads\/2017\/05\/Screen-Shot-2017-05-23-at-4.17.13-PM.png 577w, \/blog\/wp-content\/uploads\/2017\/05\/Screen-Shot-2017-05-23-at-4.17.13-PM-300x279.png 300w, \/blog\/wp-content\/uploads\/2017\/05\/Screen-Shot-2017-05-23-at-4.17.13-PM-200x186.png 200w\" sizes=\"(max-width: 577px) 100vw, 577px\" \/><\/p>\n<p><b>Virtual reality (VR) walkthrough<br \/>\n<\/b><span style=\"font-weight: 400;\">Create a virtual reality experience of your walkthrough. Download the Modelo app from the <a href=\"https:\/\/itunes.apple.com\/us\/app\/modelo-3d\/id1134694912?mt=8\">Apple App Store<\/a> or <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.modelo3d.app&amp;hl=en\">Google Play Store<\/a> and click the VR button in the app to VR walkthrough experience. Your clients and colleagues can do the same thing. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">You will need to use a Google Cardboard or similar product to see your designs in VR. If you don\u2019t have a Google Cardboard, call us on +1-617-945-8692 and we will send you one. <\/span><\/p>\n<p><b>Embed a walkthrough<br \/>\n<\/b><span style=\"font-weight: 400;\">Finally, you can <a href=\"https:\/\/modelo.io\/blog\/index.php\/2017\/04\/23\/embed-3d-models\/\">embed walkthroughs<\/a> on your website or partner websites. Simply download the embed code by clicking the \u2018Share\u2019 icon and drop the code onto your website. It is a great way to showcase your designs and to market your company. <\/span><\/p>\n<p><a href=\"https:\/\/modelo.io\/?utm_source=newsletter&amp;utm_medium=blog&amp;utm_campaign=walkthrough\"><img loading=\"lazy\" class=\"size-medium wp-image-3341 aligncenter\" src=\"https:\/\/modelo.io\/blog\/wp-content\/uploads\/2017\/05\/Subscribe-Button-300x57.png\" alt=\"\" width=\"300\" height=\"57\" srcset=\"\/blog\/wp-content\/uploads\/2017\/05\/Subscribe-Button-300x57.png 300w, \/blog\/wp-content\/uploads\/2017\/05\/Subscribe-Button.png 500w, \/blog\/wp-content\/uploads\/2017\/05\/Subscribe-Button-200x38.png 200w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Ultimate Guide to Creating a 3D Animation Walkthrough There is no denying the value that rendered, animated 3D architectural walkthroughs offer to architects and industrial designers. Replacing static, linear, (and yes, often boring) slideshow design presentations that employ tools like PowerPoint with a visually engaging and interactive 3D or VR virtual walkthrough of your &hellip; <\/p>\n<p class=\"link-more\"><a href=\"\/blog\/index.php\/the-ultimate-guide-to-creating-a-3d-animation-walkthrough\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;The Ultimate Guide to Creating a 3D Animation Walkthrough&#8221;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":3101,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"\/blog\/index.php\/wp-json\/wp\/v2\/pages\/2969"}],"collection":[{"href":"\/blog\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"\/blog\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"\/blog\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"\/blog\/index.php\/wp-json\/wp\/v2\/comments?post=2969"}],"version-history":[{"count":16,"href":"\/blog\/index.php\/wp-json\/wp\/v2\/pages\/2969\/revisions"}],"predecessor-version":[{"id":7304,"href":"\/blog\/index.php\/wp-json\/wp\/v2\/pages\/2969\/revisions\/7304"}],"wp:featuredmedia":[{"embeddable":true,"href":"\/blog\/index.php\/wp-json\/wp\/v2\/media\/3101"}],"wp:attachment":[{"href":"\/blog\/index.php\/wp-json\/wp\/v2\/media?parent=2969"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}