{"id":264,"date":"2024-03-16T13:49:59","date_gmt":"2024-03-16T12:49:59","guid":{"rendered":"https:\/\/34.116.213.66\/?post_type=realizacje&#038;p=264"},"modified":"2024-08-19T08:23:16","modified_gmt":"2024-08-19T06:23:16","slug":"a-complex-3d-animation","status":"publish","type":"realizacje","link":"https:\/\/studio.extrarender.com\/?realizacje=a-complex-3d-animation","title":{"rendered":"A Complex 3D Animation"},"content":{"rendered":"<style>\r\n.block_673fdde4964517d482be72b19242f657 {box-sizing:border-box;                                               position:relative;\r\n}\r\n<\/style>\r\n<section class=\"block_673fdde4964517d482be72b19242f657 section col-wrap block blockalignwide\">\r\n    <div class=\"bigwrapper\">\r\n    \n<div class=\"pageheader casestudyheader flexwrap col-wrap block_6c594e5d82ed41b992c27c8279a6fe76 lazy cover  norep\" data-src=\"https:\/\/studio.extrarender.com\/wp-content\/uploads\/2024\/03\/s1-1.webp\">\n            <link rel=\"preload\" fetchpriority=\"low\" as=\"image\" href=\"https:\/\/studio.extrarender.com\/wp-content\/uploads\/2024\/03\/s1-1.webp\" type=\"image\/webp\">\n    <div class=\"wrapper\">\n                <div class=\"case-lg-panel\">\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"wide-screen-infos\">\t\t\t  \n\t\t\t\t\t\t\t<span class=\"t-upper block f-grey f-bold f-20 l-40 slider-span\">client:<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"col-wrap flexwrap slider-home-logos\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<link rel=\"preload\" fetchpriority=\"low\" as=\"image\" href=\"https:\/\/studio.extrarender.com\/wp-content\/uploads\/2024\/06\/echo.webp\" type=\"image\/webp\"> \n\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" class=\"inline slider-logo lazy\" width=\"100\" height=\"auto\" src=\"https:\/\/studio.extrarender.com\/wp-content\/uploads\/2024\/06\/echo.webp\" alt=\"Extrarender\"\/>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<link rel=\"preload\" fetchpriority=\"low\" as=\"image\" href=\"https:\/\/studio.extrarender.com\/wp-content\/uploads\/2024\/06\/mafi.webp\" type=\"image\/webp\"> \n\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" class=\"inline slider-logo lazy\" width=\"100\" height=\"auto\" src=\"https:\/\/studio.extrarender.com\/wp-content\/uploads\/2024\/06\/mafi.webp\" alt=\"Extrarender\"\/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t                    <div class=\"wide-screen-infos\">\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"t-upper block white slider-project-title f-16 l-20\" style=\"margin-top:30px;\">case study<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"wide-screen-infos\">\t\n\t\t\t\t\t\t\t\t\t\t<h2 class=\"slider-title f-40 l-40 t-upper white block\">A complex 3D animated investment prospectus<br\/><b>completed in 3 weeks!<\/b><\/h2>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<div class=\"slider-description f-20 l-30 white block\">Yeah, we&#8217;re definitely the fastest around!<\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"slider-navi flexwrap\">\n\t\t\t\t\t\t\t\t\t\t<a id=\"open-slider-video-case\" class=\"btn more white t-upper f-15 f-med l-25\"  data-back=\"read more\" data-front=\"watch video\"><\/a>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n                    <div class=\"pageheader-desc\">\n                        \n\n<h2 class=\"wp-block-heading\">Background<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Echo Investment and AFI Europe, real estate companies in Europe, contacted our animation studio for a tough challenge. They wanted a 3D animation of their project on Towarowa 22 in Warsaw. This project was about turning an old printing house site into a park and a lively urban space for better community living. They chose us because other studios said it was too complicated to do in such a short time.<\/p>\n\n\n                                            <\/div>\n\t\t\t\t<\/div>\n        \n    <\/div>\n<\/div>\n<div style=\"display:none\">\n\n<div id=\"vimeo-slider-case\" class=\"slider-vimeo-wrapper\">\n<div class=\"videocontainer\"><iframe src=\"https:\/\/player.vimeo.com\/video\/808216865\/\" width=\"100%\" height=\"460\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" mozallowfullscreen webkitallowfullscreen allowfullscreen><\/iframe><\/div>\n<\/div>\t\n\n<\/div>\n<style type=\"text\/css\">\n \n.slider-span{padding-top:20px;}.slider-project-title {padding:5px;box-sizing:border-box;border:1px solid white;display:inline-block;}.slider-navi .btn{margin:20px 20px 20px 0;}\n.block_6c594e5d82ed41b992c27c8279a6fe76 .slider-logo{width:auto!important;height:40px!important;margin-right:25px;}\n<\/style>\n<script type=\"module\">\n\njQuery(document).ready(function(){\n\n\tlet sliderfilm = jQuery('#vimeo-slider-case');\n\tjQuery('#open-slider-video-case').on('click', function(){\n      jQuery('.modal-body').html(sliderfilm);\n\t  jQuery('.modal-overlay').addClass('state-show');\n      jQuery('.modal-frame').removeClass('state-leave').addClass('state-appear');\n      jQuery('.modal-container').css('position','fixed');\n     \n    });\n\n    jQuery('.close').on('click', function(){\n      jQuery('.modal-body').html('');\n    });\n  }); \n<\/script>\n\n\r\n    <\/div>\r\n<\/section>\r\n\r\n\n\n<style>\r\n.block_07716c41b1acece89f4b90753d26bb28 {box-sizing:border-box;                                    margin-top: 60px;\r\n                        position:relative;\r\n}\r\n<\/style>\r\n<section class=\"block_07716c41b1acece89f4b90753d26bb28 section col-wrap block\">\r\n    <div class=\"wrapper\">\r\n    \n<div class=\"col-wrap block block_43a4846ad58ccd5d1fc0286f6e2c8e2c\">\r\n    <div class=\"sec-title f-12 l-20 f-bold f-grey t-upper block\"><span>challanges<\/span><\/div>\r\n<\/div>\r\n<style type=\"text\/css\">\r\n.block_43a4846ad58ccd5d1fc0286f6e2c8e2c {                  padding-bottom: 80px;\r\n                   }\r\n<\/style>\n\n\n<h3 class=\"wp-block-heading\">time &#8211; the biggest challange<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Creating a 3D animation within a three-week timeframe presents significant challenges, especially when developed from scratch. Our 3D studio hired by Echo Investment faced these main difficulties:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Limited Timeframe:<\/strong> The tight deadline required efficient time management and prioritization to complete the animation from start to finish.<\/li>\n\n\n\n<li><strong>Resource Management:<\/strong> Ensuring access to necessary tools and hardware was critical, given the project&#8217;s short timeline.<\/li>\n\n\n\n<li><strong>Project Complexity:<\/strong> The intricate processes of 3D modeling, rigging, animation, lighting, rendering etc. demanded specialized expertise.<\/li>\n\n\n\n<li><strong>Quality Expectations:<\/strong> Despite time constraints, the studio was expected to deliver a high-quality final product, leaving no room for errors.<\/li>\n\n\n\n<li><strong>Revisions and Feedback:<\/strong> Rapid iterations based on feedback were essential, challenging the team&#8217;s ability to make quick adjustments.<\/li>\n\n\n\n<li><strong>Team Coordination:<\/strong> Effective communication and collaboration were crucial to keep the project on track under a tight schedule.<\/li>\n\n\n\n<li><strong>Health and Well-being:<\/strong> The intense work pace required attention to the team&#8217;s physical and mental health, emphasizing the need for breaks and self-care.<\/li>\n<\/ol>\n\n\n<div class=\"col-wrap block block_10a77c5427fa377ca4a8083ac7021195\">\r\n    <div class=\"sec-title f-12 l-20 f-bold f-grey t-upper block\"><span>the process<\/span><\/div>\r\n<\/div>\r\n<style type=\"text\/css\">\r\n.block_10a77c5427fa377ca4a8083ac7021195 {             padding-top: 60px;\r\n                  padding-bottom: 40px;\r\n                   }\r\n<\/style>\n\n\n<h3 class=\"wp-block-heading\">What are the steps in the process?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">After our video call with the client, we first put together a voiceover to set the tone and direction for the project. Once that was in place, we quickly moved on to working on the storyboard. At the same time, to make sure we could meet the very tight deadline, we began creating 3D models of the client&#8217;s buildings. We tackled the voiceover, storyboard, and 3D modeling in this order to ensure everything was completed on time and looked great, just as the client wanted.<\/p>\n\n\n<div class=\"p-50-2 col-2-wrap grid grid-col-2 block_ff319cecfe670549927bd4a7da6b215d\">\r\n                <div class=\"acf-post-loop-column column cats-block-column\">\r\n            <div class=\"acf-post-loop-column-inner flexwrap icons-timeline\">\r\n                <div class=\"icons-timeline-icon-col\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><path d=\"M144 0a80 80 0 1 1 0 160A80 80 0 1 1 144 0zM512 0a80 80 0 1 1 0 160A80 80 0 1 1 512 0zM0 298.7C0 239.8 47.8 192 106.7 192h42.7c15.9 0 31 3.5 44.6 9.7c-1.3 7.2-1.9 14.7-1.9 22.3c0 38.2 16.8 72.5 43.3 96c-.2 0-.4 0-.7 0H21.3C9.6 320 0 310.4 0 298.7zM405.3 320c-.2 0-.4 0-.7 0c26.6-23.5 43.3-57.8 43.3-96c0-7.6-.7-15-1.9-22.3c13.6-6.3 28.7-9.7 44.6-9.7h42.7C592.2 192 640 239.8 640 298.7c0 11.8-9.6 21.3-21.3 21.3H405.3zM224 224a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zM128 485.3C128 411.7 187.7 352 261.3 352H378.7C452.3 352 512 411.7 512 485.3c0 14.7-11.9 26.7-26.7 26.7H154.7c-14.7 0-26.7-11.9-26.7-26.7z\"\/><\/svg><\/div>\r\n                <div class=\"icons-timeline-desc-col\">\r\n                    <div class=\"block f-16 l-30\">Video call meeting with the client to gather information and project details.<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n     \r\n                <div class=\"acf-post-loop-column column cats-block-column\">\r\n            <div class=\"acf-post-loop-column-inner flexwrap icons-timeline\">\r\n                <div class=\"icons-timeline-icon-col\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><path d=\"M243.6 91.6L323.7 138.4C326.6 140 326.7 144.6 323.7 146.2L228.5 201.9C225.6 203.6 222.2 203.4 219.5 201.9L124.4 146.2C121.4 144.6 121.4 140 124.4 138.4L204.4 91.6V0L0 119.4V358.3L78.4 312.5V218.9C78.3 215.6 82.2 213.2 85.1 215L180.3 270.6C183.2 272.3 184.8 275.3 184.8 278.5V389.7C184.8 393 181 395.4 178.1 393.6L98 346.8L19.6 392.6L224 512L428.4 392.6L350 346.8L269.9 393.6C267.1 395.3 263.1 393.1 263.2 389.7V278.5C263.2 275.1 265.1 272.2 267.7 270.6L362.9 215C365.7 213.2 369.7 215.5 369.6 218.9V312.5L448 358.3V119.4L243.6 0V91.6z\"\/><\/svg><\/div>\r\n                <div class=\"icons-timeline-desc-col\">\r\n                    <div class=\"block f-16 l-30\">Create 3D models of the buildings &#8211; only after the meeting did we start to create 3D models of the buildings to meet the deadline.<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n     \r\n                <div class=\"acf-post-loop-column column cats-block-column\">\r\n            <div class=\"acf-post-loop-column-inner flexwrap icons-timeline\">\r\n                <div class=\"icons-timeline-icon-col\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path d=\"M192 0C139 0 96 43 96 96V256c0 53 43 96 96 96s96-43 96-96V96c0-53-43-96-96-96zM64 216c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 89.1 66.2 162.7 152 174.4V464H120c-13.3 0-24 10.7-24 24s10.7 24 24 24h72 72c13.3 0 24-10.7 24-24s-10.7-24-24-24H216V430.4c85.8-11.7 152-85.3 152-174.4V216c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 70.7-57.3 128-128 128s-128-57.3-128-128V216z\"\/><\/svg><\/div>\r\n                <div class=\"icons-timeline-desc-col\">\r\n                    <div class=\"block f-16 l-30\">Create voiceover \u2013 necessary to capture the tone of the entire animation.<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n     \r\n                <div class=\"acf-post-loop-column column cats-block-column\">\r\n            <div class=\"acf-post-loop-column-inner flexwrap icons-timeline\">\r\n                <div class=\"icons-timeline-icon-col\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 576 512\"><path d=\"M160 32c-35.3 0-64 28.7-64 64V320c0 35.3 28.7 64 64 64H512c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H160zM396 138.7l96 144c4.9 7.4 5.4 16.8 1.2 24.6S480.9 320 472 320H328 280 200c-9.2 0-17.6-5.3-21.6-13.6s-2.9-18.2 2.9-25.4l64-80c4.6-5.7 11.4-9 18.7-9s14.2 3.3 18.7 9l17.3 21.6 56-84C360.5 132 368 128 376 128s15.5 4 20 10.7zM192 128a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zM48 120c0-13.3-10.7-24-24-24S0 106.7 0 120V344c0 75.1 60.9 136 136 136H456c13.3 0 24-10.7 24-24s-10.7-24-24-24H136c-48.6 0-88-39.4-88-88V120z\"\/><\/svg><\/div>\r\n                <div class=\"icons-timeline-desc-col\">\r\n                    <div class=\"block f-16 l-30\">Create storyboard \u2013 hand-drawn pictures that represent key frames in the animation.<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n     \r\n                <div class=\"acf-post-loop-column column cats-block-column\">\r\n            <div class=\"acf-post-loop-column-inner flexwrap icons-timeline\">\r\n                <div class=\"icons-timeline-icon-col\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><path d=\"M256 0H576c35.3 0 64 28.7 64 64V288c0 35.3-28.7 64-64 64H256c-35.3 0-64-28.7-64-64V64c0-35.3 28.7-64 64-64zM476 106.7C471.5 100 464 96 456 96s-15.5 4-20 10.7l-56 84L362.7 169c-4.6-5.7-11.5-9-18.7-9s-14.2 3.3-18.7 9l-64 80c-5.8 7.2-6.9 17.1-2.9 25.4s12.4 13.6 21.6 13.6h80 48H552c8.9 0 17-4.9 21.2-12.7s3.7-17.3-1.2-24.6l-96-144zM336 96a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zM64 128h96V384v32c0 17.7 14.3 32 32 32H320c17.7 0 32-14.3 32-32V384H512v64c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V192c0-35.3 28.7-64 64-64zm8 64c-8.8 0-16 7.2-16 16v16c0 8.8 7.2 16 16 16H88c8.8 0 16-7.2 16-16V208c0-8.8-7.2-16-16-16H72zm0 104c-8.8 0-16 7.2-16 16v16c0 8.8 7.2 16 16 16H88c8.8 0 16-7.2 16-16V312c0-8.8-7.2-16-16-16H72zm0 104c-8.8 0-16 7.2-16 16v16c0 8.8 7.2 16 16 16H88c8.8 0 16-7.2 16-16V416c0-8.8-7.2-16-16-16H72zm336 16v16c0 8.8 7.2 16 16 16h16c8.8 0 16-7.2 16-16V416c0-8.8-7.2-16-16-16H424c-8.8 0-16 7.2-16 16z\"\/><\/svg><\/div>\r\n                <div class=\"icons-timeline-desc-col\">\r\n                    <div class=\"block f-16 l-30\">Create simplified animation \u2013 an animatic to showcase the camera movement and environment to the client.<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n     \r\n                <div class=\"acf-post-loop-column column cats-block-column\">\r\n            <div class=\"acf-post-loop-column-inner flexwrap icons-timeline\">\r\n                <div class=\"icons-timeline-icon-col\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M499.1 6.3c8.1 6 12.9 15.6 12.9 25.7v72V368c0 44.2-43 80-96 80s-96-35.8-96-80s43-80 96-80c11.2 0 22 1.6 32 4.6V147L192 223.8V432c0 44.2-43 80-96 80s-96-35.8-96-80s43-80 96-80c11.2 0 22 1.6 32 4.6V200 128c0-14.1 9.3-26.6 22.8-30.7l320-96c9.7-2.9 20.2-1.1 28.3 5z\"\/><\/svg><\/div>\r\n                <div class=\"icons-timeline-desc-col\">\r\n                    <div class=\"block f-16 l-30\">Music production \u2013 we produced music exclusively for this project.<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n     \r\n                <div class=\"acf-post-loop-column column cats-block-column\">\r\n            <div class=\"acf-post-loop-column-inner flexwrap icons-timeline\">\r\n                <div class=\"icons-timeline-icon-col\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><path d=\"M0 24C0 10.7 10.7 0 24 0H616c13.3 0 24 10.7 24 24s-10.7 24-24 24H24C10.7 48 0 37.3 0 24zM0 488c0-13.3 10.7-24 24-24H616c13.3 0 24 10.7 24 24s-10.7 24-24 24H24c-13.3 0-24-10.7-24-24zM83.2 160a64 64 0 1 1 128 0 64 64 0 1 1 -128 0zM32 320c0-35.3 28.7-64 64-64h96c12.2 0 23.7 3.4 33.4 9.4c-37.2 15.1-65.6 47.2-75.8 86.6H64c-17.7 0-32-14.3-32-32zm461.6 32c-10.3-40.1-39.6-72.6-77.7-87.4c9.4-5.5 20.4-8.6 32.1-8.6h96c35.3 0 64 28.7 64 64c0 17.7-14.3 32-32 32H493.6zM391.2 290.4c32.1 7.4 58.1 30.9 68.9 61.6c3.5 10 5.5 20.8 5.5 32c0 17.7-14.3 32-32 32h-224c-17.7 0-32-14.3-32-32c0-11.2 1.9-22 5.5-32c10.5-29.7 35.3-52.8 66.1-60.9c7.8-2.1 16-3.1 24.5-3.1h96c7.4 0 14.7 .8 21.6 2.4zm44-130.4a64 64 0 1 1 128 0 64 64 0 1 1 -128 0zM321.6 96a80 80 0 1 1 0 160 80 80 0 1 1 0-160z\"\/><\/svg><\/div>\r\n                <div class=\"icons-timeline-desc-col\">\r\n                    <div class=\"block f-16 l-30\">Video call meeting for client revisions.<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n     \r\n                <div class=\"acf-post-loop-column column cats-block-column\">\r\n            <div class=\"acf-post-loop-column-inner flexwrap icons-timeline\">\r\n                <div class=\"icons-timeline-icon-col\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><path d=\"M368 80h32v32H368V80zM352 32c-17.7 0-32 14.3-32 32H128c0-17.7-14.3-32-32-32H32C14.3 32 0 46.3 0 64v64c0 17.7 14.3 32 32 32V352c-17.7 0-32 14.3-32 32v64c0 17.7 14.3 32 32 32H96c17.7 0 32-14.3 32-32H320c0 17.7 14.3 32 32 32h64c17.7 0 32-14.3 32-32V384c0-17.7-14.3-32-32-32V160c17.7 0 32-14.3 32-32V64c0-17.7-14.3-32-32-32H352zM96 160c17.7 0 32-14.3 32-32H320c0 17.7 14.3 32 32 32V352c-17.7 0-32 14.3-32 32H128c0-17.7-14.3-32-32-32V160zM48 400H80v32H48V400zm320 32V400h32v32H368zM48 112V80H80v32H48z\"\/><\/svg><\/div>\r\n                <div class=\"icons-timeline-desc-col\">\r\n                    <div class=\"block f-16 l-30\">Editing \u2013 combining all elements: 3D animation, music, voiceover, and additional color grading.<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n     \r\n                <div class=\"acf-post-loop-column column cats-block-column\">\r\n            <div class=\"acf-post-loop-column-inner flexwrap icons-timeline\">\r\n                <div class=\"icons-timeline-icon-col\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M304 48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zm0 416a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM48 304a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm464-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM142.9 437A48 48 0 1 0 75 369.1 48 48 0 1 0 142.9 437zm0-294.2A48 48 0 1 0 75 75a48 48 0 1 0 67.9 67.9zM369.1 437A48 48 0 1 0 437 369.1 48 48 0 1 0 369.1 437z\"\/><\/svg><\/div>\r\n                <div class=\"icons-timeline-desc-col\">\r\n                    <div class=\"block f-16 l-30\">Rendering process \u2013 we used a render farm to accelerate the animation rendering process.<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n     \r\n                <div class=\"acf-post-loop-column column cats-block-column\">\r\n            <div class=\"acf-post-loop-column-inner flexwrap icons-timeline\">\r\n                <div class=\"icons-timeline-icon-col\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path d=\"M64 0C28.7 0 0 28.7 0 64V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V160H256c-17.7 0-32-14.3-32-32V0H64zM256 0V128H384L256 0zM64 288c0-17.7 14.3-32 32-32h96c17.7 0 32 14.3 32 32v96c0 17.7-14.3 32-32 32H96c-17.7 0-32-14.3-32-32V288zM300.9 397.9L256 368V304l44.9-29.9c2-1.3 4.4-2.1 6.8-2.1c6.8 0 12.3 5.5 12.3 12.3V387.7c0 6.8-5.5 12.3-12.3 12.3c-2.4 0-4.8-.7-6.8-2.1z\"\/><\/svg><\/div>\r\n                <div class=\"icons-timeline-desc-col\">\r\n                    <div class=\"block f-16 l-30\">Final animation &#8211; delivered a high-quality final product to the client in only three weeks!<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n     \r\n        <\/div>\r\n<style type=\"text\/css\">\r\n.block_ff319cecfe670549927bd4a7da6b215d {box-sizing:border-box;             padding-top: 40px;\r\n                  padding-bottom: 70px;\r\n                   }\r\n @media (max-width: 700px) {.block_ff319cecfe670549927bd4a7da6b215d { column-gap: 0px;}}\r\n.block_ff319cecfe670549927bd4a7da6b215d.grid-col-1{grid-template-columns: 1fr;}\r\n.block_ff319cecfe670549927bd4a7da6b215d.grid-col-2{grid-template-columns: 1fr 1fr;}\r\n.block_ff319cecfe670549927bd4a7da6b215d.grid-col-3{grid-template-columns: 1fr 1fr 1fr;}\r\n.block_ff319cecfe670549927bd4a7da6b215d.grid-col-4{grid-template-columns: 1fr 1fr 1fr 1fr;}\r\n@media (max-width:1200px){\r\n.block_ff319cecfe670549927bd4a7da6b215d.grid-col-4{grid-template-columns: 1fr 1fr 1fr;}\r\n}\r\n@media (max-width:900px){\r\n.block_ff319cecfe670549927bd4a7da6b215d.grid-col-3, .block_ff319cecfe670549927bd4a7da6b215d.grid-col-4{grid-template-columns: 1fr 1fr;}\r\n}\r\n@media (max-width:700px){\r\n.block_ff319cecfe670549927bd4a7da6b215d.grid-col-2, .block_ff319cecfe670549927bd4a7da6b215d.grid-col-3, .block_ff319cecfe670549927bd4a7da6b215d.grid-col-4{column-gap: 0;grid-template-columns: 1fr;}\r\n}\r\n.block_ff319cecfe670549927bd4a7da6b215d .acf-post-loop-column{break-inside: avoid-column;} \r\n.block_ff319cecfe670549927bd4a7da6b215d .icons-timeline-icon-col{width:50px;}\r\n.block_ff319cecfe670549927bd4a7da6b215d .icons-timeline-icon-col svg{width:auto;height:35px;}\r\n.block_ff319cecfe670549927bd4a7da6b215d .icons-timeline-desc-col{width:calc(100% - 50px);box-sizing:border-box;padding-left:30px;} \r\n<\/style>\n\n\n<h3 class=\"wp-block-heading\"><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\r\n    <\/div>\r\n<\/section>\r\n\r\n\n\n<style>\r\n.block_fb1a294ef38f74abaaa9f12cef160c8b {box-sizing:border-box;                                               position:relative;\r\n}\r\n<\/style>\r\n<section class=\"block_fb1a294ef38f74abaaa9f12cef160c8b section col-wrap block\">\r\n    <div class=\"wrapper\">\r\n    \n\n<h3 class=\"wp-block-heading\"><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">After the meeting, we wasted no time diving into the task, meticulously crafting detailed 3D models of the buildings. With our deadline looming, speed was of the essence, but we didn&#8217;t compromise on quality. We put in long hours, striving to ensure that every aspect of the models was perfect and aligned with the project&#8217;s specifications. Our dedication paid off as we delivered top-notch models right on schedule, meeting our client&#8217;s expectations with precision and excellence.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><\/h4>\n\n\r\n    <\/div>\r\n<\/section>\r\n\r\n\n\n<style>\r\n.block_93efeb32daa886a9e1332a888522d677 {box-sizing:border-box;             padding-top: 50px;\r\n                  padding-bottom: 50px;\r\n                                          position:relative;\r\n}\r\n<\/style>\r\n<section class=\"block_93efeb32daa886a9e1332a888522d677 section col-wrap block\">\r\n    <div class=\"wrapper\">\r\n    \n<div class=\"col-wrap flexwrap summary-wrapper block_aa4d8054b613837ccbb3a381b5a59ab4\">\n    <div class=\"summary-desc-col box\">\n        \n\n<h2 class=\"wp-block-heading\">fast<br>3d modeling<\/h2>\n\n\n<div class=\"col-wrap block block_131d43e2ab41de289cbf8934854c5935\">\r\n    <div class=\"sec-title f-12 l-20 f-bold f-grey t-upper block\"><span>3d modeling<\/span><\/div>\r\n<\/div>\r\n<style type=\"text\/css\">\r\n.block_131d43e2ab41de289cbf8934854c5935 {             padding-top: 10px;\r\n                  padding-bottom: 10px;\r\n                   }\r\n<\/style>\n\n\n<p class=\"wp-block-paragraph\">After the meeting, we promptly began creating detailed 3D models of the buildings, working diligently to meet our deadline while ensuring they met all requirements.<\/p>\n\n\n    <\/div>\n    <div class=\"summary-col box\">\n\n                                            <div class=\"summarygallery col-2-wrap flexwrap col-sm-1 col-md-2 col-lg-2\">\n                                <div class=\"acf-post-loop-column column gallery-block-column\">\n                                          <a href=\"https:\/\/studio.extrarender.com\/wp-content\/uploads\/2024\/03\/ga1.webp\" class=\"fancybox post-gal-link block col-wrap\" data-fancybox-group=\"group1\" data-fancybox=\"images\">\n                    <img decoding=\"async\" class=\"block in-img lazy\" width=\"50\" height=\"50\" src=\"https:\/\/studio.extrarender.com\/wp-content\/themes\/website\/img\/p.webp\" data-src=\"https:\/\/studio.extrarender.com\/wp-content\/uploads\/2024\/03\/ga1.webp\" alt=\"A Complex 3D Animation\"\/>\n                    <\/a>\n                                    <\/div>\n                                <div class=\"acf-post-loop-column column gallery-block-column\">\n                                          <a href=\"https:\/\/studio.extrarender.com\/wp-content\/uploads\/2024\/03\/ga2.webp\" class=\"fancybox post-gal-link block col-wrap\" data-fancybox-group=\"group1\" data-fancybox=\"images\">\n                    <img decoding=\"async\" class=\"block in-img lazy\" width=\"50\" height=\"50\" src=\"https:\/\/studio.extrarender.com\/wp-content\/themes\/website\/img\/p.webp\" data-src=\"https:\/\/studio.extrarender.com\/wp-content\/uploads\/2024\/03\/ga2.webp\" alt=\"A Complex 3D Animation\"\/>\n                    <\/a>\n                                    <\/div>\n                                <div class=\"acf-post-loop-column column gallery-block-column\">\n                                          <a href=\"https:\/\/studio.extrarender.com\/wp-content\/uploads\/2024\/03\/ga3.webp\" class=\"fancybox post-gal-link block col-wrap\" data-fancybox-group=\"group1\" data-fancybox=\"images\">\n                    <img decoding=\"async\" class=\"block in-img lazy\" width=\"50\" height=\"50\" src=\"https:\/\/studio.extrarender.com\/wp-content\/themes\/website\/img\/p.webp\" data-src=\"https:\/\/studio.extrarender.com\/wp-content\/uploads\/2024\/03\/ga3.webp\" alt=\"A Complex 3D Animation\"\/>\n                    <\/a>\n                                    <\/div>\n                                <div class=\"acf-post-loop-column column gallery-block-column\">\n                                          <a href=\"https:\/\/studio.extrarender.com\/wp-content\/uploads\/2024\/03\/ga4.webp\" class=\"fancybox post-gal-link block col-wrap\" data-fancybox-group=\"group1\" data-fancybox=\"images\">\n                    <img loading=\"lazy\" decoding=\"async\" class=\"block in-img lazy\" width=\"50\" height=\"50\" src=\"https:\/\/studio.extrarender.com\/wp-content\/themes\/website\/img\/p.webp\" data-src=\"https:\/\/studio.extrarender.com\/wp-content\/uploads\/2024\/03\/ga4.webp\" alt=\"A Complex 3D Animation\"\/>\n                    <\/a>\n                                    <\/div>\n                                <\/div>\n                                    \n    <\/div>\n<\/div>\n<style type=\"text\/css\">\n.block_aa4d8054b613837ccbb3a381b5a59ab4 {                        }\n.block_aa4d8054b613837ccbb3a381b5a59ab4 .videoconatiner-inside{min-width:100px!important;}\n.slide-in-from-center {\n  animation: 1.5s ease-out 0s 1 animateWidth forwards;\n}\n.glightbox_video {\n\n  }\n\n.outer_circle {\n  stroke-width: 3;\n  stroke-dasharray: 410; \n   stroke-dashoffset: 0;\n  stroke-linecap: square;\n  transition: all .4s ease-out;\n}\n\n.glightbox_video:hover .outer_circle {\nstroke-dashoffset:410;\n  transition: stroke .7s .4s ease-out, stroke-dashoffset .4s ease-out\n}\n\n.glightbox_video:hover \n.inner-circle {\n  fill: #ef8c4f;\n  transition:fill .4s .3s ease-out;\n  \n}\n\n.glightbox_video:hover\n.play{\n    fill: white;\n  transition:fill .4s .3s ease-out;\n}\n@keyframes animateWidth {\n  0% {\n    width:30%;\n  }\n  100% {\n    width:100%;\n  }\n}\n.block_aa4d8054b613837ccbb3a381b5a59ab4 .video-holder .video-expand:after{display:none;}\n.block_aa4d8054b613837ccbb3a381b5a59ab4 .video-holder .video-expand svg,.block_aa4d8054b613837ccbb3a381b5a59ab4 .video-holder .video-expand .inner-circle{box-shadow: 5px 0 30px rgba(0,0,0,0.9);border-radius: 100%;}\n<\/style>\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\r\n    <\/div>\r\n<\/section>\r\n\r\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n<style>\r\n.block_fb1a294ef38f74abaaa9f12cef160c8b {box-sizing:border-box;                                               position:relative;\r\n}\r\n<\/style>\r\n<section class=\"block_fb1a294ef38f74abaaa9f12cef160c8b section col-wrap block\">\r\n    <div class=\"wrapper\">\r\n    \n\n<h2 class=\"wp-block-heading\">the storyboard<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Storyboarding is a crucial stage in our workflow, where we translate ideas and concepts into visual narratives. It involves a collaborative effort between our team members, including artists, writers, and directors. Initially, we brainstorm concepts and key scenes, sketching rough outlines tovisualize the storyline. As the narrative takes shape, we refine each scene, paying close attention to composition, pacing, and visual aesthetics.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">SCENE 1 &#8211; we will showcase one scene out of the six included in the storyboard to give you an idea of our workflow.<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">VOICEOVER<br>\u201eIImagine a place where you can comfortably live, work, rest and spend your free time. A place full of greenery, that is in harmony with nature.<br>A place open to all including residents and tourists. Where one can enjoy peace and quiet while being in the centre of the city, since that is where we are \u2013 in the middle of Warsaw\u2019s Wola district. This is where we have created a unique project, a place that is easy to get to and<br>somewhere you will wish to stay for longe<\/p>\n\n\r\n    <\/div>\r\n<\/section>\r\n\r\n\n\n<section class=\"block_e3c358a01a8e0e96df988cf7d35e51ba section col-wrap block\">\r\n    <div class=\"wrapper\">\r\n        <div class=\"col-wrap flexwrap storyboard-wrapper \">\r\n            <div class=\"storyborad-col box\">\r\n                                                        <img loading=\"lazy\" decoding=\"async\" class=\"block in-img lazy\" width=\"50\" height=\"50\" src=\"https:\/\/studio.extrarender.com\/wp-content\/themes\/website\/img\/p.webp\" data-src=\"https:\/\/studio.extrarender.com\/wp-content\/uploads\/2024\/03\/story1.webp\" alt=\"A Complex 3D Animation\"\/>\r\n                                        <\/div>\r\n            <div class=\"storyborad-desc-col box\">\r\n            \n\n<h4 class=\"wp-block-heading\">SCENE 1 &#8211; SHOT 1 &#8211; \u2018beauty shot\u2019<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">A quiet park with a yellow and white building \u2013 the camera slowly moves around the park, showing the green trees and pathways inside. It&#8217;s morning, and the sunlight is nice and soft. It&#8217;s a beautiful scene right in the middle of the park.<br>The key message: This scene feels peaceful and calm, with lovely light and a sense of quietness. Everything starts to wake up, and viewers might wonder where they are, feeling amazed.WOW#1.<\/p>\n\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style type=\"text\/css\">\r\n.block_e3c358a01a8e0e96df988cf7d35e51ba {             padding-top: 40px;\r\n                        }\r\n<\/style>\n\n<section class=\"block_3cbdd22ae2cf287517c2cca3dfced86a section col-wrap block\">\r\n    <div class=\"wrapper\">\r\n        <div class=\"col-wrap flexwrap storyboard-wrapper \">\r\n            <div class=\"storyborad-col box\">\r\n                                                        <img loading=\"lazy\" decoding=\"async\" class=\"block in-img lazy\" width=\"50\" height=\"50\" src=\"https:\/\/studio.extrarender.com\/wp-content\/themes\/website\/img\/p.webp\" data-src=\"https:\/\/studio.extrarender.com\/wp-content\/uploads\/2024\/03\/story2.webp\" alt=\"A Complex 3D Animation\"\/>\r\n                                        <\/div>\r\n            <div class=\"storyborad-desc-col box\">\r\n            \n\n<h4 class=\"wp-block-heading\">SCENE 1 &#8211; SHOT 2 &#8211; \u2018master shot\u2019<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">In this scene, we show all the buildings in the investor&#8217;s project, giving a complete view of the entire investment site. This shot is like a big picture puzzle piece that helps plan how we&#8217;ll film the rest.<br>As the camera pulls back, we see more than just the park. We also catch glimpses of the white hall and the &#8222;House of the Polish Word,&#8221; along with other nearby buildings. Even though we&#8217;re moving away from the center of the park, the trees are still visible. It&#8217;s all happening in the fresh morning light .<br>The key message: This scene tells us something important: the park isn&#8217;t alone. It&#8217;s part of a bigger city area. It shows us we&#8217;re right in the middle of the busy city, not out on the edges. As people watch, they see they&#8217;re in a lively place.<br>When the camera rises up, it gives us a wider view of everything around, but it&#8217;s not quite like looking down from the sky yet.<br>And that&#8217;s our second big moment that makes people say WOW#2<\/p>\n\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style type=\"text\/css\">\r\n.block_3cbdd22ae2cf287517c2cca3dfced86a {             padding-top: 40px;\r\n                        }\r\n<\/style>\n\n<section class=\"block_c2b8587029fd5a17cdd73a6973d53543 section col-wrap block\">\r\n    <div class=\"wrapper\">\r\n        <div class=\"col-wrap flexwrap storyboard-wrapper \">\r\n            <div class=\"storyborad-col box\">\r\n                                                        <img loading=\"lazy\" decoding=\"async\" class=\"block in-img lazy\" width=\"50\" height=\"50\" src=\"https:\/\/studio.extrarender.com\/wp-content\/themes\/website\/img\/p.webp\" data-src=\"https:\/\/studio.extrarender.com\/wp-content\/uploads\/2024\/03\/story3.webp\" alt=\"A Complex 3D Animation\"\/>\r\n                                        <\/div>\r\n            <div class=\"storyborad-desc-col box\">\r\n            \n\n<h4 class=\"wp-block-heading\">SCENE 1 &#8211; SHOT 3 &#8211; \u2018the map shot\u2019<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">As the camera keeps going up, it gives us a bigger view of everything around, like looking at a map from above. We start seeing street names like &#8222;Towarowa,&#8221; &#8222;Miedziana,&#8221; &#8222;Pa\u0144ska,&#8221; and &#8222;Wronia&#8221; appearing on the grid.<br>The key message:<br>This moment is all about making people go &#8222;WOW!&#8221; because now we&#8217;re sure that what we&#8217;ve been seeing is all part of one place: a park, buildings, and pathways. From now on, viewers know they&#8217;re right in the heart of Warsaw.<br>It&#8217;s like solving a puzzle, with each piece fitting perfectly to show the bigger<br>picture. And when the camera rises even higher, it&#8217;s like opening up a whole new world, making everyone say WOW#3<\/p>\n\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style type=\"text\/css\">\r\n.block_c2b8587029fd5a17cdd73a6973d53543 {             padding-top: 40px;\r\n                        }\r\n<\/style>\n\n<section class=\"block_6e8de418a8e9de9bcda5b5e2a6845c68 section col-wrap block\">\r\n    <div class=\"wrapper\">\r\n        <div class=\"col-wrap flexwrap storyboard-wrapper \">\r\n            <div class=\"storyborad-col box\">\r\n                                                        <img loading=\"lazy\" decoding=\"async\" class=\"block in-img lazy\" width=\"50\" height=\"50\" src=\"https:\/\/studio.extrarender.com\/wp-content\/themes\/website\/img\/p.webp\" data-src=\"https:\/\/studio.extrarender.com\/wp-content\/uploads\/2024\/03\/story4.webp\" alt=\"A Complex 3D Animation\"\/>\r\n                                        <\/div>\r\n            <div class=\"storyborad-desc-col box\">\r\n            \n\n<h4 class=\"wp-block-heading\">SCENE 1 &#8211; SHOT 4 &#8211; \u201eretro shot\u201d<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">The camera moves dynamically to the main entrance the \u201eHouse of the Polish Word\u201d(a transitional moment). After showing retro photos, camera flies out<br>towards the second outlet (to the park), from which we will start scene 2.<br>The key message: the culmination of Scene 1, which is meant to be a teaser for what&#8217;s to come in the next scenes. By entering through the camera&#8217;s lens, we are transported back in time, witnessing a historical narrative unfold. The viewer accompanies us as we step into the house, traversing through the door into the realm of this place&#8217;s historical tale, marking only the outset of our journey.<\/p>\n\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style type=\"text\/css\">\r\n.block_6e8de418a8e9de9bcda5b5e2a6845c68 {             padding-top: 40px;\r\n                        }\r\n<\/style>\n\n<style>\r\n.block_fb1a294ef38f74abaaa9f12cef160c8b {box-sizing:border-box;                                               position:relative;\r\n}\r\n<\/style>\r\n<section class=\"block_fb1a294ef38f74abaaa9f12cef160c8b section col-wrap block\">\r\n    <div class=\"wrapper\">\r\n    \n\n<p class=\"wp-block-paragraph\"><strong>We received old-fashioned photos from the client, and we improved them by adding 3D effects to match the main project of the 3D animation. Watch the results:<\/strong><\/p>\n\n\n<article class=\"block_0bd27d0246390902ebb0cffc2e044e52 section col-wrap block\">\n   <div class=\"col-2-wrap flexwrap col-sm-1 col-md-2 col-lg-4\">\n           <div class=\"acf-post-loop-column column cats-block-column\">\n                        <div class=\"videocontainer col-wrap block\">\n    <iframe src=\"https:\/\/player.vimeo.com\/video\/920049190\/\" width=\"100%\" height=\"460\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" allowfullscreen mozallowfullscreen webkitallowfullscreen><\/iframe>\n<\/div>\n\n        <\/div>\n                <div class=\"acf-post-loop-column column cats-block-column\">\n                        <div class=\"videocontainer col-wrap block\">\n    <iframe src=\"https:\/\/player.vimeo.com\/video\/920047985\/\" width=\"100%\" height=\"460\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" allowfullscreen mozallowfullscreen webkitallowfullscreen><\/iframe>\n<\/div>\n\n        <\/div>\n                <div class=\"acf-post-loop-column column cats-block-column\">\n                        <div class=\"videocontainer col-wrap block\">\n    <iframe src=\"https:\/\/player.vimeo.com\/video\/920047917\/\" width=\"100%\" height=\"460\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" allowfullscreen mozallowfullscreen webkitallowfullscreen><\/iframe>\n<\/div>\n\n        <\/div>\n                <div class=\"acf-post-loop-column column cats-block-column\">\n                        <div class=\"videocontainer col-wrap block\">\n    <iframe src=\"https:\/\/player.vimeo.com\/video\/920048678\/\" width=\"100%\" height=\"460\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" allowfullscreen mozallowfullscreen webkitallowfullscreen><\/iframe>\n<\/div>\n\n        <\/div>\n            <\/div>\n<\/article>\n<style>\n.block_0bd27d0246390902ebb0cffc2e044e52 {box-sizing:border-box;             padding-top: 40px;\r\n                  padding-bottom: 40px;\r\n                   }\n.block_0bd27d0246390902ebb0cffc2e044e52 .vimeo-gal-desc{padding-bottom:15px;}\n<\/style>\n\n\n<h3 class=\"wp-block-heading\">END OF SCENE 1<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This scene is just one part of the detailed plan we made for our client. We carefully created six scenes, each with its own design, and this one shows how we work creatively.<br>Every picture in the plan is like a map for the final video, showing us where to go. We think about things like where to put the camera, how the<br>characters look, and what the place looks like. We keep changing and improving the plan until it matches what the client wants.<br>The storyboard helps us know what to do during the video-making process. It doesn&#8217;t just show the order of events but also captures the feeling of the story. By planning like this, we make sure our videos are even better than what the client hoped for, making their ideas come to life on screen.<\/p>\n\n\n<div class=\"col-wrap block block_7e509c527f3d971b38fd5cde1318ba8e\">\r\n    <div class=\"sec-title f-12 l-20 f-bold f-grey t-upper block\"><span>animatic<\/span><\/div>\r\n<\/div>\r\n<style type=\"text\/css\">\r\n.block_7e509c527f3d971b38fd5cde1318ba8e {             padding-top: 40px;\r\n                  padding-bottom: 40px;\r\n                   }\r\n<\/style>\n\n\n<p class=\"wp-block-paragraph\">The next step was to create an \u201eAnimatic\u201d (simplified animation) wich gives a preview of a project. This animation is made specifically to be shown to the client for their feedback or approval before finalizing the project. It&#8217;s a way to visually communicatev ideas and concepts in a more dynamic and engaging way than static images or descriptions.<\/p>\n\n\n<div class=\"col-wrap flexwrap summary-wrapper block_f803c7557f2d8a8c95107db5dfa8700c\">\n    <div class=\"summary-desc-col box\">\n        \n    <\/div>\n    <div class=\"summary-col box\">\n\n                                                    \n    <\/div>\n<\/div>\n<style type=\"text\/css\">\n.block_f803c7557f2d8a8c95107db5dfa8700c {                        }\n.block_f803c7557f2d8a8c95107db5dfa8700c .videoconatiner-inside{min-width:100px!important;}\n.slide-in-from-center {\n  animation: 1.5s ease-out 0s 1 animateWidth forwards;\n}\n.glightbox_video {\n\n  }\n\n.outer_circle {\n  stroke-width: 3;\n  stroke-dasharray: 410; \n   stroke-dashoffset: 0;\n  stroke-linecap: square;\n  transition: all .4s ease-out;\n}\n\n.glightbox_video:hover .outer_circle {\nstroke-dashoffset:410;\n  transition: stroke .7s .4s ease-out, stroke-dashoffset .4s ease-out\n}\n\n.glightbox_video:hover \n.inner-circle {\n  fill: #ef8c4f;\n  transition:fill .4s .3s ease-out;\n  \n}\n\n.glightbox_video:hover\n.play{\n    fill: white;\n  transition:fill .4s .3s ease-out;\n}\n@keyframes animateWidth {\n  0% {\n    width:30%;\n  }\n  100% {\n    width:100%;\n  }\n}\n.block_f803c7557f2d8a8c95107db5dfa8700c .video-holder .video-expand:after{display:none;}\n.block_f803c7557f2d8a8c95107db5dfa8700c .video-holder .video-expand svg,.block_f803c7557f2d8a8c95107db5dfa8700c .video-holder .video-expand .inner-circle{box-shadow: 5px 0 30px rgba(0,0,0,0.9);border-radius: 100%;}\n<\/style>\n\r\n    <\/div>\r\n<\/section>\r\n\r\n\n\n<style>\r\n.block_c9ce2ec6672e990572c1c5bdf4533f94 {box-sizing:border-box;             padding-top: 50px;\r\n                  padding-bottom: 40px;\r\n                                          position:relative;\r\n}\r\n<\/style>\r\n<section class=\"block_c9ce2ec6672e990572c1c5bdf4533f94 section col-wrap block\">\r\n    <div class=\"wrapper\">\r\n    \n<div class=\"col-wrap flexwrap summary-wrapper block_1e727e6b3e06c2a62af1d98af5e90db9\">\n    <div class=\"summary-desc-col box\">\n        \n\n<h2 class=\"wp-block-heading has-text-align-right\">animatic<br>\u201esimplified animation\u201d<\/h2>\n\n\n\n<p class=\"has-text-align-right wp-block-paragraph\">In the animatic phase, we lay the groundwork for your animation. This serves as a blueprint, giving us a vision of how your final animation could look and move. We use low-quality video to create a sneak peek of what&#8217;s to come. Our goal? To make sure the animatic reflects exactly what you want in the finished product, ensuring your animation turns out just the way you imagined.<\/p>\n\n\n    <\/div>\n    <div class=\"summary-col box\">\n\n                                <div class=\"videocontainer videoconatiner-inside col-wrap block\"><iframe src=\"https:\/\/player.vimeo.com\/video\/919152134\/\" width=\"100%\" height=\"460\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" allowfullscreen><\/iframe><\/div>\n                                                \n    <\/div>\n<\/div>\n<style type=\"text\/css\">\n.block_1e727e6b3e06c2a62af1d98af5e90db9 {                        }\n.block_1e727e6b3e06c2a62af1d98af5e90db9 .videoconatiner-inside{min-width:100px!important;}\n.slide-in-from-center {\n  animation: 1.5s ease-out 0s 1 animateWidth forwards;\n}\n.glightbox_video {\n\n  }\n\n.outer_circle {\n  stroke-width: 3;\n  stroke-dasharray: 410; \n   stroke-dashoffset: 0;\n  stroke-linecap: square;\n  transition: all .4s ease-out;\n}\n\n.glightbox_video:hover .outer_circle {\nstroke-dashoffset:410;\n  transition: stroke .7s .4s ease-out, stroke-dashoffset .4s ease-out\n}\n\n.glightbox_video:hover \n.inner-circle {\n  fill: #ef8c4f;\n  transition:fill .4s .3s ease-out;\n  \n}\n\n.glightbox_video:hover\n.play{\n    fill: white;\n  transition:fill .4s .3s ease-out;\n}\n@keyframes animateWidth {\n  0% {\n    width:30%;\n  }\n  100% {\n    width:100%;\n  }\n}\n.block_1e727e6b3e06c2a62af1d98af5e90db9 .video-holder .video-expand:after{display:none;}\n.block_1e727e6b3e06c2a62af1d98af5e90db9 .video-holder .video-expand svg,.block_1e727e6b3e06c2a62af1d98af5e90db9 .video-holder .video-expand .inner-circle{box-shadow: 5px 0 30px rgba(0,0,0,0.9);border-radius: 100%;}\n<\/style>\n\r\n    <\/div>\r\n<\/section>\r\n\r\n\n\n<style>\r\n.block_f92236130589a12c68ce63ae208957a4 {box-sizing:border-box;                  padding-bottom: 40px;\r\n                                          position:relative;\r\n}\r\n<\/style>\r\n<section class=\"block_f92236130589a12c68ce63ae208957a4 section col-wrap block\">\r\n    <div class=\"wrapper\">\r\n    \n\n<h2 class=\"wp-block-heading\">the final masterpiece<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">After the client reviewed the animatic and provided feedback, we tirelessly worked day and night, collaborating closely with the film director, marketing team, and key stakeholders in our company to revise the animation multiple times, ensuring it reached the highest possible standard. During this time, we also produced music with various arrangements and recorded voiceovers with both US and UK dialects to cater to different audiences. Three weeks later, we proudly presented the completed animation, complete with bespoke music and voiceover.<\/p>\n\n\r\n    <\/div>\r\n<\/section>\r\n\r\n\n\n<style>\r\n.block_244457137f6bf1b584a86338c4c65d47 {box-sizing:border-box;                  padding-bottom: 50px;\r\n                                          position:relative;\r\n}\r\n<\/style>\r\n<section class=\"block_244457137f6bf1b584a86338c4c65d47 section col-wrap block\">\r\n    <div class=\"wrapper\">\r\n    \n<div class=\"col-wrap flexwrap summary-wrapper block_2774dd313844448e592d8215a5b86b53\">\n    <div class=\"summary-desc-col box\">\n        \n<div class=\"col-wrap block block_f62d5913b7297b4f3373ddb937675dbf\">\r\n    <div class=\"sec-title f-12 l-20 f-bold f-grey t-upper block\"><span>superender<\/span><\/div>\r\n<\/div>\r\n<style type=\"text\/css\">\r\n.block_f62d5913b7297b4f3373ddb937675dbf {             padding-top: 10px;\r\n                  padding-bottom: 30px;\r\n                   }\r\n<\/style>\n\n\n<h2 class=\"wp-block-heading\">watch<br>the final<br>3D animation<\/h2>\n\n\n    <\/div>\n    <div class=\"summary-col box\">\n\n                                <div class=\"videocontainer videoconatiner-inside col-wrap block\"><iframe src=\"https:\/\/player.vimeo.com\/video\/808216865\/\" width=\"100%\" height=\"460\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" allowfullscreen><\/iframe><\/div>\n                                                \n    <\/div>\n<\/div>\n<style type=\"text\/css\">\n.block_2774dd313844448e592d8215a5b86b53 {                        }\n.block_2774dd313844448e592d8215a5b86b53 .videoconatiner-inside{min-width:100px!important;}\n.slide-in-from-center {\n  animation: 1.5s ease-out 0s 1 animateWidth forwards;\n}\n.glightbox_video {\n\n  }\n\n.outer_circle {\n  stroke-width: 3;\n  stroke-dasharray: 410; \n   stroke-dashoffset: 0;\n  stroke-linecap: square;\n  transition: all .4s ease-out;\n}\n\n.glightbox_video:hover .outer_circle {\nstroke-dashoffset:410;\n  transition: stroke .7s .4s ease-out, stroke-dashoffset .4s ease-out\n}\n\n.glightbox_video:hover \n.inner-circle {\n  fill: #ef8c4f;\n  transition:fill .4s .3s ease-out;\n  \n}\n\n.glightbox_video:hover\n.play{\n    fill: white;\n  transition:fill .4s .3s ease-out;\n}\n@keyframes animateWidth {\n  0% {\n    width:30%;\n  }\n  100% {\n    width:100%;\n  }\n}\n.block_2774dd313844448e592d8215a5b86b53 .video-holder .video-expand:after{display:none;}\n.block_2774dd313844448e592d8215a5b86b53 .video-holder .video-expand svg,.block_2774dd313844448e592d8215a5b86b53 .video-holder .video-expand .inner-circle{box-shadow: 5px 0 30px rgba(0,0,0,0.9);border-radius: 100%;}\n<\/style>\n\r\n    <\/div>\r\n<\/section>\r\n\r\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":326,"comment_status":"closed","ping_status":"closed","template":"","tags":[12],"class_list":["post-264","realizacje","type-realizacje","status-publish","has-post-thumbnail","hentry","tag-animation","portfcats-3d-animation-projects"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>A Complex 3D Animation - Extrarender<\/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:\/\/studio.extrarender.com\/?realizacje=a-complex-3d-animation\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"A Complex 3D Animation - Extrarender\" \/>\n<meta property=\"og:url\" content=\"https:\/\/studio.extrarender.com\/?realizacje=a-complex-3d-animation\" \/>\n<meta property=\"og:site_name\" content=\"Extrarender\" \/>\n<meta property=\"article:modified_time\" content=\"2024-08-19T06:23:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/studio.extrarender.com\/wp-content\/uploads\/2024\/03\/s1-1.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1083\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Szacowany czas czytania\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/studio.extrarender.com\/?realizacje=a-complex-3d-animation\",\"url\":\"https:\/\/studio.extrarender.com\/?realizacje=a-complex-3d-animation\",\"name\":\"A Complex 3D Animation - Extrarender\",\"isPartOf\":{\"@id\":\"https:\/\/studio.extrarender.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/studio.extrarender.com\/?realizacje=a-complex-3d-animation#primaryimage\"},\"image\":{\"@id\":\"https:\/\/studio.extrarender.com\/?realizacje=a-complex-3d-animation#primaryimage\"},\"thumbnailUrl\":\"https:\/\/studio.extrarender.com\/wp-content\/uploads\/2024\/03\/s1-1.webp\",\"datePublished\":\"2024-03-16T12:49:59+00:00\",\"dateModified\":\"2024-08-19T06:23:16+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/studio.extrarender.com\/?realizacje=a-complex-3d-animation#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/studio.extrarender.com\/?realizacje=a-complex-3d-animation\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\/\/studio.extrarender.com\/?realizacje=a-complex-3d-animation#primaryimage\",\"url\":\"https:\/\/studio.extrarender.com\/wp-content\/uploads\/2024\/03\/s1-1.webp\",\"contentUrl\":\"https:\/\/studio.extrarender.com\/wp-content\/uploads\/2024\/03\/s1-1.webp\",\"width\":1920,\"height\":1083},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/studio.extrarender.com\/?realizacje=a-complex-3d-animation#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Strona g\u0142\u00f3wna\",\"item\":\"https:\/\/studio.extrarender.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Portfolio\",\"item\":\"https:\/\/studio.extrarender.com\/?post_type=realizacje\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"A Complex 3D Animation\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/studio.extrarender.com\/#website\",\"url\":\"https:\/\/studio.extrarender.com\/\",\"name\":\"Extrarender 3D Animations Studio\",\"description\":\"3D animation created in three weeks!\",\"publisher\":{\"@id\":\"https:\/\/studio.extrarender.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/studio.extrarender.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pl-PL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/studio.extrarender.com\/#organization\",\"name\":\"Extrarender\",\"url\":\"https:\/\/studio.extrarender.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\/\/studio.extrarender.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/34.116.213.66\/wp-content\/uploads\/2024\/06\/kat2.webp\",\"contentUrl\":\"https:\/\/34.116.213.66\/wp-content\/uploads\/2024\/06\/kat2.webp\",\"width\":1317,\"height\":847,\"caption\":\"Extrarender\"},\"image\":{\"@id\":\"https:\/\/studio.extrarender.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"A Complex 3D Animation - Extrarender","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:\/\/studio.extrarender.com\/?realizacje=a-complex-3d-animation","og_locale":"pl_PL","og_type":"article","og_title":"A Complex 3D Animation - Extrarender","og_url":"https:\/\/studio.extrarender.com\/?realizacje=a-complex-3d-animation","og_site_name":"Extrarender","article_modified_time":"2024-08-19T06:23:16+00:00","og_image":[{"width":1920,"height":1083,"url":"https:\/\/studio.extrarender.com\/wp-content\/uploads\/2024\/03\/s1-1.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Szacowany czas czytania":"7 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/studio.extrarender.com\/?realizacje=a-complex-3d-animation","url":"https:\/\/studio.extrarender.com\/?realizacje=a-complex-3d-animation","name":"A Complex 3D Animation - Extrarender","isPartOf":{"@id":"https:\/\/studio.extrarender.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/studio.extrarender.com\/?realizacje=a-complex-3d-animation#primaryimage"},"image":{"@id":"https:\/\/studio.extrarender.com\/?realizacje=a-complex-3d-animation#primaryimage"},"thumbnailUrl":"https:\/\/studio.extrarender.com\/wp-content\/uploads\/2024\/03\/s1-1.webp","datePublished":"2024-03-16T12:49:59+00:00","dateModified":"2024-08-19T06:23:16+00:00","breadcrumb":{"@id":"https:\/\/studio.extrarender.com\/?realizacje=a-complex-3d-animation#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/studio.extrarender.com\/?realizacje=a-complex-3d-animation"]}]},{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/studio.extrarender.com\/?realizacje=a-complex-3d-animation#primaryimage","url":"https:\/\/studio.extrarender.com\/wp-content\/uploads\/2024\/03\/s1-1.webp","contentUrl":"https:\/\/studio.extrarender.com\/wp-content\/uploads\/2024\/03\/s1-1.webp","width":1920,"height":1083},{"@type":"BreadcrumbList","@id":"https:\/\/studio.extrarender.com\/?realizacje=a-complex-3d-animation#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Strona g\u0142\u00f3wna","item":"https:\/\/studio.extrarender.com\/"},{"@type":"ListItem","position":2,"name":"Portfolio","item":"https:\/\/studio.extrarender.com\/?post_type=realizacje"},{"@type":"ListItem","position":3,"name":"A Complex 3D Animation"}]},{"@type":"WebSite","@id":"https:\/\/studio.extrarender.com\/#website","url":"https:\/\/studio.extrarender.com\/","name":"Extrarender 3D Animations Studio","description":"3D animation created in three weeks!","publisher":{"@id":"https:\/\/studio.extrarender.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/studio.extrarender.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pl-PL"},{"@type":"Organization","@id":"https:\/\/studio.extrarender.com\/#organization","name":"Extrarender","url":"https:\/\/studio.extrarender.com\/","logo":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/studio.extrarender.com\/#\/schema\/logo\/image\/","url":"https:\/\/34.116.213.66\/wp-content\/uploads\/2024\/06\/kat2.webp","contentUrl":"https:\/\/34.116.213.66\/wp-content\/uploads\/2024\/06\/kat2.webp","width":1317,"height":847,"caption":"Extrarender"},"image":{"@id":"https:\/\/studio.extrarender.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/studio.extrarender.com\/index.php?rest_route=\/wp\/v2\/realizacje\/264","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/studio.extrarender.com\/index.php?rest_route=\/wp\/v2\/realizacje"}],"about":[{"href":"https:\/\/studio.extrarender.com\/index.php?rest_route=\/wp\/v2\/types\/realizacje"}],"author":[{"embeddable":true,"href":"https:\/\/studio.extrarender.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/studio.extrarender.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=264"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/studio.extrarender.com\/index.php?rest_route=\/wp\/v2\/media\/326"}],"wp:attachment":[{"href":"https:\/\/studio.extrarender.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=264"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/studio.extrarender.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=264"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}