How to add a keyframe in After Effects
:quality(75))
In animation, a keyframe indicates a particular moment in time when a major change happens. This could be a change in an element’s properties, like:
- Position
- Opacity
- Rotation
- Size
- Shape
- Color
- Etc.
Using animation software like Adobe After Effects, you can add keyframes to elements on the Timeline to create dynamic movement and effects. You can add keyframes automatically or manually, depending on the movement and effects you want to apply.
After Effects allows you to add one keyframe at a time applied to a particular layer property. But we’ll show you how Linearity Move’s revolutionary Animate Mode empowers you to automatically create multiple keyframes by arranging your elements over time.
Step 1
Open your After Effects Project
Start a new After Effects Project or open an existing one. Select your Composition.
:quality(75))
Step 2
Change properties over time
In your Timeline, open the element you want to animate and unfurl the Transform dropdown.
Click the Time-Vary Stopwatch icon next to a property (such as Position). This will automatically create the first keyframe at the Current Time Indicator.
:quality(75))
Move the Current Time Indicator to the next position and move the element.
:quality(75))
Another keyframe will be created on the Timeline. After Effects will animate the element between these two keyframes as it moves from Position 1 to Position 2.
Each time you make a change to that property while the Stopwatch is running, new keyframes will be created to indicate motion. You can also add keyframes manually by clicking on the diamond-shaped Keyframe icon on the left of the Stopwatch.
:quality(75))
To reset all the keyframes for a particular property, simply click on the Stopwatch icon again to untoggle it. This will remove all the keyframes you created for that property.
:quality(75))
To move a keyframe, simply click and drag it on the Timeline.
Want to create a more complex animation? Learn how to animate text using After Effects.
How to add keyframes in Linearity Move
Let’s look at how easy it is to automatically create keyframes in Linearity Move.
Open your Linearity Move Project and make sure Animate Mode is toggled on.
:quality(75))
Arrange your elements over time
No need to toggle any stopwatches in your Timeline Layers. You can move, resize, rotate, and change elements directly on your canvas.
:quality(75))
Linearity Move will automatically create multiple keyframes each time you change different elements’ particular properties.
Pro tip: Use Linearity Move’s Auto Animate feature to create your entire animation in one click.
Ready for easy animation?
Keyframing is fundamental to animation. Whether you’re creating social media posts, online ads, or explainer videos, you must learn how to create and use keyframes to add motion.
Linearity Move empowers you to animate intuitively. You can switch between Design Mode and Animate Mode to create elements and then animate them visually on your canvas.
You also have the power to edit motion and add effects, just like you would in After Effects.
Ready to try new and innovative animation software? Get started for free below or check out our pricing for education, pros, and teams.
Your Linearity subscription will also include our design platform Linearity Curve —a game-changing alternative to Adobe Illustrator seamlessly integrated with Linearity Move.
:quality(75))
Jumpstart your creative ideas with Linearity Curve and Linearity Move
Jumpstart your creative ideas with Linearity Curve and Linearity Move
Frequently asked questions
Sharné McDonald
Contributing Writer
Sharné is a contributing writer to the Linearity Blog. She has 10+ years' experience in graphic design and marketing and holds a Master's degree in Art Education.
:quality(75))
:quality(75))
:quality(75))
:quality(75))
:quality(75))