Motion: Editor de Gráficos Animados Online Grátis | Morph

Motion é um editor de gráficos animados no seu navegador: camadas empilhadas em uma composição, cada propriedade — posição, escala, rotação, opacidade — animada com keyframes em uma timeline, suavizada com curvas Bezier, e composições aninhadas dentro de outras. É construído no mesmo motor de timeline GSAP usado para animação precisa no tempo na web. Projetos são lidos e escritos no seu próprio dispositivo; nada é enviado.

Os quatro painéis

Projeto — uma árvore de pastas da sua composição: Main Comp, Texts, Assets, Precomps, Solids. Cada pasta é um alvo de arrastar para seus arquivos.
Visualizador de composição — o palco. Camadas são renderizadas de baixo para cima com suas transformações avaliadas no frame da playhead.
Propriedades — as propriedades selecionadas da camada: Position X/Y, Scale, Rotation e Opacity, cada uma animável.
Timeline — a pilha de camadas com visibilidade, áudio, solo, bloqueio e opção "shy", uma playhead e keyframes Bezier por propriedade.

Keyframes

Clique no relógio ao lado de uma propriedade para ativar a animação. Mova a playhead, altere o valor e um keyframe é registrado. O easing padrão é um ease-in-out cúbico Bezier; cada keyframe pode ser definido como linear, ease-in, ease-out, bounce, back ou manuseio personalizado.

Composições

Crie quantas precisar, cada uma com sua própria largura, altura, taxa de quadros e duração. Aninhe uma dentro da outra como um precomp e ela se atualiza em todos os lugares onde é usada.

Interoperabilidade com After Effects

Motion lê .aepx, o formato XML de projeto do Adobe (Arquivo → Salvar Cópia Como → XML no After Effects). Camadas, transformações e keyframes são importados, permitindo que um projeto existente continue no navegador.

Como usar

Abra Motion — Acesse morph.cool/motion. O editor carrega no navegador; sem conta e sem instalação.
Crie uma composição — Defina largura, altura, taxa de quadros e duração. Arraste imagens, vídeos ou camadas de texto para o painel Projeto; eles são lidos no seu dispositivo.
Anime uma propriedade — Selecione uma camada, clique no relógio ao lado de Position, Scale, Rotation ou Opacity, mova a playhead e altere o valor. Um keyframe é registrado automaticamente.
Defina o movimento — Defina o easing de cada keyframe — ease-in-out por padrão, ou linear, bounce, back e manuseio Bezier personalizado. Aninhe elementos repetidos como um precomp.
Pré-visualize e exporte — Pressione Espaço para reproduzir. Exporte a composição como um arquivo de vídeo renderizado na sua máquina.

Perguntas frequentes

Motion é gratuito?

Sim. Abra e anime sem conta. Morph Pro adiciona a versão ilimitada de todos os programas profissionais.

Posso abrir projetos do After Effects?

Motion lê .aepx, o formato XML de projeto que o After Effects pode salvar. Camadas, transformações e keyframes são importados.

Meus ativos são enviados?

Não. Ativos, o projeto e o render permanecem no seu navegador no seu dispositivo.

Quais são os atalhos de teclado?

Espaço reproduz e pausa, Home e End vão para o início e fim, V é a ferramenta de seleção, H a ferramenta de mão, e Delete remove a camada selecionada.

Composições podem ser aninhadas?

Sim. Uma composição colocada dentro de outra torna-se um precomp e se atualiza em todos os lugares onde é usada.

Ferramentas relacionadas

Abrir Motion: Editor de Gráficos Animados Online Grátis | Morph →