Saltearse al contenido

Opciones de Chroma Key

El panel Chroma Key Options (opciones de chroma key) ofrece los controles para eliminar el fondo de las capas de video.

Ubicación

Aparece en la Layer Toolbar (barra de herramientas de capa) cuando hay una capa de video o cámara seleccionada.

Diseño del panel

Las opciones de chroma key dentro del desplegable del pincel

Fila horizontal de botones de opciones de color (36x36 px cada uno):

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

Opciones de color

BotónColorTooltipAcción
Custom (personalizado)Color muestreado“Pick color from video” (elegir color del video)Abre el cuentagotas
Green (verde)#0bde0b“Remove green color” (eliminar el color verde)Pantalla verde estándar
Blue (azul)#0072ff“Remove blue color” (eliminar el color azul)Eliminación de pantalla azul
Disable (desactivar)Ícono de prohibido“Disable Chromakey” (desactivar chroma key)Apaga el chroma key

Estados del botón

Estado normal

  • Fondo gris (claro: #bfbfcc, oscuro: #383e4c)
  • Borde de 2 px del mismo color que el fondo del diálogo

Estado seleccionado

  • Borde azul resaltado (#0096ff)
  • Fondo azul claro (claro: #e6f3ff, oscuro: #31435c)

Selector de color personalizado

El botón Custom muestra:

  • El color muestreado actual como fondo
  • Ícono de cuentagotas (i_picker)
  • El color del ícono se adapta para dar contraste (negro sobre claro, blanco sobre oscuro)

Visualización del color

Cuando hay un color personalizado seleccionado:

  • El fondo del botón muestra el color HSV convertido a RGB
  • Un cálculo de brillo determina el color del ícono

Interacciones

Seleccionar colores predefinidos

  1. Haz clic en el botón Green o Blue
  2. El chroma key se activa de inmediato
  3. El botón seleccionado se muestra resaltado

Usar el selector de color

  1. Haz clic en el botón Custom (cuentagotas)
  2. El cursor cambia a un selector de color
  3. Haz clic sobre el video para muestrear el color
  4. El panel se cierra y el chroma key se aplica

Desactivar

  1. Haz clic en el botón Disable (ícono de prohibido)
  2. El efecto de chroma key se elimina
  3. Se restaura el video original

Contenedor del panel

  • Clase: tool_bar_drop_item
  • Altura: 38 px
  • Diseño flex centrado

Estilo de los botones

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

Relacionados

Artículos relacionados