Create a Cinematic Title Animation in Alight Motion Free Download

“Titles” are more than just text, they set the tone of your video, build anticipation, and make your first iimpression on the audience.
In this today’s article, you will learn how to create a professional, cinematic title animation that will captivate your viewers.

lets dive into tutorial part.

Create a Cinematic Title Animation in Alight Motion

Create a Cinematic Title Animation in Alight Motion

  • Step 1: Set Up the Project
    • Open Alight Motion and create a new project.
    • Set the resolution to 1920 x 880 pixels — this is a cinematic aspect ratio (slightly wider than usual).
    • Set the frame rate to 24 fps — this gives a natural cinematic motion look.
  • Step 2: Add & Adjust Text
    • Tap + Add Text, and type in your desired title (example: “CINEMATIC”).
    • Adjust horizontal spacing — this spreads out the letters so it looks more elegant. You can find this option in the text settings.
    • Choose a bold, cinematic font. In this tutorial, TT L Neue Blacket is used — you can use any bold modern font.
    • Increase the text size so it fills the center part of the screen (don’t worry about perfect alignment yet).
    • Add the Text Spacing effect from the effects panel. This lets you animate the spacing of letters smoothly.
  • Step 3: Duplicate & Style Layers
    • To create depth and visual interest:
    • Duplicate your text layer two times — you should now have three layers.
    • On the bottom layer:
      • Change its color (for example, light blue or grey).
      • Adjust the letter spacing — make it tighter or looser to add contrast.
    • On the second layer:
      • Set color to black.
      • Increase letter spacing slightly.
    • Add a Gaussian Blur effect — this will give a nice shadowy glow.
    • Apply a clipping mask so the blur stays inside the text shape.
  • Step 4: Add Gradient & Stroke
    • On your top (main) text layer, add a Radial Gradient Fill:
      • Set Center color to White.
      • Set Edges color to Blue (or any accent color you like).
    • Add a Stroke to the text:
      • Color: White.
      • Width: 1.5 px — thin but visible.
  • Step 5: Animate the Text Spacing
    • Here’s how to animate the text so it feels alive:
    • Go to frame 15 in the timeline.
    • Add a keyframe for the letter spacing property.
    • Go back to frame 0 and increase the letter spacing — this makes the letters start wide and smoothly tighten.
    • Use a smooth animation curve for natural movement (ease in-out).
    • Repeat the same animation for the second and third layers — so all layers animate together.
  • Step 6: Zoom In & Out Animation
    • Next, let’s add some gentle zoom:
    • Parent the second and third text layers to the first one (so they move together).
    • Go to frame 4, add a keyframe for Scale (size).
    • At frame 0, increase the scale slightly so the text zooms out smoothly as the video starts.
    • Add a final keyframe near the end of the animation to gently “zoom out.”
  • Step 7: Light Sweep Effect
    • Add a white square shape, stretch it vertically, and rotate it diagonally.
    • Apply Gaussian Blur so it looks like a light sweep.
    • Animate its position so it moves across the text from left to right.
    • Add a clipping mask so the light only affects the text.
  • Step 8: Lens Flare
    • Download the Lens Flare image or video (link is in the YouTube description).
    • Place the lens flare under the text layers.
    • Animate opacity — fade it in at the start, and fade it out after a few seconds.
  • Step 9: Extra Lens Flare Details
    • To make the animation richer:
    • Duplicate the Lens Flare layer.
    • Place it on top of the text layers.
    • Parent it to the first text layer.
    • Remove existing opacity keyframes, reduce the flare’s size.
    • Change blend mode to Linear Dodge and lower opacity.
    • Duplicate a couple more times and move to different positions for added depth.
  • Step 10: Add Motion Blur
    • Apply Motion Blur effect (set to 0.50).
    • Copy and paste this effect to all text layers.
    • (TIP: Motion Blur makes all movement smoother and more natural.)
  • Step 11: Background Gradient
    • To give your animation a proper background:
    • Add a large square shape, stretch it to fill the screen.
    • Apply Radial Gradient fill:
    • Outer color: Black.
    • Center: Dark Blue (or a color matching your video).
    • Adjust the gradient so the background is dark but subtly colored — this helps the title “pop.”
  • Step 12: Create Multiple Titles
    • If you want to use this animation for multiple titles:
    • Group all the layers together.
    • Duplicate the group for the second title.
    • Change the text (example: “ANIMATION”).
    • Copy this new text to all three sub-layers.
    • Adjust Lens Flare positions if needed.

Final Result: Cinematic Title Animation

🎥 Now you have a professional-quality cinematic title animation — perfect for intros, trailers, and more!

Tips & Final Words

  • Practice the timing of the animations — don’t rush it.
  • Experiment with different fonts and colors to match your brand.
  • Use subtle motion for a professional result — less is more.
  • If you get stuck, rewatch the video — everything is shown clearly there.

And as always — if you have questions, leave a comment under the Comments and I’ll help you out!

Leave a Comment

Your email address will not be published. Required fields are marked *