Practice: Compositing / Visual Effects: Helicopters
Sundstedt Animation</a> on <a href="https://vimeo.com">Vimeo</a>.</p> <p style="text-align: left;">Personal Project: I have done this short compositing scene of helicopters flying past, with smoke and a raging fire for learning purposes. You can see the result and the different elements of the comp shown in the breakdown. The source I had was my own helicopter video footage. I tracked the camera motion to be able to add in the top left hovering helicopter footage I shot, using an animated mask. I also created a 2nd helicopter flying by (the one further away from the other one) by duplicating and masking again the original footage. I then also created a smoke effect using multiple layers and again tracked the motion using tracking from camera movement. Finally I did some further adjustments and tweaking, plus added the raging fire in the foreground and used Compound Blur to improve the realism of the fire further (The fire element shot is stock footage from Artbeats). For keying I used Keylight 1.2. I am studying After Effects studio techniques in preparation for (hopefully) future compositing work.</p> <h2>Ready To Partner?</h2> <div class="wpforms-container wpforms-container-full" id="wpforms-46340"><form id="wpforms-form-46340" class="wpforms-validate wpforms-form" data-formid="46340" method="post" enctype="multipart/form-data" action="/blog/compositing-visual-effects-helicopters/" data-token="ba47ff13d67abb3637211c267ba088ba" data-token-time="1722066276"><noscript class="wpforms-error-noscript">Please enable JavaScript in your browser to complete this form.</noscript><div class="wpforms-field-container"><div id="wpforms-46340-field_6-container" class="wpforms-field wpforms-field-text" data-field-id="6"><label class="wpforms-field-label" for="wpforms-46340-field_6">Your Name <span class="wpforms-required-label">*</span></label><input type="text" id="wpforms-46340-field_6" class="wpforms-field-large wpforms-field-required" name="wpforms[fields][6]" required></div><div id="wpforms-46340-field_8-container" class="wpforms-field wpforms-field-text" data-field-id="8"><label class="wpforms-field-label" for="wpforms-46340-field_8">Company website</label><input type="text" id="wpforms-46340-field_8" class="wpforms-field-large" name="wpforms[fields][8]" ></div><div id="wpforms-46340-field_1-container" class="wpforms-field wpforms-field-email" data-field-id="1"><label class="wpforms-field-label" for="wpforms-46340-field_1">Email Address: <span class="wpforms-required-label">*</span></label><input type="email" id="wpforms-46340-field_1" class="wpforms-field-large wpforms-field-required" name="wpforms[fields][1]" spellcheck="false" required></div><div id="wpforms-46340-field_2-container" class="wpforms-field wpforms-field-textarea" data-field-id="2"><label class="wpforms-field-label" for="wpforms-46340-field_2">How can we help you? Details Please! <span class="wpforms-required-label">*</span></label><textarea id="wpforms-46340-field_2" class="wpforms-field-large wpforms-field-required" name="wpforms[fields][2]" placeholder="If you have a project to discuss, you may enter your brief here." required></textarea></div><div id="wpforms-46340-field_12-container" class="wpforms-field wpforms-field-select wpforms-field-select-style-classic" data-field-id="12"><label class="wpforms-field-label" for="wpforms-46340-field_12">Select a production service type: <span class="wpforms-required-label">*</span></label><select id="wpforms-46340-field_12" class="wpforms-field-medium wpforms-field-required" name="wpforms[fields][12]" required="required"><option value="" class="placeholder" disabled selected='selected'>Select a service</option><option value="Animated Music Video" >Animated Music Video</option><option value="Animated Lyric Video" >Animated Lyric Video</option><option value="Animated Explainer Video" >Animated Explainer Video</option><option value="Non-Profit Explainer Video" >Non-Profit Explainer Video</option><option value="Animated Healthcare Video" >Animated Healthcare Video</option><option value="Animated Educational Video" >Animated Educational Video</option><option value="Animated Whiteboard Video" >Animated Whiteboard Video</option><option value="Animated Product Video" >Animated Product Video</option><option value="Animated Commercial" >Animated Commercial</option><option value="Animated Title Sequence" >Animated Title Sequence</option><option value="Animated Looping Illustration" >Animated Looping Illustration</option><option value="Animated Book Trailer" >Animated Book Trailer</option><option value="Animated Corporate Video" >Animated Corporate Video</option><option value="Animated Infographics" >Animated Infographics</option><option value="2D Paper Style Animation" >2D Paper Style Animation</option><option value="Animated 2.5D Parallax Video" >Animated 2.5D Parallax Video</option><option value="Video Skin Retouch" >Video Skin Retouch</option><option value="Video Color Grading" >Video Color Grading</option><option value="Storyboard Production" >Storyboard Production</option><option value="Other" >Other</option></select></div><div id="wpforms-46340-field_14-container" class="wpforms-field wpforms-field-select wpforms-field-select-style-classic" data-field-id="14"><label class="wpforms-field-label" for="wpforms-46340-field_14">Video Length <span class="wpforms-required-label">*</span></label><select id="wpforms-46340-field_14" class="wpforms-field-medium wpforms-field-required" name="wpforms[fields][14]" required="required"><option value="" class="placeholder" disabled selected='selected'>Choose one</option><option value="< 1 min" >< 1 min</option><option value="1 min" >1 min</option><option value="2 min" >2 min</option><option value="3 min" >3 min</option><option value="4 min" >4 min</option><option value="5 min" >5 min</option><option value=">5 min" >>5 min</option><option value="Not a Video" >Not a Video</option></select></div><div id="wpforms-46340-field_11-container" class="wpforms-field wpforms-field-select wpforms-field-select-style-classic" data-field-id="11"><label class="wpforms-field-label" for="wpforms-46340-field_11">Project Timeframe: <span class="wpforms-required-label">*</span></label><select id="wpforms-46340-field_11" class="wpforms-field-medium wpforms-field-required" name="wpforms[fields][11]" required="required"><option value="" class="placeholder" disabled selected='selected'>Choose one</option><option value="4-5 weeks" >4-5 weeks</option><option value="5-6 weeks" >5-6 weeks</option><option value="7-8 weeks" >7-8 weeks</option><option value="9-10 weeks" >9-10 weeks</option><option value="11-12 weeks" >11-12 weeks</option><option value=">12 weeks" >>12 weeks</option></select></div><div id="wpforms-46340-field_9-container" class="wpforms-field wpforms-field-select wpforms-field-select-style-classic" data-field-id="9"><label class="wpforms-field-label" for="wpforms-46340-field_9">Invest in Your Vision: Select Project Budget: <span class="wpforms-required-label">*</span></label><select id="wpforms-46340-field_9" class="wpforms-field-medium wpforms-field-required" name="wpforms[fields][9]" required="required"><option value="" class="placeholder" disabled selected='selected'>Choose one</option><option value="£3,000-£4,000 ($3,787-$5,049)" >£3,000-£4,000 ($3,787-$5,049)</option><option value="£4,000-£5,000 ($5,049-$6,311)" >£4,000-£5,000 ($5,049-$6,311)</option><option value="£5,000-£6,000 ($6,311-$7,574)" >£5,000-£6,000 ($6,311-$7,574)</option><option value="£6,000-£7,000 ($7,574-$8,836)" >£6,000-£7,000 ($7,574-$8,836)</option><option value="£7,000-£8,000 ($8,836-$10,098)" >£7,000-£8,000 ($8,836-$10,098)</option><option value="£8,000-£10,000 ($10,098-$12,623)" >£8,000-£10,000 ($10,098-$12,623)</option><option value="£10,000-£12,000 ($12,623-$15,148)" >£10,000-£12,000 ($12,623-$15,148)</option><option value="£12,000+ ($15,148+) - Contact for Custom Quote" >£12,000+ ($15,148+) - Contact for Custom Quote</option></select></div><div id="wpforms-46340-field_15-container" class="wpforms-field wpforms-field-gdpr-checkbox" data-field-id="15"><label class="wpforms-field-label">GDPR Agreement <span class="wpforms-required-label">*</span></label><ul id="wpforms-46340-field_15" class="wpforms-field-required"><li class="choice-1"><input type="checkbox" id="wpforms-46340-field_15_1" name="wpforms[fields][15][]" value="I agree for this information to be used to respond to my enquiry." required ><label class="wpforms-field-label-inline" for="wpforms-46340-field_15_1">I agree for this information to be used to respond to my enquiry.</label></li></ul></div></div><!-- .wpforms-field-container --><div class="wpforms-submit-container" ><input type="hidden" name="wpforms[id]" value="46340"><input type="hidden" name="page_title" value="Practice: Compositing / Visual Effects: Helicopters"><input type="hidden" name="page_url" value="https://sundstedt.se/blog/compositing-visual-effects-helicopters/"><input type="hidden" name="page_id" value="3066"><input type="hidden" name="wpforms[post_id]" value="3066"> <div id="cf-turnstile-wpf-2374944536" class="cf-turnstile" data-sitekey="0x4AAAAAAAPfyya4_hFFE1Tm" data-theme="light" data-language="en" data-retry="auto" data-retry-interval="1000" data-action="wpforms-46340" data-appearance="always"></div> <script>document.addEventListener("DOMContentLoaded",(function(){var e=document.getElementById("cf-turnstile-wpf-2374944536");e&&turnstile.render("#cf-turnstile-wpf-2374944536",{sitekey:"0x4AAAAAAAPfyya4_hFFE1Tm"})}));</script> <br class="cf-turnstile-br cf-turnstile-br-wpf-2374944536"> <button type="submit" name="wpforms[submit]" id="wpforms-submit-46340" class="wpforms-submit" data-alt-text="Sending…" data-submit-text="I'm ready" aria-live="assertive" value="wpforms-submit">I'm ready</button></div></form></div> <!-- .wpforms-container --> <p class="pic"><a href="#top"><img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2055%2055'%3E%3C/svg%3E" title="Back Top Top" width="55" height="55" alt="Back To Top" data-lazy-src="//sundstedt.se/blog/wp-content/themes/arthemia/images/buttons/back_to_top.svg"/><noscript><img decoding="async" src="//sundstedt.se/blog/wp-content/themes/arthemia/images/buttons/back_to_top.svg" title="Back Top Top" width="55" height="55" alt="Back To Top"/></noscript></a></p> <!-- FeedbackWP Plugin --><div class="rmp-widgets-container rmp-wp-plugin rmp-main-container js-rmp-widgets-container js-rmp-widgets-container--3066 " data-post-id="3066"> <!-- Rating widget --> <div class="rmp-rating-widget js-rmp-rating-widget"> <p class="rmp-heading rmp-heading--title"> How useful was this post? </p> <p class="rmp-heading rmp-heading--subtitle"> Click on a star to rate it! </p> <div class="rmp-rating-widget__icons"> <ul class="rmp-rating-widget__icons-list js-rmp-rating-icons-list"> <li class="rmp-rating-widget__icons-list__icon js-rmp-rating-item" data-descriptive-rating="Not at all useful" data-value="1"> <i class="js-rmp-rating-icon rmp-icon rmp-icon--ratings rmp-icon--star "></i> </li> <li class="rmp-rating-widget__icons-list__icon js-rmp-rating-item" data-descriptive-rating="Somewhat useful" data-value="2"> <i class="js-rmp-rating-icon rmp-icon rmp-icon--ratings rmp-icon--star "></i> </li> <li class="rmp-rating-widget__icons-list__icon js-rmp-rating-item" data-descriptive-rating="Useful" data-value="3"> <i class="js-rmp-rating-icon rmp-icon rmp-icon--ratings rmp-icon--star "></i> </li> <li class="rmp-rating-widget__icons-list__icon js-rmp-rating-item" data-descriptive-rating="Fairly useful" data-value="4"> <i class="js-rmp-rating-icon rmp-icon rmp-icon--ratings rmp-icon--star "></i> </li> <li class="rmp-rating-widget__icons-list__icon js-rmp-rating-item" data-descriptive-rating="Very useful" data-value="5"> <i class="js-rmp-rating-icon rmp-icon rmp-icon--ratings rmp-icon--star "></i> </li> </ul> </div> <p class="rmp-rating-widget__hover-text js-rmp-hover-text"></p> <button class="rmp-rating-widget__submit-btn rmp-btn js-submit-rating-btn"> Submit Rating </button> <p class="rmp-rating-widget__results js-rmp-results rmp-rating-widget__results--hidden"> Average rating <span class="rmp-rating-widget__results__rating js-rmp-avg-rating">0</span> / 5. Vote count: <span class="rmp-rating-widget__results__votes js-rmp-vote-count">0</span> </p> <p class="rmp-rating-widget__not-rated js-rmp-not-rated "> No votes so far! Be the first to rate this post. </p> <p class="rmp-rating-widget__msg js-rmp-msg"></p> </div> <!--Structured data --> <!-- Feedback widget --> <div class="rmp-feedback-widget js-rmp-feedback-widget"> <p class="rmp-heading rmp-heading--title"> We are sorry that this post was not useful for you! </p> <p class="rmp-heading rmp-heading--subtitle"> Let us improve this post! </p> <div class="rmp-feedback-widget__container"> <p class="rmp-feedback-widget__text"> Tell us how we can improve this post? </p> <textarea class="rmp-feedback-widget__input js-rmp-feedback-input" rows="5" id="feedback-text"></textarea> <button type="button" class="rmp-feedback-widget__btn rmp-btn rmp-btn--large js-rmp-feedback-button"> Submit Feedback </button> <div class="rmp-feedback-widget__loader js-rmp-feedback-loader"> <div></div><div></div><div></div> </div> <p class="rmp-feedback-widget__msg js-rmp-feedback-msg"></p> </div> </div> </div> </div> <div id="tools"> <div style="float:left;"> <!-- removed digg and facebook social buttons from theme --> </div> <div style="float:right;display:block;"></div> </div> </div> <div id="comments"> </div> </div> <div id="sidebar"> <div id="sidebar-ads"> <p class="pic"><a href="//sundstedt.se/blog/"><img itemprop="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20215%20215'%3E%3C/svg%3E" alt="Sundstedt Animation Explainer Video Production Glasgow" title="Sundstedt Animation Logo" width="215px" height="215px" data-lazy-src="https://sundstedt.se/blog/wp-content/images/company-logo/sundstedt-animation-logo-badge.gif" /><noscript><img itemprop="image" src="https://sundstedt.se/blog/wp-content/images/company-logo/sundstedt-animation-logo-badge.gif" alt="Sundstedt Animation Explainer Video Production Glasgow" title="Sundstedt Animation Logo" width="215px" height="215px" /></noscript></a></p> </div> <div id="sidebar-top"> <ul class="zoom-social-icons-list zoom-social-icons-list--with-canvas zoom-social-icons-list--round zoom-social-icons-list--align-center zoom-social-icons-list--no-labels"> <li class="zoom-social_icons-list__item"> <a class="zoom-social_icons-list__link" href="https://www.instagram.com/sundstedtanimation/" target="_blank" title="Instagram" > <span class="screen-reader-text">instagram</span> <span class="zoom-social_icons-list-span social-icon socicon socicon-instagram" data-hover-rule="background-color" data-hover-color="#45baf3" style="background-color : #ad9a67; font-size: 18px; padding:6px" ></span> </a> </li> <li class="zoom-social_icons-list__item"> <a class="zoom-social_icons-list__link" href="https://twitter.com/sundstedt" target="_blank" title="Twitter" > <span class="screen-reader-text">twitter</span> <span class="zoom-social_icons-list-span social-icon socicon socicon-twitter" data-hover-rule="background-color" data-hover-color="#45baf3" style="background-color : #ad9a67; font-size: 18px; padding:6px" ></span> </a> </li> <li class="zoom-social_icons-list__item"> <a class="zoom-social_icons-list__link" href="https://www.facebook.com/SundstedtAnimation" target="_blank" title="Facebook" > <span class="screen-reader-text">facebook</span> <span class="zoom-social_icons-list-span social-icon socicon socicon-facebook" data-hover-rule="background-color" data-hover-color="#45baf3" style="background-color : #ad9a67; font-size: 18px; padding:6px" ></span> </a> </li> <li class="zoom-social_icons-list__item"> <a class="zoom-social_icons-list__link" href="https://vimeo.com/sundstedt" target="_blank" title="Default Label" > <span class="screen-reader-text">vimeo</span> <span class="zoom-social_icons-list-span social-icon socicon socicon-vimeo" data-hover-rule="background-color" data-hover-color="#45baf3" style="background-color : #ad9a67; font-size: 18px; padding:6px" ></span> </a> </li> <li class="zoom-social_icons-list__item"> <a class="zoom-social_icons-list__link" href="https://www.linkedin.com/company/sundstedt" target="_blank" title="Default Label" > <span class="screen-reader-text">linkedin</span> <span class="zoom-social_icons-list-span social-icon socicon socicon-linkedin" data-hover-rule="background-color" data-hover-color="#45baf3" style="background-color : #ad9a67; font-size: 18px; padding:6px" ></span> </a> </li> <li class="zoom-social_icons-list__item"> <a class="zoom-social_icons-list__link" href="https://www.youtube.com/user/SundstedtAnimation" target="_blank" title="Default Label" > <span class="screen-reader-text">youtube</span> <span class="zoom-social_icons-list-span social-icon socicon socicon-youtube" data-hover-rule="background-color" data-hover-color="#45baf3" style="background-color : #ad9a67; font-size: 18px; padding:6px" ></span> </a> </li> <li class="zoom-social_icons-list__item"> <a class="zoom-social_icons-list__link" href="https://www.pinterest.co.uk/sundstedt" target="_blank" title="Default Label" > <span class="screen-reader-text">pinterest</span> <span class="zoom-social_icons-list-span social-icon socicon socicon-pinterest" data-hover-rule="background-color" data-hover-color="#45baf3" style="background-color : #ad9a67; font-size: 18px; padding:6px" ></span> </a> </li> </ul> </div> <div id="sidebar-middle" class="clearfloat"> <div id="sidebar-left"> <div class="textwidget custom-html-widget"><a href="//sundstedt.se/blog/services/animated-music-video-production"><p class="leadbutton">Music Video</p></a></div><div class="textwidget custom-html-widget"><a href="//sundstedt.se/blog/services/lyric-video-production-service/"><p class="leadbutton">Lyric Video</p></a></div><div class="textwidget custom-html-widget"><a href="//sundstedt.se/blog/services/animated-illustration/"><p class="leadbutton">Animated Loop</p></a></div><div class="textwidget custom-html-widget"><a href="//sundstedt.se/blog/services/video-skin-retouch/"><p class="leadbutton">Skin Retouch</p></a></div><div class="textwidget custom-html-widget"><a href="//sundstedt.se/blog/services/book-trailer-video/"><p class="leadbutton">Book Trailer</p></a></div><div class="textwidget custom-html-widget"><a href="//sundstedt.se/blog/services/title-sequence-design/"><p class="leadbutton">Title Sequence</p></a></div> <ul></ul> </div> <div id="sidebar-right"> <div class="textwidget custom-html-widget"><a href="//sundstedt.se/blog/contact/"><p class="leadbutton_gold">Free Quote</p></a> </div><div class="textwidget custom-html-widget"><a href="//sundstedt.se/blog/services/explainer-video"><p class="leadbutton">Explainer Video</p></a></div><div class="textwidget custom-html-widget"><a href="//sundstedt.se/blog/services/whiteboard-animation/"><p class="leadbutton">Whiteboard</p></a></div><div class="textwidget custom-html-widget"><a href="//sundstedt.se/blog/services/healthcare-biotech-medical-pharmaceutical-animation"><p class="leadbutton">Healthcare</p></a></div><div class="textwidget custom-html-widget"><a href="//sundstedt.se/blog/services/2-5d-parallax-photo-effect-online/"><p class="leadbutton">Parallax Video</p></a></div><div class="textwidget custom-html-widget"><a href="//sundstedt.se/blog/services/"><p class="leadbutton">Services</p></a></div> </div> </div> <div id="sidebar-bottom"> <img width="590" height="590" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20590%20590'%3E%3C/svg%3E" class="image wp-image-45122 attachment-large size-large" alt="Testimonial Side Banner Sundstedt Animation" decoding="async" style="max-width: 100%; height: auto;" data-lazy-srcset="https://sundstedt.se/blog/wp-content/uploads/2019/10/Testimonial-Banner-Sundstedt-Animation-4-white-590x590.png 590w, https://sundstedt.se/blog/wp-content/uploads/2019/10/Testimonial-Banner-Sundstedt-Animation-4-white-300x300.png 300w, https://sundstedt.se/blog/wp-content/uploads/2019/10/Testimonial-Banner-Sundstedt-Animation-4-white-150x150.png 150w, https://sundstedt.se/blog/wp-content/uploads/2019/10/Testimonial-Banner-Sundstedt-Animation-4-white-768x768.png 768w, https://sundstedt.se/blog/wp-content/uploads/2019/10/Testimonial-Banner-Sundstedt-Animation-4-white-144x144.png 144w, https://sundstedt.se/blog/wp-content/uploads/2019/10/Testimonial-Banner-Sundstedt-Animation-4-white.png 1080w" data-lazy-sizes="(max-width: 590px) 100vw, 590px" data-lazy-src="https://sundstedt.se/blog/wp-content/uploads/2019/10/Testimonial-Banner-Sundstedt-Animation-4-white-590x590.png" /><noscript><img width="590" height="590" src="https://sundstedt.se/blog/wp-content/uploads/2019/10/Testimonial-Banner-Sundstedt-Animation-4-white-590x590.png" class="image wp-image-45122 attachment-large size-large" alt="Testimonial Side Banner Sundstedt Animation" decoding="async" style="max-width: 100%; height: auto;" srcset="https://sundstedt.se/blog/wp-content/uploads/2019/10/Testimonial-Banner-Sundstedt-Animation-4-white-590x590.png 590w, https://sundstedt.se/blog/wp-content/uploads/2019/10/Testimonial-Banner-Sundstedt-Animation-4-white-300x300.png 300w, https://sundstedt.se/blog/wp-content/uploads/2019/10/Testimonial-Banner-Sundstedt-Animation-4-white-150x150.png 150w, https://sundstedt.se/blog/wp-content/uploads/2019/10/Testimonial-Banner-Sundstedt-Animation-4-white-768x768.png 768w, https://sundstedt.se/blog/wp-content/uploads/2019/10/Testimonial-Banner-Sundstedt-Animation-4-white-144x144.png 144w, https://sundstedt.se/blog/wp-content/uploads/2019/10/Testimonial-Banner-Sundstedt-Animation-4-white.png 1080w" sizes="(max-width: 590px) 100vw, 590px" /></noscript> </div> </div></div> <div id="front-popular" class="clearfloat"><div id="recentpost" class="clearfloat"><h3>Follow us around the web</h3> <div class="textwidget"><p><a href="http://feeds.feedburner.com/sundstedt" target="_blank" rel="noopener"><img decoding="async" class="social-icon" title="RSS" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%3E%3C/svg%3E" alt="RSS Feed" width="32" height="32" data-lazy-src="//sundstedt.se/blog/wp-content/themes/arthemia/images/icons/simple/32/rss-icon.png" /><noscript><img decoding="async" class="social-icon" title="RSS" src="//sundstedt.se/blog/wp-content/themes/arthemia/images/icons/simple/32/rss-icon.png" alt="RSS Feed" width="32" height="32" /></noscript></a><a href="https://twitter.com/sundstedt" target="_blank" rel="noopener"><img decoding="async" class="social-icon" title="Follow us on Twitter" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%3E%3C/svg%3E" alt="Our Twitter Profile" width="32" height="32" data-lazy-src="//sundstedt.se/blog/wp-content/themes/arthemia/images/icons/simple/32/twitter-icon.png" /><noscript><img decoding="async" class="social-icon" title="Follow us on Twitter" src="//sundstedt.se/blog/wp-content/themes/arthemia/images/icons/simple/32/twitter-icon.png" alt="Our Twitter Profile" width="32" height="32" /></noscript></a><a href="https://www.facebook.com/SundstedtAnimation" target="_blank" rel="noopener"><img decoding="async" class="social-icon" title="Follow us on Facebook" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%3E%3C/svg%3E" alt="Our Facebook page" width="32" height="32" data-lazy-src="//sundstedt.se/blog/wp-content/themes/arthemia/images/icons/simple/32/facebook-icon.png" /><noscript><img decoding="async" class="social-icon" title="Follow us on Facebook" src="//sundstedt.se/blog/wp-content/themes/arthemia/images/icons/simple/32/facebook-icon.png" alt="Our Facebook page" width="32" height="32" /></noscript></a><a href="https://www.instagram.com/sundstedtanimation/"><img decoding="async" class="social-icon" title="Follow us on Instagram!" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%3E%3C/svg%3E" alt="Instagram follow Us!" width="32" height="32" data-lazy-src="//sundstedt.se/blog/wp-content/themes/arthemia/images/icons/simple/32/instagram-square-32-Sundstedt Animation.png" /><noscript><img decoding="async" class="social-icon" title="Follow us on Instagram!" src="//sundstedt.se/blog/wp-content/themes/arthemia/images/icons/simple/32/instagram-square-32-Sundstedt Animation.png" alt="Instagram follow Us!" width="32" height="32" /></noscript></a><a href="https://www.linkedin.com/company/sundstedt" target="_blank" rel="noopener"><img decoding="async" class="social-icon" title="Follow us on LinkedIn" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%3E%3C/svg%3E" alt="Our LinkedIn Page" width="32" height="32" data-lazy-src="//sundstedt.se/blog/wp-content/themes/arthemia/images/icons/simple/32/linkedin-icon.png" /><noscript><img decoding="async" class="social-icon" title="Follow us on LinkedIn" src="//sundstedt.se/blog/wp-content/themes/arthemia/images/icons/simple/32/linkedin-icon.png" alt="Our LinkedIn Page" width="32" height="32" /></noscript></a><a href="https://vimeo.com/sundstedt"><img decoding="async" class="social-icon" title="Follow us on Vimeo!" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%3E%3C/svg%3E" alt="Our Vimeo Page" width="32" height="32" data-lazy-src="//sundstedt.se/blog/wp-content/themes/arthemia/images/icons/simple/32/vimeo-icon.png" /><noscript><img decoding="async" class="social-icon" title="Follow us on Vimeo!" src="//sundstedt.se/blog/wp-content/themes/arthemia/images/icons/simple/32/vimeo-icon.png" alt="Our Vimeo Page" width="32" height="32" /></noscript></a><a href="https://www.youtube.com/user/SundstedtAnimation"><img decoding="async" class="social-icon" title="Follow us on YouTube" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%3E%3C/svg%3E" alt="Our YouTube Page" width="32" height="32" data-lazy-src="//sundstedt.se/blog/wp-content/themes/arthemia/images/icons/simple/32/youtube-icon.png" /><noscript><img decoding="async" class="social-icon" title="Follow us on YouTube" src="//sundstedt.se/blog/wp-content/themes/arthemia/images/icons/simple/32/youtube-icon.png" alt="Our YouTube Page" width="32" height="32" /></noscript></a></p> <p class="footerwidget" style="color: #dcdcdc; font-weight: 500; letter-spacing: 1px; font-size: 16px; line-height: 1.5em; margin-bottom: 20px; margin: 0px; padding: 0px; border: 0px none; vertical-align: baseline;"><a href="tel:+44(0)7531800711">+44 7531 800 711</a><br /> Sundstedt Animation<br /> 22 Auldlea Gardens<br /> Beith KA15 2EP<br /> Scotland, UK</p> <p><a href="//sundstedt.se/blog/contact"><span style="font-size: 16px; font-weight: 500; letter-spacing: 1px; line-height: 32px; margin-bottom: 20px;">Contact Us</span></a><br /> <a href="//sundstedt.se/blog/services"><span style="font-size: 16px; font-weight: 500; letter-spacing: 1px; line-height: 32px; margin-bottom: 20px;">Capabilities</span><br /> </a><a href="//sundstedt.se/blog/faq"><span style="font-size: 16px; font-weight: 500; letter-spacing: 1px; line-height: 32px; margin-bottom: 20px;">FAQ</span></a><a href="//sundstedt.se/blog/services"><br /> </a><a href="//sundstedt.se/blog/about/clients/"><span style="font-size: 16px; font-weight: 500; letter-spacing: 1px; line-height: 32px; margin-bottom: 20px;">Clients</span></a></p> </div> </div> <div id="mostcommented" class="clearfloat"> <h3>About Us</h3> <div class="textwidget"><p class="footerwidget" style="color: #dcdcdc; font-weight: 500; letter-spacing: 1px; font-size: 16px; line-height: 2em; margin-bottom: 32px;">Sundstedt Animation proudly builds handcrafted animated explainer videos and demo videos near Glasgow, Scotland.</p> <p class="footerwidget" style="color: #dcdcdc; font-weight: 500; letter-spacing: 1px; font-size: 16px; line-height: 2em; margin-bottom: 20px;">Are you looking for an explainer video that tells your company’s story and gets your customers to take action? Then let’s work together! Turn ideas into reality.</p> </div> </div><div id="recent_comments" class="clearfloat"><h3>Popular</h3><p class="footerwidget"><a href="//sundstedt.se/blog/posts"><span style="font-size: 16px; font-weight:500; letter-spacing: 1px; line-height: 32px; margin-bottom: 20px;">Video Blog</span></a><br> <a href="//sundstedt.se/blog/portfolio"><span style="font-size: 16px; font-weight:500; letter-spacing: 1px; line-height: 32px; margin-bottom: 20px;">Our Work</span></a><br> <a href="//sundstedt.se/blog/services/what-is-explainer-video"><span style="font-size: 16px; font-weight:500; letter-spacing: 1px; line-height: 32px; margin-bottom: 20px;">Explainer Videos</span></a><br> <a href="//sundstedt.se/blog/services/animated-music-video"><span style="font-size: 16px; font-weight:500; letter-spacing: 1px; line-height: 32px; margin-bottom: 20px;">Animated Music Videos</span></a><br> <a href="//sundstedt.se/blog/services/2-5d-parallax-3d-effect-animated-photo-video-service"><span style="font-size: 16px; font-weight:500; letter-spacing: 1px; line-height: 32px; margin-bottom: 20px;">2.5D Parallax Photo Effect</span></a><br> <a href="//sundstedt.se/blog/services/healthcare-biotech-medical-pharmaceutical-animation"><span style="font-size: 16px; font-weight:500; letter-spacing: 1px; line-height: 32px; margin-bottom: 20px;">Medical Animations</span></a><br> <a href="//sundstedt.se/blog/services/whiteboard-animation"><span style="font-size: 16px; font-weight:500; letter-spacing: 1px; line-height: 32px; margin-bottom: 20px;">Whiteboard Animations</span></a><br> <a href="//sundstedt.se/blog/services/corporate-video-production"><span style="font-size: 16px; font-weight:500; letter-spacing: 1px; line-height: 32px; margin-bottom: 20px;">Corporate Videos</span></a><br> <a href="//sundstedt.se/blog/services/process"><span style="font-size: 16px; font-weight:500; letter-spacing: 1px; line-height: 32px; margin-bottom: 20px;">Production Process</span></a><br> <a href="//sundstedt.se/blog/testimonials"><span style="font-size: 16px; font-weight:500; letter-spacing: 1px; line-height: 32px; margin-bottom: 20px;">Testimonials</span></a></p> </div></div> <div id="footer"><div style="font-size: 10px;"><span style="color:#777"><a href="//sundstedt.se/blog">HOME </a>|<a href="//sundstedt.se/blog/about"> ABOUT </a>| <a href="//sundstedt.se/blog/portfolio">ANIMATION PORTFOLIO </a>|<a href="//sundstedt.se/blog/services"> SERVICES </a>|<a href="//sundstedt.se/blog/posts"> BLOG </a>|<a href="//sundstedt.se/blog/about/process"> PROCESS </a>|<a href="//sundstedt.se/blog/contact"> CONTACT </a>|<a href="//sundstedt.se/blog/services/explainer-video"> EXPLAINER VIDEOS </a>|<a href="//sundstedt.se/blog/services/animated-music-video"> ANIMATED MUSIC VIDEOS </a>|<a href="//sundstedt.us5.list-manage.com/subscribe?u=6cae3944f5de6a63ee303f8bc&id=60009e21ac"> NEWSLETTER </a>|<a href="//sundstedt.se/blog/testimonials"> TESTIMONIALS </a>|<a href="//sundstedt.se/blog/services/healthcare-biotech-medical-pharmaceutical-animation"> BIOTECH ANIMATION </a>|<a href="//sundstedt.se/blog/services/corporate-video-production"> CORPORATE VIDEOS </a>|<a href="//sundstedt.se/blog/services/whiteboard-animation"> WHITEBOARD VIDEOS </a>|<a href="//sundstedt.se/blog/services/videoscribe"> VIDEOSCRIBE VIDEOS </a>|<a href="//sundstedt.se/blog/services/faq"> FAQ </a>|<a href="//sundstedt.se/blog/about/awards"> AWARDS </a>|<a href="//sundstedt.se/blog/terms-and-conditions"> TERMS & CONDITIONS </a>|<a href="//sundstedt.se/blog/sitemap"> SITEMAP </a>| <a href="https://sketchmypicture.com/"> SKETCHMYPICTURE.COM </a>|<br>©2024 Sundstedt® Animation - Animated Video Production | Illustration | Glasgow, Scotland, UK. Sundstedt® is the registered trademark of Anders Sundstedt.<br>Content is copyright of Anders Sundstedt trading as Sundstedt® Animation & respective clients. Content not to be edited or used for any purposes without permission. </span><p></div></div><div class="simple-banner simple-banner-text" style="display:none !important"></div> <!--Start of Tawk.to Script (0.8.5)--> <script id="tawk-script" type="text/javascript"> var Tawk_API = Tawk_API || {}; var Tawk_LoadStart=new Date(); (function(){ var s1 = document.createElement( 'script' ),s0=document.getElementsByTagName( 'script' )[0]; s1.async = true; s1.src = 'https://embed.tawk.to/5628c6e49c915fd2294cb7fb/default'; s1.charset = 'UTF-8'; s1.setAttribute( 'crossorigin','*' ); s0.parentNode.insertBefore( s1, s0 ); })(); </script> <!--End of Tawk.to Script (0.8.5)--> <div class="protect_contents-overlay"></div><div class="protect_alert"><span class="protect_alert_word" style="color:black;">Don`t copy text!</span></div><!-- Powered by WPtouch Pro: 4.3.12 --><style id='core-block-supports-inline-css' type='text/css'> /** * Core styles: block-supports */ </style> <link rel='stylesheet' id='wpforms-classic-full-css' href='https://sundstedt.se/blog/wp-content/plugins/wpforms-lite/assets/css/frontend/classic/wpforms-full.min.css' type='text/css' media='all' /> <script type='text/javascript' id='rate-my-post-js-extra'> /* <![CDATA[ */ var rmp_frontend = {"admin_ajax":"https:\/\/sundstedt.se\/blog\/wp-admin\/admin-ajax.php","postID":"3066","noVotes":"No votes so far! Be the first to rate this post.","cookie":"You already voted! This vote will not be counted!","afterVote":"Thank you for rating this post!","notShowRating":"1","social":"1","feedback":"2","cookieDisable":"1","emptyFeedback":"Please insert your feedback in the box above!","hoverTexts":"2","preventAccidental":"2","grecaptcha":"1","siteKey":"","votingPriv":"1","loggedIn":"","positiveThreshold":"2","ajaxLoad":"1","disableClearCache":"1","nonce":"a8400949d0"}; /* ]]> */ </script> <script type='text/javascript' src='https://sundstedt.se/blog/wp-content/plugins/rate-my-post/public/js/rate-my-post.min.js' id='rate-my-post-js' defer></script> <script data-minify="1" type='text/javascript' src='https://sundstedt.se/blog/wp-content/cache/min/1/blog/wp-content/plugins/twenty20/assets/js/jquery.twenty20.js?ver=1721771357' id='twenty20-js'></script> <script data-minify="1" type='text/javascript' src='https://sundstedt.se/blog/wp-content/cache/min/1/blog/wp-content/plugins/twenty20/assets/js/jquery.event.move.js?ver=1721771357' id='twenty20-eventmove-js' defer></script> <script id="rocket-browser-checker-js-after" type="text/javascript"> class RocketBrowserCompatibilityChecker { constructor( options ) { this.passiveSupported = false; this._checkPassiveOption( this ); this.options = this.passiveSupported ? options : false; } /** * Initializes browser check for addEventListener passive option. * * @link https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#Safely_detecting_option_support * @private * * @param self Instance of this object. * @returns {boolean} */ _checkPassiveOption( self ) { try { const options = { // This function will be called when the browser attempts to access the passive property. get passive() { self.passiveSupported = true; return false; } }; window.addEventListener( 'test', null, options ); window.removeEventListener( 'test', null, options ); } catch ( err ) { self.passiveSupported = false; } } /** * Checks if the browser supports requestIdleCallback and cancelIdleCallback. If no, shims its behavior with a polyfills. * * @link @link https://developers.google.com/web/updates/2015/08/using-requestidlecallback */ initRequestIdleCallback() { if ( ! 'requestIdleCallback' in window ) { window.requestIdleCallback = ( cb ) => { const start = Date.now(); return setTimeout( () => { cb( { didTimeout: false, timeRemaining: function timeRemaining() { return Math.max( 0, 50 - ( Date.now() - start ) ); } } ); }, 1 ); }; } if ( ! 'cancelIdleCallback' in window ) { window.cancelIdleCallback = ( id ) => clearTimeout( id ); } } /** * Detects if data saver mode is on. * * @link https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/save-data/#detecting_the_save-data_setting * * @returns {boolean|boolean} */ isDataSaverModeOn() { return ( 'connection' in navigator && true === navigator.connection.saveData ); } /** * Checks if the browser supports link prefetch. * * @returns {boolean|boolean} */ supportsLinkPrefetch() { const elem = document.createElement( 'link' ); return ( elem.relList && elem.relList.supports && elem.relList.supports( 'prefetch' ) && window.IntersectionObserver && 'isIntersecting' in IntersectionObserverEntry.prototype ); } isSlowConnection() { return ( 'connection' in navigator && 'effectiveType' in navigator.connection && ( '2g' === navigator.connection.effectiveType || 'slow-2g' === navigator.connection.effectiveType ) ) } } </script> <script type='text/javascript' id='rocket-preload-links-js-extra'> /* <![CDATA[ */ var RocketPreloadLinksConfig = {"excludeUris":"\/blog(\/pricing\/online-quick-estimate|\/60-second-pricing-example-options|\/test-new-services-accordion\/|\/testing\/|\/contact\/|\/calculator\/|\/test\/|\/shop\/|\/animated-music-video-estimated-ranges\/|\/(?:.+\/)?feed(?:\/(?:.+\/?)?)?$|\/(?:.+\/)?embed\/|\/(index.php\/)?(.*)wp-json(\/.*|$))|\/refer\/|\/go\/|\/recommend\/|\/recommends\/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https:\/\/sundstedt.se\/blog","onHoverDelay":"100","rateThrottle":"3"}; /* ]]> */ </script> <script id="rocket-preload-links-js-after" type="text/javascript"> class RocketPreloadLinks { constructor( browser, config ) { this.browser = browser; this.config = config; this.options = this.browser.options; this.prefetched = new Set; this.eventTime = null; this.threshold = 1111; this.numOnHover = 0; } /** * Initializes the handler. */ init() { if ( ! this.browser.supportsLinkPrefetch() || this.browser.isDataSaverModeOn() || this.browser.isSlowConnection() ) { return; } this.regex = { excludeUris: RegExp( this.config.excludeUris, 'i' ), images: RegExp( '.(' + this.config.imageExt + ')$', 'i' ), fileExt: RegExp( '.(' + this.config.fileExt + ')$', 'i' ) }; this._initListeners( this ); } /** * Initializes the event listeners. * * @private * * @param self instance of this object, used for binding "this" to the listeners. */ _initListeners( self ) { // Setting onHoverDelay to -1 disables the "on-hover" feature. if ( this.config.onHoverDelay > -1 ) { document.addEventListener( 'mouseover', self.listener.bind( self ), self.listenerOptions ); } document.addEventListener( 'mousedown', self.listener.bind( self ), self.listenerOptions ); document.addEventListener( 'touchstart', self.listener.bind( self ), self.listenerOptions ); } /** * Event listener. Processes when near or on a valid <a> hyperlink. * * @param Event event Event instance. */ listener( event ) { const linkElem = event.target.closest( 'a' ); const url = this._prepareUrl( linkElem ); if ( null === url ) { return; } switch ( event.type ) { case 'mousedown': case 'touchstart': this._addPrefetchLink( url ); break; case 'mouseover': this._earlyPrefetch( linkElem, url, 'mouseout' ); } } /** * * @private * * @param Element|null linkElem * @param object url * @param string resetEvent */ _earlyPrefetch( linkElem, url, resetEvent ) { const doPrefetch = () => { falseTrigger = null; // Start the rate throttle: 1 sec timeout. if ( 0 === this.numOnHover ) { setTimeout( () => this.numOnHover = 0, 1000 ); } // Bail out when exceeding the rate throttle. else if ( this.numOnHover > this.config.rateThrottle ) { return; } this.numOnHover++; this._addPrefetchLink( url ); }; // Delay to avoid false triggers for hover/touch/tap. let falseTrigger = setTimeout( doPrefetch, this.config.onHoverDelay ); // On reset event, reset the false trigger timer. const reset = () => { linkElem.removeEventListener( resetEvent, reset, { passive: true } ); if ( null === falseTrigger ) { return; } clearTimeout( falseTrigger ); falseTrigger = null; }; linkElem.addEventListener( resetEvent, reset, { passive: true } ); } /** * Adds a <link rel="prefetch" href="<url>"> for the given URL. * * @param string url The Given URL to prefetch. */ _addPrefetchLink( url ) { this.prefetched.add( url.href ); return new Promise( ( resolve, reject ) => { const elem = document.createElement( 'link' ); elem.rel = 'prefetch'; elem.href = url.href; elem.onload = resolve; elem.onerror = reject; document.head.appendChild( elem ); } ).catch(() => { // ignore and continue. }); } /** * Prepares the target link's URL. * * @private * * @param Element|null linkElem Instance of the link element. * @returns {null|*} */ _prepareUrl( linkElem ) { if ( null === linkElem || typeof linkElem !== 'object' || ! 'href' in linkElem || // Link prefetching only works on http/https protocol. [ 'http:', 'https:' ].indexOf( linkElem.protocol ) === -1 ) { return null; } const origin = linkElem.href.substring( 0, this.config.siteUrl.length ); const pathname = this._getPathname( linkElem.href, origin ); const url = { original: linkElem.href, protocol: linkElem.protocol, origin: origin, pathname: pathname, href: origin + pathname }; return this._isLinkOk( url ) ? url : null; } /** * Gets the URL's pathname. Note: ensures the pathname matches the permalink structure. * * @private * * @param object url Instance of the URL. * @param string origin The target link href's origin. * @returns {string} */ _getPathname( url, origin ) { let pathname = origin ? url.substring( this.config.siteUrl.length ) : url; if ( ! pathname.startsWith( '/' ) ) { pathname = '/' + pathname; } if ( this._shouldAddTrailingSlash( pathname ) ) { return pathname + '/'; } return pathname; } _shouldAddTrailingSlash( pathname ) { return ( this.config.usesTrailingSlash && ! pathname.endsWith( '/' ) && ! this.regex.fileExt.test( pathname ) ); } /** * Checks if the given link element is okay to process. * * @private * * @param object url URL parts object. * * @returns {boolean} */ _isLinkOk( url ) { if ( null === url || typeof url !== 'object' ) { return false; } return ( ! this.prefetched.has( url.href ) && url.origin === this.config.siteUrl // is an internal document. && url.href.indexOf( '?' ) === -1 // not a query string. && url.href.indexOf( '#' ) === -1 // not an anchor. && ! this.regex.excludeUris.test( url.href ) // not excluded. && ! this.regex.images.test( url.href ) // not an image. ); } /** * Named static constructor to encapsulate how to create the object. */ static run() { // Bail out if the configuration not passed from the server. if ( typeof RocketPreloadLinksConfig === 'undefined' ) { return; } const browser = new RocketBrowserCompatibilityChecker( { capture: true, passive: true } ); const instance = new RocketPreloadLinks( browser, RocketPreloadLinksConfig ); instance.init(); } } RocketPreloadLinks.run(); </script> <script data-minify="1" type='text/javascript' src='https://sundstedt.se/blog/wp-content/cache/min/1/blog/wp-content/plugins/social-icons-widget-by-wpzoom/assets/js/social-icons-widget-frontend.js?ver=1721771357' id='zoom-social-icons-widget-frontend-js' defer></script> <script type='text/javascript' data-cfasync='false' src='https://challenges.cloudflare.com/turnstile/v0/api.js' id='cfturnstile-js' defer data-wp-strategy='defer'></script> <script type='text/javascript' src='https://sundstedt.se/blog/wp-content/plugins/wpforms-lite/assets/lib/jquery.validate.min.js' id='wpforms-validation-js' defer></script> <script type='text/javascript' src='https://sundstedt.se/blog/wp-content/plugins/wpforms-lite/assets/lib/mailcheck.min.js' id='wpforms-mailcheck-js' defer></script> <script type='text/javascript' src='https://sundstedt.se/blog/wp-content/plugins/wpforms-lite/assets/lib/punycode.min.js' id='wpforms-punycode-js' defer></script> <script type='text/javascript' src='https://sundstedt.se/blog/wp-content/plugins/wpforms-lite/assets/js/share/utils.min.js' id='wpforms-generic-utils-js' defer></script> <script type='text/javascript' src='https://sundstedt.se/blog/wp-content/plugins/wpforms-lite/assets/js/frontend/wpforms.min.js' id='wpforms-js' defer></script> <script type='text/javascript'> /* <![CDATA[ */ var wpforms_settings = {"val_required":"This field is required.","val_email":"Please enter a valid email address.","val_email_suggestion":"Did you mean {suggestion}?","val_email_suggestion_title":"Click to accept this suggestion.","val_email_restricted":"This email address is not allowed.","val_number":"Please enter a valid number.","val_number_positive":"Please enter a valid positive number.","val_minimum_price":"Amount entered is less than the required minimum.","val_confirm":"Field values do not match.","val_checklimit":"You have exceeded the number of allowed selections: {#}.","val_limit_characters":"{count} of {limit} max characters.","val_limit_words":"{count} of {limit} max words.","val_recaptcha_fail_msg":"Google reCAPTCHA verification failed, please try again later.","val_turnstile_fail_msg":"Cloudflare Turnstile verification failed, please try again later.","val_inputmask_incomplete":"Please fill out the field in required format.","uuid_cookie":"","locale":"en","wpforms_plugin_url":"https:\/\/sundstedt.se\/blog\/wp-content\/plugins\/wpforms-lite\/","gdpr":"1","ajaxurl":"https:\/\/sundstedt.se\/blog\/wp-admin\/admin-ajax.php","mailcheck_enabled":"1","mailcheck_domains":[],"mailcheck_toplevel_domains":["dev"],"is_ssl":"1","currency_code":"USD","currency_thousands":",","currency_decimals":"2","currency_decimal":".","currency_symbol":"$","currency_symbol_pos":"left","val_requiredpayment":"Payment is required.","val_creditcard":"Please enter a valid credit card number.","error_updating_token":"Error updating token. Please try again or contact support if the issue persists.","network_error":"Network error or server is unreachable. Check your connection or try again later.","token_cache_lifetime":"86400"} /* ]]> */ </script> <script type="text/javascript"> jQuery.noConflict(); ( function ( $ ) { $( function () { $( "area[href*=\\#],a[href*=\\#]:not([href=\\#]):not([href^='\\#tab']):not([href^='\\#quicktab']):not([href^='\\#pane'])" ).click( function () { if ( location.pathname.replace( /^\//, '' ) == this.pathname.replace( /^\//, '' ) && location.hostname == this.hostname ) { var target = $( this.hash ); target = target.length ? target : $( '[name=' + this.hash.slice( 1 ) + ']' ); if ( target.length ) { $( 'html,body' ).animate( { scrollTop: target.offset().top - 100 },1350 , 'easeInOutExpo' ); return false; } } } ); } ); } )( jQuery ); </script> <script>window.lazyLoadOptions = [{ elements_selector: "img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]", data_src: "lazy-src", data_srcset: "lazy-srcset", data_sizes: "lazy-sizes", class_loading: "lazyloading", class_loaded: "lazyloaded", threshold: 300, callback_loaded: function(element) { if ( element.tagName === "IFRAME" && element.dataset.rocketLazyload == "fitvidscompatible" ) { if (element.classList.contains("lazyloaded") ) { if (typeof window.jQuery != "undefined") { if (jQuery.fn.fitVids) { jQuery(element).parent().fitVids(); } } } } }},{ elements_selector: ".rocket-lazyload", data_src: "lazy-src", data_srcset: "lazy-srcset", data_sizes: "lazy-sizes", class_loading: "lazyloading", class_loaded: "lazyloaded", threshold: 300, }]; window.addEventListener('LazyLoad::Initialized', function (e) { var lazyLoadInstance = e.detail.instance; if (window.MutationObserver) { var observer = new MutationObserver(function(mutations) { var image_count = 0; var iframe_count = 0; var rocketlazy_count = 0; mutations.forEach(function(mutation) { for (var i = 0; i < mutation.addedNodes.length; i++) { if (typeof mutation.addedNodes[i].getElementsByTagName !== 'function') { continue; } if (typeof mutation.addedNodes[i].getElementsByClassName !== 'function') { continue; } images = mutation.addedNodes[i].getElementsByTagName('img'); is_image = mutation.addedNodes[i].tagName == "IMG"; iframes = mutation.addedNodes[i].getElementsByTagName('iframe'); is_iframe = mutation.addedNodes[i].tagName == "IFRAME"; rocket_lazy = mutation.addedNodes[i].getElementsByClassName('rocket-lazyload'); image_count += images.length; iframe_count += iframes.length; rocketlazy_count += rocket_lazy.length; if(is_image){ image_count += 1; } if(is_iframe){ iframe_count += 1; } } } ); if(image_count > 0 || iframe_count > 0 || rocketlazy_count > 0){ lazyLoadInstance.update(); } } ); var b = document.getElementsByTagName("body")[0]; var config = { childList: true, subtree: true }; observer.observe(b, config); } }, false);</script><script data-no-minify="1" async src="http://sundstedt.se/blog/wp-content/plugins/wp-rocket/assets/js/lazyload/17.8.3/lazyload.js"></script><script>var rocket_lcp_data = {"ajax_url":"https:\/\/sundstedt.se\/blog\/wp-admin\/admin-ajax.php","nonce":"e10def4ea4","url":"https:\/\/sundstedt.se\/blog\/compositing-visual-effects-helicopters","is_mobile":false,"elements":"img, video, picture, p, main, div, li, svg","width_threshold":1600,"height_threshold":700,"debug":null}</script><script data-name="wpr-lcp-beacon" src='http://sundstedt.se/blog/wp-content/plugins/wp-rocket/assets/js/lcp-beacon.js' async></script></body></html> <!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me --><script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
