Automatización de Diseños con Variables de Datos en Adobe Illustrator

Objetivo de aprendizaje:

El objetivo de esta guía es enseñar a los estudiantes a utilizar la función Data Merge de Adobe Illustrator para automatizar diseños, permitiéndoles generar múltiples copias de un mismo diseño a partir de un archivo de datos (CSV) externo. Aprenderán a vincular texto e imágenes variables, personalizar el diseño según datos específicos y exportar múltiples archivos optimizando tiempos y recursos en proyectos que requieran personalización masiva.

---

Guía de Trabajo: Paso a Paso para el Uso de Data Merge en Adobe Illustrator

Requisitos previos

• Tener los datos organizados en Google Sheets o Excel.
• Guardar los datos como archivo CSV y tener las imágenes en una carpeta específica en el ordenador.

---

Paso a Paso

1. Configurar el Documento en Illustrator

• Comando: Ctrl + N (Windows) / Cmd + N (Mac)
• Dirígete a Archivo > Nuevo y selecciona las dimensiones deseadas del documento.
  • Por ejemplo, establece 1200 x 470 píxeles si es para diseño web.
• Nota: Asegúrate de configurar las unidades en píxeles si el diseño es digital.

2. Crear el Diseño Base

• Fondo: Ve a Archivo > Colocar para insertar una imagen de fondo.
• Texto Variable: Activa la herramienta de texto (T) y escribe el texto inicial.
• Comando: Usa Shift para ajustar el tamaño del texto sin distorsionar proporciones.
• Estiliza: Selecciona una fuente (por ejemplo, Oswald para títulos y Montserrat para texto más pequeño).

3. Añadir Variables de Texto e Imágenes

• Herramienta de Variables:
  • Ve a Ventana > Variables para abrir el panel de Variables.
  • Selecciona el texto o imagen que desees configurar como variable.
  • Haz clic en el ícono "Hacer Texto Dinámico" para texto o "Hacer Imagen Dinámica" para imágenes.
  • Comando: Para seleccionar múltiples elementos como variables, mantén presionado Shift.

4. Configurar el Archivo de Datos en Google Sheets

• Crea una hoja de Google y en la primera fila coloca los nombres de variables que has configurado en Illustrator (por ejemplo, variable1, variable2).
• Si tienes imágenes como variables, añade @ al nombre de la columna (por ejemplo, @fondo).
• Completa cada columna con los textos e imágenes (enlaces absolutos) para cada instancia de diseño.

5. Exportar y Cargar Archivo CSV

• Descarga la hoja de Google como Archivo > Descargar > Valores separados por comas (.csv).
• En Illustrator, en el panel de Variables, selecciona Cargar Biblioteca de Variables y elige el archivo CSV descargado.

6. Configurar las Acciones para Exportación Automática

• Crear una Acción:
  • Ve a Ventana > Acciones y selecciona Nueva Acción.
  • Graba la acción seleccionando Archivo > Exportar > Exportar como.
  • Establece el formato como PNG o JPEG y selecciona Exportar utilizando mesas de trabajo.
  • Define las configuraciones de resolución y color.
• Comando: Detén la grabación de la acción cuando termines, con el botón de cuadrado en el panel de acciones.

7. Ejecutar Exportación por Lote

• En el panel de Acciones, selecciona Lote.
• Configura el origen de los datos en "Conjuntos de Datos" y elige una carpeta de destino para guardar los archivos generados.
• Illustrator exportará automáticamente una copia de cada variación de diseño en la carpeta designada.

Referencia: https://www.youtube.com/watch?v=sW70hB_WeWM