{"id":10620,"date":"2022-06-22T08:07:10","date_gmt":"2022-06-22T06:07:10","guid":{"rendered":"https:\/\/brikk.se\/animation\/"},"modified":"2023-02-27T15:56:12","modified_gmt":"2023-02-27T14:56:12","slug":"animation","status":"publish","type":"page","link":"https:\/\/brikk.se\/en\/animation\/","title":{"rendered":"Animation"},"content":{"rendered":"<section id=\"\" class=\"section-wrapper dark:bg-brikk-black\">\n    <div class=\"hero-glide\">\n                    \n<div class=\"glide__track w-full\" data-glide-el=\"track\">\n    <ul class=\"glide__slides w-full flex h-[50vh] md:h-[50vh]\">\n                    <li class=\"w-full relative\">\n                <a class=\"w-full h-full flex flex-col items-center\" href=\"#\">\n                                                                                                    \n        <figure class=\"w-full h-full object-cover \">\n            <img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/brikk.se\/wp-content\/uploads\/2022\/10\/Trailer_Kingdom_Eighties_011.jpg\" class=\"w-full h-full object-cover \" alt=\"Trailer Kingdom Eighties\" srcset=\"https:\/\/brikk.se\/wp-content\/uploads\/2022\/10\/Trailer_Kingdom_Eighties_011.jpg 1920w, https:\/\/brikk.se\/wp-content\/uploads\/2022\/10\/Trailer_Kingdom_Eighties_011-300x169.jpg 300w, https:\/\/brikk.se\/wp-content\/uploads\/2022\/10\/Trailer_Kingdom_Eighties_011-1024x576.jpg 1024w, https:\/\/brikk.se\/wp-content\/uploads\/2022\/10\/Trailer_Kingdom_Eighties_011-768x432.jpg 768w, https:\/\/brikk.se\/wp-content\/uploads\/2022\/10\/Trailer_Kingdom_Eighties_011-1536x864.jpg 1536w, https:\/\/brikk.se\/wp-content\/uploads\/2022\/10\/Trailer_Kingdom_Eighties_011-150x84.jpg 150w, https:\/\/brikk.se\/wp-content\/uploads\/2022\/10\/Trailer_Kingdom_Eighties_011-1440x810.jpg 1440w, https:\/\/brikk.se\/wp-content\/uploads\/2022\/10\/Trailer_Kingdom_Eighties_011-720x405.jpg 720w, https:\/\/brikk.se\/wp-content\/uploads\/2022\/10\/Trailer_Kingdom_Eighties_011-400x225.jpg 400w, https:\/\/brikk.se\/wp-content\/uploads\/2022\/10\/Trailer_Kingdom_Eighties_011-618x348.jpg 618w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/>\n        <\/figure>\n                                                                            <\/a>\n            <\/li>\n            <\/ul>\n<\/div>\n\n            <\/div>\n<\/section>\n\n<section id=\"\" class=\"section-wrapper js-text-intro bg-transparent dark:bg-brikk-black dark:text-white\">\n    <div class=\"section-inner section-inner--y-padding section-inner--less-top-padding section-inner--narrow   flex w-full relative\">\n        <div class=\"w-full absolute -top-12 md:top-0 left-8 md:left-0 md:relative md:w-1\/3 hidden md:block md:pr-8\">\n                                                                                            <div class=\"max-w-[100px] max-h-[100px] h-auto relative top-[14px] object-contain js-text-intro-icon text-intro__icon\">\n                            <svg id=\"Lager_1\" data-name=\"Lager 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 181.3 202.3\"><defs><style>.cls-1{fill:#1600ca;}<\/style><\/defs><path class=\"cls-1\" d=\"M7.28,85a15.71,15.71,0,0,0,4.82,28.53A332.66,332.66,0,0,0,58,120.89a.49.49,0,0,1,.35.19.52.52,0,0,1,.1.38l-2,12.61a.5.5,0,0,1-.18.31L43.64,144.79A10,10,0,0,0,50,162.42a10.17,10.17,0,0,0,2.46-.31L56,161.2a.52.52,0,0,1,.42.09.48.48,0,0,1,.2.37c1.84,34.56,8.86,39.65,14,40.47a9.92,9.92,0,0,0,1.62.13c8.54,0,14-11.24,16-16.07a.47.47,0,0,1,.48-.31c1.31.06,2.64.06,4,0h0a.5.5,0,0,1,.47.31c1.94,4.85,7.36,16.11,15.77,16.11a9.89,9.89,0,0,0,1.94-.19c5-1,11.94-6.21,13.82-39.87a.52.52,0,0,1,.21-.38.48.48,0,0,1,.42-.07l.69.18a9.89,9.89,0,0,0,11.7-5.55l.07-.15a9.93,9.93,0,0,0-2.36-11.37l-11-10.1a.51.51,0,0,1-.15-.3l-1.74-13a.51.51,0,0,1,.1-.38.52.52,0,0,1,.35-.18,333.39,333.39,0,0,0,46.27-7.42A15.71,15.71,0,0,0,174,85h0C156,73.57,139.6,55.8,126.53,33.57c-3.09-5.25-6-10.77-8.71-16.44a30,30,0,0,0-54.22,0C49.24,47.34,29.76,70.82,7.28,85ZM30.34,75.9A161,161,0,0,0,49.73,54a.51.51,0,0,1,.38-.2.53.53,0,0,1,.4.17c1.81,2,1.77,5,1.59,6.56a20.36,20.36,0,0,1-5,10.55,20.3,20.3,0,0,1-9.77,6.4,11.86,11.86,0,0,1-2.83.37,6.84,6.84,0,0,1-4.09-1.21.48.48,0,0,1-.2-.38A.47.47,0,0,1,30.34,75.9Zm100.3,74.15a2.94,2.94,0,0,1,.69,3.37l-.06.16a2.94,2.94,0,0,1-3.47,1.64l-10.15-2.76a3.49,3.49,0,0,0-4.37,2.79,3.61,3.61,0,0,0,2.7,4l1.37.38a.5.5,0,0,1,.37.51c-1.37,26.69-5.83,34.62-8.26,35.1a2.07,2.07,0,0,1-.5,0c-1.48,0-3.14-1.2-4.94-3.59a6,6,0,0,1,2.17-9l.2-.1a3.5,3.5,0,0,0,2-3.69,3.58,3.58,0,0,0-1.89-2.6,3.47,3.47,0,0,0-3.14,0c-6.84,3.42-18.42,3.43-25.29,0a3.51,3.51,0,0,0-4,.49A3.58,3.58,0,0,0,73,180a3.51,3.51,0,0,0,1.89,2.61,28.7,28.7,0,0,0,5.73,2.09.5.5,0,0,1,.33.27.51.51,0,0,1,0,.42c-2.34,5.09-6,10.34-9.2,9.83-.06,0-6.2-1.38-8-32.74a3.78,3.78,0,0,1,2.79-3.93,3.6,3.6,0,0,0,2.84-4,3.45,3.45,0,0,0-1.52-2.4,3.5,3.5,0,0,0-2.8-.47l-14.16,3.58a3,3,0,0,1-3.2-1,2.94,2.94,0,0,1,.47-4.07l14.2-11.71a2.26,2.26,0,0,0,.82-1.74,19.23,19.23,0,0,1,18.23-19.18c1.67-.08,3.34-.19,5-.3,9.19-.64,18.47-1.68,27.56-3.09a.52.52,0,0,1,.38.09.53.53,0,0,1,.19.34l3,22.26a3.51,3.51,0,0,0,1.1,2.11ZM127.46,49.28a.47.47,0,0,1,.41-.22.52.52,0,0,1,.41.22C140.55,67,154.69,81,170.3,90.88a8.4,8.4,0,0,1,3.87,8.73h0a8.63,8.63,0,0,1-6.57,7.06c-4.34,1-8.82,2-13.34,2.81a2.06,2.06,0,0,1-1-4c2.41-.71,4.85-1.45,7.25-2.22a3.62,3.62,0,0,0,2.52-4.12,3.5,3.5,0,0,0-1.67-2.29,3.56,3.56,0,0,0-2.82-.31,309.43,309.43,0,0,1-72.69,13.74q-14.31,1-25.76,1c-11.61,0-21-.77-27.93-2.3-13.62-3-19.62-6.86-20.7-13.33-.49-2.9,1.17-5.85,4.66-8.32,3.73-2.62,9.3-3.58,15.68-2.7l.16,0a18.3,18.3,0,0,0,2.5.23,18.59,18.59,0,0,0,4.56-.59,27,27,0,0,0,13.3-8.58,27.08,27.08,0,0,0,6.71-14.34c.57-5-.8-9.54-3.78-12.54a1.91,1.91,0,0,1-.41-2.11,1.86,1.86,0,0,1,1.54-1.16,3.08,3.08,0,0,1,2.08-.84,3.11,3.11,0,0,1,2.26,1A8.44,8.44,0,0,0,67,48.36a9.83,9.83,0,0,0,6.17-2.67.49.49,0,0,1,.45-.1.52.52,0,0,1,.35.31c2.51,6.93,7.18,15.24,15.15,14.84s12.51-10.23,15-18.44a.5.5,0,0,1,.87-.15c6,8.07,13.66,12,19,9.85A7.41,7.41,0,0,0,127.46,49.28ZM65.54,28.85l0-.1.06-.14c1.68-3.18,3-5.88,4.28-8.49a23,23,0,0,1,41.58,0c2.76,5.82,5.76,11.48,8.91,16.84,1.88,3.19,2.6,5.81,2,7.37a2.27,2.27,0,0,1-1.45,1.4c-2.55.85-9.62-3.56-14.62-15.39a3.5,3.5,0,0,0-6.67.78c-1.58,9.35-6.23,22.41-10.85,22.62h-.15c-5.06,0-9-11.76-10-17.19a3.5,3.5,0,0,0-6.54-1c-1.64,3.13-3.64,5.13-5.48,5.48a2.69,2.69,0,0,1-2.33-.62c-2-1.76-1-7.68,1.24-11.59Z\"\/><path class=\"cls-1\" d=\"M113.39,132.84c-2.78-7-5.06-8.27-8.3-8.27s-5.53,1.32-8.3,8.27a2.85,2.85,0,0,0,0,2.2,2.9,2.9,0,0,0,1.57,1.53,3,3,0,0,0,1.06.2,2.86,2.86,0,0,0,2.67-1.8c1.16-2.91,1.63-3.64,3-3.64s1.86.77,3,3.64a2.87,2.87,0,0,0,3.72,1.6A2.87,2.87,0,0,0,113.39,132.84Z\"\/><path class=\"cls-1\" d=\"M73,135c1.16-2.91,1.63-3.64,3-3.64s1.86.77,3,3.64a2.87,2.87,0,0,0,3.72,1.6,2.87,2.87,0,0,0,1.6-3.73c-2.75-6.89-5.22-8.27-8.3-8.27s-5.55,1.38-8.31,8.27a2.89,2.89,0,0,0,1.6,3.73,3,3,0,0,0,1.06.2A2.87,2.87,0,0,0,73,135Z\"\/><path class=\"cls-1\" d=\"M124.53,66.51a20.15,20.15,0,0,0-7-10.08,11.36,11.36,0,0,0-6.59-2.3,9,9,0,0,0-2.86.47c-3.24,1.07-5.69,4-6.71,7.92A20.64,20.64,0,0,0,102,74c2.41,7.29,8,12.38,13.6,12.38a9.21,9.21,0,0,0,2.86-.46c6.32-2.1,9-10.62,6.08-19.4l.47-.15h0Zm-6,9.13c-.37,1.92-1.21,3.28-2.25,3.62a2.07,2.07,0,0,1-.66.1c-2.19,0-5.44-3-7-7.57a13.89,13.89,0,0,1-.5-7.52c.42-1.62,1.2-2.72,2.14-3,2-.68,5.89,2.3,7.61,7.48A14.2,14.2,0,0,1,118.5,75.64Z\"\/><path class=\"cls-1\" d=\"M62.64,95a10,10,0,1,0-10,9.95A10,10,0,0,0,62.64,95ZM52.69,98a3,3,0,1,1,3-2.95A2.95,2.95,0,0,1,52.69,98Z\"\/><path class=\"cls-1\" d=\"M148.15,81.5c-1.83-4.66-5.69-7.58-9.52-7.58a7.47,7.47,0,0,0-2.7.51,8,8,0,0,0-4.62,5.21,12.56,12.56,0,0,0,.49,8.29c1.78,4.53,5.6,7.57,9.51,7.57A7.32,7.32,0,0,0,144,95c4.58-1.8,6.4-7.72,4.14-13.49l.46-.18h0Zm-6.5,6.81a.51.51,0,0,1-.39.19h-.07c-.73-.11-2.1-1.15-2.88-3.12s-.48-3.68,0-4.25a.49.49,0,0,1,.46-.18c.73.1,2.1,1.14,2.88,3.12S142.11,87.74,141.65,88.31Z\"\/><path class=\"cls-1\" d=\"M89.73,77.45A13.79,13.79,0,1,0,75.94,91.24,13.8,13.8,0,0,0,89.73,77.45ZM75.94,84.24a6.79,6.79,0,1,1,6.79-6.79A6.8,6.8,0,0,1,75.94,84.24Z\"\/><path class=\"cls-1\" d=\"M102.89,143.41a3.17,3.17,0,0,0-3-1.92,6,6,0,0,1-5.27-3.24,4.1,4.1,0,0,0-7.67,0,6,6,0,0,1-5.27,3.24,3.16,3.16,0,0,0-3,1.92,3.23,3.23,0,0,0,.32,3.05,3.17,3.17,0,0,0,2.61,1.37,12.24,12.24,0,0,0,8.8-3.71.51.51,0,0,1,.36-.15.49.49,0,0,1,.36.15,12.24,12.24,0,0,0,8.8,3.71,3.17,3.17,0,0,0,2.62-1.37A3.28,3.28,0,0,0,102.89,143.41Z\"\/><circle class=\"cls-1\" cx=\"73.06\" cy=\"101.08\" r=\"3.91\"\/><path class=\"cls-1\" d=\"M133.17,70a3.92,3.92,0,1,0-3.92-3.91A3.92,3.92,0,0,0,133.17,70Z\"\/><\/svg>                        <\/div>\n                                                        <\/div>\n        <div class=\"w-full md:w-2\/3 max-w-[695px] self-start\">\n                                        <h1 class=\"mb-8 text-brikk-blue dark:text-white\">Animation as a storytelling technique<\/h1>\n                                        <div class=\"text-flow paragraph text-brikk-blue dark:text-white\">\n                    <p>We are very passionate about character-driven animation. So what does that mean? For us, it means that we focus on creating strong and unique characters and exciting stories that help grow your brand with engaging customers.<\/p>\n<h2>Animation studio using different techniques<\/h2>\n<p>We produce films with different digital techniques. Animation, stop motion and live action are some of the techniques we master. Sometimes we mix these techniques as we did in the Johan rockstr\u00f6m TED Talk project. It&#8217;s not the technique that controls the production; it&#8217;s the goal of the production that decides which approach to use.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n                <\/div>\n                    <\/div>\n    <\/div>\n    <\/section>\n\n<section id=\"\" class=\"section-wrapper bg-brikk-blue text-white dark:bg-brikk-dark-gray  \">\n    <div class=\"section-inner section-inner--y-padding\">\n                <div class=\"flex flex-col md:flex-row md:justify-between section-heading w-full\">\n            <div class=\"w-full md:w-1\/2 paragraph paragraph--white text-flow\">\n                                                        <h2 class=\"text-white\">Animation techniques <\/h2>\n                                 \n            <\/div>\n\n             \n        <\/div>\n        \n                    <div class=\"grid grid-cols-4 gap-16 lg:gap-24\">\n                                                        <div class=\"paragraph paragraph--white credits col-span-full md:col-span-2 lg:col-span-1\">\n                                                                                                                    <h3><b>Traditional animation<\/b><\/h3>\n<p>Cel animation is a technique where the animator draw frame by frame. Today the word is used for both analog and digital animation.<\/p>\n<h3>Frame-by-frame<\/h3>\n<p>Frame-by-frame is another word for traditional animation that is created frame by frame. Time-consuming technique but gives animators the freedom to create almost anything.<\/p>\n                        <\/div>\n                                                                            <div class=\"paragraph paragraph--white credits col-span-full md:col-span-2 lg:col-span-1\">\n                                                                                                                    <h3>2D Animation<\/h3>\n<p>Name used for animation where movement is created in a two-dimensional space (x &amp; Y).<\/p>\n<h3>3D Animation<\/h3>\n<p>3D animation is where animation is created in a three-dimensional space (X, Y &amp; Z), creating possibilities not found in 2D animation.<\/p>\n                        <\/div>\n                                                                            <div class=\"paragraph paragraph--white credits col-span-full md:col-span-2 lg:col-span-1\">\n                                                                                                                    <h3>Stop motion<\/h3>\n<p>Stop motion is an animated technique where objects are moved in front of a camera and photographed at every step and, when played back, give the illusion of motion.<\/p>\n<h3>Stop frame<\/h3>\n<p>Another word used for stop motion.<\/p>\n                        <\/div>\n                                                                            <div class=\"paragraph paragraph--white credits col-span-full md:col-span-2 lg:col-span-1\">\n                                                                                                                    <h3>Cel animation<\/h3>\n<p><span style=\"font-weight: 400;\">Another word used for traditional animation. In the past, images were drawn on transparent sheets of plastic called \u201ccelluloid.\u201d <\/span><\/p>\n<h3>Cutout animation<\/h3>\n<p><span style=\"font-weight: 400;\">Cutout animation is a form of stop motion animation where for example characters are cut out from paper, card or photographs.<\/span><\/p>\n                        <\/div>\n                                            <\/div>\n            <\/div>\n    <\/section>\n\n\n<section data-wpr-lazyrender=\"0\" id=\"\" class=\"section-wrapper bg-white dark:bg-brikk-black\"> \n    <div class=\"section-inner section-inner--max-width section-inner--y-padding   image-grid\">\n                <div class=\"grid grid-cols-32 gap-y-4 md:gap-4\">\n                                                                                        <figure class=\"flex w-full image-grid__image image-grid__image--fw \">\n                                <img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"467\" src=\"https:\/\/brikk.se\/wp-content\/uploads\/2022\/06\/Animationstekniker.png\" class=\"w-full h-full object-cover\" alt=\"Animationstekniker\" srcset=\"https:\/\/brikk.se\/wp-content\/uploads\/2022\/06\/Animationstekniker.png 1440w, https:\/\/brikk.se\/wp-content\/uploads\/2022\/06\/Animationstekniker-300x97.png 300w, https:\/\/brikk.se\/wp-content\/uploads\/2022\/06\/Animationstekniker-1024x332.png 1024w, https:\/\/brikk.se\/wp-content\/uploads\/2022\/06\/Animationstekniker-768x249.png 768w, https:\/\/brikk.se\/wp-content\/uploads\/2022\/06\/Animationstekniker-150x49.png 150w, https:\/\/brikk.se\/wp-content\/uploads\/2022\/06\/Animationstekniker-618x200.png 618w\" sizes=\"auto, (max-width: 1440px) 100vw, 1440px\" \/>\n                                <\/figure>                            <\/div>\n    <\/div>\n    <\/section>\n\n<section id=\"\" class=\"section-wrapper contact-view bg-brikk-red text-white dark:bg-brikk-dark-gray dark:text-white\">\n    <div class=\"section-inner section-inner--y-padding   mx-auto \">\n                                <div class=\"mx-auto text-center text-2xl md:text-3xl md:leading-normal flex flex-col md:flex-row gap-y-16 md:gap-y-0 md:gap-x-16  max-w-[1024px] justify-center\">\n                        <div>\n                                <div class=\"contact__icon-wrapper mb-6\">\n                    <figure class=\"contact__icon_holder h-9\">\n                            <img loading=\"lazy\" decoding=\"async\" width=\"82\" height=\"34\" src=\"https:\/\/brikk.se\/wp-content\/uploads\/2022\/06\/Vector.png\" class=\"contact-icon mx-auto h-full object-contain\" alt=\"Kontakt ikon\" \/>\n                            <\/figure>                <\/div>\n                                \n                                <div class=\"contact__details-wrapper font-extralight text-white\">\n                    <p>Need help with a project?<br \/>\nReach out to\u00a0<a href=\"mailto:samuel@brikk.se\">Samuel Fast Hurtigkarl<\/a><br \/>\n+46 (0)73 612 06 04<\/p>\n                <\/div>\n                            <\/div>\n                        <\/div>\n            <\/div>\n    <\/section>\n\n\n<section id=\"\" class=\"section-wrapper dark:bg-brikk-black dark:text-white\">\n    <div class=\"section-inner  section-inner--y-padding grid grid-cols-2 gap-y-12 lg:gap-y-0 lg:gap-x-4    lg:flex-row-reverse\">\n        <div class=\"col-span-full md:col-span-1 flex lg:order-last\">\n            <div class=\"w-full flex justify-center items-start \">\n                                                <figure class=\"w-auto\" >\n                        <img decoding=\"async\"  class=\"w-full h-full object-contain\" src=\"https:\/\/brikk.se\/wp-content\/uploads\/2022\/06\/Group-326.png\" alt=\"Skiss animerad karakt\u00e4r\">    \n                    <\/figure>\n                                        <\/div>\n        <\/div>\n        <div class=\"col-span-full md:col-span-1 flex\">\n                            <div class=\"text-flow paragraph\"><h2><b>How do you create high-quality animation?<\/b><\/h2>\n<p>To produce high-quality animation, a deep understanding of the 12 principles of animation is essential. Below in the blue box, we will go through the principles step by step.<\/p>\n<h2><b>Traditional animation in five steps<\/b><\/h2>\n<p>Although we use traditional animation (frame by frame), we work in five steps. This way, we don&#8217;t get lost along the way.<\/p>\n<ol>\n<li>Rough animation: Very rough sketches of key poses exploring the movement.<\/li>\n<li>Tie-down: A refined version of the rough animation where we ensure the proportions are correct.<\/li>\n<li>Clean-up: Making clean versions of the drawings and adding the last details.<\/li>\n<li>Coloring: Usually a quick process if the other three steps are done thoroughly.<\/li>\n<li>Shadows and highlights: Adding shadows and highlights on our characters.<\/li>\n<\/ol>\n<p>It&#8217;s essential to understand this process as a client to understand where you can give feedback; when one step is finished, it&#8217;s very time-consuming to go back and make changes.<\/p>\n<\/div>\n                    <\/div> \n    <\/div>\n    <\/section>\n\n\n<section data-wpr-lazyrender=\"0\" id=\"\" class=\"section-wrapper bg-white dark:bg-brikk-black\"> \n    <div class=\"section-inner section-inner--max-width section-inner--y-padding   image-grid\">\n                <div class=\"grid grid-cols-32 gap-y-4 md:gap-4\">\n                                                                                        <figure class=\"flex w-full image-grid__image image-grid__image--fw \">\n                                <img loading=\"lazy\" decoding=\"async\" width=\"1486\" height=\"559\" src=\"https:\/\/brikk.se\/wp-content\/uploads\/2022\/06\/Group-278.png\" class=\"w-full h-full object-cover\" alt=\"Skiss animerad karakt\u00e4r\" srcset=\"https:\/\/brikk.se\/wp-content\/uploads\/2022\/06\/Group-278.png 1486w, https:\/\/brikk.se\/wp-content\/uploads\/2022\/06\/Group-278-300x113.png 300w, https:\/\/brikk.se\/wp-content\/uploads\/2022\/06\/Group-278-1024x385.png 1024w, https:\/\/brikk.se\/wp-content\/uploads\/2022\/06\/Group-278-768x289.png 768w\" sizes=\"auto, (max-width: 1486px) 100vw, 1486px\" \/>\n                                <\/figure>                            <\/div>\n    <\/div>\n    <\/section>\n\n<section id=\"\" class=\"section-wrapper bg-brikk-blue text-white dark:bg-brikk-dark-gray  \">\n    <div class=\"section-inner section-inner--y-padding\">\n                <div class=\"flex flex-col md:flex-row md:justify-between section-heading w-full\">\n            <div class=\"w-full md:w-1\/2 paragraph paragraph--white text-flow\">\n                                                        <h2 class=\"text-white\">Principles of animation<\/h2>\n                                                    <p><span style=\"font-weight: 400;\">Initially, the 12 principles of animation were used at Walt Disney Studios. Although the principles were developed as early as 1930 and later described in the book <\/span><b>The Illusion of Life: Disney Animation from 1981 by Ollie Johnston and Frank Thomas<\/b><span style=\"font-weight: 400;\">, they are as relevant today as they were to Disney in the 1930s.<\/span><\/p>\n                 \n            <\/div>\n\n                            <div class=\"w-full md:w-1\/2 flex md:justify-end\">\n                    <img decoding=\"async\" src=\"https:\/\/brikk.se\/wp-content\/uploads\/2022\/06\/283780522_1745265169172486_7621057225406216426_n-e1661428228670.jpg\" alt=\"Animation\">\n                <\/div>\n             \n        <\/div>\n        \n                    <div class=\"grid grid-cols-4 gap-16 lg:gap-24\">\n                                                        <div class=\"paragraph paragraph--white credits col-span-full md:col-span-2 lg:col-span-1\">\n                                                                                                                    <h3>Squash and stretch<\/h3>\n<p>This principle means applying the contrasting change of shape that gives the animation the illusion of elasticity and life. For example, if you squeeze a ball, it becomes flat but, at the same time, wider since the mass has to go somewhere.<\/p>\n<h3>Anticipation<\/h3>\n<p>Anticipation, or expectation, is the movement that occurs before the action that we want to make. For example, an arm must go back before it moves forward to throw a ball. The backward movement is called anticipation. However, anticipation can also be a pause that prepares the viewer for something to happen.<\/p>\n<p>&nbsp;<\/p>\n                        <\/div>\n                                                                            <div class=\"paragraph paragraph--white credits col-span-full md:col-span-2 lg:col-span-1\">\n                                                                                                                    <h3>Pose to pose<\/h3>\n<p>The pose to pose principle means you draw out the sequence&#8217;s keyframes and then fill it out with the in-betweens.<\/p>\n<h3>Staging<\/h3>\n<p>The animation principle staging is about presenting an object or a scene in a way that makes it easy for the viewer to understand what is the most important in a scene, like a character.<\/p>\n<h3>Follow through and overlapping<\/h3>\n<p>A movement shouldn&#8217;t end abruptly. For example, if a character sneezes, the hair will continue to move when the sneeze is over.\u00a0Overlapping means letting movements overlap instead of starting movement Y only after movement X is finished.<\/p>\n                        <\/div>\n                                                                            <div class=\"paragraph paragraph--white credits col-span-full md:col-span-2 lg:col-span-1\">\n                                                                                                                    <h3>Arcs<\/h3>\n<p>Animations often follow arc-shaped movements, creating realistic and beautiful movements. However, not all actions are on an arc.<\/p>\n<h3>Secondary action<\/h3>\n<p>A movement or event that occurs as a direct consequence of a previous movement or event. Such as a cloak that accompanies a character when the character spins around.<\/p>\n<h3>Solid drawing<\/h3>\n<p>This animation principle creates depth in your characters and gives a sense of 3D dimensionality and volume by making a good drawing.<\/p>\n                        <\/div>\n                                                                            <div class=\"paragraph paragraph--white credits col-span-full md:col-span-2 lg:col-span-1\">\n                                                                                                                    <h3>Slow in and slow out<\/h3>\n<p>How do you make an object slow down or accelerate? By adding more frames to the beginning or end of your animation<\/p>\n<h3>Appeal<\/h3>\n<p>Appeal is about making the characters interesting and appealing to the audience by, for example, enhancing a character&#8217;s trait or design and expression.<\/p>\n<h3>\nTiming<\/h3>\n<p>The time or number of frames for a given action dictates how long it takes for something to get from one point to another. Therefore, using fewer frames will make the motion quick, and using more frames will make the motion slower and more smooth. Timing can also function as a tool to give an animated character its personality by, for example, exaggerating the timing like in children&#8217;s cartoons\u2014this way, a comic effect is created.<\/p>\n                        <\/div>\n                                            <\/div>\n            <\/div>\n    <\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-10620","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.8 (Yoast SEO v24.8.1) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Animation - Creative Studio - Brikk Animation and Film<\/title>\n<meta name=\"description\" content=\"We are very passionate about animation. For us, it means that we focus on creating strong and unique characters and exciting stories.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/brikk.se\/en\/animation\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Animation\" \/>\n<meta property=\"og:description\" content=\"We are very passionate about animation. For us, it means that we focus on creating strong and unique characters and exciting stories.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/brikk.se\/en\/animation\/\" \/>\n<meta property=\"og:site_name\" content=\"Brikk\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-27T14:56:12+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/brikk.se\/en\/animation\/\",\"url\":\"https:\/\/brikk.se\/en\/animation\/\",\"name\":\"Animation - Creative Studio - Brikk Animation and Film\",\"isPartOf\":{\"@id\":\"https:\/\/brikk.se\/en\/#website\"},\"datePublished\":\"2022-06-22T06:07:10+00:00\",\"dateModified\":\"2023-02-27T14:56:12+00:00\",\"description\":\"We are very passionate about animation. For us, it means that we focus on creating strong and unique characters and exciting stories.\",\"breadcrumb\":{\"@id\":\"https:\/\/brikk.se\/en\/animation\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/brikk.se\/en\/animation\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/brikk.se\/en\/animation\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Hem\",\"item\":\"https:\/\/brikk.se\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Animation\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/brikk.se\/en\/#website\",\"url\":\"https:\/\/brikk.se\/en\/\",\"name\":\"Brikk\",\"description\":\"Ett produktionsbolag i Stockholm\",\"publisher\":{\"@id\":\"https:\/\/brikk.se\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/brikk.se\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/brikk.se\/en\/#organization\",\"name\":\"Brikk\",\"url\":\"https:\/\/brikk.se\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/brikk.se\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/brikk.se\/wp-content\/uploads\/2022\/06\/Mrbrikk.svg\",\"contentUrl\":\"https:\/\/brikk.se\/wp-content\/uploads\/2022\/06\/Mrbrikk.svg\",\"width\":1,\"height\":1,\"caption\":\"Brikk\"},\"image\":{\"@id\":\"https:\/\/brikk.se\/en\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Animation - Creative Studio - Brikk Animation and Film","description":"We are very passionate about animation. For us, it means that we focus on creating strong and unique characters and exciting stories.","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:\/\/brikk.se\/en\/animation\/","og_locale":"en_US","og_type":"article","og_title":"Animation","og_description":"We are very passionate about animation. For us, it means that we focus on creating strong and unique characters and exciting stories.","og_url":"https:\/\/brikk.se\/en\/animation\/","og_site_name":"Brikk","article_modified_time":"2023-02-27T14:56:12+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/brikk.se\/en\/animation\/","url":"https:\/\/brikk.se\/en\/animation\/","name":"Animation - Creative Studio - Brikk Animation and Film","isPartOf":{"@id":"https:\/\/brikk.se\/en\/#website"},"datePublished":"2022-06-22T06:07:10+00:00","dateModified":"2023-02-27T14:56:12+00:00","description":"We are very passionate about animation. For us, it means that we focus on creating strong and unique characters and exciting stories.","breadcrumb":{"@id":"https:\/\/brikk.se\/en\/animation\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/brikk.se\/en\/animation\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/brikk.se\/en\/animation\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Hem","item":"https:\/\/brikk.se\/en\/"},{"@type":"ListItem","position":2,"name":"Animation"}]},{"@type":"WebSite","@id":"https:\/\/brikk.se\/en\/#website","url":"https:\/\/brikk.se\/en\/","name":"Brikk","description":"Ett produktionsbolag i Stockholm","publisher":{"@id":"https:\/\/brikk.se\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/brikk.se\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/brikk.se\/en\/#organization","name":"Brikk","url":"https:\/\/brikk.se\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/brikk.se\/en\/#\/schema\/logo\/image\/","url":"https:\/\/brikk.se\/wp-content\/uploads\/2022\/06\/Mrbrikk.svg","contentUrl":"https:\/\/brikk.se\/wp-content\/uploads\/2022\/06\/Mrbrikk.svg","width":1,"height":1,"caption":"Brikk"},"image":{"@id":"https:\/\/brikk.se\/en\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/brikk.se\/en\/wp-json\/wp\/v2\/pages\/10620","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brikk.se\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/brikk.se\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/brikk.se\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/brikk.se\/en\/wp-json\/wp\/v2\/comments?post=10620"}],"version-history":[{"count":26,"href":"https:\/\/brikk.se\/en\/wp-json\/wp\/v2\/pages\/10620\/revisions"}],"predecessor-version":[{"id":13181,"href":"https:\/\/brikk.se\/en\/wp-json\/wp\/v2\/pages\/10620\/revisions\/13181"}],"wp:attachment":[{"href":"https:\/\/brikk.se\/en\/wp-json\/wp\/v2\/media?parent=10620"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}