Resumindo
- 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.
Nesta página
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.
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 anúncio estático, exportado como loop: as palavras ficam, o campo se move.
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 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 |
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
Onde o movimento se justifica
- Stories e reels: o lugar natural dos loops. Veja os fundos para Reels e TikTok 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 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 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: 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.
GR·AR5D·D3
Analog Seal
Ver este MarkPerguntas frequentes
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.
Escrito pelo Gradiently
A equipe por trás do Gradiently, uma ferramenta de design criada em torno dos Marks: gradientes vivos que fazem tudo o que você cria ter a sua cara.
Ver nosso perfil
