{"id":20375,"date":"2013-03-08T01:00:28","date_gmt":"2013-03-08T06:00:28","guid":{"rendered":"http:\/\/www.premiumbeat.com\/blog\/?p=20375"},"modified":"2013-03-19T07:35:26","modified_gmt":"2013-03-19T11:35:26","slug":"animation-keyframing-premiere-pro","status":"publish","type":"post","link":"https:\/\/www.premiumbeat.com\/blog\/animation-keyframing-premiere-pro\/","title":{"rendered":"Video Editing: Animation and Keyframe Basics in Adobe Premiere Pro"},"content":{"rendered":"

Animate and modify fixed effects in your Adobe Premiere Pro timeline to create basic animations. \u00a0In this post we’ll show you how.<\/h2>\n

\"Adobe<\/p>\n

In an earlier post we took at look at the into the fixed effects options in Premiere Pro.<\/a><\/strong> \u00a0In this post, we’ll learn how to animate them.<\/p>\n

Simply put, you can quickly animate elements in your Premiere Pro<\/strong> timeline by clicking on the little\u00a0stopwatch icon besides an effect name in your Effects Control panel:<\/p>\n

\"AnimationToggles\"<\/p>\n

But let’s dig deeper than that. \u00a0How can you create animations using keyframes in Premiere Pro? \u00a0What are keyframes, <\/strong>anyway?<\/p>\n

A Bit of History on Keyframes<\/h3>\n

The term keyframe<\/strong> goes back to the early days of film, when the first animated film “Gertie the Dinosaur” was created<\/a>. \u00a0The keyframe signals the start and end of on-screen animation. \u00a0The use of keyframes in animation<\/strong> was popularized by Disney, where many of the early principles of animation were worked out. \u00a0In those days the senior animators would come in at the start of the day and create the keyframes. \u00a0Once they’d finish creating those keyframes, they would go off leaving a junior animator to work the rest of the day creating the ‘inbetweens’, the intermediate frames between the keyframes that give the animation movement. \u00a0I have heard these junior animators described as “tweeners”, for the type of time intensive work they were assigned to do.<\/p>\n

Fast forward until today. \u00a0Premiere Pro is going to assume that you are the \u2018Key Frame Animator\u2019 in that you are going to specify the starting and ending point of an animation by adding keyframes. \u00a0Luckily, the in-between work is processed\u00a0and Premiere Pro is going to take on the role of ‘tweening’ the intermediate frames so that the animation will look natural and smooth.<\/p>\n

Nerd Alert<\/strong>: The technical term for this is called interpolation which, to quote Wikipedia<\/a>, \u2018\u2026is a method of constructing new data points within the range of a discrete set of known data points\u2019. The known data points are your keyframes and the interpolated points are what Premiere Pro<\/strong> creates.<\/span><\/p>\n

Creating Keyframes in Premiere Pro<\/h3>\n

When you are ready to specify the starting point of your animation you click the stopwatch next to the property you want to animate. \u00a0YOU ONLY PRESS IT ONCE!! Think about the stopwatch as an animation \u2018toggle\u2019 \u2013 you click it to say I want to animate and if you click it again you will be getting rid of any animation you have created. So press it once to toggle on animation for that property and your first keyframe will be created.<\/p>\n

Stopwatch Depressed and First Keyframe Created<\/strong><\/p>\n

\"FirstKeyframe\"<\/p>\n

The next step is essential for you to create animation and is a step that is often forgotten when someone starts learning animation. What you MUST do now is move your playhead. If you do not move your playhead and then change the value you are animating you will not be animating but just changing the value of the keyframe you have just created. However, if you move forward in time and then change the value you will have created animation.<\/p>\n

Animation Motion Path<\/strong><\/p>\n

\"MotionPath\"<\/strong><\/p>\n

Play-Head Move and Value Changed Giving a Second Keyframe<\/strong><\/p>\n

\"2ndKeyframe\"<\/p>\n

As you can see from the above, two things have happened. Firstly, you have created a second keyframe telling Premiere Pro<\/strong> where you want the animation to finish and secondly, you have created a motion path which can be seen on screen if you have the word \u2018Motion\u2019 selected in the Effect Controls Panel.<\/p>\n

Motion Path Closer Look
\n<\/strong>\"MotionPathCloser\"<\/p>\n

The motion path shows you quite a few things about your Premiere Pro animation…<\/p>\n

The little squares at the start and the end of the dotted line represent the keyframes. These can be selected in the program monitor and moved with the mouse if you want to reposition them.<\/p>\n

The little dots on the line represent the \u2018interpolated\u2019 frames that Premiere Pro has created to give smooth motion to your animation.<\/p>\n

Nerd Alert:<\/strong> You can tell the speed of an animation by the relative distance of these little interpolated frames. If the frames are close together then that means the item doesn\u2019t have to move very far one frame to the next and so will move slowly. If these dots are wide apart that means the item is moving a long way one frame to the next and so will move quickly.<\/p>\n

The other not so obvious thing you can see on this motion path are two solid circles a little after the first keyframe and about the same distance before the next keyframe. These are handles (known as Bezier Handles) which can be used to change the path of your animation.<\/p>\n

Moving the Bezier Handles<\/strong><\/p>\n

\"BezierHandles\"<\/p>\n

Once moved, the path of the animation is changed. However, you can change both the position and the length of these handles. Longer handles create more dramatic curves while shorter handles smooth the curves off somewhat. Experiment with position and length to see what they do.<\/p>\n

Nerd Alert<\/strong>: It is usually considered good practice to make sure that the total length of the Bezier handles on a path do not exceed the total length of that path.<\/p>\n

To play your animation back, simply move the play-head back before the first keyframe and hit the spacebar. This is how you can see your animation and so make appropriate changes. \u00a0There is however one \u2018gotcha!\u2019 that you need to be very careful about.<\/p>\n

If you’re going to modify a keyframe, \u00a0you must insure that the playhead is on the exact frame where your keyframe is placed. \u00a0Otherwise, you will inadvertently create another keyframe. \u00a0Oops!<\/p>\n

Now you understand the basics of animation it is important that you play with it until you it becomes a natural process for you. Start by animating the Premiere Pro fixed effects and then move on to effects that you can add to your shot such as the \u2018Lens Flare\u2019 effect (this is a great one to learn).<\/p>\n

One last note on animating rotation; if you keep increasing rotation you will get something that looks like the following\u2026<\/p>\n

Rotation Values in Premiere Pro<\/strong><\/p>\n

\"RotationText\"<\/p>\n

What this \u20182×245.0\u2019 means is that the item had been rotated 2 complete revolutions + 245 degrees.<\/p>\n

And if it all goes wrong? You will be pleased to know that there is a \u2018Reset\u2019 button next to most effects.<\/span><\/p>\n

\"Reset\"<\/p>\n

Just note, when you hit the reset button this will reset the values back to their \u2018out of the box default values\u2019. \u00a0It WILL NOT turn off any animation stopwatches you have depressed and will actually add keyframes to your animation! So, if you want to reset and get rid of all your animation to start again, make sure you hit the reset button AND toggle any animation stopwatches off to get rid of all your keyframes.<\/p>\n

Well, that\u2019s the basics of animation in Premiere Pro.<\/strong> \u00a0Experience is the best training tool, so start experimenting!\u00a0<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

Get schooled on animation in Adobe Premiere Pro. In this post we show you all the basics of animation, including adding keyframes, moving bezier handles and modifying \u2026<\/p>\n","protected":false},"author":12,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[714,39],"tags":[178,755,55,220,51,153,5376],"class_list":["post-class-post-20375","post-class-post","post-class-type-post","post-class-status-publish","post-class-format-standard","post-class-hentry","post-class-category-premiere-2","post-class-category-video-editing","post-class-tag-adobe-premiere-pro","post-class-tag-animation","post-class-tag-effects","post-class-tag-keyframes","post-class-tag-post-production","post-class-tag-tutorials-2","post-class-tag-video-editing"],"acf":[],"yoast_head":"\nVideo Editing: Animation and Keyframe Basics in Adobe Premiere Pro - The Beat: A Blog by PremiumBeat<\/title>\n<meta name=\"description\" content=\"Get schooled on animation in Adobe Premiere Pro. In this post we show you all the basics of animation, including adding keyframes, moving bezier handles and modifying interpolation.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.premiumbeat.com\/blog\/animation-keyframing-premiere-pro\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Video Editing: Animation and Keyframe Basics in Adobe Premiere Pro\" \/>\n<meta property=\"og:description\" content=\"Get schooled on animation in Adobe Premiere Pro. In this post we show you all the basics of animation, including adding keyframes, moving bezier handles and modifying interpolation.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.premiumbeat.com\/blog\/animation-keyframing-premiere-pro\/\" \/>\n<meta property=\"og:site_name\" content=\"The Beat: A Blog by PremiumBeat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/premiumbeat\" \/>\n<meta property=\"article:published_time\" content=\"2013-03-08T06:00:28+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2013-03-19T11:35:26+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2013\/03\/premiere-pro1.png\" \/>\n<meta name=\"author\" content=\"Andrew Devis\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Premiumbeat\" \/>\n<meta name=\"twitter:site\" content=\"@Premiumbeat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Andrew Devis\" \/>\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\":\"WebPage\",\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/animation-keyframing-premiere-pro\/\",\"url\":\"https:\/\/www.premiumbeat.com\/blog\/animation-keyframing-premiere-pro\/\",\"name\":\"Video Editing: Animation and Keyframe Basics in Adobe Premiere Pro - The Beat: A Blog by PremiumBeat\",\"isPartOf\":{\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/#website\"},\"datePublished\":\"2013-03-08T06:00:28+00:00\",\"dateModified\":\"2013-03-19T11:35:26+00:00\",\"author\":{\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/1142a63c844da560916a310c9a530088\"},\"description\":\"Get schooled on animation in Adobe Premiere Pro. In this post we show you all the basics of animation, including adding keyframes, moving bezier handles and modifying interpolation.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/animation-keyframing-premiere-pro\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.premiumbeat.com\/blog\/animation-keyframing-premiere-pro\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/animation-keyframing-premiere-pro\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.premiumbeat.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Premiere Pro\",\"item\":\"https:\/\/www.premiumbeat.com\/blog\/category\/premiere-2\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Video Editing: Animation and Keyframe Basics in Adobe Premiere Pro\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/#website\",\"url\":\"https:\/\/www.premiumbeat.com\/blog\/\",\"name\":\"The Beat: A Blog by PremiumBeat\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.premiumbeat.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/1142a63c844da560916a310c9a530088\",\"name\":\"Andrew Devis\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/3cd9e07c4d646dbb9069e040e553a9e9b0e9d2333d5d6297f3caef678329903f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/3cd9e07c4d646dbb9069e040e553a9e9b0e9d2333d5d6297f3caef678329903f?s=96&d=mm&r=g\",\"caption\":\"Andrew Devis\"},\"description\":\"Living in Leeds in the UK, Andrew is an Adobe Certified Instructor for Premiere Pro, Encore and After Effects, and is involved in both training and production. With a strong story-telling background - Andrew has been working in media for the last 16 years starting in radio production and then moving into video production, motion graphics\/animation and 3D animation. Training has become a passion for Andrew over the last few years. \u00a0He trains around the UK and also online with Creative Cow, where he has major series in both After Effects and Premiere Pro.\",\"url\":\"https:\/\/www.premiumbeat.com\/blog\/author\/andrewdevis\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Video Editing: Animation and Keyframe Basics in Adobe Premiere Pro - The Beat: A Blog by PremiumBeat","description":"Get schooled on animation in Adobe Premiere Pro. In this post we show you all the basics of animation, including adding keyframes, moving bezier handles and modifying interpolation.","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:\/\/www.premiumbeat.com\/blog\/animation-keyframing-premiere-pro\/","og_locale":"en_US","og_type":"article","og_title":"Video Editing: Animation and Keyframe Basics in Adobe Premiere Pro","og_description":"Get schooled on animation in Adobe Premiere Pro. In this post we show you all the basics of animation, including adding keyframes, moving bezier handles and modifying interpolation.","og_url":"https:\/\/www.premiumbeat.com\/blog\/animation-keyframing-premiere-pro\/","og_site_name":"The Beat: A Blog by PremiumBeat","article_publisher":"https:\/\/www.facebook.com\/premiumbeat","article_published_time":"2013-03-08T06:00:28+00:00","article_modified_time":"2013-03-19T11:35:26+00:00","og_image":[{"url":"http:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2013\/03\/premiere-pro1.png"}],"author":"Andrew Devis","twitter_card":"summary_large_image","twitter_creator":"@Premiumbeat","twitter_site":"@Premiumbeat","twitter_misc":{"Written by":"Andrew Devis","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.premiumbeat.com\/blog\/animation-keyframing-premiere-pro\/","url":"https:\/\/www.premiumbeat.com\/blog\/animation-keyframing-premiere-pro\/","name":"Video Editing: Animation and Keyframe Basics in Adobe Premiere Pro - The Beat: A Blog by PremiumBeat","isPartOf":{"@id":"https:\/\/www.premiumbeat.com\/blog\/#website"},"datePublished":"2013-03-08T06:00:28+00:00","dateModified":"2013-03-19T11:35:26+00:00","author":{"@id":"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/1142a63c844da560916a310c9a530088"},"description":"Get schooled on animation in Adobe Premiere Pro. In this post we show you all the basics of animation, including adding keyframes, moving bezier handles and modifying interpolation.","breadcrumb":{"@id":"https:\/\/www.premiumbeat.com\/blog\/animation-keyframing-premiere-pro\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.premiumbeat.com\/blog\/animation-keyframing-premiere-pro\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.premiumbeat.com\/blog\/animation-keyframing-premiere-pro\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.premiumbeat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Premiere Pro","item":"https:\/\/www.premiumbeat.com\/blog\/category\/premiere-2\/"},{"@type":"ListItem","position":3,"name":"Video Editing: Animation and Keyframe Basics in Adobe Premiere Pro"}]},{"@type":"WebSite","@id":"https:\/\/www.premiumbeat.com\/blog\/#website","url":"https:\/\/www.premiumbeat.com\/blog\/","name":"The Beat: A Blog by PremiumBeat","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.premiumbeat.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/1142a63c844da560916a310c9a530088","name":"Andrew Devis","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/3cd9e07c4d646dbb9069e040e553a9e9b0e9d2333d5d6297f3caef678329903f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3cd9e07c4d646dbb9069e040e553a9e9b0e9d2333d5d6297f3caef678329903f?s=96&d=mm&r=g","caption":"Andrew Devis"},"description":"Living in Leeds in the UK, Andrew is an Adobe Certified Instructor for Premiere Pro, Encore and After Effects, and is involved in both training and production. With a strong story-telling background - Andrew has been working in media for the last 16 years starting in radio production and then moving into video production, motion graphics\/animation and 3D animation. Training has become a passion for Andrew over the last few years. \u00a0He trains around the UK and also online with Creative Cow, where he has major series in both After Effects and Premiere Pro.","url":"https:\/\/www.premiumbeat.com\/blog\/author\/andrewdevis\/"}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pab9JK-5iD","_links":{"self":[{"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/posts\/20375","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/comments?post=20375"}],"version-history":[{"count":11,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/posts\/20375\/revisions"}],"predecessor-version":[{"id":21179,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/posts\/20375\/revisions\/21179"}],"wp:attachment":[{"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/media?parent=20375"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/categories?post=20375"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/tags?post=20375"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}