Picked from the software, topic, and level of “Class After Effects #18: Editing Keyframes: Navigating with J and K, Selecting, Moving, Copying, and Reversing”.
Get notified about new Adobe After Effects classes
At most one email a week. Unfollow anytime with one click.
Transcript
The full narration of this video. The current sentence is highlighted while the video plays; click any sentence to jump there.
Show transcript
Introduction
This is the technique we will practice: navigating, selecting, moving, and duplicating keyframes, then reversing their order, so the animation exits as if it was created from the entrance animation. Let's get started. Hello, welcome back to the complete Adobe After Effects series from Cerdas Inovasi Digital. After being able to create keyframes, we need to edit them quickly. In this episode, we practice all the ways to manage keyframes using footage of ocean waves and a title.
Step 1: Animation In
Create a composition from the wave footage and add a sunset wave text. At the 0-second mark, place the text outside the left side of the screen with opacity 0, enable stop motion and opacity. At the 1-second mark, place the text in the center with opacity 100. The entrance animation is complete.
Step 2: Navigate with J and K
Press KA to jump to the next keyframe, and J to return to the previous keyframe. The keyframe navigator in the property column also has left and right arrows. The diamond icon in the middle of the navigator is filled when the indicator is exactly on a keyframe.
Step 3: Select and Move Keyframes
The selection box in the keyframe area selects all keyframe position and opacity simultaneously. Selected keyframes are colored blue. Drag one of them to the right by half a second, then the entire group moves and the entrance animation starts slightly late. With the position keyframes still selected, press CTRL-C.
Step 4: Copy and Paste
Move the time indicator to the 4-second mark, then press CTRL-V. The copied keyframes are pasted starting from the indicator position. Do the same for the opacity keyframes. Now the entrance animation repeats at the 4-second mark.
Step 5: Time-Reverse Keyframes
The second animation should be the exit animation, the opposite of the entrance. Select the pasted keyframes, then open Animation, Keyframe Assistant, Time Reverse Keyframe. The value order is reversed, and the text now moves from the center to the left while fading out.
Step 6: Preview
Press space from the beginning. The title enters from the left, he reads briefly, then exits to the left while fading out. Everything is created from just 4 original keyframes that are copied and reversed.
Done!
Done. We've already used J and K for navigation. Navigator keyframe, selecting by dragging the box, moving keyframe groups, Copy and paste with CTRL-C and CTRL-V, as well as time-reverse keyframes. In the next episode, we'll learn about hold keyframes. Need a promotional video, logo animation, motion graphics for social media, Or visual effects for short films? Cerdas Inovasi Digital provides motion graphics and visual effects services, as well as opening the After Effects course from beginner to advanced level. Want to master the entire series? 104 episodes from interface to final project? All episodes, complete with step-by-step PDF guides, source footage, and project script, Available for premium tutorial subscribers. Subscribe starting at Rp69.000 per month, Save 28% with the 12-month package, or pay once Rp999.000 for lifetime access. Want a single class? Buy single class with lifetime access. Subscribe now on the premium page at cerdasinovasidigital.com. Contact our WhatsApp or visit cerdasinovasidigital.com. Thank you for watching, See you in the next episode. Thank you for watching,
Ask the class material
Type a question or keyword; we find the part of this episode that explains it and jump the video there.
My notes
Notes are saved with the current video time and are only visible to you.
Questions & answers
Stuck on a step? Ask here; the instructor and other learners can answer.
No questions yet.
Your instructor
Cerdas Inovasi Digital Team
Software developers, BIM & 3D engineers, and AI practitioners
52 video classes1,276 episodes
We build software, BIM models, games and AI automations for clients every day, and turn that hands-on work into step-by-step classes: every step is shown on screen and comes with a PDF guide you can keep.
