La mayoría de los logotipos se diseñan para una superficie que se queda quieta. Un cartel, una tarjeta de visita, la esquina de un sitio web, la etiqueta de un producto — cada una da al logotipo todo el tiempo del mundo. El vídeo hace lo contrario. Da al logotipo una fracción de segundo, en un encuadre que a menudo mide pocos centímetros de ancho y se mueve con frecuencia, y luego sigue adelante. Los logotipos que sobreviven esa transición rara vez son los que mejor lucen en una valla publicitaria. Son los que se dibujaron pensando en un encuadre pequeño y una mirada breve.
Esa es toda la petición de un logotipo para vídeo. No es una versión más pequeña de la marca principal, ni la marca principal con una animación pegada después. Es un dibujo hermano construido para las condiciones que impone el vídeo, y acertar lleva unas horas si sabes qué decisiones importan. Aquí están esas decisiones.
Por qué la marca principal suele fallar en vídeo
Empieza por la aritmética, porque explica casi todos los fallos. Un logotipo que funciona en una cabecera de sitio web de 300 píxeles se ve obligado a sostenerse dentro de un encuadre donde toda la anchura puede ser de 1080 píxeles, pero donde el propio logotipo ocupa quizá una quinta parte. Luego se comprime, se ve en un teléfono a plena luz y se desplaza sin parar. Cualquier elemento que dependía de un detalle fino ha desaparecido.
Tres cosas concretas se rompen, en este orden.
Los trazos finos desaparecen primero. Una regla de un pelo o un serif delicado que se lee como elegante a tamaños grandes se convierte en una mancha gris tenue a escala de vídeo, y la compresión lo suaviza aún más. El logotipo conserva su forma general y pierde su carácter, lo cual es peor que perderlo por completo.
Los subelementos detallados van después. Un escudo con una docena de líneas internas, una marca denominativa con un ampersand finamente dibujado, un icono con textura interna — todos sobreviven como un ruido vago. Los codificadores de vídeo están hechos para desechar exactamente el tipo de información de la que están hechos esos detalles.
La marca denominativa deja de ser legible al final, y es con la que la gente lucha. Por debajo de cierto tamaño, las letras dejan de ser letras. Se convierten en ritmo y textura, lo que significa que un espectador ya no puede leer tu nombre del encuadre — solo reconocer que había algún texto ahí. Si el reconocimiento es el trabajo, la marca denominativa hace menos trabajo del que cuesta en espacio.
Hay una razón mecánica por la que la compresión golpea estos detalles con más fuerza. Los códecs de vídeo asignan bits a lo que cambia entre fotogramas, y el detalle estático fino es caro de preservar a lo largo de un segundo entero de metraje. Las consecuencias prácticas están documentadas en la guía de MDN sobre códecs de vídeo, que merece la pena hojear antes de decidir cuánto detalle puede llevar un logotipo pequeño.
La regla que ahorra más retrabajo: construye el encuadre pequeño primero
El instinto es diseñar la versión más grande y reducirla, porque un lienzo grande muestra más detalle y parece dar más espacio de trabajo. Es la dirección equivocada para el vídeo, y cuesta una tarde cada vez.
Diseña el emplazamiento más pequeño que vayas a publicar nunca, y luego escala hacia arriba. Esa superficie suele ser el avatar — un recorte circular, mostrado a una fracción del ancho de pantalla, junto a un nombre de usuario en un hilo de comentarios. Si el logotipo aguanta ahí, aguanta en cualquier tamaño mayor, porque cualquier otro emplazamiento es el mismo dibujo con más píxeles. Si falla ahí, lo has aprendido en una hora en vez de después de construir y exportar una animación completa que resulta ilegible donde más importa.
Traducción práctica: pon el logotipo dentro del círculo inscrito en un cuadrado, mantenlo en aproximadamente el setenta por ciento central, y compruébalo al tamaño real de visualización en un teléfono real. No en una herramienta de diseño al 400 por ciento, ni en un monitor de escritorio. Esas dos vistas son la razón por la que los buenos logotipos se publican rotos.
Qué cambia de verdad entre las versiones estática y de vídeo
Cuando aceptas que la versión de vídeo es una hermana en vez de una copia, las decisiones se vuelven concretas. Estas son las que valen la pena.
Quita la línea de refuerzo. Cualquier cosa que se lee después del nombre — un eslogan, un año de fundación, una ciudad — desaparece en la versión de vídeo. No se puede leer en el tiempo disponible, y ocupa el espacio que el logotipo necesita.
Aumenta el grosor del trazo en vez de reducirlo. El vídeo suaviza los bordes por el escalado y la compresión, así que una línea que se ve correcta en un archivo estático al mismo tamaño se verá más fina en pantalla. Compensa en la fuente, no en la exportación.
Simplifica el símbolo a una idea. Si la marca principal lleva un símbolo, una marca denominativa y una línea de refuerzo, la versión de vídeo conserva el símbolo. Si el propio símbolo tiene una forma principal y una secundaria, la versión de vídeo conserva la principal.
Elige una forma que sobreviva a un recorte circular. Las composiciones horizontales anchas pierden sus extremos. Los logotipos con elementos fijados en esquinas pierden esos elementos. Una composición compacta, alta o diagonal dentro de un círculo no pierde nada.
Pierde el contorno fino. Los trazos finos son lo primero que quita la compresión, y un contorno que desaparece deja el logotipo con aspecto inacabado en vez de minimalista.
Basta de tamaños: el logotipo para vídeo suele verse dos veces
Hay una superficie donde todo este problema ya está resuelto, y merece la pena estudiarla en vez de inventar desde cero. La práctica de marca de los broadcasters ha pasado décadas resolviendo qué pasa cuando un logotipo tiene que sobrevivir a ser reducido, recortado, replicado en docenas de contextos y mostrado contra fondos arbitrarios. Las convenciones que surgieron son explícitas, y una de ellas es directamente relevante: un logotipo debe llegar limpio en vez de decorado.
YouTube publica su propia guía de arte de canal y avatar por mucho el mismo motivo, y es inusualmente específica sobre tamaños y zonas seguras. La versión breve de la documentación de marca de canal de YouTube es que un avatar se muestra a 98 por 98 píxeles y que la decoración adicional — bordes, sombras, marcos — no se recomienda. Un logotipo que necesita un borde para funcionar en vídeo no funciona en vídeo.
Para las proporciones de encuadre, la misma fuente da las cifras de trabajo: la guía de proporciones y resolución de YouTube establece 9:16 vertical, 1:1 cuadrado y 16:9 panorámico como las formas que importan, y recomienda 1080 por 1920 para vertical. Ese es el conjunto de exportación que de verdad necesita un logotipo para vídeo: tres versiones de un mismo dibujo, más una fija para avatares y miniaturas.
Fíjate en que ninguna de estas fuentes describe un único archivo máster. Cada plataforma espera un conjunto, dimensionado de forma distinta para cada emplazamiento, y trata cualquier otra cosa como un compromiso. Construir ese conjunto a propósito es la diferencia entre un logotipo que se ve bien en todas partes y uno que se ve aproximadamente bien en todas partes.
El movimiento cambia lo que el dibujo debe hacer
Un logotipo estático tiene un trabajo: ser reconocido. Un logotipo de vídeo tiene dos — ser reconocido, y completar una acción dentro de un presupuesto de tiempo. Ese segundo trabajo es lo que convierte un logotipo para vídeo en un problema de diseño distinto en vez de uno más pequeño.
La acción es corta. Una entrada, una retención, una salida. Menos de un segundo para la llegada es el objetivo de trabajo, porque un espectador que se desplaza por un feed ya está decidiendo si seguir viendo antes de que el logotipo termine de aparecer.
Se siguen tres consecuencias de diseño.
El dibujo debe leerse como terminado en el momento en que llega, no a medias. Si el logotipo se construye a partir de piezas que se ensamblan — letras que entran volando, un símbolo que gira hasta su sitio — el espectador solo ve la marca completa en la fracción final de la secuencia. Los estados intermedios deben ser reconocibles, o la animación está gastando el presupuesto de reconocimiento en el proceso en vez del resultado.
Los elementos que se mueven necesitan suficiente separación para desplazarse. Una composición apretada no deja a la animación dónde ir, así que la entrada tiene que ser un fundido o una escala desde la nada — ambos se leen como genéricos. Soltar la composición ligeramente en la versión de vídeo crea espacio para una entrada deliberada.
El estado final debe ser una retención limpia. Si la secuencia termina en un fotograma ligeramente girado o parcialmente transparente, esa se convierte en la imagen que recuerda el espectador. El último fotograma debe ser el logotipo, presentado correctamente, retenido el tiempo suficiente para registrarse.
Hay un argumento bien documentado para mantener todo esto contenido. la investigación del Nielsen Norman Group sobre la animación en interfaces traza una línea clara entre el movimiento que comunica un cambio de estado y el que existe por sí mismo, y concluye que el tipo gratuito cuesta más atención de la que devuelve. La entrada de un logotipo es un cambio de estado — el contenido está empezando — así que califica. Una entrada de logotipo con giro, rebote y explosión de partículas es decoración, y gasta el recurso exacto que la cabecera debía comprar.
Una secuencia de trabajo, de principio a fin
Este es el orden que evita el retrabajo, basado en la secuencia que causa menos problemas.
Uno. Exporta el logotipo como SVG, o como un PNG transparente a la mayor resolución disponible. Confirma la transparencia viendo el archivo sobre un fondo oscuro en vez de confiar en el diálogo de exportación. Este paso descarrila más proyectos que cualquier otro, porque un JPEG sacado de una presentación lleva un rectángulo blanco invisible que se vuelve evidente en cuanto el fondo no es blanco.
Dos. Construye primero el recorte circular del avatar, y compruébalo en un teléfono. Esta es la restricción que hereda el resto del conjunto.
Tres. Si la marca denominativa ha dejado de ser legible en ese recorte, toma la decisión ahora: quítala de la versión de vídeo y conserva solo el símbolo. Decidir esto después de que existe una animación significa reconstruir la animación.
Cuatro. Diseña la entrada como una idea de un segundo, y luego exporta las tres proporciones desde una fuente para que el tempo no derive entre ellas.
Cinco. Exporta un fotograma fijo desde la retención limpia al final de la secuencia, y consérvalo como candidato a avatar y miniatura.
Seis. Mira el resultado silenciado, al tamaño del feed, en un teléfono. Si la entrada sigue leyéndose como deliberada sin sonido, el tempo está haciendo su trabajo. Puedes ver esta secuencia en la práctica en una página de <a href="/logo-animation-templates/logo-video-maker">creador de vídeo con logotipo</a>, o comparar lo que producen distintos enfoques generados sobre el mismo archivo en nuestro recorrido de <a href="/blog/new-video-logo">crear un logotipo para vídeo desde cero</a>.
Errores que cuestan más tiempo
Cuatro de estos explican la mayor parte del retrabajo que la gente reporta.
Empezar por la versión más grande y reducirla. Se siente eficiente y esconde los fallos hasta el peor momento posible.
Reutilizar la exportación web. Un logotipo exportado para una cabecera de sitio a menudo está aplanado, a veces sobre fondo blanco, y rara vez a una resolución que sobrevive a un lienzo vertical. Reexporta desde el archivo fuente.
Tratar la animación como el diseño. El movimiento no puede rescatar una composición que no se lee en un encuadre pequeño — solo puede llamar la atención sobre el problema un poco más de tiempo.
También existe el error opuesto: pasar semanas en una versión del logotipo tan mínima que deja de ser distintiva. Un logotipo optimizado por completo para un círculo de 40 píxeles puede perder la única forma que lo hacía reconocible.
Preguntas frecuentes
¿Puedo usar mi logotipo actual en vídeo?
Normalmente, pero no el archivo actual. Toma el artwork fuente y exporta una versión para vídeo específicamente: trazos más gruesos, sin línea de refuerzo, el símbolo priorizado y transparencia confirmada. El dibujo puede ser el mismo; la exportación tiene que ser distinta.
¿Qué tamaño debe tener un logotipo en un vídeo?
No hay un número único, porque depende del emplazamiento. El enfoque viable es diseñar contra la superficie más pequeña — el avatar circular — y escalar hacia arriba desde ahí, y luego exportar versiones 9:16, 1:1 y 16:9 desde una fuente para que las tres coincidan.
¿Debe aparecer el logotipo al principio o al final de un vídeo?
Al principio si el logotipo es el motivo por el que el espectador mira, lo cual es el caso del contenido de marca y las cabeceras. Al final si el espectador vino por el contenido y el logotipo es una firma. Ponerlo en ambos sitios es común y suele ser un error salvo que la pieza dure menos de diez segundos y haga bucle.
¿Necesito la marca denominativa en la versión de vídeo?
Compruébalo al tamaño de visualización antes de decidir. Si las letras han dejado de ser legibles, la marca denominativa está ocupando espacio sin comunicar un nombre — y en la mayoría de las plataformas el nombre de la cuenta se imprime como texto justo al lado del logotipo, lo que la hace redundante además de ilegible.
¿Cuántas versiones de un logotipo necesita un canal de vídeo?
Cuatro archivos de trabajo: una fija circular para avatares, una fija cuadrada para miniaturas y emplazamientos del feed, una animación vertical y una animación panorámica. Las cuatro salen de un mismo dibujo, así que el coste está en la pasada de exportación en vez del diseño.
La conclusión
Coge tu archivo de logotipo y ábrelo al tamaño en que se verá de verdad — un círculo pequeño en un teléfono, a plena luz, en un feed que ya se mueve. Si no puedes decir qué es, la versión de vídeo aún no existe, por muy buena que se vea la marca principal. Arregla el dibujo antes de tocar la animación, porque el movimiento multiplica lo que la composición ya hace: hace que un logotipo claro sea más claro y uno cargado sea más confuso. La prueba honesta dura dos minutos, y es la única que predice cómo se comportará el logotipo donde de verdad vivirá.