{"id":1705,"date":"2022-04-07T18:00:00","date_gmt":"2022-04-08T01:00:00","guid":{"rendered":"http:\/\/demoblogs.ecuad.camrose\/?page_id=1705"},"modified":"2025-02-14T20:08:40","modified_gmt":"2025-02-14T20:08:40","slug":"keyframe-animation-with-after-effects","status":"publish","type":"page","link":"https:\/\/palette.ecuad.ca\/mrose\/resources\/digital-animation-methods-and-software\/after-effects\/keyframe-animation-with-after-effects\/","title":{"rendered":"Keyframe Animation with After Effects"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Listed below, you will find notes to get you acquainted with animating with keyframes in After Effects. There are different approaches you could take, depending on your preference and skill level with animation principles and implementation of software.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To begin, a link to &gt; <a title=\"Notes on Keyframes\" href=\"https:\/\/palette.ecuad.ca\/mrose\/resources\/digital-animation-methods-and-software\/after-effects\/keyframe-animation-with-after-effects\/notes-on-keyframes\/\" target=\"_blank\" rel=\"noopener\">Notes on Keyframes<\/a><\/li>\n<\/ul>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>Straight-Forward Direct Digital Animation<\/strong><\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">For those who prefer to animate directly without encumbrances of software, menus and complex production steps, click below for notes on the \u201cHold Keyframe &amp; Manual Frame-by-Frame Method.\u201d With this approach, you will start by setting initial keyframes for particular features. You then turn off the interpolation, and proceed animating frame-by-frame, just as you would do with animating cutouts or objects under-the-camera, but in a digital context.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Link to &gt; <a href=\"https:\/\/palette.ecuad.ca\/mrose\/resources\/digital-animation-methods-and-software\/after-effects\/keyframe-animation-with-after-effects\/hold-keyframe-manual-frame-by-frame-animation\/\" target=\"_blank\" rel=\"noreferrer noopener\">Hold Keyframe &amp; Manual Frame-by-Frame Method<\/a><\/li>\n<\/ul>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>Keyframe Assistant<\/strong><\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">For those who are working with keyframes in After Effects for the first time, you could make use of the Keyframe Assistant.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To begin, on the Timeline, context-click on the Columns Ribbon and choose \u201cKeys,\u201d to prominently place the Keyframe Navigator in your workspace and provide easy access.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To use moving a layer as an example, you should set Position keyframes first, both \u201cspacial\u201d (in the Composition Monitor) and \u201ctemporal\u201d (on the Timeline). By default, the keyframes are Linear. You will need to change them to Bezier, adding \u201ceases,\u201d acceleration\/deceleration from out and into particular keyframes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Use the Keyframe Navigator in the Timeline to select a particular keyframe and then context click:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Keyframe Assistant &gt; Easy Ease (or F9 on the keyboard)<\/li>\n\n\n\n<li>Or go to the Main Menu &gt; Animation &gt; Keyframe Assistant &gt; Easy Ease<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Doing so, you will have converted the default Linear keyframes to Bezier with eases. Right away, this will change the nature of the animation in a positive way. You can then proceed with modifying the eases as a next step, and to adjust the positioning\/timing of the keyframes along the Timeline.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>To Adjust the Control of the Bezier Keyframes, to Make Eases Either Steep or Gradual<\/strong><\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">With this step, you will make adjustments to the Bezier curves to affect the \u201coutgoing\u201d and \u201cincoming\u201d velocity of keyframes. You \u201cease out\u201d of of one keyframe, and then \u201cease in\u201d to the next keyframe.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Use the Keyframe Navigator in the Timeline to select a particular keyframe and then context click:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Keyframe Velocity<\/li>\n\n\n\n<li>Or go to the Main Menu &gt; Animation &gt; Keyframe Velocity<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">From here, you should change the Influence of the Outgoing and Incoming velocity<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>By default, setting Easy Ease, the Influence is 33.33%<\/li>\n\n\n\n<li>Increasing the Influence towards 100% will make the acceleration\/deceleration \u201csteeper.\u201d<\/li>\n\n\n\n<li>Decreasing the Influence towards 0% will make the acceleration\/deceleration \u201cgentler\u201d or more gradual.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">For Precise Control of the Nature of Keyframes, Using the Graph Editor<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click here for &gt; <a href=\"https:\/\/palette.ecuad.ca\/mrose\/resources\/digital-animation-methods-and-software\/after-effects\/keyframe-animation-with-after-effects\/keyframes-and-graph-editor\/\" target=\"_blank\" rel=\"noreferrer noopener\">Notes on the Graph Editor<\/a><\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Further notes are in progress. In the meantime, I am willing to go over the process with you, one-on-one.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Listed below, you will find notes to get you acquainted with animating with keyframes in After Effects. There are different approaches you could take, depending on your preference and skill level with animation principles and implementation of software. Straight-Forward Direct Digital Animation For those who prefer to animate directly without encumbrances of software, menus and [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":777,"menu_order":9,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-1705","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/palette.ecuad.ca\/mrose\/wp-json\/wp\/v2\/pages\/1705","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/palette.ecuad.ca\/mrose\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/palette.ecuad.ca\/mrose\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/palette.ecuad.ca\/mrose\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/palette.ecuad.ca\/mrose\/wp-json\/wp\/v2\/comments?post=1705"}],"version-history":[{"count":2,"href":"https:\/\/palette.ecuad.ca\/mrose\/wp-json\/wp\/v2\/pages\/1705\/revisions"}],"predecessor-version":[{"id":4950,"href":"https:\/\/palette.ecuad.ca\/mrose\/wp-json\/wp\/v2\/pages\/1705\/revisions\/4950"}],"up":[{"embeddable":true,"href":"https:\/\/palette.ecuad.ca\/mrose\/wp-json\/wp\/v2\/pages\/777"}],"wp:attachment":[{"href":"https:\/\/palette.ecuad.ca\/mrose\/wp-json\/wp\/v2\/media?parent=1705"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}