Saltearse al contenido

Cómo agregar una transición stinger

Esta guía te muestra cómo agregar transiciones stinger personalizadas basadas en video entre escenas para lograr cambios de escena profesionales y con tu marca.

Pasos rápidos

  1. Haz clic en el ícono de stinger junto a la miniatura de una escena (o haz clic derecho en la escena)
  2. Elige uno de los System stingers (stingers del sistema) o haz clic en Add from Gallery (agregar desde la galería) / Upload from Disk (subir desde el disco)
  3. Selecciona tu archivo de video del stinger (solo WEBM)
  4. Define el momento del punto de transición
  5. El stinger se reproducirá al cambiar a esa escena

Entender los stingers

Un stinger es una animación en video que se reproduce durante las transiciones de escena. A diferencia de los fundidos o los cortes, los stingers ofrecen transiciones dinámicas y con tu marca.

TérminoSignificado
StingerTransición personalizada basada en video
Punto de transiciónMomento en que aparece la nueva escena
DuraciónLongitud total del video del stinger
CorteCambio de escena instantáneo (sin transición)
FundidoCambio gradual de opacidad

Requisitos del video del stinger

Especificaciones técnicas

PropiedadRecomendado
FormatoSolo WEBM (MP4 no es compatible)
ResoluciónIgual a tu escena (1920x1080)
Velocidad de fotogramas30 o 60 fps
DuraciónDe 0.5 a 3 segundos
CódecVP9 (WebM)

Importante: Solo se pueden usar archivos de video WEBM como stingers. Este formato admite transparencia (canal alfa).

Buenas prácticas de diseño

  • Debe tener un momento de cobertura total (sin transparencia)
  • El punto de transición es cuando ocurre la cobertura total
  • Puede incluir transparencia (canal alfa) con WEBM
  • Usa los colores y el estilo de tu marca

Método 1: desde el selector de stinger de la escena

Paso 1: abre el selector de stinger

  1. Haz clic derecho en la tarjeta de la escena en la columna de escenas a la izquierda
  2. Elige Stinger / Transition (stinger / transición)

El menú de clic derecho de la escena con Stinger / Transition resaltado

  1. Se abre la ventana emergente del selector de stinger con el encabezado “Choose a video to be used as stinger”

El selector de stinger: Default (Fade in), ocho stingers animados integrados, las transiciones simples debajo, un botón Add para tu propio archivo WEBM y Save

Paso 2: elige un stinger

Stingers del sistema:

  • Predeterminado: [Fade In] (fundido de entrada), la transición de fundido estándar
  • Explora la sección System stingers para ver las opciones integradas

Tu propio stinger:

  • Haz clic en Add (agregar) en la parte superior derecha del selector para elegir un archivo WEBM ya subido o subir uno nuevo

Paso 3: define el punto de transición

El punto de transición determina cuándo la escena anterior es reemplazada por la nueva:

  1. Previsualiza el video del stinger
  2. Busca el fotograma donde hay cobertura total
  3. Define el punto de transición (en milisegundos)
  4. Ese es el momento en que ocurre el cambio de escena “detrás” del stinger

Paso 4: hazlo predeterminado (opcional)

  1. Activa Set as Default Transition (establecer como transición predeterminada)
  2. Todos los cambios de escena usarán este stinger
  3. O déjalo como una opción para usarla de forma selectiva

Método 2: asignación rápida de stinger

Stinger por escena

  1. Haz clic derecho en la miniatura de una escena
  2. Selecciona Transition Settings (ajustes de transición) o Set Transition (definir transición)
  3. Elige el stinger entre las opciones disponibles
  4. Este stinger se reproduce al cambiar HACIA esta escena

Usar los stingers

Stinger automático

Una vez establecido como predeterminado:

  • Haz clic en cualquier escena para cambiar
  • El stinger se reproduce automáticamente
  • La escena cambia en el punto de transición

Activación manual del stinger

Algunas configuraciones permiten:

  1. Hacer clic en el botón Play Stinger (reproducir stinger)
  2. El stinger empieza a reproducirse
  3. Haz clic en la escena de destino durante el stinger
  4. O cambia automáticamente en el punto de transición

Crear videos de stinger

Stinger simple (recomendado para principiantes)

  1. Créalo en un software de edición de video (After Effects, DaVinci, etc.)
  2. Diseña una animación que cubra brevemente toda la pantalla
  3. Expórtalo a la resolución de la escena
  4. Mantenlo por debajo de 2 segundos

Elementos de un buen stinger

  1. Animación de entrada: los elementos entran animados
  2. Cobertura total: la pantalla queda cubierta por completo (punto de transición)
  3. Animación de salida: los elementos salen animados
  4. Duración total: lo ideal es de 1 a 2 segundos

Stinger con transparencia

Para WebM con alfa:

  1. Crea la animación con fondo transparente
  2. Expórtala como WebM con canal alfa
  3. El stinger se superpone a la transición de escena

Comparación de tipos de transición

TipoVelocidadPersonalizaciónIdeal para
CorteInstantáneoNingunaNoticias, cambios rápidos
Fundido0.5-1 sSolo la duraciónSuave, sutil
Deslizamiento0.5-1 sDirecciónAspecto moderno
StingerVariableTotalmente personalizableCon marca, profesional

Varios stingers

Puedes tener varios stingers para distintos fines:

  1. Stinger principal: la transición principal con tu marca
  2. Stinger rápido: una versión más corta y veloz
  3. Stinger especial: para momentos concretos
  4. Stinger de cierre: para terminar segmentos

Seleccionar distintos stingers

  • Asigna stingers distintos a cada escena
  • O usa los controles de transición para elegir
  • Atajos de teclado para los distintos stingers

Solución de problemas

¿El stinger no se reproduce?

  • Comprueba que las transiciones estén habilitadas
  • Verifica que el stinger se haya subido correctamente
  • Prueba a subir el archivo de nuevo

¿El punto de transición está mal?

  • Ajusta el momento del punto de transición
  • Previsualiza para encontrar el momento correcto
  • Suele estar entre el 40 % y el 60 % del video

¿El stinger se ve entrecortado?

  • Revisa la velocidad de fotogramas del video (usa 30 fps o más)
  • Reduce el tamaño del archivo si es demasiado grande
  • Asegúrate de tener una buena conexión de red

¿El cambio de escena ocurre demasiado pronto o demasiado tarde?

  • Ajusta el momento del punto de transición
  • Número más bajo = cambio más temprano
  • Número más alto = cambio más tardío

¿No se puede subir el archivo del stinger?

  • Revisa el formato del archivo (solo WEBM, MP4 no es compatible)
  • Reduce el tamaño del archivo si es demasiado grande
  • Asegúrate de que la resolución coincida con la escena

Buenas prácticas

  1. Que sea corto: lo ideal es de 1 a 2 segundos
  2. Coherente con tu marca: usa tus colores y tu estilo
  3. Prueba antes de salir en vivo: verifica que el tiempo sea el correcto
  4. Ten un respaldo: el fundido como alternativa
  5. No abuses: los stingers funcionan mejor con moderación

Dónde conseguir stingers

Crea los tuyos

  • Adobe After Effects
  • DaVinci Resolve
  • Canva (animado)
  • Software de gráficos en movimiento

Recursos gratuitos

  • Busca “free stream stingers”
  • Streamlabs, OWN3D, Nerd or Die
  • Revisa la licencia para uso comercial

Personalizados / profesionales

  • Diseñadores en Fiverr
  • Artistas de gráficos en movimiento
  • Mercados de overlays para streaming

Relacionado

Artículos relacionados