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 result we will create. A documentary-style information card that slides in, with text appearing one by one, then the card exits neatly, above footage of coffee bean processing. Let's start. Welcome back to the complete Adobe After Effects series from Cerdas Inovasi Digital. In this final episode of the easing module, we will combine everything: ease-in, influence, staggered timing, and the graph editor, to create an information card commonly used in documentary and business profile videos.
Step 1: Designing the card
Create a composition from coffee bean processing footage and set the duration to 6 seconds. Create a semi-transparent dark rectangle in the lower left as the card, a yellow accent line on its left side, a large text selection of coffee beans, and smaller text that appears traditionally below it.
Step 2: Card entering with a steep casing
Select the card and the accent line, make the text a child of the card using PIKWIP. Animate the position of the card, starting outside the left at 0 seconds, and ending at 0.8 seconds. Press F9, then open the velocity keyframe for the second keyframe and set the influence to 85%. To prevent the text from appearing at the same time as the card, animate the opacity of the large text from 0 at 0.6 seconds to 100 at 1 second.
Step 3: Staggered text
For the small text, start at 0.9 seconds to 1.3 seconds. This difference in frames creates a pleasant reading rhythm.
Step 4: Card exiting
The exit animation is usually faster and starts slowly. At 4.5 seconds, add a keyframe for the position at the final location, then at 5.2 seconds, move the card out to the left. Select the keyframe at 4.5 seconds, press Ctrl Shift F9 to apply ease-out, so the card moves slowly and then quickly exits.
Step 5: 1 beat at Speed Graph 0
Open the graph editor and select the card's position with the speed graph. There are two speed peaks: the incoming one that slows down gradually and the outgoing one that speeds up. This shape indicates a controlled and comfortable-to-watch animation. Close the graph editor, play the preview from the beginning.
Step 6: Preview and save
The card slides in, the title and description appear one by one, then the card exits neatly. Save the project with Ctrl S to use it again as a template.
Done!
Done. We have designed the information card, created an incoming animation with a steep ease-in, staggered text, an outgoing animation with ease-out, and checked the rhythm in the speed graph. The easing module is complete, and in the next module, we will delve into shape layers and motion graphics. 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 opens After Effects courses from beginner to advanced levels. Want to master all of these series, 104 episodes from the interface to the final project? All episodes, complete with step-by-step PDF guides, source footage, and project scripts, are available to 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 just one class? Buy single classes with lifetime access. Subscribe now at the premium page cerdasinovasidigital.com Contact us via WhatsApp, or visit cerdasinovasidigital.com Thank you for watching, see you in the next episode.
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.
