Movimento

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

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.

GradientlyConta Gradiently verificada··6 min de leitura
Capa: Analog Seal · GR·AR5D·D3

A versão curta

  • 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.
Nesta página

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.

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.

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

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 explica o raciocínio por trás de cada escolha.

MovimentoComo éServe
DerivaO campo desliza devagar pelo enquadramentoMarcas calmas, premium, editoriais
FluxoUma corrente constante percorre a corBem-estar, viagens, tudo o que fale de leveza
RespiraçãoA luz cresce e diminui, quase sem se moverLuxo, beleza, anúncios discretos
RedemoinhoO material dobra-se e vira-se sobre si próprioMúsica, vida noturna, marcas brincalhonas
DeslocaçãoOs tons inclinam-se para um lado e voltamPublicações sazonais e variedade suave
CicloOs tons percorrem toda a rodaLanç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 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 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 explica o compromisso.
  1. 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. 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. 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. 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. 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: 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.

Analog Seal

GR·AR5D·D3

Analog Seal

Ver este Mark
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.

Perguntas frequentes

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.

Partilhar este guia

Escrito pela GradientlyConta Gradiently verificada

A equipa por trás da Gradiently, uma ferramenta de design construída em torno dos Marks: gradientes vivos que fazem tudo o que crias parecer teu.

Ver o nosso perfil