Pular para o conteúdo
evmux Knowledge Base

Opções de chroma key

O painel de opções de chroma key oferece controles de remoção de fundo para camadas de vídeo.

Localização

Aparece na Layer Toolbar (barra de ferramentas da camada) quando você seleciona uma camada de vídeo ou de câmera.

Layout do painel

As opções de chroma key dentro do dropper do pincel

Uma linha horizontal de botões de cor (36x36px cada):

┌──────────────────────────────────────────────┐
│  [Custom]  [Green]  [Blue]  [Disable]        │
└──────────────────────────────────────────────┘

Opções de cor

BotãoCorDicaAção
Custom (personalizada)Cor amostrada“Pick color from video”Abre o conta-gotas
Green (verde)#0bde0b“Remove green color”Tela verde padrão
Blue (azul)#0072ff“Remove blue color”Remoção de tela azul
Disable (desativar)Ícone de proibido“Disable Chromakey”Desliga o chroma key

Estados do botão

Estado normal

  • Fundo cinza (tema claro: #bfbfcc, tema escuro: #383e4c)
  • Borda de 2px da mesma cor do fundo da janela

Estado selecionado

  • Borda de destaque azul (#0096ff)
  • Fundo azul-claro (tema claro: #e6f3ff, tema escuro: #31435c)

Seletor de cor personalizada

O botão Custom mostra:

  • A cor amostrada no momento como fundo
  • O ícone de conta-gotas (i_picker)
  • A cor do ícone se adapta para dar contraste (preto sobre fundo claro, branco sobre fundo escuro)

Exibição da cor

Quando uma cor personalizada está selecionada:

  • O fundo do botão mostra a cor HSV convertida para RGB
  • Um cálculo de brilho define a cor do ícone

Interações

Selecionando cores predefinidas

  1. Clique no botão Green ou Blue
  2. O chroma key é ativado na hora
  3. O botão selecionado fica destacado

Usando o seletor de cor

  1. Clique no botão Custom (conta-gotas)
  2. O cursor vira um seletor de cor
  3. Clique no vídeo para amostrar a cor
  4. O painel fecha e o chroma key é aplicado

Desativando

  1. Clique no botão Disable (ícone de proibido)
  2. O efeito de chroma key é removido
  3. O vídeo original volta

Contêiner do painel

  • Classe: tool_bar_drop_item
  • Altura: 38px
  • Layout flex centralizado

Estilo dos botões

width: 36px
height: 36px
margin: 0 5px
border-radius: 6px
border: 2px solid

Relacionados

Artigos relacionados