A versão curta
- Um carrossel contínuo no Instagram é uma imagem larga cortada em slides iguais, para que o design pareça continuar enquanto as pessoas deslizam.
- A tela tem 1080 píxeis de largura por cada slide e 1350 de altura, por isso um carrossel de cinco slides começa como um design de 5400×1350.
- As formas e a cor devem atravessar os cortes entre slides, mas o texto nunca deve ficar sobre um corte, onde seria partido ao meio.
- Cada slide deve continuar a fazer sentido sozinho, porque o primeiro também aparece isolado no feed e na grelha do perfil.
- Cortar a imagem larga em slides pede um só comando no ImageMagick ou uns minutos com guias em qualquer ferramenta de design.
Nesta página
Uma publicação de carrossel contínuo no Instagram é um único design largo cortado em slides iguais. Cria uma tela com 1080 píxeis de largura por cada slide e 1350 de altura, por isso três slides significam 3240×1350, desenha ao longo de toda a faixa, corta depois a cada 1080 píxeis e carrega as partes por ordem. Deixa as formas e a cor atravessar os cortes; mantém todas as palavras longe deles.
Tamanhos de tela para um carrossel panorâmico
Trabalha na vertical, a menos que tenhas motivo para o contrário. O formato 4:5 é a forma de carrossel mais alta que o Instagram permite, por isso ocupa mais ecrã. Para um carrossel quadrado, mantém a largura de 1080 por slide e usa 1080 de altura. Se as contas das proporções são novidade para ti, proporções explicadas trata do assunto em poucos minutos.
Tela quadrada
Cortes em (px a partir da esquerda)
Tela quadrada
Cortes em (px a partir da esquerda)
Tela quadrada
Cortes em (px a partir da esquerda)
Tela quadrada
Cortes em (px a partir da esquerda)
Faixa de três slides 3240×1350
3240 × 1350
Um slide 1080×1350
1080 × 1350
Entre três e cinco slides é uma extensão confortável. Com menos, o efeito mal se nota; com muitos mais, o design fica diluído, com longos troços de fundo entre ideias. Se precisas de mais conteúdo, um carrossel normal com um fundo partilhado lê-se melhor; tamanho do carrossel do Instagram trata do formato padrão.
As regras do corte
O corte entre dois slides é onde o efeito funciona ou se desfaz. Algo deve atravessá-lo, porque é isso que diz às pessoas que a imagem continua. Mas tudo o que tem de se ler por inteiro deve ficar longe dele.
Evita num corte
- Qualquer palavra ou letra
- Um rosto ou um logótipo
- Um preço, uma data ou um apelo à ação
- Uma linha fina que tem de alinhar na perfeição
- Arestas duras mesmo em cima do corte
Bom a atravessar um corte
- Formas e curvas grandes e suaves
- Um gradiente ou textura que continua
- Uma seta ou caminho que leva o olhar para a direita
- Uma fotografia recortada e colocada metade em cada slide
- Uma palavra grande de fundo, demasiado grande para se ler num só slide
Desenhar o fluxo, slide a slide
Pensa na faixa como uma história curta contada da esquerda para a direita. Cada slide precisa de uma função, e todos devem parecer acabados por si, porque as pessoas param entre deslizes e o primeiro slide aparece sozinho no feed e na grelha.
- 1
Slide 1: o gancho
Um título claro e uma forma que sai pela margem direita. A forma cortada é o convite a deslizar.
- 2
Slides 2 e 3: o conteúdo
Um ponto por slide, cada um bem assente dentro do seu enquadramento, ligados pelo fundo e por uma forma que faz a ponte.
- 3
Slide do meio: a revelação
Se há uma fotografia de produto ou um número grande, põe-no aqui, centrado num slide e não a cavalo num corte.
- 4
Último slide: a aterragem
O fluxo assenta. As formas acalmam, e o apelo à ação fica num espaço calmo, sem nada a atravessá-lo.
O fundo é o que faz a faixa parecer um só objeto. Um gradiente que se desloca por toda a largura faz mais do que qualquer forma, porque cada slide continua onde o anterior acabou. Corre-o no sentido do comprimento, da esquerda para a direita, com a luz a mudar gradualmente.
linear-gradient(90deg, #0b1d3a 0%, #1e3a8a 25%, #6d28d9 50%, #db2777 75%, #f59e0b 100%)O slide um sozinho: lê-se como uma publicação completa, por isso funciona na grelha.
O slide dois continua o mesmo fundo, com o número afastado dos dois cortes.
Como cortar uma imagem larga em slides de carrossel
Exporta a faixa em tamanho completo e depois corta-a. Na maioria das ferramentas de design podes traçar guias a cada 1080 píxeis e exportar cada secção como imagem própria. Se tiveres a ferramenta gratuita ImageMagick instalada, um só comando faz tudo, e os ficheiros saem numerados pela ordem certa.
# Cut a 5400×1350 strip into five 1080×1350 slides
magick strip.png -crop 1080x1350 +repage slide_%02d.png
# Result: slide_00.png, slide_01.png ... slide_04.png
# Check one slide's size
magick identify slide_00.png- Exporta a faixa em PNG, para os gradientes e o texto ficarem nítidos.
- Corta-a em slides de 1080 de largura com guias ou com o comando acima.
- Abre a app, começa uma publicação e seleciona os slides por ordem, do primeiro ao último.
- Confirma que o primeiro slide está enquadrado em 4:5 completo, e não cortado para quadrado.
- Desliza uma vez pela pré-visualização para confirmar que todos os cortes alinham.
Usar um Mark em todo o carrossel
No Gradiently podes definir um tamanho personalizado até 8000 píxeis de largura, por isso uma faixa de cinco slides de 5400×1350 é um só design. O Mark é desenhado uma vez em toda a largura, por isso a sua cor e a sua luz fluem naturalmente de slide para slide em vez de recomeçarem em cada um, e continua a mover a sua zona mais calma para trás de cada bloco de palavras. Junta o texto no meio seguro de cada slide, exporta e corta. As exportações gratuitas são reduzidas para 720p, por isso uma faixa em tamanho completo que se corta em slides nítidos de 1080 píxeis precisa do Pro.
Do lado das ideias, design de carrosséis do Instagram trata de ganchos e da escrita dos slides, e estética da grelha do Instagram mostra como o primeiro slide de um panorama fica entre as tuas outras publicações.
Perguntas frequentes
Que tamanho tem um carrossel contínuo no Instagram?
1080 píxeis de largura por slide e 1350 de altura. Um carrossel de três slides começa como um design de 3240×1350, cortado em três imagens de 1080×1350.
Como divido uma imagem num carrossel do Instagram?
Corta-a em secções iguais de 1080 píxeis de largura, com guias numa ferramenta de design ou com o comando crop do ImageMagick, e carrega os slides por ordem.
Porque é que os slides do meu carrossel não alinham?
Normalmente os slides não têm exatamente 1080 píxeis de largura, ou o primeiro slide foi enquadrado como quadrado na app. Confirma o tamanho de cada ficheiro e o primeiro enquadramento antes de publicar.
O texto pode passar de um slide para o seguinte?
Evita. Palavras partidas por um corte lêem-se mal e parecem estragadas quando alguém pára entre slides. Mantém o texto a pelo menos 60 píxeis de cada corte.
Quantos slides deve ter um carrossel panorâmico?
Entre três e cinco funciona bem. O Instagram permite até 20, mas os panoramas longos tendem a diluir o design.
Escrito pela Gradiently
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