Fundos para live, painéis e telas offline

Um bom fundo para live não é uma imagem, mas um conjunto: a tela offline que as pessoas veem quando você não está ao vivo, o banner do perfil, os painéis embaixo do vídeo e os fundos de cenas como começando em breve, já volto e conversando. Quando todos compartilham um fundo, um estilo de tipografia e uma cor de destaque, o canal parece intencional e reconhecível. Quando cada um foi feito num dia diferente, com um modelo diferente, parece um canal que ainda está se encontrando.

Este guia trata dos tamanhos, da função de cada peça, de como mantê-las consistentes e dos detalhes específicos de live: movimento, bitrate e espaço para a câmera e o chat. Para a marca do canal além das artes, o guia de branding para criadores de conteúdo vai além.

Tamanhos de fundo para live na Twitch

Tela offline 1920×1080

1920 × 1080

Banner do perfil 1200×480

1200 × 480

Painel 640×320

640 × 320

Se você também transmite no YouTube ou tem um servidor no Discord, o mesmo conjunto se estende a um banner do canal do YouTube de 2560×1440, thumbnails de 1280×720 e um banner de servidor do Discord de 960×540. O guia de tamanhos de imagem para redes sociais lista o resto.

As cenas de que todo canal precisa

• Começando em breve. Uma contagem regressiva ou uma frase simples enquanto o público chega. Música, o título da live e nada que precise de leitura atenta.
• Conversando ou cena principal. O fundo atrás da sua câmera e do chat. A peça mais calma do conjunto, porque fica mais tempo na tela.
• Já volto. Pausas curtas. O mesmo fundo do começando em breve com outras palavras mantém tudo familiar.
• Encerramento. Um agradecimento, o horário da próxima live e talvez um canal para a raid.
• Tela offline. O que as pessoas veem entre as lives: a sua agenda e onde mais encontrar você.

Crie as peças nessa ordem de importância: o fundo da cena principal carrega o canal, então crie-o primeiro e derive os outros dele.

Como manter um conjunto de fundos para live consistente

1. 1

   Escolha um fundo

   Escolha um gradiente ou um material e use-o em todas as peças. A variedade vem das palavras e do layout, não de fundos novos. A consistência de marca explica por que a repetição gera reconhecimento.

2. 2

   Escolha um estilo de tipografia

   Uma fonte display para os títulos e uma fonte legível para detalhes como a agenda. Use tamanhos grandes: boa parte do seu público assiste no celular e na TV.

3. 3

   Escolha uma cor de destaque

   Use-a nos alertas, nos realces e no indicador de ao vivo. Tire-a da paleta do fundo para que tudo pertença ao mesmo conjunto.

4. 4

   Renderize cada tamanho, não corte

   Um banner de 1200×480 não é um corte de uma tela de 1920×1080. Refaça o layout de cada formato para que a parte mais clara do fundo fique onde deve.

5. 5

   Anote tudo

   Guarde as cores, as fontes e os arquivos numa pasta para que moderadores e editores usem as mesmas peças. Um kit de marca faz exatamente isso.

Movimento, bitrate e fundos para live

Fundos em movimento fazem uma cena parecer viva, e um vídeo em loop pode ser adicionado à maioria dos softwares de transmissão como fonte de mídia em repetição. Mas tudo o que está na tela disputa o bitrate da sua transmissão. Os encoders de vídeo gastam mais dados com detalhes que mudam a cada quadro, então movimento rápido, cintilação e grão pesado saem caros, e quando o orçamento acaba a imagem fica quadriculada. Um movimento de cor lento e amplo é barato de codificar e fica suave.

O loop ideal não tem começo nem fim visíveis; o guia de loops perfeitos explica como isso funciona. O Gradiently exporta designs como vídeos em loop perfeito de 5 a 30 segundos, com o movimento, o ritmo e a cor que você escolher, o que combina bem com fundos de cena.

Deixe espaço para câmera, chat e alertas

Um fundo de cena fica quase todo coberto. Rascunhe onde ficam a webcam, a caixa de chat, os alertas e a captura do jogo, e mantenha a área mais clara e agitada do fundo longe deles. O texto dos overlays precisa de uma cor calma e uniforme por trás; as técnicas de texto sobre um fundo gradiente se aplicam diretamente. Um fundo que deixa espaço tranquilo para esses elementos parece criado em torno do seu conteúdo, e não só atrás dele.