Motion: Editor de Gráficos Animados Gratis en Línea | Morph

Motion es un editor de gráficos animados en tu navegador: capas apiladas en una composición, cada propiedad — posición, escala, rotación, opacidad — animada con keyframes en una línea de tiempo, suavizada con curvas de Bezier, y composiciones anidadas dentro de otras composiciones. Está construido sobre el mismo motor de línea de tiempo GSAP utilizado para animaciones precisas en el tiempo en la web. Los proyectos se leen y escriben en tu propio dispositivo; nada se sube.

Los cuatro paneles

Proyecto — un árbol de carpetas de tu composición: Main Comp, Texts, Assets, Precomps, Solids. Cada carpeta es un objetivo de arrastrar para tus archivos.
Visor de composición — el escenario. Las capas se renderizan de abajo hacia arriba con sus transformaciones evaluadas en el fotograma de la cabeza de reproducción.
Propiedades — las propiedades de la capa seleccionada: Posición X/Y, Escala, Rotación y Opacidad, cada una animable.
Línea de tiempo — la pila de capas con opciones de visibilidad, audio, solo, bloqueo y ocultar, una cabeza de reproducción y keyframes de Bezier por propiedad.

Keyframes

Haz clic en el reloj de arena junto a una propiedad para activar la animación. Mueve la cabeza de reproducción, cambia el valor y se registra un keyframe. El easing predeterminado es un ease-in-out de Bezier cúbico; cada keyframe se puede configurar como lineal, ease-in, ease-out, rebote, back o manejadores personalizados.

Composiciones

Crea tantas como necesites, cada una con su propia anchura, altura, tasa de fotogramas y duración. Anida una dentro de otra como precomp y se actualizará en todos los lugares donde se use.

Interoperabilidad con After Effects

Motion lee .aepx, el formato XML de proyecto de Adobe (Archivo → Guardar una copia como → XML en After Effects). Las capas, transformaciones y keyframes se importan, por lo que un proyecto existente puede continuar en el navegador.

Cómo usar

Abrir Motion — Ve a morph.cool/motion. El editor carga en el navegador; sin cuenta y sin instalación.
Crear una composición — Configura ancho, alto, tasa de fotogramas y duración. Suelta imágenes, videos o capas de texto en el panel de Proyecto; se leen en tu dispositivo.
Animar una propiedad — Selecciona una capa, haz clic en el reloj de arena junto a Posición, Escala, Rotación u Opacidad, mueve la cabeza de reproducción y cambia el valor. Se registra un keyframe automáticamente.
Formar el movimiento — Configura el easing de cada keyframe — ease-in-out por defecto, o lineal, rebote, back y manejadores de Bezier personalizados. Anida elementos repetidos como una precomp.
Previsualizar y exportar — Presiona Espacio para reproducir. Exporta la composición como un archivo de video renderizado en tu máquina.

Preguntas frecuentes

¿Es Motion gratuito?

Sí. Ábrelo y anima sin cuenta. Morph Pro agrega la versión ilimitada de cada programa profesional.

¿Puedo abrir proyectos de After Effects?

Motion lee .aepx, el formato XML de proyecto que After Effects puede guardar. Las capas, transformaciones y keyframes se importan.

¿Se suben mis activos?

No. Los activos, el proyecto y el render permanecen en tu navegador en tu dispositivo.

¿Cuáles son los atajos de teclado?

Espacio reproduce y pausa, Home y End saltan al inicio y final, V es la herramienta de selección, H la herramienta de mano, y Eliminar elimina la capa seleccionada.

¿Se pueden anidar composiciones?

Sí. Una composición colocada dentro de otra se convierte en una precomp y se actualiza en todos los lugares donde se use.

Herramientas relacionadas

Abrir Motion: Editor de Gráficos Animados Gratis en Línea | Morph →