Getting Started with Motion Design in Alight Motion

Motion design is everywhere — from social media posts and YouTube intros to app interfaces and advertisements. With Alight Motion, you have a professional motion graphics toolset right on your mobile device. Here's how to get started.

What Is Motion Design?

Motion design (or motion graphics) is the art of bringing visual elements to life through movement. Unlike traditional animation that focuses on character storytelling, motion design typically involves animating text, shapes, icons, and graphic elements to communicate ideas or create visual interest.

Setting Up Your First Project

When you open Alight Motion, you'll create a new project by choosing:

• Resolution — 1080x1920 for vertical (Stories/Reels), 1920x1080 for horizontal (YouTube)
• Frame rate — 30fps for most social content, 60fps for smoother animations
• Duration — Set based on your needs; you can always adjust later

Understanding Layers

Everything in Alight Motion is built with layers. Think of them as transparent sheets stacked on top of each other:

1. Shape layers — Rectangles, circles, and custom paths
2. Text layers — Titles, captions, and typographic elements
3. Image layers — Photos and graphics you import
4. Video layers — Clips from your camera roll
5. Group layers — Combine multiple layers for complex animations

Your First Keyframe Animation

Keyframes are the foundation of motion design. They mark the start and end values of a property change:

1. Move the playhead to your starting position
2. Set the property value (e.g., position, opacity, scale)
3. Add a keyframe
4. Move the playhead forward in time
5. Change the property value
6. Add another keyframe

Alight Motion will automatically animate between these two points — this is called interpolation.

Easing: The Secret to Professional Motion

The difference between amateur and professional animation often comes down to easing. Instead of moving at a constant speed (linear), easing curves make motion feel natural:

• Ease In — Starts slow, ends fast (like a car accelerating)
• Ease Out — Starts fast, ends slow (like a ball rolling to a stop)
• Ease In-Out — Smooth acceleration and deceleration

Alight Motion gives you full control over easing curves with its graph editor, letting you fine-tune exactly how your animations feel.

Next Steps

Once you're comfortable with the basics, explore Alight Motion's advanced features like blending modes, masks, visual effects, and color correction. The best way to learn is to create — start a project today and experiment.