Al elegir una plantilla se reemplaza la escena actual. Si quieres conservarla, guárdala antes como .mtp.
MotionTypo Studio
Elige una plantilla para empezar, o parte desde un lienzo en blanco
Crear
Añadir
Texto, formas, SVG o imágenes al lienzo.
Elementos Capa nueva
Agregar elementos▶
Capa
Propiedades
Ajusta la capa seleccionada en el lienzo o en la línea de tiempo.
InspectorPropiedades
⊡
Selecciona una capa para editar sus propiedades
Haz clic en el lienzo o en una fila de la línea de tiempo.
La capa activa se elige en el lienzo o en la línea de tiempo. Sus animaciones están en la pestaña Animación de este panel.
Lienzo
Mesa de trabajo
Dimensiones, proporción y fondo del proyecto.
Mesa de trabajo▶
Ancho px
Alto px
Configuración global▶
Fondo
#ffffff
Efecto global
Parámetros de sombra
Color
Opacidad 50%
Distancia X 2 px
Distancia Y 2 px
Desenfoque 8 px
Parámetros de glow / neón
Color
Intensidad 100%
Tamaño / radio 18 px
Las capas se recolocan proporcionalmente al cambiar el tamaño del lienzo.
Proyecto
El archivo .mtp guarda el lienzo, las capas y sus animaciones en JSON.
Tipografía
Fuentes
Carga tipografías locales o abre el catálogo de Google Fonts.
Cargar tipografía Local
Catálogo
Abre la página de Google Fonts con las familias del proyecto para descargarlas. Después cárgalas aquí si quieres usarlas sin conexión.
Movimiento
Animación
Entrada, durante y salida de la capa seleccionada.
🎬 Animaciones▶
Selecciona una capa para editar sus animaciones
Las animaciones se editan por capa: selecciona un texto, forma, SVG o imagen en el lienzo o en la línea de tiempo.
Las animaciones se editan por capa: selecciona un texto, forma, SVG o imagen en el lienzo o en la línea de tiempo.
Explorar
Aleatorio
Combina animaciones, colores y fuentes al azar.
Randomizar▶
Randomizar animaciones no toca fuentes, colores, posiciones ni tamaño. Puedes deshacer con Ctrl/Cmd + Z.
Salida
Exportar
Glaxnimate, SVG, PNG, MOV con alpha o GIF, en tu navegador.
Formato de salida
Aún no has exportado nada.
Desde aquí abres el exportador con todas sus opciones: SVG, WebM, MOV con alpha, GIF y Glaxnimate.
El proyecto (Guardar / Abrir .mtp) se gestiona ahora en la sección Mesa.
Los videos se procesan en tu navegador. MOV con alpha y GIF usan ffmpeg.wasm: la primera vez se descarga el codificador (~25 MB). El .rawr se genera al instante, sin descargas.
Selecciona una capa para editar sus propiedades
Lienzo1920 × 1080 px
↻
100%
2 objetos
▶
Línea de tiempo
InicioDuranteSalida
0 s← arrastra los manejadores →4.0 s
Duración4.0 s
Zoom100 %
⚡ Listo
0.0 / 4.0s
Duración total
4.0 s
Fases activas
🟡 Inicio🟢 Durante🔴 Salida
Tiempos por capa
44px0px1.20100%FormaSVG100%Imagen100%
Exportar
SVG estático
Procesando…
SVG 1.1 estándar. Compatible con Adobe Illustrator e Inkscape.
Exporta el fotograma actual de la animación.
Video — WebM / WebM Alpha
Procesando…
WebM VP9 a 30fps. WebM Alpha: codifica VP9 con canal alfa real usando ffmpeg.wasm directamente en el navegador. Nota: la primera vez descarga ~25 MB de ffmpeg.wasm. El archivo resultante es WebM con VP9 + yuva420p (transparencia real), compatible con After Effects, DaVinci Resolve y navegadores modernos.
QuickTime MOV con canal alpha
FPS
Estimación: ~— MB
Procesando…
QuickTime .mov con códec PNG y canal alpha real. Archivo único, sin descomprimir, importación directa por arrastre en Premiere Pro. ✓ Ventajas: alpha sin pérdida, fluido en Premiere (cada frame es PNG independiente), un solo archivo, compatible con After Effects y DaVinci. Nota: el peso es mayor que WebM (sin compresión inter-frame), pero la calidad y rendimiento en edición son superiores.
GIF animado
FPS
Escala
Calidad (1=mejor)
Procesando…
Procesando…
GIF animado listo para web. Soporta transparencia binaria (píxel opaco o invisible, sin semitransparencia). Escala menor = archivo más liviano.
Procesado completamente en el navegador — sin dependencias externas.