Fundos para streaming, painéis e ecrãs offline

Um bom fundo para streaming não é uma imagem, é um conjunto: o ecrã offline que as pessoas veem quando não estás em direto, o banner do perfil, os painéis por baixo do vídeo e os fundos de cenas como a começar em breve, já volto e só conversa. Quando todos partilham um fundo, um estilo tipográfico e uma cor de destaque, o canal parece intencional e reconhecível. Quando cada um foi feito num dia diferente a partir de um modelo diferente, parece um canal que ainda se anda a procurar.

Este guia trata dos tamanhos, da função de cada peça, de como mantê-las coerentes e dos pormenores próprios do streaming: movimento, taxa de bits e espaço para a câmara e o chat. Para o branding do canal para lá dos gráficos, o branding para criadores de conteúdo vai mais longe.

Tamanhos de fundos para streaming na Twitch

Ecrã offline 1920×1080

1920 × 1080

Banner do perfil 1200×480

1200 × 480

Painel 640×320

640 × 320

Se também transmites no YouTube ou tens um servidor no Discord, o mesmo conjunto estende-se à arte do canal do YouTube a 2560×1440, às miniaturas a 1280×720 e a um banner de servidor do Discord a 960×540. Os tamanhos de imagem para redes sociais listam os restantes.

As cenas de que todos os canais precisam

• A começar em breve. Uma contagem decrescente ou uma linha simples enquanto os espectadores chegam. Música, o título da transmissão e nada que exija leitura atenta.
• Só conversa ou cena principal. O fundo por trás da câmara e do chat. A peça mais calma do conjunto, porque é a que fica mais tempo no ecrã.
• Já volto. Pausas curtas. O mesmo fundo de a começar em breve, com outras palavras, mantém-no familiar.
• Encerramento. Um agradecimento, a hora da próxima transmissão e talvez um alvo de raid.
• Ecrã offline. O que as pessoas veem entre transmissões: o teu horário e onde mais te podem encontrar.

Constrói-as por esta ordem de importância: o fundo da cena principal carrega o canal, por isso desenha-o primeiro e deriva os outros a partir dele.

Como manter coerente um conjunto de fundos para streaming

1. 1

   Escolhe um fundo

   Escolhe um gradiente ou uma matéria e usa-o em todas as peças. A variedade vem das palavras e da composição, não de fundos novos. A coerência de marca explica porque a repetição cria reconhecimento.

2. 2

   Escolhe um estilo tipográfico

   Um tipo de destaque para os títulos e um tipo legível para pormenores como horários. Mantém os tamanhos grandes: grande parte do teu público vê em telemóveis e televisões.

3. 3

   Escolhe uma cor de destaque

   Usa-a em alertas, realces e no indicador de direto. Tira-a da paleta do fundo para tudo pertencer ao mesmo conjunto.

4. 4

   Renderiza cada tamanho, não recortes

   Um banner de 1200×480 não é um recorte de um ecrã de 1920×1080. Recompõe cada formato para a parte mais clara do fundo ficar onde deve.

5. 5

   Regista tudo

   Guarda as cores, os tipos de letra e os ficheiros numa pasta para que moderadores e editores usem as mesmas peças. Um kit de marca faz exatamente isso.

Movimento, taxa de bits e fundos para streaming

Os fundos em movimento dão vida a uma cena, e um vídeo em loop pode ser adicionado à maioria dos programas de streaming como fonte multimédia em repetição. Mas tudo o que está no ecrã disputa a taxa de bits da transmissão. Os codificadores de vídeo gastam mais dados com os detalhes que mudam a cada fotograma, por isso o movimento rápido, a cintilação e o grão pesado são caros, e quando o orçamento acaba a imagem fica pixelizada. O movimento de cor lento e amplo é barato de codificar e parece suave.

O loop ideal não tem início nem fim visíveis; os loops perfeitos explicam como isso funciona. A Gradiently exporta designs como vídeos em loop perfeito de 5 a 30 segundos, com o movimento, o ritmo e a cor que escolheres, o que serve bem os fundos das cenas.

Deixa espaço para a câmara, o chat e os alertas

O fundo de uma cena fica quase todo tapado. Esboça onde ficam a webcam, a caixa do chat, os alertas e qualquer captura de jogo, e depois mantém a zona mais clara e mais agitada do fundo longe deles. O texto nos overlays precisa de uma cor calma e uniforme por trás; as técnicas do texto sobre um fundo em gradiente aplicam-se diretamente. Um fundo que deixa espaço sossegado para estes elementos parece desenhado à volta do teu conteúdo e não apenas por trás dele.