How to animate a title card without changing a pixel of it

Last updated 2026-08-25 · 7 min read

What is the short version?

Ask a generator to animate a title card and it will usually redraw the text, which means new letterforms, new spacing, and a word or two subtly misspelled. The way around that is not to generate the card at all, but to take the one you have apart.

1. Go to Vizard Agent and upload the title card artwork.
2. Say the wording, typography and spacing must not be altered.
3. Say what should move and in what order.

What do you need before you start?

The artwork at full size and a description of the motion. Vizard Agent works from the pixels you supply rather than reinterpreting your design, so the higher the resolution of what you upload, the more freedom the animation has.

• The card. Full resolution, as designed.
• Any separate icons. Supplied as their own files if you have them.
• The motion. What appears, moves or glows, and when.
• The length. Nine or ten seconds for an intro.
• The frame and rate. Widescreen at sixty frames is common.

What do you type into Vizard Agent?

Be explicit that nothing may be redrawn. That single instruction changes the whole method: Vizard Agent stops treating the card as a reference to imitate and starts treating it as material to decompose, which is what keeps the words pixel-perfect.

Prompt

Variants worth knowing:

• A stated sequence. Which element arrives first, second, last.
• A glow or a line sweep. Motion that adds nothing new to read.
• Sixty frames per second. Slow moves stay smooth.

What does Vizard Agent actually do?

Here is the order Vizard Agent worked in on a real title-card animation. The step that makes the promise real is the nineteenth: after separating every element onto its own layer, it recomposed them and proved the result matched the original exactly.

1. Inspects every attached image — the card, the icons, the variants.
2. Downloads them and analyses dimensions and brightness, then checks the edge values.
3. Isolates and locates each element within the artwork.
4. Crops the text elements and icons and builds a collage to inspect them closely.
5. Reads the vertical coordinates of every text element row by row.
6. Locates the icon bounding boxes across the supplied images.
7. Extracts separate transparent layers for every element on the card.
8. Verifies the layers recompose faithfully and tests them for an exact pixel match.
9. Inspects the row boundaries between the lines and the glowing accents, then animates the isolated layers.

Steps 7 and 8 are the whole method. Once every element is its own transparent layer and the stack provably reproduces the original, the animation moves your artwork rather than a generated impression of it.

What does the result look like?

From the run this page is written from, probed on the delivered file: 1920x1080, H.264, 60fps, 9.8 seconds, AAC audio. Widescreen, just under ten seconds at sixty frames a second, with the title card's own typography arriving element by element — every word exactly as it was designed.

Sixty frames matters more here than in most work. A slow move across a still frame is where judder is most visible, and doubling the frame rate is what keeps an elegant, unhurried title from stuttering.

When does this not work well?

This method depends entirely on the elements being separable from the artwork you supply, and some designs simply resist that. Vizard Agent reports what it could not isolate rather than quietly redrawing the part it failed on, which is the behaviour you want here.

• Flattened effects fight separation. Drop shadows and gradients cross element boundaries.
• Low-resolution cards limit motion. There are no spare pixels to move into.
• Overlapping elements share edges. Two things touching are hard to pull apart.
• Texture over everything binds it. Grain applied to the whole card resists layering.
• Nothing new can be added. Preserving the design means preserving what it lacks.

How do you fix a result that came back wrong?

Name the element that is wrong. Vizard Agent keeps every isolated layer, the recomposition tests and the measured element coordinates, so one element's motion can be changed without redoing any of the separation work that protects your artwork.

• "The subtitle should arrive last." Re-sequenced from the existing layers.
• "That icon separated badly." Re-isolated and the match re-verified.
• "Too fast." Re-timed; nothing is regenerated.

How does Vizard Agent compare to doing it yourself?

By hand this means going back to your design file, exporting each element as a transparent asset, importing them into a motion tool and animating them. If you no longer have the design file — which is usually why people ask — it means rebuilding the card from scratch.

Common questions

Will the text be redrawn? No. Vizard Agent moves your own pixels rather than generating new letterforms.

Do I need the original design file? No. Vizard Agent separates the elements from the flat image you upload.

How does Vizard Agent prove the layers are right? It recomposes them and tests for an exact pixel match against the original artwork.

Can it animate separate icons too? Yes. Vizard Agent locates each icon, isolates it and moves it independently of the rest.

What resolution should the card be? As high as you have. Vizard Agent needs spare pixels to move elements into.

Why insist that nothing is redrawn? Because a redrawn card is a different card. Substituted letterforms, altered spacing and the occasional misspelled word are what make generated title animations unusable for anything with a brand on it.

What frame rate is best? Sixty frames per second. Vizard Agent used it here because slow moves on stills judder at thirty.

How long should a title animation be? Nine or ten seconds for a documentary-style intro. Shorter for a channel sting.

Can I add elements the card does not have? Yes, but say so. Preserving the design otherwise means preserving its omissions.

Can I reuse the layers on another version? Yes. The separation is the expensive part, so Vizard Agent can build a vertical cut, a shorter sting or an alternative build order from the same verified layers without repeating it.

Does this work for a poster or a book cover? Yes. Anything flat with separable elements behaves the same way, and Vizard Agent treats a cover exactly as it treats a title card: isolate, verify the match, then move the layers.

Can it add sound? Yes. Vizard Agent scores a title sting and places the accents on the moments elements land, which is usually what makes a nine-second intro feel finished rather than merely animated.

Does Vizard Agent check the finished animation? Yes. It verifies the artwork survived the motion before delivery.