Adding Animated Text & Motion Graphics to Video

Part 1: The "Why" — Principles of Highlighting and Motion

Before we start adding keyframes, it's essential to understand the purpose of these graphics. Good motion design isn't about random movement; it's about intentional communication.

First, let's clarify the role of highlighting in video.

Now that you understand the goal is to guide and emphasize, let's look at the "rules" for making motion look good. Professional animation feels smooth and intentional because it adheres to established principles.

From those readings, here are the most critical principles for our purposes:

• Easing: Objects in the real world don't start and stop moving instantly; they accelerate and decelerate. Applying "eases" (like Easy Ease In/Out in Premiere Pro or adjusting curves in Resolve) is the single most important step to make your animations look professional. Linear motion is a hallmark of beginner work.
• Timing and Spacing: The duration of an animation affects its perceived character. A quick, snappy text animation feels energetic, while a slow, gentle fade feels calm and deliberate.
• Secondary and Layered Animation: The most compelling graphics are often a combination of simple animations. A text overlay might fade in (primary animation) while a colored line draws itself underneath (secondary animation). This layering adds depth and visual interest.

Part 2: The "How" — Core Techniques in Your Editor

Let's translate those principles into practice. The following techniques use fundamental tools like the Transform effect, keyframing, and masking/cropping, which are available in both Premiere Pro and DaVinci Resolve.

Technique 1: Animating Text with the Transform Effect

The most common task is making text appear and disappear smoothly. The Transform effect is your primary tool for this, allowing you to animate properties like Position, Scale, and Opacity over time.

This video demonstrates a clean, professional approach.

To replicate this:

1. Create a text layer using the Type Tool.
2. In the Effect Controls (Premiere) or Inspector (Resolve), find the Transform properties.
3. Move the playhead to where you want the animation to end. Click the stopwatch icon next to Position and Opacity to set your ending keyframes.
4. Move the playhead to where you want the animation to start. Change the Position (e.g., move it slightly up) and set Opacity to 0%. This automatically creates the starting keyframes.
5. Select your keyframes, right-click, and apply an ease (e.g., Temporal Interpolation > Ease In/Out).

Technique 2: Creating Animated Highlighters and Callouts

For a product walkthrough, you need to draw the viewer's eye to specific parts of the screen. You can do this with animated shapes or by highlighting UI elements.

First, let's look at animating a shape to reveal text.

Now for a more practical example for your tutorials. How do you show a keyboard shortcut?

Technique 3: The Power of Nesting and Presets

As your graphics become more complex, your timeline can get messy. Nesting (or creating compound clips in Resolve) allows you to group multiple layers into a single clip, which you can then move or apply effects to as one unit.

By understanding how these presets are built (with keyframes and effects), you can start creating and saving your own to drastically speed up your workflow.

Part 3: Ensuring Readability and Good Design

An animation can be technically perfect but fail if the viewer can't read the text. Here are some hard and fast rules for on-screen text.

Key Rules for Readability:

• Font Choice: Use a clean, sans-serif font (like Inter, Helvetica, Poppins, or Futura) for maximum readability on screens.
• Contrast: Ensure there is strong contrast between your text color and the background. A subtle drop shadow or a semi-transparent shape layer behind the text can help it pop.
• Size: Make text large enough to be easily read on a mobile phone.
• Pacing: Don't flash text on the screen for a fraction of a second. Give your audience time to read and comprehend it.

Your Turn: Animate Your Video

Now it's time to apply these techniques to the video you assembled in the last lesson.

1. Task 1: Animate a Title. At the beginning of your video, add a title. Animate it on screen using the Transform effect (e.g., a combination of Position and Opacity) and be sure to apply easing to the keyframes for a smooth motion.
2. Task 2: Highlight a Key Feature. Find a moment in your screen recording where you're demonstrating an important action or UI element.
   • Add a text overlay that names the feature (e.g., "Layer Styles," "Export Settings"). Animate it using a simple fade-in/fade-out.
   • On another layer, add a shape (like a rectangle or circle with no fill and a colored stroke) around the feature on screen. Animate its scale or opacity to draw attention to it at the same time the text appears.
3. Task 3 (Challenge): Create a Shortcut Graphic. If your walkthrough involves a keyboard shortcut, try to replicate Bog's technique. Find a transparent PNG of a keyboard online, place it on your timeline, and animate simple colored shapes over the relevant keys to visualize the command.

Practice Checklist:

• Title is animated with Position/Opacity keyframes and easing.
• A key feature is highlighted with an animated text overlay.
• The same feature is highlighted with an animated shape (callout).
• All text uses a readable sans-serif font with good contrast.
• (Challenge) A keyboard shortcut is visually demonstrated.

Conclusion

Excellent work. You've moved beyond simple cuts and have started thinking like a motion designer. You learned not just how to animate graphics, but why certain animations are more effective, grounding your practical skills in established design principles. By using text overlays, shapes, and other simple graphics, you can now direct your audience's focus, making your faceless tutorials significantly clearer and more professional.

Key Takeaways:

• Good motion design follows principles like Easing, Timing, and Layering to feel intentional.
• The Transform effect (animating Position, Scale, Rotation, Opacity) is your most versatile tool.
• Combine simple elements (text, shapes) on different layers to create sophisticated highlights.
• Nesting is crucial for managing complex animations and maintaining an organized timeline.
• Readability is non-negotiable: prioritize clear fonts, high contrast, and adequate screen time for all text.

Preview of the Next Lesson

You've now completed a full audio and video edit, from assembly to polish. But as you know, your access to the Adobe suite is temporary. To prepare for the future, our next lesson will be a strategic one. We will conduct a detailed comparison of video editors (DaVinci Resolve, Premiere Pro, Final Cut Pro), analyzing their features, performance on your M1 Mac, and long-term cost, so you can make an informed decision about the tool you'll master for your business. We will also outline a potential gear upgrade roadmap for when you're ready to invest.