# Motion graphics para marcas que não fazem vídeo

[Canonical HTML page](https://gradiently.design/pt-br/guide/motion-for-still-brands)

A maioria das marcas pequenas posta imagens estáticas porque vídeo parece um segundo emprego. Um loop lento do seu próprio visual se movendo sob palavras paradas leva você quase até lá, sem edição.

## The short version

- Os motion graphics mais simples para marcas mantêm as palavras e o logo parados e deixam o fundo se mover devagar num loop curto.
- Um loop de 5 a 30 segundos basta para stories, reels, destaques de sites e telas de eventos e não exige edição nem gravação.
- O movimento vira parte de uma identidade quando o mesmo material se move do mesmo jeito em todo lugar, assim como a cor da marca continua a mesma.
- Um movimento lento e calmo combina com a maioria das marcas; movimento rápido e ciclo de cores são destaques fortes, melhor guardados para lançamentos e eventos.
- Toda peça em movimento deve ter uma versão estática para lugares que não reproduzem vídeo e para pessoas que preferem movimento reduzido.

**Motion graphics para marcas** não precisam significar uma equipe de vídeo, uma gravação ou uma linha do tempo de edição. Para uma marca que posta principalmente imagens estáticas, o movimento mais útil é o mais simples: mantenha as palavras e o logo totalmente parados e deixe o fundo flutuar, fluir ou brilhar por baixo deles num loop curto. Parece bem feito, é fácil de fazer toda semana e mantém você com a sua cara.

Este é um guia prático dessa abordagem: por que funciona, que tipos de movimento combinam com que marcas, com que duração e velocidade e onde ele se justifica. Se você quer a técnica do loop em si, veja [como fazer um vídeo em loop perfeito](https://gradiently.design/pt-br/guide/seamless-loop-video).

## Por que marcas estáticas ganham com um pouco de movimento

Stories, reels e muitos feeds reproduzem vídeo automaticamente, então um post em movimento se encaixa naturalmente entre eles. Os nossos olhos também percebem rápido o movimento na periferia da visão, e é por isso que uma leve mudança de cor pode chamar a atenção onde mais uma imagem estática seria ignorada. Nada disso exige espetáculo. Um fundo que se move com suavidade enquanto a mensagem continua legível resolve.

O problema é a produção. Uma marca estática normalmente não tem gravações, nem motion designer, nem tempo. É por isso que esta abordagem funciona: você cria um post estático como sempre, e a única coisa que se move é o material por trás dele.

Um story vertical com a frase Nesta sexta, abrimos sobre um fundo em gradiente que flui

Um anúncio estático, exportado como loop: as palavras ficam, o campo se move.

Um post do feed em retrato com a frase O cardápio de outono chegou sobre o mesmo gradiente

O mesmo material num post do feed, para que o movimento seja lido como a marca.

### Produção de vídeo completa

- Gravação, edição e som
- As palavras se movem, cortam e mudam
- Dias por peça
- Difícil manter consistente semana a semana

### Um fundo em movimento

- Um design estático, nada para gravar
- As palavras ficam paradas e fáceis de ler
- Minutos por peça
- O mesmo material toda vez

## Como escolher o tipo de movimento

Movimentos diferentes dizem coisas diferentes, assim como a tipografia e a cor. Escolha um como padrão e mantenha, para que o seu movimento fique reconhecível. Os [princípios de motion design](https://gradiently.design/pt-br/guide/motion-design-principles) explicam o raciocínio por trás de cada escolha.

| Movimento | Como parece | Combina com |
| --- | --- | --- |
| Deriva | O campo desliza devagar pelo quadro | Marcas calmas, premium e editoriais |
| Fluxo | Uma corrente constante atravessa a cor | Bem-estar, viagens, tudo o que fala de leveza |
| Respiração | A luz cresce e diminui, quase sem se mover | Luxo, beleza, anúncios discretos |
| Redemoinho | O material dobra e gira sobre si mesmo | Música, vida noturna, marcas divertidas |
| Deslocamento de cor | Os tons pendem para um lado e voltam | Posts sazonais e variedade suave |
| Ciclo de cor | Os tons percorrem todo o círculo de cores | Lançamentos e eventos, com moderação |

Os nomes dos movimentos como aparecem na exportação de vídeo do Gradiently; as ideias valem em qualquer ferramenta.

## Com que duração e com que velocidade

Loops de **5 a 30 segundos** cobrem quase todos os usos. Loops curtos, de 5 a 8 segundos, se repetem com frequência, o que combina com stories e posts rápidos. Loops mais longos, de 15 a 30 segundos, parecem menos repetitivos e combinam com telas que as pessoas olham por um tempo, como o destaque de um site ou a tela de um espaço.

O ritmo importa mais que a duração. Um movimento lento transmite confiança e deixa as palavras falarem; um movimento acelerado transmite energia, mas tira a atenção da mensagem. Na dúvida, vá mais devagar do que pensou de início. Um bom teste é ver se dá para ler o post com conforto enquanto o fundo se move; se o seu olho continua sendo puxado para longe das palavras, desacelere.

- Story e Reel: 1080 × 1920
- Post do Instagram: 1080 × 1350
- Post no X: 1600 × 900
- Destaque do site: 1920 × 1080

Os formatos em que um fundo em movimento faz mais diferença. Cada um é um layout próprio, não um corte de outro.

## Onde o movimento se justifica

- **Stories e reels:** o lugar natural dos loops. Veja os [fundos para Reels e TikTok](https://gradiently.design/pt-br/guide/reels-tiktok-backgrounds) para as zonas seguras.
- **Posts do feed:** uma versão em movimento de um anúncio ou de uma oferta se destaca entre os posts estáticos. O guia de [posts animados ou estáticos](https://gradiently.design/pt-br/guide/animated-social-posts) mostra quando isso ajuda.
- **Destaques de sites:** um vídeo em loop sem som ou um fundo ao vivo atrás do título, com uma versão estática de reserva.
- **Telas de eventos e de lojas:** loops longos e lentos que rodam a noite toda sem parecer repetitivos.
- **E-mail:** só como um GIF pequeno, já que a maioria das caixas de entrada não reproduz vídeo. O guia [GIF ou MP4](https://gradiently.design/pt-br/guide/gif-vs-mp4) explica a troca.

1. **Crie a versão estática primeiro** Faça o post como se ele nunca fosse se mover. Se a versão estática não funciona, o movimento não vai consertar.
2. **Escolha o movimento da casa** Escolha um movimento e um ritmo para os posts do dia a dia e anote-os ao lado das suas cores e fontes.
3. **Exporte um loop** Exporte de 8 a 15 segundos para redes sociais e mais para telas. Confira se o fim se junta ao começo sem salto.
4. **Guarde uma versão estática** Exporte um PNG do mesmo design para lugares que não reproduzem vídeo e para pessoas que pediram movimento reduzido.
5. **Guarde os movimentos maiores para momentos especiais** Ciclo de cor, ritmo mais rápido e partículas são destaques. Use-os num lançamento ou num evento para que continuem parecendo especiais.

## Como tornar o movimento parte da identidade

O movimento funciona como qualquer outro [ativo de marca distintivo](https://gradiently.design/pt-br/guide/distinctive-brand-assets): ele fica reconhecível pela repetição. Se o seu fundo desliza devagar para a esquerda em todo story, as pessoas começam a associar esse deslizar a você. Se cada post se move de um jeito, o movimento é só decoração.

É aí que um Mark ajuda. No Gradiently, o Mark por trás dos seus designs é um material vivo, então qualquer design pode ser exportado como um loop de 5 a 30 segundos com o movimento, o ritmo, o comportamento de cor e as partículas que você escolher. O loop se fecha de modo que o fim encontra o começo e é exportado como vídeo de até 1080p ou como um GIF pequeno. Como o material em movimento é o mesmo Mark dos seus posts estáticos, o movimento parece o resto do seu feed, e não uma exceção.

O Mark por trás deste artigo. O mesmo material que fica parado atrás de um post é o que se move no loop dele.

> **O movimento é opcional para quem vê** Algumas pessoas ativam o movimento reduzido porque o movimento faz mal a elas. No seu próprio site, mostre a versão estática para elas. O guia de [movimento reduzido](https://gradiently.design/pt-br/guide/reduced-motion) explica como.

## FAQ

### O que são motion graphics para marcas?

São visuais animados no estilo de uma marca: logos, fundos, tipografia e formas que se movem. Para marcas pequenas, um design estático sobre um fundo que se move devagar é a forma mais simples e consistente.

### Quanto tempo deve durar uma animação de marca em loop?

De 5 a 30 segundos cobre a maioria dos usos. Use de 5 a 15 segundos para stories e posts e loops mais longos e lentos para destaques de sites e telas de eventos.

### Preciso de um software de vídeo para colocar movimento nos meus posts?

Não. Ferramentas que renderizam um fundo em movimento atrás de um design estático, como o Gradiently, exportam um vídeo em loop direto, sem linha do tempo de edição.

### As palavras também devem se mover?

Normalmente não. Manter as palavras paradas as deixa fáceis de ler e deixa o fundo cuidar do movimento, o que também mantém o design calmo.

### Em que formato deve ficar um post em loop?

MP4 é a escolha segura para redes sociais e sites. Use GIF só onde o vídeo não é reproduzido, como na maioria dos clientes de e-mail.