Pular para o conteúdo

Como mudar a cor dos banners e terços inferiores

As cores dos banners e terços inferiores são controladas por uma única configuração de Primary color (cor primária) na aba Brand (marca). Mudar essa cor atualiza de uma vez todos os banners, exibições de comentários sociais e terços inferiores.

Passos rápidos

  1. Abra a aba Brand na parte inferior da barra lateral esquerda
  2. Role até a seção “Primary color”
  3. Clique na amostra de cor para abrir o seletor de cores
  4. Escolha a cor desejada
  5. Todos os banners e terços inferiores são atualizados automaticamente

Guia passo a passo

Passo 1: Abra a aba Brand

  1. Olhe para a barra lateral esquerda do editor do estúdio
  2. Na parte inferior das abas da barra lateral, encontre a aba Brand (ela também pode mostrar um ícone de paleta/pincel)
  3. Clique nela para abrir o painel de configurações da marca

Passo 2: Encontre a configuração de cor primária

  1. Na aba Brand, role para baixo, passando as prévias de estilo de banner
  2. Encontre a seção chamada “Primary color”
  3. Você verá uma amostra de cor mostrando a cor atual com seu código hexadecimal
  4. Abaixo da amostra está escrito: “This color is used in your banners, social comments and lower thirds” (esta cor é usada nos seus banners, comentários sociais e terços inferiores)

Passo 3: Mude a cor

  1. Clique na amostra de cor
  2. Um seletor de cores se abre (seletor de cores no estilo do Chrome)
  3. Escolha sua cor:
    • Clicando na área de gradiente de cores
    • Ajustando o controle deslizante de matiz
    • Digitando um código hexadecimal diretamente (por exemplo, #FF5500)
    • Ajustando o controle deslizante de alfa/opacidade
  4. A cor é atualizada em tempo real enquanto você escolhe

A aba Brand com o seletor de Primary color aberto e destacado: uma área de gradiente, controles deslizantes de matiz e opacidade e o campo de código hexadecimal

Passo 4: Veja o resultado

A cor primária é aplicada globalmente a:

  • Todos os estilos de banner (6 predefinições de estilo) - como cor de destaque/fundo
  • Todos os terços inferiores - como cor principal da barra
  • Banners de comentários sociais - como cor de realce
  • Gradientes e detalhes são gerados automaticamente a partir dessa cor
  • A cor do texto é calculada automaticamente para dar contraste (texto escuro em cores claras, texto branco em cores escuras)

O que a aba Brand contém

A aba Brand tem estas seções para personalizar a aparência da sua transmissão:

SeçãoO que faz
Banner Style Presets (predefinições de estilo de banner)Escolha entre 6 estilos visuais para os banners
Primary ColorA cor principal de todos os banners e terços inferiores
Scene Default Background Color (cor de fundo padrão da cena)Fundo padrão para novas cenas
Lower Thirds (terços inferiores)Escolha o estilo de animação dos terços inferiores
Font (fonte)Selecione a fonte da marca para banners e terços inferiores
Default Frames (molduras padrão)Predefinições de moldura para as camadas

Opções de estilo de banner

Você também pode mudar o estilo (layout/design) dos seus banners. A aba Brand mostra 6 predefinições de estilo:

EstiloDescrição
Style 1Clássico - barra colorida com fundo em gradiente
Style 2Moderno - sobreposição em gradiente com barra de destaque no topo
Style 3Escuro - corte diagonal com triângulo colorido de destaque
Style 4Minimalista - borda de destaque à esquerda com fundo limpo
Style 5Diagonal moderno - seção colorida em ângulo
Style 6Premium - borda em gradiente com layout de duas seções

Todos os estilos usam a Primary color que você definiu. Clique na prévia de um estilo para selecioná-lo.

Opções adicionais

  • Include logo in banners (incluir logo nos banners) - Ative para mostrar o logo do seu evento nos banners (compatível com os estilos 1, 2, 5 e 6)
  • Include date/time (incluir data/hora) - Ative para mostrar a data e a hora atuais nos banners

Dicas

  • A cor primária afeta todos os banners globalmente - você não pode definir cores diferentes para cada banner individual
  • O contraste do texto é automático - cores claras recebem texto escuro, cores escuras recebem texto branco
  • Variações de gradiente são geradas automaticamente a partir da sua cor primária (tons mais escuros para os detalhes)
  • As alterações são salvas automaticamente - não é preciso clicar em um botão de salvar
  • Teste na sua transmissão - veja como a cor fica no seu conteúdo de vídeo real
  • Os terços inferiores também têm opções individuais de color e color2 que podem ser definidas por palestrante no editor de terço inferior

Relacionados

Artigos relacionados