Plantillas automatizadas Automated templates

El problema no es animar, es multiplicar

The problem isn't animating, it's multiplying

Cuando un cliente necesita un solo vídeo, el trabajo es animarlo. Cuando necesita el mismo vídeo en tres formatos, ocho localizaciones y cuatro marcas, el trabajo cambia de naturaleza. Y las entregas de este tipo a veces llegan a cientos de clips: lo difícil es que cada cambio llegue a todas las versiones sin que ninguna se quede atrás. Un error humano en uno solo de esos clips es un vídeo equivocado que alguien publica.

When a client needs a single video, the job is to animate it. When they need the same video in three formats, eight locations and four brands, the job changes nature. And deliveries like this sometimes reach hundreds of clips: the hard part is making every change reach every version without any of them falling behind. A human error in just one of those clips is a wrong video that someone publishes.

Por eso, en proyectos de este tipo, la animación es lo que menos tiempo ocupa. Lo que importa es cómo está construido el proyecto: qué cambia, dónde cambia y cuántas veces hay que tocarlo. Estos son los cinco principios que me sirven de guía, con ejemplos reales de tres proyectos de producción (eDreams/Opodo, Chafiras y RIA) para que veas cómo se aplican.

That's why, in projects like this, animation takes the least time. What matters is how the project is built: what changes, where it changes and how many times it has to be touched. These are the five principles I use as a guide, with real examples from three production projects (eDreams/Opodo, Chafiras and RIA) so you can see how they apply.

Principio 1: cada dato vive en un solo sitio

Principle 1: every piece of data lives in one place

Un precio, un texto, un color de marca o un destino se define una única vez, y el resto del proyecto lo lee de ahí. La consecuencia práctica es que cambiar una marca o un idioma es cambiar una cosa, no cuarenta, y que el margen de error humano baja de forma drástica.

A price, a text, a brand color or a destination is defined once, and the rest of the project reads it from there. The practical consequence is that changing a brand or a language means changing one thing, not forty, and the margin of human error drops drastically.

En la práctica: en eDreams, los textos viven en la composición de un formato y los otros los leen por expresión; los colores de marca viven en una composición de referencia y todas las capas coloreadas apuntan a ella. En RIA, todo lo que cambia entre localizaciones está en carpetas marcadas (EDIT HERE); el resto no se toca.

In practice: in eDreams, the texts live in the composition of one format and the others read them by expression; brand colors live in a reference composition and every colored layer points to it. In RIA, everything that changes between locations sits in folders marked (EDIT HERE); the rest is not touched.

Principio 2: un master, muchos formatos

Principle 2: one master, many formats

Los formatos no se rehacen, se derivan. La clave son expresiones que leen el ancho y el alto de su propia composición para colocar cada elemento. Si el tamaño cambia, el diseño se recoloca solo, y adaptar a un formato nuevo es duplicar, ajustar el tamaño y comprobar, no volver a maquetar.

Formats aren't redone, they're derived. The key is expressions that read the width and height of their own composition to place each element. If the size changes, the layout repositions itself, and adapting to a new format means duplicating, adjusting the size and checking, not laying everything out again.

En la práctica: en Chafiras, cada pantalla, de las verticales estrechas a las horizontales anchas, usa estas expresiones para colocar el marco, las barras y el carrusel. En eDreams, los tres formatos comparten una misma lógica de cajas que se dimensionan con el ancho real del texto.

In practice: in Chafiras, each screen, from the narrow verticals to the wide horizontals, uses these expressions to place the frame, the bars and the carousel. In eDreams, the three formats share the same box logic, sized by the real width of the text.

Principio 3: las cajas miden el texto

Principle 3: boxes measure the text

Los idiomas no miden lo mismo: una palabra en alemán puede doblar a su equivalente en inglés. Si la caja que hay detrás está dibujada a mano, cada idioma obliga a repasarla. La solución es que la caja lea el ancho real del texto (sourceRectAtTime) y le sume un margen configurable.

Languages don't measure the same: a word in German can double its English equivalent. If the box behind it is drawn by hand, every language forces a review. The solution is for the box to read the real width of the text (sourceRectAtTime) and add a configurable margin.

En la práctica: en eDreams, doce cajas de texto lo hacen con un solo slider para el margen. Es la misma idea que está detrás de mi asset Autobox.

In practice: in eDreams, twelve text boxes do this with a single slider for the margin. It's the same idea behind my Autobox asset.

Principio 4: el nombre es el dato

Principle 4: the name is the data

Cuando hay muchas piezas parecidas, prefiero que cada una lleve su posición o su identidad en el nombre antes que gestionarlas con un contador. Así las expresiones pueden leer el nombre, y tú puedes saber qué es cada cosa sin abrirla.

When there are many similar pieces, I prefer that each carries its position or identity in its name instead of managing them with a counter. That way expressions can read the name, and you can tell what each thing is without opening it.

En la práctica: en Chafiras hay 29 productos en un carrusel (Rotator_N), y para cada uno tres marcadores (imagen, título y precio, ochenta y siete en total). En RIA, las composiciones están nombradas por campaña, formato y versión (ES_1TRX_Landscape_A), así que se sabe qué es cada render sin abrirlo.

In practice: in Chafiras there are 29 products in a carousel (Rotator_N), and three placeholders for each (image, title and price, eighty-seven in total). In RIA, compositions are named by campaign, format and version (ES_1TRX_Landscape_A), so you know what each render is without opening it.

Principio 5: orden antes que animación

Principle 5: order before animation

Antes de automatizar nada, consolida: elimina sólidos y sustitúyelos por capas de forma, deduplica precomposiciones, usa colores de etiqueta con criterio y separa lo que se edita ((EDIT HERE)) de lo que no ((precomps)). Un master caótico no se automatiza: se rehace.

Before automating anything, consolidate: remove solids and replace them with shape layers, de-duplicate precompositions, use label colors with a purpose and separate what is edited ((EDIT HERE)) from what isn't ((precomps)). A chaotic master can't be automated: it has to be rebuilt.

En la práctica: lo hice en eDreams y en RIA, y en ambos casos el orden fue lo que hizo viable todo lo demás.

In practice: I did it in eDreams and in RIA, and in both cases the order is what made everything else viable.

Antes de automatizar, pregúntate

Before automating, ask yourself

• ¿Cada dato que cambia está definido en un solo sitio?
• Is each piece of data that changes defined in one place?
• ¿Puedo obtener un formato nuevo duplicando y ajustando el tamaño?
• Can I get a new format by duplicating and adjusting the size?
• ¿Las cajas se adaptan al texto de cualquier idioma?
• Do the boxes adapt to the text of any language?
• ¿Los nombres dicen qué es cada pieza?
• Do the names say what each piece is?
• ¿El master está ordenado antes de empezar?
• Is the master tidy before I start?

Los principios en tres proyectos

The principles in three projects

Qué queda cuando termina el proyecto

What's left when the project ends

Queda un master ordenado, con cada dato en su sitio. Cuando un cliente pide una tanda nueva, el trabajo de actualización es simple y lo único que hay que vigilar son los tiempos de render. No presumo de haber hecho algo que no se pueda hacer a mano: presumo de haber evitado que se haga a mano una y otra vez.

What's left is a tidy master, with every piece of data in its place. When a client asks for a new batch, the update work is simple and the only thing to watch is render time. I don't claim to have done something that can't be done by hand: I claim to have avoided doing it by hand over and over.

Para un caso en detalle

For a case in detail

Si quieres ver el proceso completo, con el master de partida y todas las decisiones, lo cuento en el caso de estudio.

If you want to see the whole process, with the starting master and all the decisions, I tell it in the case study.

"Automatizar no es hacer menos: es no repetir."

"Automating isn't doing less: it's not repeating."