Logo reveal vs sting vs bumper vs loop: para qué sirve cada uno
Por el equipo de Charmotion · Actualizado el
Un logo reveal avanza hasta mostrar tu logo y termina en él; suele abrir un video. Un sting es un momento de marca muy corto, a menudo con sonido, que se usa como ident o transición. Un bumper es un clip corto que marca una pausa antes o después del contenido. Un loop en reposo (idle) es un movimiento suave y repetitivo para sitios web y apps.
Puntos clave
- Los reveals, stings, bumpers, intros y outros son reacciones puntuales: se reproducen una vez y terminan en el logo completo.
- Un loop en reposo se repite sin cortes y va en sitios web, apps y streams, no al inicio de un video.
- Las recomendaciones publicadas limitan las animaciones de logo a unos pocos segundos: Envato sugiere de tres a ocho para la mayoría de los proyectos, y los anuncios bumper de YouTube tienen un máximo de 6.
- En video, el sonido forma parte de un sting, pero todo lo que se reproduce automáticamente en un sitio web debe empezar silenciado.
¿Ya tienes un personaje o logo? Mira tu personaje en pantallas reales de una app: pantallas de splash, onboarding, carga y estado vacío. Es gratis, funciona en tu navegador y no sube nada.
¿Cuál es la diferencia entre un logo reveal, un sting y un bumper?
Todas son animaciones de logo cortas, y su nombre depende de dónde se ubican y cuánto duran.
| Nombre | Qué es | Dónde se usa | Se reproduce |
|---|---|---|---|
| Logo reveal | Movimiento que avanza hasta mostrar el logo y termina en él | Inicio de un video, film de marca, presentación | Una vez |
| Logo sting (stinger) | Un momento de marca muy corto, a menudo ligado a un sonido | Idents, transiciones entre segmentos, final de un anuncio | Una vez |
| Bumper | Un clip breve que marca una pausa entre un programa y lo que viene después | Podcasts, series de video, streams; también los anuncios bumper de 6 segundos de YouTube | Una vez |
| Intro | La apertura de un video, que puede incluir un reveal | YouTube, cursos, webinars | Una vez |
| Outro | El cierre de un video: el logo más un siguiente paso | Pantallas finales de YouTube, anuncios | Una vez y luego queda fijo |
| Loop en reposo (idle) | Movimiento suave que se repite sin cortes | Headers de sitios web, apps, streams, estados de carga | Se repite |
Merriam-Webster define un bumper en radiodifusión como "un breve intervalo en radio o televisión, lleno de música, tomas de video o voces en off, que marca una pausa entre un programa y un comercial". "Sting" y "reveal" no tienen una definición formal; la industria los usa con flexibilidad, y mucha gente llama "logo reveal" a cualquier intro de logo. Lo que importa al planificar es la función: ¿abre algo, marca una transición, cierra algo o permanece en pantalla mientras la gente hace otras cosas?
¿Cuánto debe durar un logo reveal, un sting o una intro?
Lo más corto que permita su función. El espectador espera a que termine un reveal; nadie elige verlo. Recomendaciones publicadas:
| Tipo | Recomendación | Fuente |
|---|---|---|
| Logo sting | "Solo unos pocos segundos, como máximo" | Envato Tuts+ |
| Animación de logo | "Normalmente menos de dos segundos" | Motion The Agency |
| Logo reveal o intro | "Entre tres y ocho segundos para la mayoría de los proyectos" | Envato Elements |
| Animación de logo básica en marketplaces | "Normalmente de 5 a 10 segundos" | Guía de costos de Fiverr |
| Anuncio bumper de YouTube | "Hasta 6 segundos de duración" | Ayuda de Google Ads |
| Pantalla final de YouTube | "Los últimos 5 a 20 segundos de un video" | Ayuda de YouTube |
Las fuentes no coinciden porque describen cosas distintas: un ident de dos segundos al final de un anuncio no es una apertura de siete segundos para un film de marca. Empieza con algo corto y alárgalo solo si el movimiento lo necesita. Para intros de YouTube en concreto, consulta la guía de intros para YouTube, y para el inicio de apps, la guía de animaciones de inicio.
¿Una animación de logo debe ir en loop o reproducirse una vez?
Reprodúcela una vez cuando abre o cierra algo; ponla en loop cuando el logo permanece en pantalla junto a otro contenido.
- Las intros, stings, bumpers y outros de video se reproducen una vez y terminan en el logo completo y quieto.
- Los loops en reposo se repiten en headers de sitios web, pantallas de apps y transmisiones en vivo. Deben ser tranquilos: una respiración lenta, un pequeño balanceo o un parpadeo ocasional, sin un salto visible cuando el loop vuelve a empezar.
- En un sitio web, los loops deben detenerse. El criterio de conformidad 2.2.2 de las WCAG 2.2 exige una forma de pausar, detener u ocultar el movimiento que empieza automáticamente, dura más de cinco segundos y se muestra junto a otro contenido. Un logo en el header que reproduce unos pocos ciclos y luego se detiene evita el problema.
- Nunca uses destellos. El criterio 2.3.1 de las WCAG fija un límite de tres destellos en cualquier período de un segundo.
Un patrón práctico para sitios y apps combina ambos: una intro puntual en la primera carga que da paso a un loop en reposo tranquilo. La guía del logo en el header muestra cómo configurarlo.
¿Una animación de logo necesita sonido?
En video, un sting normalmente sí lo lleva: el sonido es lo que hace que se sienta como un sting y no solo como una animación corta. En un reveal o una intro, el sonido es habitual pero opcional. En sitios web y apps, cuenta con que no habrá sonido.
- Los navegadores bloquean el sonido en la reproducción automática. Un video que empieza solo, por lo general, tiene que estar silenciado, y por eso los logos del header y de la sección hero no tienen sonido (MDN).
- Diseña el movimiento para que funcione sin sonido. El mismo archivo termina en reproductores silenciados con reproducción automática, en diapositivas y en vistas previas sin audio, así que la animación debe tener impacto incluso sin su audio.
- Agrega el sonido en el editor. Si la animación de tu logo no tiene pista de audio, coloca debajo un efecto de sonido corto en tu editor de video y alinea el golpe con el momento en que el logo se asienta.
- Revisa la licencia. Los efectos de sonido de las bibliotecas de plantillas tienen sus propios términos. Léelos antes de usar un sonido en anuncios.
¿Qué animaciones de logo necesitas realmente?
Empieza por dónde aparece el logo, no por los tipos de animación.
| Si tienes | Haz primero |
|---|---|
| Un canal de YouTube o un podcast | Una intro corta con reveal y un outro que se detenga en el logo |
| Anuncios en video | Un sting para el último segundo o dos |
| Un sitio web | Una intro puntual en el header y un loop en reposo (idle) |
| Una app | Una intro de inicio, un loop de carga y una reacción de éxito |
| Una transmisión en vivo | Un loop en reposo con fondo transparente para la esquina y un bumper para las pausas |
Charmotion cubre las filas de app y sitio web a partir de una imagen: una intro de inicio de unos 2.6 segundos que termina en tu logo en reposo, 10 moods en loop y 6 reacciones puntuales, en MP4, GIF, Rive y WebM y MOV transparentes (planes de pago, desde $20/mes). No agrega sonido, así que un sting clásico de televisión con un golpe de sonido, o una revelación larga con tipografía cinética, siguen siendo trabajo para un editor de video o un motion designer.
Preguntas frecuentes
¿Qué es un logo sting?
Un logo sting es una animación de logo muy corta, de unos pocos segundos como máximo, que normalmente va acompañada de un golpe de sonido. Se usa como identificador al final de un anuncio, entre segmentos de un programa o como transición. A diferencia de un loop en reposo, se reproduce una vez y termina en el logo.
¿Un logo bumper es lo mismo que un anuncio bumper de YouTube?
No exactamente. En televisión, un bumper es un clip breve que marca una pausa entre un programa y lo que sigue. Un anuncio bumper de YouTube es un formato de anuncio específico de hasta 6 segundos. Una animación de logo puede servir para ambos si es lo bastante corta.
¿Cuál es la diferencia entre una intro y un outro de logo?
Una intro abre un video y a menudo incluye un reveal del logo; debe ser corta para que los espectadores lleguen rápido al contenido. Un outro cierra el video, normalmente deteniéndose en el logo con un siguiente paso. En YouTube, las pantallas finales se pueden agregar en los últimos 5 a 20 segundos.
Respuestas rápidas de esta guía
Fuentes
- Bumper (definition), Merriam-Webster
- About video ad formats, Google Ads Help
- Add end screens to videos, YouTube Help
- Video logo animations in After Effects, Envato Elements
- How to make an animated letter logo sting in Premiere Pro, Envato Tuts+
- How much does 2D animation cost?, Fiverr
- Logo animation, Motion The Agency
- Understanding SC 2.2.2: Pause, Stop, Hide, W3C WAI
- Understanding SC 2.3.1: Three Flashes or Below Threshold, W3C WAI
- Autoplay guide for media and Web Audio APIs, MDN Web Docs