El momento en que un logotipo nuevo se aprueba sobre fondo blanco es el peor momento para empezar a animarlo. Todo lo que saldrá mal en vídeo, un nombre que colapsa a 98 píxeles, un contorno hecho para impresión, áreas transparentes que se vuelven cajas grises en una exportación comprimida, es invisible en el archivo que el equipo de diseño acaba de aprobar.
Así que el trabajo corre en un orden específico. Seis comprobaciones, todas baratas, todas hechas antes de que exista un solo fotograma clave. Hazlas de una sentada y la animación es un trabajo de veinte minutos. Saltáteas y la animación es una reconstrucción. Si no has animado una marca antes, la mecánica se cubre en cómo animar un logotipo; este texto trata sobre todo lo que debe ser cierto antes de eso.
Un logotipo en vídeo no es un archivo de logotipo
La primera corrección mental es que un logotipo en vídeo no es un logotipo distinto. Es la misma marca, existiendo en un conjunto de condiciones mucho más duras, y eso cambia qué decisiones sostienen el peso.
Un logotipo de impresión se ve una vez, a un tamaño cómodo, sobre una superficie que no lo recomprime. Un logotipo en vídeo se ve en un avatar de 98 píxeles, a la distancia del brazo, tras una codificación con pérdida que ya descartó el detalle fino, a veces con una barra de subtítulos sobre el tercio inferior del encuadre. Nada de eso es una crítica al diseño. Es simplemente una condición de visualización distinta, y los recursos que la sobreviven se construyen con esas condiciones en mente.
Por eso las comprobaciones de abajo están ordenadas como están. Tamaño pequeño primero, porque es la decisiva y la más cara de corregir después. Luego las propiedades técnicas, luego el tamaño de encuadre, luego el tratamiento de movimiento, luego la exportación. Invertir cualquiera de las tres primeras cuesta un redibujo. Si partes de una marca que nunca se diseñó para movimiento, las restricciones se recogen en lo que la animación de logotipo realmente requiere.
Paso 1 · Prueba la marca a 98 píxeles
Exporta la marca a su tamaño real de visualización, ponla en un móvil y mírala durante un segundo. No ampliada, no en un monitor, no a resolución completa con el nombre del archivo al lado.
Tres cosas suelen fallar. Los trazos finos desaparecen por completo: una línea de un píxel en el original se vuelve nada tras el escalado. El espacio negativo se cierra, así que los contadores se rellenan y las letras se funden. Y cualquier degradado se aplana en un solo tono medio, lo que puede cambiar en silencio la relación de color entre el símbolo y el nombre.
La solución no es redibujar todo. Es decidir qué muestra el emplazamiento más pequeño. Una versión solo con símbolo para avatares y una versión símbolo más nombre para encuadres anchos es la división estándar, y cuesta una tarde en vez de una re-marca.
Diseñar en un lienzo grande y decidir en el tamaño pequeño es todo el método, y es el hábito que se paga en cada recurso posterior. El mismo razonamiento aplica a la versión estática de una marca que acaba en un GIF: el formato fuerza la misma simplificación, y por eso vale la pena entender las restricciones de paleta detrás de un GIF de logotipo aunque solo publiques vídeo.
Paso 2 · Confirma que la transparencia es real
Un archivo de logotipo puede parecer transparente y no serlo. Abre el PNG sobre un fondo oscuro y comprueba que el área alrededor de la marca está realmente ausente en vez de ser un rectángulo blanco que el fondo de la maqueta ocultó casualmente.
Esto importa más en vídeo que en cualquier otro sitio, porque la marca animada se compone sobre fondos fotográficos: una cabeza parlante, una toma de producto, una ciudad nocturna. Una placa blanca detrás de la marca es inmediatamente visible como placa blanca, y ningún diseño de movimiento la oculta. Las sombras suaves semitransparentes son el otro fallo común: se leen como una caja gris una vez que el codificador promedia el canal alfa.
Los formatos seguros son SVG y un PNG con un canal alfa real, y la diferencia entre ellos vale la pena conocerla antes de exportar: PNG admite mezcla alfa completa, mientras que el formato GIF se limita a un único índice totalmente transparente por fotograma, y por eso los bordes suaves se ven irregulares allí — w3.org — especificación PNG. Si tu único archivo es un JPEG, aún no tienes un logotipo transparente.
Paso 3 · Decide primero el encuadre más pequeño
El tamaño de encuadre es una decisión de diseño, no un ajuste de exportación, y el más pequeño del conjunto decide la composición.
Lo vertical 9:16 es el recorte más ajustado de un conjunto de contenido normal: tiene el menor espacio horizontal para un nombre, así que es donde un bloque o funciona o hay que reconstruirlo. El cuadrado 1:1 es el punto medio seguro para emplazamientos de feed que recortan con fuerza. Lo horizontal 16:9 hasta 4K cubre YouTube, los heroes de sitios web y cualquier cosa en una pantalla de una sala física.
Construye primero la versión vertical si el contenido es primero social, y luego adapta hacia afuera. Adaptar desde un maestro ancho hacia lo vertical es el error que produce más redibujos, porque la composición se resolvió para un espacio que el encuadre vertical nunca tuvo. Si el bloque es el problema y no la animación, las convenciones de disposición se cubren en fundamentos de vídeo de logotipo.
Paso 4 · Elige el tratamiento de movimiento según la geometría de la marca
El tratamiento debería leerse de la propia marca. Un símbolo geométrico con ángulos duros toma una revelación con máscara o una construcción por partes, porque la geometría ya sugiere de dónde vienen las piezas. Una marca circular u orgánica toma una escala radial o un asentamiento. Un nombre que deba seguir legible apenas toma algo: un fundido corto y una espera.
Lo que no funciona es elegir la animación de una lista de efectos y aplicarla a la marca que tengas delante. Ese es el mecanismo detrás del error reconocible donde una marca parece moverse contra su propia forma, que el público lee como amateur aunque no sepa explicar por qué.
Dos valores deciden el resultado más que la elección del efecto: cuántos fotogramas tarda la entrada y qué ocurre en los dos fotogramas alrededor de la parada. Una entrada de menos de 24 fotogramas a 24 fotogramas por segundo se lee como segura. Una entrada de 40 fotogramas se lee como una espera. Y una marca que llega y se detiene en seco se lee como un corte brusco y no como un movimiento, y por eso vale la pena añadir un asentamiento de dos fotogramas antes de añadir duración.
Paso 5 · Define la base técnica antes de animar
Anota estos cuatro valores una vez y reutilízalos para cada exportación, porque las especificaciones de las plataformas cambian y reconstruir de memoria es cómo un conjunto termina inconsistente entre canales.
Fotogramas por segundo: 24 para cualquier cosa con asentamiento y espera, 30 donde una plataforma recodifica con fuerza. Relaciones de aspecto: 9:16, 1:1 y 16:9, todas exportadas desde una fuente para que el tempo se mantenga idéntico. Duración: de uno a tres segundos para un opener, de dos a seis para un corte de lanzamiento. Y espacio de color: exporta Rec. 709 y no improvises, porque un color de marca saturado que cambia tras la transcodificación es peor que cualquier artefacto de compresión y no será visible hasta que el archivo se reproduzca en el móvil de otra persona.
Vale la pena comprobar los números de la plataforma en vez de asumirlos, ya que difieren más de lo que la gente espera. La API de publicación de Reels de Meta documenta sus requisitos explícitamente: relación de aspecto 9:16, 1080 por 1920 píxeles recomendados con un mínimo de 540 por 960, de 24 a 60 fotogramas por segundo, y compresión H.264 o H.265 con un GOP cerrado de dos a cinco segundos — developers.facebook.com — publicación de Reels. Como muestra esa especificación, un opener de uno a tres segundos entra bien dentro de cada restricción publicada, así que el factor limitante es tu propia disciplina de tempo y no los límites de la plataforma.
Paso 6 · Míralo silenciado y a tamaño de feed
La última comprobación toma noventa segundos y detecta los fallos que las otras cinco no pueden. Exporta la pieza terminada, reprodúcela en un móvil a tamaño real de feed, sin sonido.
Si la llegada sigue leyéndose como deliberada con el audio apagado, el tempo está haciendo el trabajo y la pista es un extra. Si silenciarla hace que los cortes se sientan arbitrarios, el problema está en los puntos de corte y no en la música, y añadir un whoosh o un riser no reparará un corte que está a unos fotogramas del compás. Ahí también ayuda la precisión a nivel de fotograma de una cuadrícula tipo metrónomo, y el modelo subyacente de cómo se expresa el tempo a lo largo de una duración está documentado en la <a href="https://www.w3.org/TR/web-animations-1/">especificación de Web Animations</a> del W3C, que vale la pena revisar si quieres el vocabulario para lo que estás ajustando.
Míralo tres veces antes de publicar, no una. La primera ve el logotipo. La segunda ve el tempo. La tercera ve lo que ve un extraño, que es la única que importa.
Qué cambia en el trabajo tener un logotipo nuevo
Hay una diferencia estructural entre animar una marca consolidada y animar una totalmente nueva, y decide cuánto del orden de seis pasos puedes saltarte.
Una marca consolidada ya ha pasado por este filtro en público. Ha aparecido a tamaños pequeños a lo largo de años de recursos, alguien se ha quejado de una versión que no se leía, y la variante simplificada probablemente ya existe como archivo secundario. Las comprobaciones aún detectan problemas, pero la marca normalmente ya se ha probado en algún sitio.
Una marca nueva se ha probado en exactamente un contexto: una presentación, a un tamaño cómodo, en una pantalla por la que nadie pasaba desplazándose. Esa es la condición de visualización más indulgente que la marca encontrará jamás. El avatar de 98 píxeles nunca se ha considerado, la exportación transparente puede que aún no exista, y nadie ha comprobado si el contorno que aguanta a escala de póster sobrevive a una codificación de vídeo.
Así que los seis pasos se cargan al principio a propósito: tres de ellos, la prueba de tamaño pequeño, la comprobación de transparencia y la decisión de encuadre, son comprobaciones del archivo fuente y no de la animación. Corregirlos después de que existe la animación significa rehacerla. Corregirlos de antemano cuesta una tarde y, en la mayoría de los casos, una variante simplificada de la marca.
Si quieres la versión corta de toda la disciplina antes de comprometerte con una construcción completa, la anatomía de una marca animada, entrada, asentamiento, espera, se expone en los estilos que las marcas realmente usan, y es más fácil elegir un tratamiento cuando ya puedes nombrar las alternativas: estilos de logotipo animado.
La hoja de entrega
Una página de números, guardada junto a los archivos de exportación. Toma diez minutos escribirla una vez y es la diferencia entre una marca consistente y un conjunto de archivos que cada uno se desvió un poco.
Archivo fuente: el SVG o PNG transparente desde el que animas, con la variante simplificada solo de símbolo guardada por separado.
Movimiento: duración de la entrada en fotogramas, longitud de la espera en segundos, duración total y el nombre del caso tratado donde la marca se queda en su estado final.
Técnico: fotogramas por segundo, las tres relaciones de aspecto, espacio de color y el perfil de códec con el que exportas.
Música: la pista, su tempo en pulsos por minuto y confirmación de que está autorizada para publicación comercial.
Luego aplica las seis comprobaciones contra esa hoja en cada reconstrucción en vez de desde la memoria. Nadie recuerda un intervalo de fotograma clave seis meses después, y la segunda versión del opener de una marca es donde suele entrar la inconsistencia.
Preguntas frecuentes
¿Qué necesito para que funcione un logotipo en vídeo nuevo?
Una marca que se lea a 98 píxeles, transparencia real en el archivo, un tamaño de encuadre decidido, un tratamiento de movimiento derivado de la geometría de la marca y una base técnica que reutilizas. La propia animación es el último paso y el más corto: la mayor parte del esfuerzo está en las comprobaciones que vienen antes.
¿Puedo animar un logotipo que solo tengo como JPEG?
Puedes, pero primero tendrás que recortar la marca. Un JPEG no tiene canal alfa, así que el área alrededor del logotipo es un color sólido que se sentará visiblemente encima de cualquier fondo de vídeo. Reexporta como un PNG con transparencia o como un SVG antes de animar, y comprueba el resultado sobre un fondo oscuro para confirmar que el alfa es real.
¿Cuánto debe durar una animación de logotipo en vídeo?
De uno a tres segundos para un opener de canal, de dos a seis segundos para una pieza de lanzamiento o anuncio. Cualquier cosa más larga suele cargar con tres tareas a la vez, logotipo, título y eslogan, y la solución es borrar dos de ellas en vez de apretar el tempo de las tres.
¿Necesito archivos distintos para vertical y horizontal?
Distintas relaciones de aspecto, sí; distinto tempo, no. Exporta 9:16, 1:1 y 16:9 desde el mismo archivo fuente para que la duración de la entrada, la alineación con el compás y la longitud de la espera se mantengan idénticas. Solo cambia el encuadre alrededor de la marca, que es lo que evita que una marca parezca tres empresas distintas en tres canales.
¿Debe la animación hacer bucle o desvanecerse?
Haz bucle. Un vídeo en reproducción automática que vuelve a su primer fotograma se lee como un objeto continuo en un feed, mientras que un desvanecimiento a negro se lee como un clip que terminó y se pasa de largo. Mismo material, distinto final de archivo, tiempo de visualización mediblemente distinto; así que corta en seco o haz bucle, y reserva el desvanecimiento para un hero de sitio web si lo necesitas.
En resumen
Haz el paso uno antes que nada más. Exporta la marca a 98 píxeles, ponla en un móvil, mírala durante un segundo, y si aguanta a ese tamaño, las otras cinco comprobaciones son aritmética y no rediseño. Cada equipo que termina redibujando una animación se saltó esa prueba, porque el emplazamiento más pequeño es el único que te dice la verdad sobre la marca. Puedes hacerla en tu propio archivo en el editor del navegador en unos diez minutos.