Memuat
Memuat
Watch every step above performed live, with English narration.
0 plays
Class book
Page 1 / 6
Cover: Class After Effects #15: First Keyframe: Stopwatch and Position Animation
Click a page or use ◀ ▶ to turn · swipe on mobile · to enlarge
Want to go deeper?
Join one of our courses or ask us directly on WhatsApp.
Picked from the software, topic, and level of “Class After Effects #15: First Keyframe: Stopwatch and Position Animation”.
Other ways we can help with Adobe After Effects.
Learn with a mentor
Scheduled Video Editing courses with live guidance and a certificate.

Course/Training Bimbingan Skripsi/Tesis/Disertasi Adobe After Effects
★ 4.9 (3)

Course/Training Resolume Arena — Resolume Arena Mastery: Visual Mixing and VJing
★ 5.0 (12)

Adobe Premiere Pro CC 2019 Basic to Ultimate Training Course
★ 5.0 (9)
Have it built for you
No time to learn Adobe After Effects? Our team can do the project for you.

Development Service: Bimbingan Skripsi/Tesis/Disertasi Adobe After Effects
★ 5.0 (3)

Development Service: Adobe After Effects — Expressions Expert
★ 5.0 (3)

Adobe Premiere Pro Creation Service — Video Editing for Internet Marketers
★ 5.0 (4)
Get notified about new Adobe After Effects classes
At most one email a week. Unfollow anytime with one click.
The full narration of this video. The current sentence is highlighted while the video plays; click any sentence to jump there.
This is our first animation, a title that slides in from the left, stops in the middle, and then smoothly moves up above the mountain footage at sunrise. Everything can be done with just 3 keyframes. Let's get started. Hello, welcome back to the complete Adobe After Effects series from Cerdas Inovasi Digital. In this third module, we start animating. The main concept is keyframes; we define property values at certain time points, and After Effects calculates all the frames in between. We start with animating position.
Create a composition from the sunrise mountain footage. Using the Type Tool, type 'danau fajar' in the center of the screen, size 140 pixels. Select the text layer and press P to display position only. To the left of the property name there is a stopwatch icon. Make sure the time indicator is at 0 seconds.
Drag the text out of the left side of the screen, then click the stopwatch position. The stopwatch turns blue and a diamond icon appears in the timeline. That is the first keyframe, at 0 seconds, the text position is outside the left side. Move the time indicator to 1.5 seconds. Drag the text back to the center of the screen. Since the stopwatch is active, every change in value automatically creates a new keyframe.
Now there are two keyframes, and in the composition panel, you can see the motion path line from left to center.
Drag the time indicator back and forth between the two keyframes. The text moves automatically from left to center. After Effects calculates the position for each frame in between, a process called interpolation. The small dots along the motion path indicate the position for each frame. Move to 4 seconds, then change the Y position value by dragging the second blue number until the text rises slightly.
The third keyframe is created. Animation now has two parts. It moves in quickly, then rises slowly.
Press home and space to play the animation. Notice the motion path and the distance between the points. Points that are close together mean slow motion, points that are spaced out mean fast motion. In the following episodes, we will make this motion smoother with easing.
Done. We have now understood the concept of keyframes, activating the stopwatch, creating keyframes by moving the time and changing the value, reading the motion path, and checking interpolation with scrub and preview. In the next episode, we will animate scale, rotation, and opacity simultaneously. 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. Want to master the entire series, 104 episodes from the interface to the final project? All episodes, complete with PDF step-by-step guides, source footage, and project scripts, are 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 just one class? Buy single class with lifetime access. Subscribe now at the premium page cerdasinovasidigital.com Contact our WhatsApp or visit cerdasinovasidigital.com Thank you for watching, see you in the next episode.
Type a question or keyword; we find the part of this episode that explains it and jump the video there.
Notes are saved with the current video time and are only visible to you.
Stuck on a step? Ask here; the instructor and other learners can answer.
No questions yet.

Cerdas Inovasi Digital Team
Software developers, BIM & 3D engineers, and AI practitioners
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.
See our clients →