# How to make motion graphics without After Effects

Canonical URL: https://getvidiyo.app/blog/motion-graphics-without-after-effects
Last updated: 2026-10-08
Author: Ajay Pawriya (https://getvidiyo.app/about)
Published: 2026-10-08
Category: Motion and audio

> TL;DR: Most videos need a handful of motion graphics: titles, lower thirds, callouts, number counters and a speaker that moves into a card. You can build all of them in a video editor with text and shape layers, keyframes and good easing, or start from templates. In Vidiyo you ask in chat and the graphics sync to your words.

Most motion graphics in talking-head, demo and launch videos are not complicated. They are a title that lands on the right word, a name that slides in, a number that counts up, an arrow that draws itself toward the thing you're pointing at. You don't need a separate motion design app for those. You need layers, keyframes, decent easing and an eye for timing.

## What counts as motion graphics in an everyday video?

Motion graphics are animated text, shapes and data that explain or emphasise what is being said. In creator, founder and agency work, the same handful covers most needs: titles, lower thirds, callouts and arrows, number counters, simple charts, calls to action, and layout moves where the speaker shrinks into a card to make room for a graphic.

| Graphic | Where it helps | Built from |
|---|---|---|
| Title or key line | Hooks, section changes | Text layer, entrance animation |
| Lower third | Introducing a speaker | Text plus a bar or pill shape |
| Callout or arrow | Pointing at part of a screen | Shape or line that draws on |
| Number counter | A metric, a price, a milestone | Text that counts up |
| Chart | Growth, comparisons, shares | Bars or a line that animate in |
| Layout move | Making room for a graphic | Video layer scaled into a card |
| Call to action | The ending | Text, a button shape, a short pop |

## How do I make motion graphics in a regular video editor?

Use text and shape layers above your footage and animate their position, scale and opacity with keyframes. Set easing on every key, time each element to the line it supports, and hold it long enough to read. Most editors also ship title and lower-third templates you can restyle.

1. Write down the moment each graphic supports (the exact word, not roughly when).
2. Add a text or shape layer above the video at that moment.
3. Set a start keyframe off-screen, transparent or scaled down, and an end keyframe in place.
4. Apply easing: ease out for entrances so things decelerate as they land, ease in for exits.
5. Hold it still long enough to read twice.
6. Add an exit that is quicker than the entrance.
7. Watch it at full speed and at phone size, then adjust timing before styling.

## What makes motion graphics look professional?

Consistent easing, short durations and reading time. Amateur motion moves linearly, takes too long to arrive and disappears before anyone has read it. Professional motion arrives quickly, settles with a slight deceleration, holds, then gets out of the way.

- **Ease by role.** Entrances decelerate, exits accelerate, on-screen moves ease in and out. See [easing](https://getvidiyo.app/glossary/easing).
- **Stagger, don't dump.** Bring a list in one item after another, keeping the whole cascade short.
- **Hold for reading.** Vidiyo uses 0.4 seconds plus 0.2 seconds a word as the minimum hold for settled text.
- **One style.** The same fonts, colours and motion across every graphic in a video.
- **Mind the platform.** In vertical video, keep text out of the areas covered by buttons and captions.

## How do I make motion graphics in Vidiyo?

Ask for the graphic in chat. The assistant places it on its own layer, anchors its beats to the words you say, and checks the result. Each beat is tied to a transcript word, so if you trim the video later, the graphic moves with the line instead of drifting.

Things you can type:

- "Put 'Ship it on Friday' up as a title when I say it."
- "Move me into a card at the bottom and show the three steps above."
- "Count up to 12,400 when I mention subscribers."
- "Draw an arrow to the export button in the screen recording."

Under the hood, motion scenes are HTML graphics rendered frame by frame in a sandbox on your Mac, with no network access, and cached by content. Preview and export show identical pixels. A scene sits either under the video (between the background and the speaker) or over it (above the speaker, below captions).

The starter shelf covers seven categories: lower thirds, titles, numbers, charts, hand-drawn annotations (arrows, circles, underlines, boxes, highlights, a spotlight, checklists), calls to action and kinetic type. The assistant can use a template as is, adapt it or write an original scene. After every change it audits the scene over its whole timeline for text cut off by the frame, text too small to read, text held over other text, and in 9:16, text under the Reels, TikTok and Shorts interface.

Layouts can animate too: the speaker eases into a rounded card or a round bubble over a brand-coloured background, with the face kept in frame and captions following. Clips take keyframed punch-ins and slow pushes.

For hand-made motion, every visual layer has **Animate** presets (fade, slide, pop, zoom, shrink) and **Transform** properties you can key with ◇. Click a key on the timeline to set its easing: linear, ease, ease in, ease out, overshoot or hold. The assistant edits layers through the same model, so you can start by chat and finish by hand.

## Can I make kinetic typography without motion software?

Yes, if your editor can time each word to the voice. [Kinetic typography](https://getvidiyo.app/glossary/kinetic-typography) is text that moves with speech, word by word, with a few words treated for emphasis. By hand, that means one text layer per word or phrase, each keyed to its spoken moment, which is slow but doable for a short hook.

In Vidiyo, the kinetic type templates land every on-screen word on its spoken time and add treatments to the words you pick: a brush strike-through, a highlight box, a hand-drawn underline, letters revealed in boxes, or braces around a phrase. They lay the words out around your head rather than over your face. With a person cutout of the speaker, the big word can even sit behind your head while the smaller words stay in front.

## When do you still need dedicated motion design software?

For character animation, 3D, particle effects, complex masking and tracking, and anything where you are designing a unique visual system rather than applying one. Vidiyo has no masking, no speed ramps and no 3D, and it exports at 1080p/30. If your brand film needs those, use a dedicated motion tool for that piece and keep the everyday graphics in your editor.

For the weekly videos, launch clips and client edits where graphics support what someone is saying, layers, keyframes and templates timed to the words cover the work. See [adding lower thirds](https://getvidiyo.app/blog/add-lower-thirds-to-video) and [animated charts](https://getvidiyo.app/blog/animated-charts-in-video) for two of the most common pieces in detail.

## Honest limits

- Vidiyo exports at 1080p/30, and timelines max out at 5 minutes.
- No speed ramps or speed control.
- Motion scenes can't play video; picture-in-picture and split layouts are built from clips on layers instead.
- Starter templates are placed by the assistant; there is no template gallery tab.

## Frequently asked questions

### Do I need dedicated motion design software for simple motion graphics?

No. Titles, lower thirds, callouts, counters and simple charts can all be built in a video editor with text and shape layers and keyframes. Dedicated motion software earns its place for character animation, 3D and complex compositing.

### What is the most important part of good motion graphics?

Timing and easing. Elements should ease out as they arrive, hold long enough to read, and leave faster than they came. Linear movement and text that leaves before it can be read look amateur at any level of polish.

### How does Vidiyo make motion graphics?

Motion scenes are HTML graphics rendered frame by frame on your Mac, so the preview and the export show the same pixels. The assistant can place a starter template, adapt one or write its own, and anchor each beat to a spoken word.

### Can I edit Vidiyo's motion graphics by hand?

Yes. A placed scene is edited in the inspector (copy, colours, timing and beats), and text and shape layers have Animate presets and keyframes with per-key easing. Anything the assistant makes stays editable.

## Related

- [Motion graphics without After Effects](https://getvidiyo.app/features/motion-graphics)
- [Layers and keyframes, by hand or by chat](https://getvidiyo.app/features/layers-and-keyframes)
- [Motion graphics](https://getvidiyo.app/glossary/motion-graphics)
- [Easing](https://getvidiyo.app/glossary/easing)
- [How to add lower thirds to a video](https://getvidiyo.app/blog/add-lower-thirds-to-video)
- [How to add animated charts to a video](https://getvidiyo.app/blog/animated-charts-in-video)

Download Vidiyo for Mac (free during the beta): https://getvidiyo.app/download