Como fazer um story animado no Instagram que prende

Um story animado do Instagram funciona quando uma só coisa se move com um propósito e tudo o resto continua legível. Na prática, isso significa um fundo que deriva devagar, um título que chega uma vez com uma animação curta e depois fica, e nada importante no topo ou na base do quadro de 1080×1920. Exporta-o em MP4 e não em GIF, e garante que o primeiríssimo fotograma já se lê como um design acabado, porque algumas pessoas só vão ver esse fotograma.

O que deve mover-se num story animado

Um story vê-se por um instante, à distância do braço, muitas vezes sem som. O movimento atrai o olhar, por isso tudo o que se move compete com as tuas palavras. Os stories que prendem a atenção escolhem uma camada em movimento e fazem-na calma, e depois deixam o texto fazer o seu trabalho. Os stories carregados parecem enérgicos no editor e cansativos num telemóvel.

O mesmo princípio atravessa todo o bom trabalho de movimento, dos logótipos aos sites. Se queres a teoria por trás, princípios de motion design trata do tempo, da suavização e da hierarquia com mais pormenor.

Quatro animações de texto que funcionam em stories

A animação de texto é o movimento mais útil num story, porque diz ao olhar por onde começar. Mantém-na curta. Uma entrada que demora mais de meio segundo começa a parecer espera, e as pessoas passam à frente quando esperam.

Escalona as linhas e não as palavras: primeiro o título, a linha de apoio um instante depois, o convite à ligação no fim. Essa ordem corresponde à forma como as pessoas leem e faz com que o story tenha sentido mesmo que alguém saia a meio. Para mais padrões, incluindo texto cinético, vê ideias de animação de texto.

Tempos de um story animado do Instagram

Um story estático fica no ecrã cerca de cinco segundos antes de o Instagram avançar. Um story em vídeo passa enquanto o clipe durar, mas a atenção concentra-se no início: se o primeiro segundo está vazio, o resto raramente é visto. Planeia a linha de tempo a partir daí, de trás para a frente.

1. 1

   0 a 1 segundo: o título

   O fundo já se move no primeiro fotograma. O título termina a sua entrada no fim do primeiro segundo.

2. 2

   1 a 2 segundos: o apoio

   Chega a segunda linha ou o produto. Usa a mesma animação do título, com um movimento ligeiramente menor.

3. 3

   2 a 3 segundos: a ação

   Aparece o convite à ligação, a data ou o código. É a linha em que as pessoas agem, por isso precisa de tempo para ser lida.

4. 4

   O resto: manter

   Nada de novo entra. O fundo continua a derivar para o story fazer loop sem reinício visível.

Seis a dez segundos é uma duração confortável para um story desenhado com uma mensagem curta. Os clipes mais longos servem para falar ou demonstrar, não para um título. Se o story vai fazer loop, o fundo tem de acabar onde começou, o que está explicado passo a passo em vídeo em loop perfeito.

Tamanho, zonas seguras e definições de exportação

Um story animado usa o mesmo quadro que um estático: 1080×1920 píxeis, 9:16. A interface do Instagram cobre o topo e a base, por isso mantém palavras e logótipos na faixa central. Uma regra prática habitual é deixar cerca de 250 píxeis livres de texto no topo e na base. A descrição completa está em tamanho dos stories do Instagram.

O GIF é o único formato a evitar aqui. O limite de 256 cores transforma gradientes suaves em riscas, e um story em movimento é vídeo para o Instagram, por isso dá-lhe vídeo. A comparação está em GIF ou MP4.

Fazer stories animados que não se parecem com os dos outros

A maioria dos modelos de stories animados usa o mesmo punhado de fundos em movimento, por isso um feed cheio deles se confunde. O fundo é onde a tua marca pode ser reconhecida antes de alguém ler uma palavra. Um campo de cor em movimento que te pertence faz mais do que qualquer loop de banco de imagens.

No Gradiently, um story começa num Mark: um fundo vivo de gradiente e material que se move sozinho e é único. Junta o título, escolhe subida, estalo, varrimento ou máquina de escrever, e o Mark mantém a sua região mais calma atrás das palavras enquanto a Tinta automática escolhe letra clara ou escura linha a linha. O mesmo design pode depois ser redimensionado para um post de feed ou para um fundo de Reels sem o reconstruir. A exportação de vídeo faz parte do Pro e guarda MP4 onde o navegador o suporta.