{"id":4138,"date":"2021-07-29T12:34:23","date_gmt":"2021-07-29T12:34:23","guid":{"rendered":"https:\/\/new-blog.artlist.io\/?p=4138"},"modified":"2024-01-10T13:16:37","modified_gmt":"2024-01-10T13:16:37","slug":"after-effects-keyframing","status":"publish","type":"post","link":"https:\/\/new-blog.artlist.io\/blog\/after-effects-keyframing\/","title":{"rendered":"Motion Graphics for Beginners: How to Use After Effects Keyframing"},"content":{"rendered":"

Keyframing is one of the essential skills an animator can have, and you can pick up the basics in just a few minutes.<\/h4>\n

Animation can take many forms and use many different tools; one thing that unifies all animation, however, is the use of Keyframes. Keyframe animation is used in everything, from flashing photo montages on Instagram to the latest animated movie. While we can\u2019t teach you to animate the next\u00a0Toy Story<\/em>, basic Key Animation in After Effects is super easy to pick up, and we\u2019re going to show you how.<\/p>\n

Part 1: What are Keyframes?<\/h2>\n

The first thing you’ll need to understand is what a Keyframe is; once you know the theory of Keyframe animation, you can more easily troubleshoot your projects.<\/p>\n

A Keyframe is a command the animator creates to tell After Effects what to do with a particular graphic, title, or shape in your Project. Keyframes work in pairs and will appear on your Timeline as 2 small diamond shapes.<\/p>\n

\"after<\/p>\n

When you create the Keyframes, you do so for the setting you want to change; if you want to increase the size of an element, you’ll Keyframe the Scale settings. The first Keyframe will indicate the start of the animation, and the second the end of it. Whatsmore, the placement of the Keyframes will dictate the speed of your animation; the closer together the Keyframes are, the faster the animation.<\/p>\n

It might sound a little complicated, but follow the steps below, and we\u2019ll have you creating stunning animations using After Effects Keyframes in no time.<\/p>\n

Part 2: How to add keyframes in After Effects<\/h2>\n

One of the most extraordinary things about Keyframes is they can be used on virtually any effect native to After Effects. For this tutorial, however, we will teach you the fundamentals of the Transform settings; Scale, Position and Rotation.<\/p>\n

Step 1: Creating your Shape Layer<\/h3>\n

You can Keyframe any Layer in After Effects, including video clips and photos, titles and graphics, but we\u2019re going to start by creating a shape.<\/p>\n

    \n
  1. Open a new After Effects Project, right-click on the Timeline and select\u00a0New > Shape Layer<\/em>.<\/li>\n
  2. Grab the Shape Tool and draw your chosen shape in the media viewer.<\/li>\n
  3. Select your Shape on the screen and look for the\u00a0Anchor Point<\/em>\u00a0– a small circle in the center of the\u00a0Shape Layer<\/a>.<\/li>\n
  4. Press the\u00a0Y<\/em>\u00a0key, then drag the\u00a0Anchor Point<\/em>\u00a0to the position on the layer you want to animate from; this is especially important if you’re going to rotate your element, as the Anchor Point indicates the CenterPoint of the layer.<\/li>\n<\/ol>\n

    Top Tip: You can automatically center your Anchor Point by double-clicking the\u00a0Pan Behind<\/em><\/strong>\u00a0tool on the top menu.<\/strong><\/p>\n

    Step 2: Adding your Keyframes<\/h3>\n

    The first Keyframe you add is usually the last in your animation; this is because you will likely have designed the composition how you want it to look when the animation is complete.<\/p>\n

      \n
    1. Place your Playhead on the Timeline at the point you want your animation to end.<\/li>\n
    2. In the Effects control panel, open the Motion settings.<\/li>\n
    3. To create your first Keyframe, click the Stopwatch Icon alongside any of the settings.<\/li>\n
    4. Move the Playhead to where you want the animation to start, and change the setting you want to animate; a new Keyframe is created automatically. You can also copy and paste your Keyframes by selecting them in the Timeline and pressing Command\/Control C, the V.<\/li>\n
    5. Play your animation back to see how it looks.<\/li>\n
    6. If you want to add more Keyframes, simply move your playhead to the position you want the animation to change and adjust your settings accordingly; this can be before, during, or after your existing Keyframes.<\/li>\n<\/ol>\n

      Step 3: Editing your Keyframes<\/h3>\n

      If you\u2019re lucky, you got your Keyframe animation correct the first try, but more often than not, you\u2019ll need to do a little bit of tidying up.<\/p>\n

        \n
      1. Select your Layer in the Timeline and press U to view all the Keyframes on that element.<\/li>\n
      2. To increase or decrease the speed, select your last Keyframes in the Timeline and drag them toward or further away from the first Keyframes.<\/li>\n
      3. To move between Keyframes, go to the Effects Controls Panel and hit the small arrows alongside the Keyframed setting.<\/li>\n
      4. To remove Keyframes, select them and hit Delete\/Backspace. Remember, deleting a Keyframe will remove that setting for that Keyframe only. If a setting has 3 or more Keyframes, and you remove one from the middle, the animation will revert to the next Keyframe.<\/li>\n<\/ol>\n

        \n\t\t\t\t\t
        \n\t\t\t\t\t\t\t\t
        \n\t\t\t\t\t\t
        \n\t\t\t\t\t\t\t
        \n\t\t\t\t\t
        \n\t\t\t
        \n\t\t\t\t\t\t\t
        \n\t\t\t\t\t\t
        \n\t\t\t\t
        \n\t\t\t\t\t
        \n\t\t\t
        \n\t\t\t<\/path><\/path><\/path><\/path><\/path><\/path><\/path><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
        \n\t\t\t\t\t\t
        \n\t\t\t\t\t\t\t
        \n\t\t\t\t\t
        \n\t\t\t
        \n\t\t\t\t\t\t\t
        \n\t\t\t\t\t\t
        \n\t\t\t\t
        \n\t\t\t

        Get unlimited high-quality music for your videos<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
        \n\t\t\t
        \n\t\t\t\t\t\t\t
        \n\t\t\t\t\t\t
        \n\t\t\t\t
        \n\t\t\t\t\t
        \n\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\tStart Free Now<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
        \n\t\t\t\t
        \n\t\t\t\t\t
        \n\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\tPricing<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n

        Part 3: Top Tips for using Keyframing for your Animations<\/h2>\n

        While Keyframing might be straightforward to understand, there is a lot that can go wrong when using them. More often than not, Keyframe mistakes result from a poorly organized project, so here are our top tips to avoid Keyframe pitfalls.<\/p>\n

        Double-check your selected layer<\/h3>\n

        When you add Keyframes from the Effect Control Panel, it can be easy to forget to check which layer you have selected in the Timeline. If you have Multiple Layers selected, you can add Keyframes to all of them simultaneously, but this can become problematic if you\u2019re not paying attention.<\/p>\n

        Don\u2019t press the Stopwatch again<\/h3>\n

        Of course, you have to click on the Stopwatch to set the first Keyframe, but be careful not to click it again once you\u2019ve started creating your animations. Clicking the Stopwatch after you\u2019ve Keyframed will remove them all.<\/p>\n

        Check your anchor point<\/h3>\n

        If you\u2019re experiencing some unexpected movement in your Keyframed Animation, the first thing to check is the anchor point. The anchor point is usually at the center of your graphic or image and tells AE where the movement starts within the layer. A poorly placed anchor point won\u2019t affect much with the Position settings, but Scale and Rotation need precise positioning.<\/p>\n

        Bezier handles bend your path<\/h3>\n

        As you begin more advanced Keyframing Animations, you\u2019ll want to use the Bezier Handles for your position animation to create curves in your animation Paths. Sometimes these otherwise helpful handles can get twisted around, creating a jerky motion at the start or end of your Path; you might need to zoom in a lot to check them.<\/p>\n

        Wrap up<\/h2>\n

        Keyframing is a vital skill for any After Effect animator, and once you understand the basics, you\u2019ll be using them in just about every project. The main thing to remember when using Keyframes is to pay attention; if you lose focus, it is much more likely something will go wrong. Now you know how to use Keyframes, play around with various effects to see what you can create.<\/p>\n","protected":false},"excerpt":{"rendered":"

        Animation can take many forms and use many different tools; one thing that unifies all animation, however, is the use of Keyframes. Keyframe animation is used in everything, from flashing photo montages on Instagram to the latest animated movie.<\/p>\n","protected":false},"author":14,"featured_media":4144,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_uag_custom_page_level_css":"","footnotes":""},"categories":[5],"tags":[310,18],"acf":[],"yoast_head":"\nEasy Step-By-Step Guide to Animation Keyframing | Artlist<\/title>\n<meta name=\"description\" content=\"Keyframing is one of the essential skills an animator can have. Learn how to create awesome Keyframed animations in After Effects today with our step-by-step guide.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/new-blog.artlist.io\/after-effects-keyframing\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Easy Step-By-Step Guide to Animation Keyframing | Artlist\" \/>\n<meta property=\"og:description\" content=\"Keyframing is one of the essential skills an animator can have. Learn how to create awesome Keyframed animations in After Effects today with our step-by-step guide.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/new-blog.artlist.io\/after-effects-keyframing\/\" \/>\n<meta property=\"og:site_name\" content=\"Artlist Blog\" \/>\n<meta property=\"article:published_time\" content=\"2021-07-29T12:34:23+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-10T13:16:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/new-blog.artlist.io\/blog\/wp-content\/uploads\/2021\/07\/8b35b06b8c6621220cbbe3af86ae9bb64e4af933.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"750\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Chris Suffield\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Chris Suffield\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/new-blog.artlist.io\/after-effects-keyframing\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/new-blog.artlist.io\/blog\/after-effects-keyframing\/\"},\"author\":{\"name\":\"Chris Suffield\",\"@id\":\"https:\/\/new-blog.artlist.io\/blog\/#\/schema\/person\/397d693f2006ed012f1efab9571cba05\"},\"headline\":\"Motion Graphics for Beginners: How to Use After Effects Keyframing\",\"datePublished\":\"2021-07-29T12:34:23+00:00\",\"dateModified\":\"2024-01-10T13:16:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/new-blog.artlist.io\/blog\/after-effects-keyframing\/\"},\"wordCount\":1114,\"publisher\":{\"@id\":\"https:\/\/new-blog.artlist.io\/blog\/#organization\"},\"keywords\":[\"After Effects\",\"Motion graphics\"],\"articleSection\":[\"Production & Filmmaking\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/new-blog.artlist.io\/blog\/after-effects-keyframing\/\",\"url\":\"https:\/\/new-blog.artlist.io\/after-effects-keyframing\/\",\"name\":\"Easy Step-By-Step Guide to Animation Keyframing | Artlist\",\"isPartOf\":{\"@id\":\"https:\/\/new-blog.artlist.io\/blog\/#website\"},\"datePublished\":\"2021-07-29T12:34:23+00:00\",\"dateModified\":\"2024-01-10T13:16:37+00:00\",\"description\":\"Keyframing is one of the essential skills an animator can have. Learn how to create awesome Keyframed animations in After Effects today with our step-by-step guide.\",\"breadcrumb\":{\"@id\":\"https:\/\/new-blog.artlist.io\/after-effects-keyframing\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/new-blog.artlist.io\/after-effects-keyframing\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/new-blog.artlist.io\/after-effects-keyframing\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/new-blog.artlist.io\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Production & Filmmaking\",\"item\":\"https:\/\/new-blog.artlist.io\/blog\/production-filmmaking\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Motion Graphics for Beginners: How to Use After Effects Keyframing\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/new-blog.artlist.io\/blog\/#website\",\"url\":\"https:\/\/new-blog.artlist.io\/blog\/\",\"name\":\"Artlist Blog\",\"description\":\"Just artlist blog website\",\"publisher\":{\"@id\":\"https:\/\/new-blog.artlist.io\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/new-blog.artlist.io\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/new-blog.artlist.io\/blog\/#organization\",\"name\":\"Artlist Blog\",\"url\":\"https:\/\/new-blog.artlist.io\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/new-blog.artlist.io\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/new-blog.artlist.io\/blog\/wp-content\/uploads\/2024\/10\/artlist-blog-logo.svg\",\"contentUrl\":\"https:\/\/new-blog.artlist.io\/blog\/wp-content\/uploads\/2024\/10\/artlist-blog-logo.svg\",\"width\":143,\"height\":28,\"caption\":\"Artlist Blog\"},\"image\":{\"@id\":\"https:\/\/new-blog.artlist.io\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/new-blog.artlist.io\/blog\/#\/schema\/person\/397d693f2006ed012f1efab9571cba05\",\"name\":\"Chris Suffield\",\"description\":\"Chris Suffield is a London-based writer, editor, and voice-over artist at Jellyfielder Studios; he also writes entertainment news for Box Office Buz and enjoys making things from stock footage.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/-chris-suffield-781a293a\/?originalSubdomain=uk\"],\"url\":\"https:\/\/new-blog.artlist.io\/blog\/author\/chris-suffield\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Easy Step-By-Step Guide to Animation Keyframing | Artlist","description":"Keyframing is one of the essential skills an animator can have. Learn how to create awesome Keyframed animations in After Effects today with our step-by-step guide.","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:\/\/new-blog.artlist.io\/after-effects-keyframing\/","og_locale":"en_US","og_type":"article","og_title":"Easy Step-By-Step Guide to Animation Keyframing | Artlist","og_description":"Keyframing is one of the essential skills an animator can have. Learn how to create awesome Keyframed animations in After Effects today with our step-by-step guide.","og_url":"https:\/\/new-blog.artlist.io\/after-effects-keyframing\/","og_site_name":"Artlist Blog","article_published_time":"2021-07-29T12:34:23+00:00","article_modified_time":"2024-01-10T13:16:37+00:00","og_image":[{"width":1920,"height":750,"url":"https:\/\/new-blog.artlist.io\/blog\/wp-content\/uploads\/2021\/07\/8b35b06b8c6621220cbbe3af86ae9bb64e4af933.jpg","type":"image\/jpeg"}],"author":"Chris Suffield","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Chris Suffield","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/new-blog.artlist.io\/after-effects-keyframing\/#article","isPartOf":{"@id":"https:\/\/new-blog.artlist.io\/blog\/after-effects-keyframing\/"},"author":{"name":"Chris Suffield","@id":"https:\/\/new-blog.artlist.io\/blog\/#\/schema\/person\/397d693f2006ed012f1efab9571cba05"},"headline":"Motion Graphics for Beginners: How to Use After Effects Keyframing","datePublished":"2021-07-29T12:34:23+00:00","dateModified":"2024-01-10T13:16:37+00:00","mainEntityOfPage":{"@id":"https:\/\/new-blog.artlist.io\/blog\/after-effects-keyframing\/"},"wordCount":1114,"publisher":{"@id":"https:\/\/new-blog.artlist.io\/blog\/#organization"},"keywords":["After Effects","Motion graphics"],"articleSection":["Production & Filmmaking"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/new-blog.artlist.io\/blog\/after-effects-keyframing\/","url":"https:\/\/new-blog.artlist.io\/after-effects-keyframing\/","name":"Easy Step-By-Step Guide to Animation Keyframing | Artlist","isPartOf":{"@id":"https:\/\/new-blog.artlist.io\/blog\/#website"},"datePublished":"2021-07-29T12:34:23+00:00","dateModified":"2024-01-10T13:16:37+00:00","description":"Keyframing is one of the essential skills an animator can have. Learn how to create awesome Keyframed animations in After Effects today with our step-by-step guide.","breadcrumb":{"@id":"https:\/\/new-blog.artlist.io\/after-effects-keyframing\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/new-blog.artlist.io\/after-effects-keyframing\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/new-blog.artlist.io\/after-effects-keyframing\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/new-blog.artlist.io\/blog\/"},{"@type":"ListItem","position":2,"name":"Production & Filmmaking","item":"https:\/\/new-blog.artlist.io\/blog\/production-filmmaking\/"},{"@type":"ListItem","position":3,"name":"Motion Graphics for Beginners: How to Use After Effects Keyframing"}]},{"@type":"WebSite","@id":"https:\/\/new-blog.artlist.io\/blog\/#website","url":"https:\/\/new-blog.artlist.io\/blog\/","name":"Artlist Blog","description":"Just artlist blog website","publisher":{"@id":"https:\/\/new-blog.artlist.io\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/new-blog.artlist.io\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/new-blog.artlist.io\/blog\/#organization","name":"Artlist Blog","url":"https:\/\/new-blog.artlist.io\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/new-blog.artlist.io\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/new-blog.artlist.io\/blog\/wp-content\/uploads\/2024\/10\/artlist-blog-logo.svg","contentUrl":"https:\/\/new-blog.artlist.io\/blog\/wp-content\/uploads\/2024\/10\/artlist-blog-logo.svg","width":143,"height":28,"caption":"Artlist Blog"},"image":{"@id":"https:\/\/new-blog.artlist.io\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/new-blog.artlist.io\/blog\/#\/schema\/person\/397d693f2006ed012f1efab9571cba05","name":"Chris Suffield","description":"Chris Suffield is a London-based writer, editor, and voice-over artist at Jellyfielder Studios; he also writes entertainment news for Box Office Buz and enjoys making things from stock footage.","sameAs":["https:\/\/www.linkedin.com\/in\/-chris-suffield-781a293a\/?originalSubdomain=uk"],"url":"https:\/\/new-blog.artlist.io\/blog\/author\/chris-suffield\/"}]}},"uagb_featured_image_src":{"full":["https:\/\/new-blog.artlist.io\/blog\/wp-content\/uploads\/2021\/07\/8b35b06b8c6621220cbbe3af86ae9bb64e4af933.jpg",1920,750,false],"thumbnail":["https:\/\/new-blog.artlist.io\/blog\/wp-content\/uploads\/2021\/07\/8b35b06b8c6621220cbbe3af86ae9bb64e4af933-150x150.jpg",150,150,true],"medium":["https:\/\/new-blog.artlist.io\/blog\/wp-content\/uploads\/2021\/07\/8b35b06b8c6621220cbbe3af86ae9bb64e4af933-300x117.jpg",300,117,true],"medium_large":["https:\/\/new-blog.artlist.io\/blog\/wp-content\/uploads\/2021\/07\/8b35b06b8c6621220cbbe3af86ae9bb64e4af933-768x300.jpg",768,300,true],"large":["https:\/\/new-blog.artlist.io\/blog\/wp-content\/uploads\/2021\/07\/8b35b06b8c6621220cbbe3af86ae9bb64e4af933-1024x400.jpg",1024,400,true],"1536x1536":["https:\/\/new-blog.artlist.io\/blog\/wp-content\/uploads\/2021\/07\/8b35b06b8c6621220cbbe3af86ae9bb64e4af933-1536x600.jpg",1536,600,true],"2048x2048":["https:\/\/new-blog.artlist.io\/blog\/wp-content\/uploads\/2021\/07\/8b35b06b8c6621220cbbe3af86ae9bb64e4af933.jpg",1920,750,false]},"uagb_author_info":{"display_name":"Chris Suffield","author_link":"https:\/\/new-blog.artlist.io\/blog\/author\/chris-suffield\/"},"uagb_comment_info":0,"uagb_excerpt":"Animation can take many forms and use many different tools; one thing that unifies all animation, however, is the use of Keyframes. Keyframe animation is used in everything, from flashing photo montages on Instagram to the latest animated movie.","_links":{"self":[{"href":"https:\/\/new-blog.artlist.io\/blog\/wp-json\/wp\/v2\/posts\/4138"}],"collection":[{"href":"https:\/\/new-blog.artlist.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/new-blog.artlist.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/new-blog.artlist.io\/blog\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/new-blog.artlist.io\/blog\/wp-json\/wp\/v2\/comments?post=4138"}],"version-history":[{"count":1,"href":"https:\/\/new-blog.artlist.io\/blog\/wp-json\/wp\/v2\/posts\/4138\/revisions"}],"predecessor-version":[{"id":7386,"href":"https:\/\/new-blog.artlist.io\/blog\/wp-json\/wp\/v2\/posts\/4138\/revisions\/7386"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/new-blog.artlist.io\/blog\/wp-json\/wp\/v2\/media\/4144"}],"wp:attachment":[{"href":"https:\/\/new-blog.artlist.io\/blog\/wp-json\/wp\/v2\/media?parent=4138"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/new-blog.artlist.io\/blog\/wp-json\/wp\/v2\/categories?post=4138"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/new-blog.artlist.io\/blog\/wp-json\/wp\/v2\/tags?post=4138"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}