Tamanho dos painéis da Twitch: painéis de 640×320 em conjunto

O tamanho de painel da Twitch para criar é 640×320 píxeis, um formato 2:1. A Twitch mostra os painéis com 320 píxeis de largura na secção Sobre, por baixo da tua transmissão, por isso um design de 640 píxeis é desenhado com o dobro da resolução e fica nítido em ecrãs de alta definição. Trata cada painel como um título com etiqueta, uma ou duas palavras como Sobre ou Horário, e põe o detalhe no texto de descrição do painel, que a Twitch mostra por baixo e que se mantém legível em qualquer tamanho.

Dimensões dos painéis da Twitch

Os painéis partilham o canal com duas peças de arte maiores: o banner de perfil no topo e o ecrã offline dentro do leitor. Lado a lado, o painel é minúsculo. Esse único facto decide a maioria das escolhas de design que se seguem.

Planeia o conjunto de painéis antes de criar um

A maioria dos canais precisa de entre quatro e oito painéis. Escreve primeiro a lista e depois cria-os todos de uma vez, para que partilhem todas as decisões. Um espectador a fazer scroll deve ver uma fila de blocos a condizer, tal como uma boa ementa usa a mesma letra em todos os títulos.

Manter o detalhe fora da imagem tem uma segunda vantagem: quando o teu horário muda, editas uma linha de texto em vez de refazer uma imagem. Usa o campo de link do painel para tudo o que seja clicável, como o convite do Discord, para que a imagem inteira se torne o botão.

Como fazer painéis da Twitch parecerem consistentes

A consistência vem de fixar quatro coisas e mudar só uma. Fixa o fundo, o tipo de letra, a posição da etiqueta e as margens; muda apenas a palavra. Se quiseres variedade, desloca de painel para painel o ponto onde cai a luz no fundo, mas mantém as cores da mesma família para que a fila continue a ler-se como um conjunto.

Dimensiona a letra para a tua etiqueta mais longa, não para a mais curta. Se Comunidade cabe com um dado tamanho, define todas as outras etiquetas com esse tamanho, mesmo que Sobre pudesse ser maior. Tamanhos iguais fazem a fila parecer intencional.

Tamanho do texto num painel da Twitch

Na página, um painel de 640×320 passa a 320×160, por isso cada letra encolhe para metade. Como regra de trabalho, define as etiquetas em maiúsculas com pelo menos 60 píxeis de altura no design de 640 píxeis, o que dá cerca de 30 píxeis no ecrã. Deixa cerca de 40 píxeis livres em cada margem, para que nenhuma etiqueta fique apertada contra a borda do painel.

• Usa um peso negrito ou forte: os traços finos desfazem-se quando reduzidos a metade. As fontes negrito têm opções que aguentam em tamanhos pequenos.
• Fica por uma ou duas palavras por painel. Uma frase numa imagem é uma frase que ninguém lê.
• Verifica o contraste em toda a etiqueta, não só no meio. Os gradientes mudam por trás das letras, como explica o texto sobre gradiente.
• Evita contornos e sombras para salvar um contraste fraco. Escolhe antes uma zona mais calma do fundo.

Antes de carregares, reduz o design a 320 píxeis de largura no teu ecrã e olha para ele à distância de um braço. Se alguma etiqueta custar a ler, é demasiado pequena ou tem pouco contraste.

Faz os painéis condizerem com o resto do canal

Os painéis funcionam melhor quando parecem pertencer ao teu overlay, ao teu ecrã offline e ao teu banner de perfil. Usa o mesmo fundo e a mesma letra em todos, o que a marca de streamer da Twitch trata por completo, e vê os ecrãs offline da Twitch e os fundos de stream para as peças maiores.

1. 1

   Escolhe um fundo

   Escolhe a cor ou o material que vai percorrer o overlay, o banner, o ecrã offline e os painéis.

2. 2

   Cria um painel mestre

   Define a etiqueta mais longa em 640×320, decide o tamanho, a posição e as margens, e pára aí.

3. 3

   Duplica-o para cada etiqueta

   Muda apenas a palavra. Resiste a ajustar qualquer outra coisa painel a painel.

4. 4

   Exporta em PNG

   O PNG mantém a cor lisa e as letras limpas, onde um JPG comprimido pode esbater as bordas das letras.

5. 5

   Junta painéis por ordem de importância

   Ativa Editar painéis por baixo da transmissão, carrega cada imagem, define o link e escreve a descrição. Sobre e Horário vão primeiro.

O terceiro passo é onde os conjuntos feitos à mão se desviam. No Gradiently Pro podes pôr as etiquetas numa folha de cálculo e usar a criação em massa para fazer todos os painéis a partir de uma página numa só passagem, para que nada se mova entre eles, e o mesmo Mark segue para o teu ecrã offline e banner nos seus próprios tamanhos. O mesmo método serve para qualquer série, como mostra o guia de criação em lote.