Logo and title animation
Animate your logo as editable 3D geometry.
Turn a logo or wordmark into an editable 3D animation with your AI agent. Control extrusion, bevels, materials, lighting and timing in Tesseract.
Read the prompt
Set up Tesseract by Mirage so you can create editable designs and 3D scenes, edit videos, and make motion graphics in this agent’s environment. Read https://github.com/mirage-hq/Tesseract and check the requirements for this local or hosted environment. If it is supported, follow the official plugin or skills installation guide, use its required runtime version, verify the download checksum, and confirm a short preview renders correctly. Then ask what I want to make and which brand references or source assets I have. Keep the editable project and source assets with the finished render.
Give your agent this .tsrct file, then ask for a specific change.
Made in Tesseract
Give the letters their own depth and movement.
Editable 3D text keeps the wording, extrusion and character animation separate. Use the same approach for a title or wordmark, then match its spacing and proportions to the brand reference.
Preserve the approved mark.
Start with usable outlines or the correct typeface and spacing. Keep the front silhouette faithful while adding depth, edge treatment and a material finish.
Control the reveal.
Animate the entire mark or offset individual characters. Adjust the camera, lights and easing without flattening the logo into a prerendered clip.
Reuse it across videos.
Keep an approved title scene as an editable source. Adapt the duration, framing and surrounding graphics for an intro, end card or social launch video.
The workflow
Build it with your agent.
Start with the brief and references. Review the composition and movement before the final render.
Attach the brand reference.
Supply vector outlines or the wordmark’s font, exact text, spacing and colors. A raster logo can guide reconstruction, but its pixels do not automatically become editable geometry.
Approve the flat silhouette first.
Ask for a straight-on view before animation. Check letterforms, counters, kerning and line breaks against the original mark, then choose the extrusion and bevel.
Animate a short reveal.
Choose a restrained turn, depth reveal or character sequence. Keep a readable hold at the end. If you provide music, specify the beat or accent where the reveal should finish.
Check the final frame and export.
Review readability during motion and at the final hold. Export a complete video, a transparent SDR overlay or a still, and keep the editable geometry and animation.
A starting point
Give your agent
a concrete brief.
Install or update the official Tesseract skills, attach your references, and adapt this prompt. Ask the agent to check that its runtime includes the 3D tools it needs.
Set up TesseractCopy and adapt this prompt
Use Tesseract to animate [logo or exact wordmark] as a 4-second editable 3D title. I’m attaching the approved brand reference and [font or vector outlines]. First reproduce the front silhouette and spacing without animation for approval. Then add modest extrusion, a small rounded bevel and [material]. Reveal the depth with a gentle turn, bring the mark to its approved front view, and hold it clearly for the final second. Keep the letterforms, material, lighting and timing editable. Render a filmstrip and draft video, inspect readability, and preserve the packaged .tsrct project with the export.
Review the result
Check the details
before the final export.
Compare the mark, not just the finish.
Check letter shapes, negative spaces and spacing against the original. Attractive lighting cannot compensate for an inaccurate brand mark.
Leave time to read it.
Watch the final hold at normal speed. The reveal should finish early enough that viewers can recognize the name before the video ends.
Review thin edges and transparency.
Look for flickering highlights or disappearing strokes. For an overlay, test the exported alpha over both light and dark footage in the destination editor.
Example follow-up
Keep the material and reveal timing. The gap between the first two letters is wider than the reference, and the final view is still slightly tilted. Match those two details and show the ending again.
Useful details before you start.
Can I use my own font?
Yes. Provide a font file you are entitled to use and the exact wording. The agent can import it into the project. Keep the font with the packaged source so the render does not depend on a font installed only on one computer.
Can the individual letters animate separately?
Yes. 3D text supports character selectors and transforms for position, rotation and scale, alongside other editable text controls. You can stagger the reveal or animate selected characters while preserving the rest.
Can I animate a symbol as well as text?
Yes. A suitable symbol can be built from curves or editable geometry and animated in the scene. Give the agent usable outlines or a clear reference, and inspect the reconstructed silhouette. This does not guarantee automatic conversion of every logo file.
Will a video export keep the logo editable?
The video is a rendered result. The .tsrct project preserves the supported editable text, geometry, materials and animation. Save both so you can return to the same source when you need another version.
Try another 3D workflow.
3D creation and animation
Build and animate 3D scenes with your AI agent. Edit geometry, materials, lighting and cameras, then combine the result with video in Tesseract.
ExploreCreate 3D motion graphics
Combine animated 3D typography, objects and camera moves with editable video, graphics and sound. Build and revise the full composition in Tesseract.
Explore3D prompt guide
Write a useful 3D brief for your agent: references, scale, camera, materials and timing. Learn what to inspect and how to request targeted revisions.
ExploreTesseract for design
Define a visual system, create thumbnails and social graphics around your videos, and revise every layout in editable Tesseract projects.
Explore