ayer in After Effects has its set of adjustable animation properties that control specific aspects of the layer&#8217;s content. Some properties also control the content (i.e., Text, Solid, and Shape) itself depending on the type of content or layer.\u00a0\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Text, Solid, and Shape layers have the same five basic properties listed below the Transform Tab. If they aren&#8217;t visible, you can toggle the little arrow on the left side. The five properties include:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Anchor Point<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Position<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Rotation<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Scale<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Opacity<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">You can call up each property individually by hitting the hotkey. The five properties&#8217; hotkeys are A (Anchor Point), P (Position), S (Scale), R (Rotation), and T (Opacity).<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Once you pick a layer in the Timeline, it&#8217;ll be outlined within the composition window with the target symbol designating the anchor point. It&#8217;s always a great idea, to begin with setting the anchor point before you do <a href=\"https:\/\/www.storyblocks.com\/resources\/tutorials\/how-to-make-an-animated-background-using-after-effects\">animations<\/a> because this will be the point on the layer where other actions (like rotation or changing scale) originate from.<\/span><\/p>\n<h3><b>Adjusting Transform Properties<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Throughout your animation, you may choose to alter one, several, or none of the Transform properties. You must provide an initial keyframe to any property that&#8217;s set to change over time:<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Move the Time Indicator to the point where you wish to begin keeping track of the Transform property, usually at 0;00;00;00. To do this, slide the indicator along the Timeline or key in the time numerically within the Preview Time section in the order: hours; minutes; seconds; frames.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Click the tiny Stop Watch icon located on the property&#8217;s left side, then enter the value you expect at this position.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Create the next Keyframe by moving the time indicator and simply changing the property value.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">You&#8217;ll notice that the software automatically creates the new Keyframe or diamond when you adjust the values (you don&#8217;t even have to select the StopWatch icon).<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Press the spacebar to preview the animation. You&#8217;ll notice that the software tweens between keyframes automatically.\u00a0\u00a0<\/span><\/li>\n<\/ol>\n<p style=\"text-align: center;\"><img fetchpriority=\"high\" decoding=\"async\" class=\"size-full wp-image-49087 aligncenter\" src=\"https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/01\/27104415\/after-effects-editing.jpeg\" alt=\"Hands of a man on his computer while editing a video.\" width=\"512\" height=\"341\" \/><\/p>\n<h2><b>How to Keyframe with Transform Effects Tab<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">A Keyframe is the second most crucial After Effects animation tool after the Timeline. In essence, the term refers to markers in time that tell the program where you want an effect property or layer to begin and where it should end. Creating animation basically entails setting the markers and changing their values.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Keyframes do more than just move layers and are used in all effects and properties. You can use them to adjust an element&#8217;s opacity from 0% visibility to 100% over time or adjust its scale to your preferred level. What&#8217;s more, you can add them to effects to make your effects more flexible, which unlocks an infinite world of possibilities for motion design.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">You&#8217;ll follow these straightforward steps to add a keyframe in Adobe After Effects:<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Place the current-time indicator (CTI) where you wish to commence your keyframe effect.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Select the property on which you wish to apply an effect.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Click on the arrow on the layer name&#8217;s left side and open the drop-down menu.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">You&#8217;ll seek the Transform effects option. Open its drop-down, then identify the property to apply a keyframe.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Set your first Keyframe by clicking the stopwatch beside the property. Set a second one for your desired animation since you&#8217;ll need more than one Keyframe to achieve an effect.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Slide the CTI to the point where you intend to conclude the effect.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">You&#8217;ll see a diamond button at the far left of your property &#8211; Click on it. You may also use the <a href=\"https:\/\/www.storyblocks.com\/resources\/blog\/after-effects-shortcuts\" target=\"_blank\" rel=\"noopener\">keyboard shortcut<\/a>: Option + property hotkey.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Adjust the property value at the second Keyframe to your preferred final value.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Return the CTI to its original spot, then hit the spacebar to view the changes from Keyframe to Keyframe.\u00a0\u00a0<\/span><\/li>\n<\/ol>\n<h2><b>Transform Your Next Project with Quality Stock Media<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Transform Effects is a crucial feature for your After Effects motion graphics projects, but you also need quality images and <a href=\"https:\/\/www.storyblocks.com\/video\/footage\">footage<\/a> to achieve the best results. Still, most experts face difficulties matching their budgets with their stock content needs, and this is where <\/span><a href=\"https:\/\/www.storyblocks.com\/\"><span style=\"font-weight: 400;\">Storyblocks<\/span><\/a><span style=\"font-weight: 400;\"> comes in.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The world&#8217;s first stock media subscription service offers an expansive library comprising over eight million royalty-free video, template, music, and footage assets. You&#8217;ll also enjoy unlimited downloads and an easy-to-use video editor, <a href=\"https:\/\/www.storyblocks.com\/maker\">Maker<\/a>. <\/span><a href=\"https:\/\/www.storyblocks.com\/join\/become-user\"><span style=\"font-weight: 400;\">Sign up<\/span><\/a><span style=\"font-weight: 400;\"> today to boost your game within your budget.\u00a0 <\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>One of the most incredible features of Adobe After Effects is that it lets you apply and animate custom transformations to each layer. You can do this via the transform effects drop-down within the Timeline panel. With the Transform effects tab, you can animate respective layers in different ways. This tab allows you to adjust an object&#8217;s properties, such as its anchor point, scale, position, rotation, opacity, and scale. Want to learn how to achieve all these? Check it out here!<\/p>\n","protected":false},"author":46,"featured_media":309,"template":"","topic":[18,14],"class_list":["post-26201","tutorial","type-tutorial","status-publish","has-post-thumbnail","hentry","topic-after-effects","topic-video-editing"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.storyblocks.com\/resources\/wp-json\/wp\/v2\/tutorial\/26201","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.storyblocks.com\/resources\/wp-json\/wp\/v2\/tutorial"}],"about":[{"href":"https:\/\/www.storyblocks.com\/resources\/wp-json\/wp\/v2\/types\/tutorial"}],"author":[{"embeddable":true,"href":"https:\/\/www.storyblocks.com\/resources\/wp-json\/wp\/v2\/users\/46"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.storyblocks.com\/resources\/wp-json\/wp\/v2\/media\/309"}],"wp:attachment":[{"href":"https:\/\/www.storyblocks.com\/resources\/wp-json\/wp\/v2\/media?parent=26201"}],"wp:term":[{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.storyblocks.com\/resources\/wp-json\/wp\/v2\/topic?post=26201"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}