{"id":67255,"date":"2021-01-14T08:45:45","date_gmt":"2021-01-14T13:45:45","guid":{"rendered":"https:\/\/architizer.com\/blog\/?p=67255"},"modified":"2021-01-15T15:20:18","modified_gmt":"2021-01-15T20:20:18","slug":"the-art-of-rendering-architectural-animation-twinmotion","status":"publish","type":"post","link":"https:\/\/staging.arc.ht\/blog\/practice\/tools\/the-art-of-rendering-architectural-animation-twinmotion\/","title":{"rendered":"The Art of Rendering: How to Create an Architectural Animation Using TwinMotion"},"content":{"rendered":"<p><em>This article was written in collaboration with <a href=\"https:\/\/archihacks.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Archi Hacks<\/a>, an online resource for architects and students.<\/em><\/p>\n<p>Animation allows designers to add an extra dimension to the conventional architectural representation methods and enhance communication throughout the design process as well as marketing the project. Despite its inherent benefits, creating animation used to be difficult for many architects.<\/p>\n<p>Previously, animations could only be produced with the use of powerful computers by artists who specialize in visualization. As computers have become more efficient over the years, more accessible software like Twinmotion has been introduced to the general public. Now, anyone can make a fully fledged animation of their own.<\/p>\n<p>This article will walk you through how you can use animations created in Twinmotion to breathe life into your own projects.<\/p>\n<p>What you&#8217;ll need:<\/p>\n<ul>\n<li>3D software (SketchUp, Rhino)<\/li>\n<li>A 3D model<\/li>\n<li><a href=\"https:\/\/www.unrealengine.com\/en-US\/twinmotion?utm_source=article&amp;utm_medium=Influencer&amp;utm_campaign=ArchiHacks&amp;utm_content=ue4_internal\" target=\"_blank\" rel=\"noopener noreferrer\">Twinmotion<\/a> (download trial for free here)<\/li>\n<\/ul>\n<h2>Step 1: Set up your scene<\/h2>\n<p>If you aren&#8217;t familiar with Twinmotion yet, learn how to set up your scene in <a href=\"https:\/\/www.youtube.com\/watch?v=ZbWZbqPWTtc&amp;feature=youtu.be&amp;ab_channel=ArchiHacks\">this video<\/a>. You&#8217;ll be surprised at how quickly you can set up an organic scene!<\/p>\n<h2>Step 2: Camera and fog<\/h2>\n<p>First, move your camera to the starting point of your animation and open the video tab:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-67259 lazy lazy_media_item\" src=\"https:\/\/i0.wp.com\/staging.arc.ht\/blog\/wp-content\/uploads\/Picture1-2.png?resize=934%2C500&#038;ssl=1\" alt=\"\" width=\"934\" height=\"500\" srcset=\"https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture1-2.png?w=934&amp;ssl=1 934w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture1-2.png?resize=300%2C161&amp;ssl=1 300w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture1-2.png?resize=768%2C411&amp;ssl=1 768w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture1-2.png?resize=400%2C214&amp;ssl=1 400w\" sizes=\"auto, (max-width: 934px) 100vw, 934px\" data-recalc-dims=\"1\" \/><\/p>\n<p>Create a new video clip:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-67260 lazy lazy_media_item\" src=\"https:\/\/i0.wp.com\/staging.arc.ht\/blog\/wp-content\/uploads\/Picture2.png?resize=934%2C146&#038;ssl=1\" alt=\"\" width=\"934\" height=\"146\" srcset=\"https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture2.png?w=934&amp;ssl=1 934w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture2.png?resize=300%2C47&amp;ssl=1 300w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture2.png?resize=768%2C120&amp;ssl=1 768w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture2.png?resize=400%2C63&amp;ssl=1 400w\" sizes=\"auto, (max-width: 934px) 100vw, 934px\" data-recalc-dims=\"1\" \/><\/p>\n<p>Click the plus icon to create a new keyframe. Keyframes are snapshots of moments that can be animated to and from:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-67261 lazy lazy_media_item\" src=\"https:\/\/i0.wp.com\/staging.arc.ht\/blog\/wp-content\/uploads\/Picture3.png?resize=934%2C146&#038;ssl=1\" alt=\"\" width=\"934\" height=\"146\" srcset=\"https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture3.png?w=934&amp;ssl=1 934w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture3.png?resize=300%2C47&amp;ssl=1 300w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture3.png?resize=768%2C120&amp;ssl=1 768w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture3.png?resize=400%2C63&amp;ssl=1 400w\" sizes=\"auto, (max-width: 934px) 100vw, 934px\" data-recalc-dims=\"1\" \/><\/p>\n<p>Move the camera to the second position, and re-capture to the second keyframe. You can now preview the animation:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-67262 lazy lazy_media_item\" src=\"https:\/\/i0.wp.com\/staging.arc.ht\/blog\/wp-content\/uploads\/Picture4.png?resize=934%2C500&#038;ssl=1\" alt=\"\" width=\"934\" height=\"500\" srcset=\"https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture4.png?w=934&amp;ssl=1 934w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture4.png?resize=300%2C161&amp;ssl=1 300w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture4.png?resize=768%2C411&amp;ssl=1 768w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture4.png?resize=400%2C214&amp;ssl=1 400w\" sizes=\"auto, (max-width: 934px) 100vw, 934px\" data-recalc-dims=\"1\" \/><\/p>\n<p>Let\u2019s add fog to our scene by going into \u2018more\u2019 options in the first keyframe:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-67263 lazy lazy_media_item\" src=\"https:\/\/i0.wp.com\/staging.arc.ht\/blog\/wp-content\/uploads\/Picture5.png?resize=934%2C368&#038;ssl=1\" alt=\"\" width=\"934\" height=\"368\" srcset=\"https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture5.png?w=934&amp;ssl=1 934w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture5.png?resize=300%2C118&amp;ssl=1 300w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture5.png?resize=768%2C303&amp;ssl=1 768w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture5.png?resize=400%2C158&amp;ssl=1 400w\" sizes=\"auto, (max-width: 934px) 100vw, 934px\" data-recalc-dims=\"1\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-67264 lazy lazy_media_item\" src=\"https:\/\/i0.wp.com\/staging.arc.ht\/blog\/wp-content\/uploads\/Picture6.png?resize=934%2C148&#038;ssl=1\" alt=\"\" width=\"934\" height=\"148\" srcset=\"https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture6.png?w=934&amp;ssl=1 934w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture6.png?resize=300%2C48&amp;ssl=1 300w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture6.png?resize=768%2C122&amp;ssl=1 768w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture6.png?resize=400%2C63&amp;ssl=1 400w\" sizes=\"auto, (max-width: 934px) 100vw, 934px\" data-recalc-dims=\"1\" \/><\/p>\n<p>Set the smog level to 100%:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-67265 lazy lazy_media_item\" src=\"https:\/\/i0.wp.com\/staging.arc.ht\/blog\/wp-content\/uploads\/Picture7.png?resize=934%2C148&#038;ssl=1\" alt=\"\" width=\"934\" height=\"148\" srcset=\"https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture7.png?w=934&amp;ssl=1 934w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture7.png?resize=300%2C48&amp;ssl=1 300w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture7.png?resize=768%2C122&amp;ssl=1 768w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture7.png?resize=400%2C63&amp;ssl=1 400w\" sizes=\"auto, (max-width: 934px) 100vw, 934px\" data-recalc-dims=\"1\" \/><\/p>\n<p>Repeat the same steps for the second keyframe, except set the smog level to 50%:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-67266 lazy lazy_media_item\" src=\"https:\/\/i0.wp.com\/staging.arc.ht\/blog\/wp-content\/uploads\/Picture8.png?resize=934%2C148&#038;ssl=1\" alt=\"\" width=\"934\" height=\"148\" srcset=\"https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture8.png?w=934&amp;ssl=1 934w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture8.png?resize=300%2C48&amp;ssl=1 300w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture8.png?resize=768%2C122&amp;ssl=1 768w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture8.png?resize=400%2C63&amp;ssl=1 400w\" sizes=\"auto, (max-width: 934px) 100vw, 934px\" data-recalc-dims=\"1\" \/><\/p>\n<p>Preview the animation and you will see the camera smoothly moving around while the smog dissipates.<\/p>\n<h2>Step 3: Depth of field<\/h2>\n<p>In the second scene, we\u2019ll be focusing on the exterior fa\u00e7ade:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-67267 lazy lazy_media_item\" src=\"https:\/\/i0.wp.com\/staging.arc.ht\/blog\/wp-content\/uploads\/Picture9.png?resize=934%2C500&#038;ssl=1\" alt=\"\" width=\"934\" height=\"500\" srcset=\"https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture9.png?w=934&amp;ssl=1 934w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture9.png?resize=300%2C161&amp;ssl=1 300w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture9.png?resize=768%2C411&amp;ssl=1 768w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture9.png?resize=400%2C214&amp;ssl=1 400w\" sizes=\"auto, (max-width: 934px) 100vw, 934px\" data-recalc-dims=\"1\" \/><\/p>\n<p>Move the camera to the desired location and create a new video.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-67269 lazy lazy_media_item\" src=\"https:\/\/i0.wp.com\/staging.arc.ht\/blog\/wp-content\/uploads\/Picture10.png?resize=934%2C148&#038;ssl=1\" alt=\"\" width=\"934\" height=\"148\" srcset=\"https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture10.png?w=934&amp;ssl=1 934w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture10.png?resize=300%2C48&amp;ssl=1 300w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture10.png?resize=768%2C122&amp;ssl=1 768w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture10.png?resize=400%2C63&amp;ssl=1 400w\" sizes=\"auto, (max-width: 934px) 100vw, 934px\" data-recalc-dims=\"1\" \/><\/p>\n<p>Click on \u2018more\u2019 to enable depth of field:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-67268 lazy lazy_media_item\" src=\"https:\/\/i0.wp.com\/staging.arc.ht\/blog\/wp-content\/uploads\/Picture11.png?resize=934%2C464&#038;ssl=1\" alt=\"\" width=\"934\" height=\"464\" srcset=\"https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture11.png?w=934&amp;ssl=1 934w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture11.png?resize=300%2C149&amp;ssl=1 300w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture11.png?resize=768%2C382&amp;ssl=1 768w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture11.png?resize=368%2C184&amp;ssl=1 368w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture11.png?resize=400%2C199&amp;ssl=1 400w\" sizes=\"auto, (max-width: 934px) 100vw, 934px\" data-recalc-dims=\"1\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-67270 lazy lazy_media_item\" src=\"https:\/\/i0.wp.com\/staging.arc.ht\/blog\/wp-content\/uploads\/Picture12.png?resize=934%2C148&#038;ssl=1\" alt=\"\" width=\"934\" height=\"148\" srcset=\"https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture12.png?w=934&amp;ssl=1 934w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture12.png?resize=300%2C48&amp;ssl=1 300w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture12.png?resize=768%2C122&amp;ssl=1 768w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture12.png?resize=400%2C63&amp;ssl=1 400w\" sizes=\"auto, (max-width: 934px) 100vw, 934px\" data-recalc-dims=\"1\" \/><\/p>\n<p>Enable depth of field (DoF), and click into more options to set the focus:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-67271 lazy lazy_media_item\" src=\"https:\/\/i0.wp.com\/staging.arc.ht\/blog\/wp-content\/uploads\/Picture13.png?resize=934%2C148&#038;ssl=1\" alt=\"\" width=\"934\" height=\"148\" srcset=\"https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture13.png?w=934&amp;ssl=1 934w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture13.png?resize=300%2C48&amp;ssl=1 300w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture13.png?resize=768%2C122&amp;ssl=1 768w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture13.png?resize=400%2C63&amp;ssl=1 400w\" sizes=\"auto, (max-width: 934px) 100vw, 934px\" data-recalc-dims=\"1\" \/><\/p>\n<p>Use the focus widget to choose a point of focus. We\u2019ll start with the foreground tree. Make sure to \u2018esc\u2019 when finished:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-67273 lazy lazy_media_item\" src=\"https:\/\/i0.wp.com\/staging.arc.ht\/blog\/wp-content\/uploads\/Picture14.png?resize=934%2C498&#038;ssl=1\" alt=\"\" width=\"934\" height=\"498\" srcset=\"https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture14.png?w=934&amp;ssl=1 934w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture14.png?resize=300%2C160&amp;ssl=1 300w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture14.png?resize=768%2C409&amp;ssl=1 768w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture14.png?resize=400%2C213&amp;ssl=1 400w\" sizes=\"auto, (max-width: 934px) 100vw, 934px\" data-recalc-dims=\"1\" \/><\/p>\n<p>We\u2019ll create two more keyframes and move into the third keyframe options:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-67274 lazy lazy_media_item\" src=\"https:\/\/i0.wp.com\/staging.arc.ht\/blog\/wp-content\/uploads\/Picture15.png?resize=934%2C146&#038;ssl=1\" alt=\"\" width=\"934\" height=\"146\" srcset=\"https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture15.png?w=934&amp;ssl=1 934w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture15.png?resize=300%2C47&amp;ssl=1 300w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture15.png?resize=768%2C120&amp;ssl=1 768w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture15.png?resize=400%2C63&amp;ssl=1 400w\" sizes=\"auto, (max-width: 934px) 100vw, 934px\" data-recalc-dims=\"1\" \/><\/p>\n<p>Repeat the steps above and choose the second point of focus:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-67275 lazy lazy_media_item\" src=\"https:\/\/i0.wp.com\/staging.arc.ht\/blog\/wp-content\/uploads\/Picture16.png?resize=934%2C498&#038;ssl=1\" alt=\"\" width=\"934\" height=\"498\" srcset=\"https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture16.png?w=934&amp;ssl=1 934w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture16.png?resize=300%2C160&amp;ssl=1 300w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture16.png?resize=768%2C409&amp;ssl=1 768w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture16.png?resize=400%2C213&amp;ssl=1 400w\" sizes=\"auto, (max-width: 934px) 100vw, 934px\" data-recalc-dims=\"1\" \/><\/p>\n<p>Create one more keyframe and edit the duration of the animation to six seconds. Press play to preview:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-67276 lazy lazy_media_item\" src=\"https:\/\/i0.wp.com\/staging.arc.ht\/blog\/wp-content\/uploads\/Picture17.png?resize=934%2C146&#038;ssl=1\" alt=\"\" width=\"934\" height=\"146\" srcset=\"https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture17.png?w=934&amp;ssl=1 934w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture17.png?resize=300%2C47&amp;ssl=1 300w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture17.png?resize=768%2C120&amp;ssl=1 768w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture17.png?resize=400%2C63&amp;ssl=1 400w\" sizes=\"auto, (max-width: 934px) 100vw, 934px\" data-recalc-dims=\"1\" \/><\/p>\n<h2>Step 4: Sun Path<\/h2>\n<p>You can animate virtually all the settings this way, including the sun. Let\u2019s try with a new scene.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-67277 lazy lazy_media_item\" src=\"https:\/\/i0.wp.com\/staging.arc.ht\/blog\/wp-content\/uploads\/Picture18.png?resize=934%2C498&#038;ssl=1\" alt=\"\" width=\"934\" height=\"498\" srcset=\"https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture18.png?w=934&amp;ssl=1 934w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture18.png?resize=300%2C160&amp;ssl=1 300w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture18.png?resize=768%2C409&amp;ssl=1 768w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture18.png?resize=400%2C213&amp;ssl=1 400w\" sizes=\"auto, (max-width: 934px) 100vw, 934px\" data-recalc-dims=\"1\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-67278 lazy lazy_media_item\" src=\"https:\/\/i0.wp.com\/staging.arc.ht\/blog\/wp-content\/uploads\/Picture19.png?resize=934%2C244&#038;ssl=1\" alt=\"\" width=\"934\" height=\"244\" srcset=\"https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture19.png?w=934&amp;ssl=1 934w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture19.png?resize=300%2C78&amp;ssl=1 300w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture19.png?resize=768%2C201&amp;ssl=1 768w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture19.png?resize=400%2C104&amp;ssl=1 400w\" sizes=\"auto, (max-width: 934px) 100vw, 934px\" data-recalc-dims=\"1\" \/><\/p>\n<p>Create two keyframes and go into the second frame option:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-67279 lazy lazy_media_item\" src=\"https:\/\/i0.wp.com\/staging.arc.ht\/blog\/wp-content\/uploads\/Picture20.png?resize=934%2C368&#038;ssl=1\" alt=\"\" width=\"934\" height=\"368\" srcset=\"https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture20.png?w=934&amp;ssl=1 934w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture20.png?resize=300%2C118&amp;ssl=1 300w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture20.png?resize=768%2C303&amp;ssl=1 768w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture20.png?resize=400%2C158&amp;ssl=1 400w\" sizes=\"auto, (max-width: 934px) 100vw, 934px\" data-recalc-dims=\"1\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-67280 lazy lazy_media_item\" src=\"https:\/\/i0.wp.com\/staging.arc.ht\/blog\/wp-content\/uploads\/Picture21.png?resize=934%2C220&#038;ssl=1\" alt=\"\" width=\"934\" height=\"220\" srcset=\"https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture21.png?w=934&amp;ssl=1 934w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture21.png?resize=300%2C71&amp;ssl=1 300w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture21.png?resize=768%2C181&amp;ssl=1 768w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture21.png?resize=400%2C94&amp;ssl=1 400w\" sizes=\"auto, (max-width: 934px) 100vw, 934px\" data-recalc-dims=\"1\" \/><\/p>\n<p>Move the time of the day to animate the sun. Make sure the second frame is set to a later time of the day:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-67281 lazy lazy_media_item\" src=\"https:\/\/i0.wp.com\/staging.arc.ht\/blog\/wp-content\/uploads\/Pictur22.png?resize=934%2C168&#038;ssl=1\" alt=\"\" width=\"934\" height=\"168\" srcset=\"https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Pictur22.png?w=934&amp;ssl=1 934w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Pictur22.png?resize=300%2C54&amp;ssl=1 300w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Pictur22.png?resize=768%2C138&amp;ssl=1 768w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Pictur22.png?resize=400%2C72&amp;ssl=1 400w\" sizes=\"auto, (max-width: 934px) 100vw, 934px\" data-recalc-dims=\"1\" \/><\/p>\n<p>Click preview to watch the lights move:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-67282 lazy lazy_media_item\" src=\"https:\/\/i0.wp.com\/staging.arc.ht\/blog\/wp-content\/uploads\/Picture23.png?resize=934%2C482&#038;ssl=1\" alt=\"\" width=\"934\" height=\"482\" srcset=\"https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture23.png?w=934&amp;ssl=1 934w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture23.png?resize=300%2C155&amp;ssl=1 300w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture23.png?resize=768%2C396&amp;ssl=1 768w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture23.png?resize=400%2C206&amp;ssl=1 400w\" sizes=\"auto, (max-width: 934px) 100vw, 934px\" data-recalc-dims=\"1\" \/><\/p>\n<h2>Step 5: Global Settings<\/h2>\n<p>There will be times when you want to adjust a setting across the whole animation such as weather, growth, and season. For this, we should take advantage of the global settings found at the bottom of the video timeline.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-67283 lazy lazy_media_item\" src=\"https:\/\/i0.wp.com\/staging.arc.ht\/blog\/wp-content\/uploads\/Picture24.png?resize=934%2C496&#038;ssl=1\" alt=\"\" width=\"934\" height=\"496\" srcset=\"https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture24.png?w=934&amp;ssl=1 934w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture24.png?resize=300%2C159&amp;ssl=1 300w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture24.png?resize=768%2C408&amp;ssl=1 768w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture24.png?resize=400%2C212&amp;ssl=1 400w\" sizes=\"auto, (max-width: 934px) 100vw, 934px\" data-recalc-dims=\"1\" \/><\/p>\n<p>We\u2019ll edit weather in this example, but this applies to all other settings as well.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-67284 lazy lazy_media_item\" src=\"https:\/\/i0.wp.com\/staging.arc.ht\/blog\/wp-content\/uploads\/Picture25.png?resize=934%2C146&#038;ssl=1\" alt=\"\" width=\"934\" height=\"146\" srcset=\"https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture25.png?w=934&amp;ssl=1 934w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture25.png?resize=300%2C47&amp;ssl=1 300w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture25.png?resize=768%2C120&amp;ssl=1 768w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture25.png?resize=400%2C63&amp;ssl=1 400w\" sizes=\"auto, (max-width: 934px) 100vw, 934px\" data-recalc-dims=\"1\" \/><\/p>\n<p>We\u2019ll move the season slide just enough to make the leaves turn yellow, and let the vegetation grow fully:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-67285 lazy lazy_media_item\" src=\"https:\/\/i0.wp.com\/staging.arc.ht\/blog\/wp-content\/uploads\/Picture26.png?resize=934%2C146&#038;ssl=1\" alt=\"\" width=\"934\" height=\"146\" srcset=\"https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture26.png?w=934&amp;ssl=1 934w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture26.png?resize=300%2C47&amp;ssl=1 300w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture26.png?resize=768%2C120&amp;ssl=1 768w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture26.png?resize=400%2C63&amp;ssl=1 400w\" sizes=\"auto, (max-width: 934px) 100vw, 934px\" data-recalc-dims=\"1\" \/><\/p>\n<p>The settings above stay consistent throughout the animation:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-67286 lazy lazy_media_item\" src=\"https:\/\/i0.wp.com\/staging.arc.ht\/blog\/wp-content\/uploads\/Picture27.png?resize=934%2C498&#038;ssl=1\" alt=\"\" width=\"934\" height=\"498\" srcset=\"https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture27.png?w=934&amp;ssl=1 934w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture27.png?resize=300%2C160&amp;ssl=1 300w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture27.png?resize=768%2C409&amp;ssl=1 768w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture27.png?resize=400%2C213&amp;ssl=1 400w\" sizes=\"auto, (max-width: 934px) 100vw, 934px\" data-recalc-dims=\"1\" \/><\/p>\n<h2>Step 6: Export<\/h2>\n<p>Now that you have an amazing animation, you have to show it off to your clients, coworkers, and friends! Head over to the Export tab and add videos to the queue.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-67290 lazy lazy_media_item\" src=\"https:\/\/i0.wp.com\/staging.arc.ht\/blog\/wp-content\/uploads\/Picture28.png?resize=934%2C498&#038;ssl=1\" alt=\"\" width=\"934\" height=\"498\" srcset=\"https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture28.png?w=934&amp;ssl=1 934w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture28.png?resize=300%2C160&amp;ssl=1 300w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture28.png?resize=768%2C409&amp;ssl=1 768w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture28.png?resize=400%2C213&amp;ssl=1 400w\" sizes=\"auto, (max-width: 934px) 100vw, 934px\" data-recalc-dims=\"1\" \/><\/p>\n<p>When you\u2019re ready, choose your destination folder to start exporting. That\u2019s it!<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-67291 lazy lazy_media_item\" src=\"https:\/\/i0.wp.com\/staging.arc.ht\/blog\/wp-content\/uploads\/Picture29.png?resize=934%2C498&#038;ssl=1\" alt=\"\" width=\"934\" height=\"498\" srcset=\"https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture29.png?w=934&amp;ssl=1 934w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture29.png?resize=300%2C160&amp;ssl=1 300w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture29.png?resize=768%2C409&amp;ssl=1 768w, https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Picture29.png?resize=400%2C213&amp;ssl=1 400w\" sizes=\"auto, (max-width: 934px) 100vw, 934px\" data-recalc-dims=\"1\" \/><\/p>\n<h2>The Completed Animation<\/h2>\n<p>Here&#8217;s the end result after following all of the above steps:<\/p>\n<p><iframe loading=\"lazy\" title=\"Architectural Animation Tutorial  | Twinmotion Tutorial Series Part 3\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/OyN-3vBbxr0?start=14&#038;feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p>There we have it\u2014a cinematic trailer for your own project. I hope you found this tutorial helpful, and that you took your presentation to the next level. Feel free to share your animations with us on social media. We&#8217;ll be looking forward to seeing more beautiful presentations in the near future.<\/p>\n<p><em>This article was written in collaboration with <a href=\"https:\/\/archihacks.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Archi Hacks<\/a>, an online resource for architects and students.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Animations can breathe new life into your architectural projects, and create powerful presentations for clients.<\/p>\n","protected":false},"author":330,"featured_media":67294,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"architizer_featured_type":"insert","architizer_featured_image":"","_uag_custom_page_level_css":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[2,6],"tags":[],"architizer_project":[],"architizer_brand":[],"architizer_firm":[],"architizer_product":[],"class_list":["post-67255","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-practice","category-tools"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>The Art of Rendering: How to Create an Architectural Animation Using TwinMotion<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/staging.arc.ht\/blog\/practice\/tools\/the-art-of-rendering-architectural-animation-twinmotion\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The Art of Rendering: How to Create an Architectural Animation Using TwinMotion\" \/>\n<meta property=\"og:description\" content=\"Animations can breathe new life into your architectural projects, and create powerful presentations for clients.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/staging.arc.ht\/blog\/practice\/tools\/the-art-of-rendering-architectural-animation-twinmotion\/\" \/>\n<meta property=\"og:site_name\" content=\"Journal\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Architizer\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-01-14T13:45:45+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-01-15T20:20:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Architectural-Animation.jpg?fit=968%2C506&ssl=1\" \/>\n\t<meta property=\"og:image:width\" content=\"968\" \/>\n\t<meta property=\"og:image:height\" content=\"506\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Archi Hacks\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Architectural-Animation.jpg?fit=968%2C506&ssl=1\" \/>\n<meta name=\"twitter:creator\" content=\"@Architizer\" \/>\n<meta name=\"twitter:site\" content=\"@Architizer\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Archi Hacks\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/staging.arc.ht\/blog\/practice\/tools\/the-art-of-rendering-architectural-animation-twinmotion\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/staging.arc.ht\/blog\/practice\/tools\/the-art-of-rendering-architectural-animation-twinmotion\/\"},\"author\":{\"name\":\"Archi Hacks\",\"@id\":\"https:\/\/staging.arc.ht\/blog\/#\/schema\/person\/2a6bd26593ad36296bd2fabc65efd9cc\"},\"headline\":\"The Art of Rendering: How to Create an Architectural Animation Using TwinMotion\",\"datePublished\":\"2021-01-14T13:45:45+00:00\",\"dateModified\":\"2021-01-15T20:20:18+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/staging.arc.ht\/blog\/practice\/tools\/the-art-of-rendering-architectural-animation-twinmotion\/\"},\"wordCount\":706,\"publisher\":{\"@id\":\"https:\/\/staging.arc.ht\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/staging.arc.ht\/blog\/practice\/tools\/the-art-of-rendering-architectural-animation-twinmotion\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Screen-Shot-2021-01-08-at-11.46.43-AM.png?fit=2550%2C1252&ssl=1\",\"articleSection\":[\"Practice\",\"Tools\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/staging.arc.ht\/blog\/practice\/tools\/the-art-of-rendering-architectural-animation-twinmotion\/\",\"url\":\"https:\/\/staging.arc.ht\/blog\/practice\/tools\/the-art-of-rendering-architectural-animation-twinmotion\/\",\"name\":\"The Art of Rendering: How to Create an Architectural Animation Using TwinMotion\",\"isPartOf\":{\"@id\":\"https:\/\/staging.arc.ht\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/staging.arc.ht\/blog\/practice\/tools\/the-art-of-rendering-architectural-animation-twinmotion\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/staging.arc.ht\/blog\/practice\/tools\/the-art-of-rendering-architectural-animation-twinmotion\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Screen-Shot-2021-01-08-at-11.46.43-AM.png?fit=2550%2C1252&ssl=1\",\"datePublished\":\"2021-01-14T13:45:45+00:00\",\"dateModified\":\"2021-01-15T20:20:18+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/staging.arc.ht\/blog\/practice\/tools\/the-art-of-rendering-architectural-animation-twinmotion\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/staging.arc.ht\/blog\/practice\/tools\/the-art-of-rendering-architectural-animation-twinmotion\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/staging.arc.ht\/blog\/practice\/tools\/the-art-of-rendering-architectural-animation-twinmotion\/#primaryimage\",\"url\":\"https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Screen-Shot-2021-01-08-at-11.46.43-AM.png?fit=2550%2C1252&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Screen-Shot-2021-01-08-at-11.46.43-AM.png?fit=2550%2C1252&ssl=1\",\"width\":2550,\"height\":1252},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/staging.arc.ht\/blog\/practice\/tools\/the-art-of-rendering-architectural-animation-twinmotion\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/staging.arc.ht\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"The Art of Rendering: How to Create an Architectural Animation Using TwinMotion\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/staging.arc.ht\/blog\/#website\",\"url\":\"https:\/\/staging.arc.ht\/blog\/\",\"name\":\"Journal\",\"description\":\"Inspiration and Tools for Architects\",\"publisher\":{\"@id\":\"https:\/\/staging.arc.ht\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/staging.arc.ht\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/staging.arc.ht\/blog\/#organization\",\"name\":\"Architizer\",\"url\":\"https:\/\/staging.arc.ht\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/staging.arc.ht\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/favicon.df2618023937.png?fit=36%2C36&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/favicon.df2618023937.png?fit=36%2C36&ssl=1\",\"width\":36,\"height\":36,\"caption\":\"Architizer\"},\"image\":{\"@id\":\"https:\/\/staging.arc.ht\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Architizer\/\",\"https:\/\/x.com\/Architizer\",\"https:\/\/www.instagram.com\/architizer\/\",\"https:\/\/www.linkedin.com\/company\/architizer\/\",\"https:\/\/www.pinterest.com\/architizer\/\",\"https:\/\/www.youtube.com\/user\/Architizer\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/staging.arc.ht\/blog\/#\/schema\/person\/2a6bd26593ad36296bd2fabc65efd9cc\",\"name\":\"Archi Hacks\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/staging.arc.ht\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7bf665b5e9e2da2fa3aafc5f785f1de48bca1e6b608ce6282db414f65880e0eb?s=96&d=https%3A%2F%2Fstaging.arc.ht%2Fblog%2Fwp-content%2Fuploads%2Flogo-600x600-1.jpg&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7bf665b5e9e2da2fa3aafc5f785f1de48bca1e6b608ce6282db414f65880e0eb?s=96&d=https%3A%2F%2Fstaging.arc.ht%2Fblog%2Fwp-content%2Fuploads%2Flogo-600x600-1.jpg&r=g\",\"caption\":\"Archi Hacks\"},\"url\":\"https:\/\/staging.arc.ht\/blog\/author\/archi-hacks\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"The Art of Rendering: How to Create an Architectural Animation Using TwinMotion","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/staging.arc.ht\/blog\/practice\/tools\/the-art-of-rendering-architectural-animation-twinmotion\/","og_locale":"en_US","og_type":"article","og_title":"The Art of Rendering: How to Create an Architectural Animation Using TwinMotion","og_description":"Animations can breathe new life into your architectural projects, and create powerful presentations for clients.","og_url":"https:\/\/staging.arc.ht\/blog\/practice\/tools\/the-art-of-rendering-architectural-animation-twinmotion\/","og_site_name":"Journal","article_publisher":"https:\/\/www.facebook.com\/Architizer\/","article_published_time":"2021-01-14T13:45:45+00:00","article_modified_time":"2021-01-15T20:20:18+00:00","og_image":[{"width":968,"height":506,"url":"https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Architectural-Animation.jpg?fit=968%2C506&ssl=1","type":"image\/jpeg"}],"author":"Archi Hacks","twitter_card":"summary_large_image","twitter_image":"https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Architectural-Animation.jpg?fit=968%2C506&ssl=1","twitter_creator":"@Architizer","twitter_site":"@Architizer","twitter_misc":{"Written by":"Archi Hacks","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/staging.arc.ht\/blog\/practice\/tools\/the-art-of-rendering-architectural-animation-twinmotion\/#article","isPartOf":{"@id":"https:\/\/staging.arc.ht\/blog\/practice\/tools\/the-art-of-rendering-architectural-animation-twinmotion\/"},"author":{"name":"Archi Hacks","@id":"https:\/\/staging.arc.ht\/blog\/#\/schema\/person\/2a6bd26593ad36296bd2fabc65efd9cc"},"headline":"The Art of Rendering: How to Create an Architectural Animation Using TwinMotion","datePublished":"2021-01-14T13:45:45+00:00","dateModified":"2021-01-15T20:20:18+00:00","mainEntityOfPage":{"@id":"https:\/\/staging.arc.ht\/blog\/practice\/tools\/the-art-of-rendering-architectural-animation-twinmotion\/"},"wordCount":706,"publisher":{"@id":"https:\/\/staging.arc.ht\/blog\/#organization"},"image":{"@id":"https:\/\/staging.arc.ht\/blog\/practice\/tools\/the-art-of-rendering-architectural-animation-twinmotion\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Screen-Shot-2021-01-08-at-11.46.43-AM.png?fit=2550%2C1252&ssl=1","articleSection":["Practice","Tools"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/staging.arc.ht\/blog\/practice\/tools\/the-art-of-rendering-architectural-animation-twinmotion\/","url":"https:\/\/staging.arc.ht\/blog\/practice\/tools\/the-art-of-rendering-architectural-animation-twinmotion\/","name":"The Art of Rendering: How to Create an Architectural Animation Using TwinMotion","isPartOf":{"@id":"https:\/\/staging.arc.ht\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/staging.arc.ht\/blog\/practice\/tools\/the-art-of-rendering-architectural-animation-twinmotion\/#primaryimage"},"image":{"@id":"https:\/\/staging.arc.ht\/blog\/practice\/tools\/the-art-of-rendering-architectural-animation-twinmotion\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Screen-Shot-2021-01-08-at-11.46.43-AM.png?fit=2550%2C1252&ssl=1","datePublished":"2021-01-14T13:45:45+00:00","dateModified":"2021-01-15T20:20:18+00:00","breadcrumb":{"@id":"https:\/\/staging.arc.ht\/blog\/practice\/tools\/the-art-of-rendering-architectural-animation-twinmotion\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/staging.arc.ht\/blog\/practice\/tools\/the-art-of-rendering-architectural-animation-twinmotion\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/staging.arc.ht\/blog\/practice\/tools\/the-art-of-rendering-architectural-animation-twinmotion\/#primaryimage","url":"https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Screen-Shot-2021-01-08-at-11.46.43-AM.png?fit=2550%2C1252&ssl=1","contentUrl":"https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Screen-Shot-2021-01-08-at-11.46.43-AM.png?fit=2550%2C1252&ssl=1","width":2550,"height":1252},{"@type":"BreadcrumbList","@id":"https:\/\/staging.arc.ht\/blog\/practice\/tools\/the-art-of-rendering-architectural-animation-twinmotion\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/staging.arc.ht\/blog\/"},{"@type":"ListItem","position":2,"name":"The Art of Rendering: How to Create an Architectural Animation Using TwinMotion"}]},{"@type":"WebSite","@id":"https:\/\/staging.arc.ht\/blog\/#website","url":"https:\/\/staging.arc.ht\/blog\/","name":"Journal","description":"Inspiration and Tools for Architects","publisher":{"@id":"https:\/\/staging.arc.ht\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/staging.arc.ht\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/staging.arc.ht\/blog\/#organization","name":"Architizer","url":"https:\/\/staging.arc.ht\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/staging.arc.ht\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/favicon.df2618023937.png?fit=36%2C36&ssl=1","contentUrl":"https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/favicon.df2618023937.png?fit=36%2C36&ssl=1","width":36,"height":36,"caption":"Architizer"},"image":{"@id":"https:\/\/staging.arc.ht\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Architizer\/","https:\/\/x.com\/Architizer","https:\/\/www.instagram.com\/architizer\/","https:\/\/www.linkedin.com\/company\/architizer\/","https:\/\/www.pinterest.com\/architizer\/","https:\/\/www.youtube.com\/user\/Architizer"]},{"@type":"Person","@id":"https:\/\/staging.arc.ht\/blog\/#\/schema\/person\/2a6bd26593ad36296bd2fabc65efd9cc","name":"Archi Hacks","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/staging.arc.ht\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7bf665b5e9e2da2fa3aafc5f785f1de48bca1e6b608ce6282db414f65880e0eb?s=96&d=https%3A%2F%2Fstaging.arc.ht%2Fblog%2Fwp-content%2Fuploads%2Flogo-600x600-1.jpg&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7bf665b5e9e2da2fa3aafc5f785f1de48bca1e6b608ce6282db414f65880e0eb?s=96&d=https%3A%2F%2Fstaging.arc.ht%2Fblog%2Fwp-content%2Fuploads%2Flogo-600x600-1.jpg&r=g","caption":"Archi Hacks"},"url":"https:\/\/staging.arc.ht\/blog\/author\/archi-hacks\/"}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Screen-Shot-2021-01-08-at-11.46.43-AM.png?fit=2550%2C1252&ssl=1","uagb_featured_image_src":{"full":["https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Screen-Shot-2021-01-08-at-11.46.43-AM.png?fit=2550%2C1252&ssl=1",2550,1252,false],"thumbnail":["https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Screen-Shot-2021-01-08-at-11.46.43-AM.png?resize=150%2C150&ssl=1",150,150,true],"medium":["https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Screen-Shot-2021-01-08-at-11.46.43-AM.png?fit=300%2C147&ssl=1",300,147,true],"medium_large":["https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Screen-Shot-2021-01-08-at-11.46.43-AM.png?fit=768%2C377&ssl=1",768,377,true],"large":["https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Screen-Shot-2021-01-08-at-11.46.43-AM.png?fit=1024%2C503&ssl=1",1024,503,true],"1536x1536":["https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Screen-Shot-2021-01-08-at-11.46.43-AM.png?fit=1536%2C754&ssl=1",1536,754,true],"2048x2048":["https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Screen-Shot-2021-01-08-at-11.46.43-AM.png?fit=2048%2C1006&ssl=1",2048,1006,true],"alm-thumbnail":["https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Screen-Shot-2021-01-08-at-11.46.43-AM.png?resize=150%2C150&ssl=1",150,150,true],"landscape-large":["https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Screen-Shot-2021-01-08-at-11.46.43-AM.png?resize=1140%2C569&ssl=1",1140,569,true],"landscape-card":["https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Screen-Shot-2021-01-08-at-11.46.43-AM.png?resize=625%2C487&ssl=1",625,487,true],"landscape-medium":["https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Screen-Shot-2021-01-08-at-11.46.43-AM.png?resize=625%2C312&ssl=1",625,312,true],"landscape-small":["https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Screen-Shot-2021-01-08-at-11.46.43-AM.png?resize=368%2C184&ssl=1",368,184,true],"landscape-tiny":["https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Screen-Shot-2021-01-08-at-11.46.43-AM.png?resize=66%2C50&ssl=1",66,50,true],"portrait-xlarge":["https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Screen-Shot-2021-01-08-at-11.46.43-AM.png?resize=1000%2C1252&ssl=1",1000,1252,true],"portrait-large":["https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Screen-Shot-2021-01-08-at-11.46.43-AM.png?resize=700%2C1243&ssl=1",700,1243,true],"portrait-medium":["https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Screen-Shot-2021-01-08-at-11.46.43-AM.png?resize=480%2C853&ssl=1",480,853,true],"portrait-small":["https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Screen-Shot-2021-01-08-at-11.46.43-AM.png?resize=380%2C675&ssl=1",380,675,true],"promo-medium":["https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Screen-Shot-2021-01-08-at-11.46.43-AM.png?resize=625%2C815&ssl=1",625,815,true],"promo-small":["https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Screen-Shot-2021-01-08-at-11.46.43-AM.png?resize=368%2C480&ssl=1",368,480,true],"shop-page-wp-product":["https:\/\/i0.wp.com\/blog.staging.arc.ht\/wp-content\/uploads\/Screen-Shot-2021-01-08-at-11.46.43-AM.png?fit=400%2C196&ssl=1",400,196,true]},"uagb_author_info":{"display_name":"Archi Hacks","author_link":"https:\/\/staging.arc.ht\/blog\/author\/archi-hacks\/"},"uagb_comment_info":0,"uagb_excerpt":"Animations can breathe new life into your architectural projects, and create powerful presentations for clients.","jetpack-related-posts":[],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/staging.arc.ht\/blog\/wp-json\/wp\/v2\/posts\/67255","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.arc.ht\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/staging.arc.ht\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/staging.arc.ht\/blog\/wp-json\/wp\/v2\/users\/330"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.arc.ht\/blog\/wp-json\/wp\/v2\/comments?post=67255"}],"version-history":[{"count":0,"href":"https:\/\/staging.arc.ht\/blog\/wp-json\/wp\/v2\/posts\/67255\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/staging.arc.ht\/blog\/wp-json\/wp\/v2\/media\/67294"}],"wp:attachment":[{"href":"https:\/\/staging.arc.ht\/blog\/wp-json\/wp\/v2\/media?parent=67255"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/staging.arc.ht\/blog\/wp-json\/wp\/v2\/categories?post=67255"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/staging.arc.ht\/blog\/wp-json\/wp\/v2\/tags?post=67255"},{"taxonomy":"architizer_project","embeddable":true,"href":"https:\/\/staging.arc.ht\/blog\/wp-json\/wp\/v2\/architizer_project?post=67255"},{"taxonomy":"architizer_brand","embeddable":true,"href":"https:\/\/staging.arc.ht\/blog\/wp-json\/wp\/v2\/architizer_brand?post=67255"},{"taxonomy":"architizer_firm","embeddable":true,"href":"https:\/\/staging.arc.ht\/blog\/wp-json\/wp\/v2\/architizer_firm?post=67255"},{"taxonomy":"architizer_product","embeddable":true,"href":"https:\/\/staging.arc.ht\/blog\/wp-json\/wp\/v2\/architizer_product?post=67255"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}