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

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

A maioria das marcas pequenas publica imagens estáticas porque o vídeo parece um segundo emprego. Um loop lento do teu próprio visual a mover-se por baixo de palavras paradas leva-te quase até lá, sem edição.

## The short version

- Os motion graphics mais simples para marcas mantêm as palavras e o logótipo parados e deixam o fundo mover-se devagar num loop curto.
- Um loop de 5 a 30 segundos chega para stories, reels, secções de destaque de sites e ecrãs de eventos, e não precisa de edição nem de filmagens.
- O movimento passa a fazer parte de uma identidade quando o mesmo material se move da mesma forma em todo o lado, tal como uma cor de marca se mantém igual.
- O movimento lento e calmo serve a maioria das marcas; o movimento rápido e as cores sempre a mudar são acentos fortes, melhor guardados para lançamentos e eventos.
- Cada peça em movimento deve ter uma versão estática para os sítios que não reproduzem vídeo e para quem prefere movimento reduzido.

Os **motion graphics para marcas** não têm de significar uma equipa de vídeo, uma filmagem ou uma linha de tempo de edição. Para uma marca que publica sobretudo imagens estáticas, o movimento mais útil é o mais simples: mantém as palavras e o logótipo perfeitamente parados e deixa o fundo deslizar, fluir ou brilhar por baixo deles num loop curto. Parece trabalhado, é fácil de fazer todas as semanas e mantém-te com o teu próprio visual.

Este é um guia prático dessa abordagem: porque funciona, que tipos de movimento servem que marcas, com que duração e a que velocidade, e onde compensa. Se queres a técnica do loop em si, vê [como fazer um loop contínuo](https://gradiently.design/pt-pt/guide/seamless-loop-video).

## Porque é que as marcas estáticas ganham com um pouco de movimento

As stories, os reels e muitos feeds reproduzem vídeo automaticamente, por isso uma publicação em movimento encaixa naturalmente entre eles. Os nossos olhos também notam depressa o movimento na periferia da visão, e é por isso que uma deslocação lenta de cor pode atrair atenção onde mais uma imagem estática seria ignorada. Nada disto precisa de espetáculo. Um fundo que se move com suavidade enquanto a mensagem se mantém legível faz o trabalho.

O problema é a produção. Uma marca estática normalmente não tem filmagens, nem motion designer, nem tempo. É por isso que esta abordagem funciona: desenhas uma publicação estática como de costume, e a única coisa que se move é o material por trás.

Uma story vertical com o texto Esta sexta, abrimos sobre um fundo em gradiente fluido

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

Uma publicação vertical do feed com o texto Chegou o menu de outono sobre o mesmo gradiente

O mesmo material numa publicação do feed, para que o movimento se leia como a marca.

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

- Filmagens, edição e som
- As palavras movem-se, cortam e mudam
- Dias por peça
- Difícil de manter coerente semana após semana

### Um fundo em movimento

- Um design estático, nada para filmar
- As palavras ficam no sítio e fáceis de ler
- Minutos por peça
- O mesmo material de todas as vezes

## Escolher o tipo de movimento

Movimentos diferentes dizem coisas diferentes, tal como a tipografia e a cor. Escolhe um como padrão e mantém-no, para que o teu movimento se torne reconhecível. [Princípios de motion design](https://gradiently.design/pt-pt/guide/motion-design-principles) explica o raciocínio por trás de cada escolha.

| Movimento | Como é | Serve |
| --- | --- | --- |
| Deriva | O campo desliza devagar pelo enquadramento | Marcas calmas, premium, editoriais |
| Fluxo | Uma corrente constante percorre a cor | Bem-estar, viagens, tudo o que fale de leveza |
| Respiração | A luz cresce e diminui, quase sem se mover | Luxo, beleza, anúncios discretos |
| Redemoinho | O material dobra-se e vira-se sobre si próprio | Música, vida noturna, marcas brincalhonas |
| Deslocação | Os tons inclinam-se para um lado e voltam | Publicações sazonais e variedade suave |
| Ciclo | Os tons percorrem toda a roda | Lançamentos e eventos, com moderação |

Nomes dos movimentos tal como aparecem na exportação de vídeo da Gradiently; as ideias aplicam-se em qualquer ferramenta.

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

Loops de **5 a 30 segundos** cobrem quase todos os usos. Os loops curtos, de 5 a 8 segundos, repetem-se muitas vezes, o que serve stories e publicações rápidas. Os mais longos, de 15 a 30 segundos, parecem menos repetitivos e servem ecrãs para onde as pessoas olham durante algum tempo, como a secção de destaque de um site ou um ecrã num espaço.

O ritmo importa mais do que a duração. O movimento lento lê-se como confiante e deixa as palavras falar; o movimento vivo lê-se como enérgico, mas tira atenção à mensagem. Na dúvida, vai mais devagar do que pensaste de início. Um bom teste é ver se consegues ler a publicação com conforto enquanto o fundo se move; se o olhar continua a ser puxado para longe das palavras, abranda.

- Story e Reel: 1080 × 1920
- Publicação no Instagram: 1080 × 1350
- Publicação no X: 1600 × 900
- Destaque de site: 1920 × 1080

Os formatos onde um fundo em movimento faz mais trabalho. Cada um tem a sua composição, não é um recorte de outro.

## Onde o movimento compensa

- **Stories e reels:** a casa natural dos loops. Vê [fundos para Reels e TikTok](https://gradiently.design/pt-pt/guide/reels-tiktok-backgrounds) para as zonas seguras.
- **Publicações do feed:** uma versão em movimento de um anúncio ou de uma oferta destaca-se das publicações estáticas. [Publicações animadas vs estáticas](https://gradiently.design/pt-pt/guide/animated-social-posts) explica quando ajuda.
- **Destaques de sites:** um vídeo em loop sem som ou um fundo vivo por trás do título, com uma versão estática de reserva.
- **Ecrãs de eventos e de lojas:** loops longos e lentos que passam a noite toda sem parecerem repetitivos.
- **Email:** só como um GIF pequeno, já que a maioria das caixas de correio não reproduz vídeo. [GIF vs MP4](https://gradiently.design/pt-pt/guide/gif-vs-mp4) explica o compromisso.

1. **Desenha primeiro a versão estática** Faz a publicação como se nunca se fosse mover. Se a versão estática não funciona, o movimento não a salva.
2. **Escolhe o movimento da casa** Escolhe um movimento e um ritmo para as publicações do dia a dia e regista-os ao lado das tuas cores e tipos de letra.
3. **Exporta um loop** Exporta 8 a 15 segundos para redes sociais e mais para ecrãs. Confirma que o fim se junta ao início sem saltos.
4. **Guarda uma versão estática** Exporta um PNG do mesmo design para os sítios que não reproduzem vídeo e para quem pediu movimento reduzido.
5. **Guarda os movimentos maiores para momentos** O ciclo de cores, o ritmo mais rápido e as partículas são acentos. Usa-os num lançamento ou num evento para continuarem a parecer especiais.

## Fazer do movimento parte da identidade

O movimento funciona como qualquer outro [ativo distintivo de marca](https://gradiently.design/pt-pt/guide/distinctive-brand-assets): torna-se reconhecível pela repetição. Se o teu fundo desliza devagar para a esquerda em todas as stories, as pessoas começam a associar essa deriva a ti. Se cada publicação se move de maneira diferente, o movimento é só decoração.

É aqui que um Mark ajuda. Na Gradiently, o Mark por trás dos teus designs é um material vivo, por isso qualquer design pode ser exportado como um loop de 5 a 30 segundos com o movimento, o ritmo, o comportamento da cor e as partículas que escolheres. O loop junta-se para que o fim encontre o início e exporta como vídeo até 1080p ou como um GIF pequeno. Como o material em movimento é o mesmo Mark das tuas publicações estáticas, o movimento parece-se com o resto do teu feed em vez de ser uma exceção.

O Mark por trás deste artigo. O mesmo material que fica parado por trás de uma publicação é o que se move no seu loop.

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

## FAQ

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

São visuais animados no estilo de uma marca: logótipos, 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 coerente.

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

5 a 30 segundos cobrem a maioria dos usos. Usa 5 a 15 segundos para stories e publicações, e loops mais longos e lentos para destaques de sites e ecrãs de eventos.

### Preciso de software de vídeo para pôr movimento nas minhas publicações?

Não. As ferramentas que desenham um fundo em movimento por trás de um design estático, incluindo a Gradiently, exportam diretamente um vídeo em loop, sem linha de tempo de edição.

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

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

### Em que formato deve estar uma publicação em loop?

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