El último paso de un proyecto de logo es el menos interesante y el más visible: la carpeta de archivos que el cliente conserva. Si está mal, oirás hablar de ella durante años, un correo cada vez. La imprenta quiere un vector, un asistente pegó un JPG sobre una diapositiva oscura, alguien encontró el archivo AI y no puede abrirlo. Este artículo cubre qué formatos necesita realmente un cliente y por qué, las variantes de color, un patrón de nombres que sobrevive a sus carpetas y tres formas de sacar los archivos de Illustrator: a mano con Exportar para pantallas, con un script y en un clic.

Qué formatos necesita un cliente, y por qué

Menos de los que crees, pero cada uno por una razón.

Formato Entrégalo para Notas
AI El archivo maestro, archivado con el cliente Guarda una copia con el texto convertido a contornos; conserva tu versión editable
SVG Webs, apps, herramientas de diseño, desarrolladores Vectorial, ligero, se abre en Figma y en los navegadores; fuentes en contornos, sin imágenes de píxeles
PNG Documentos, diapositivas, firmas de correo, perfiles sociales Fondo transparente, exportado a 2x o a un ancho fijo generoso
PDF Proveedores de impresión, señalética, packaging Vectorial, fuentes en contornos, colores intactos; la entrega para imprenta por defecto
EPS Solo cuando un proveedor insiste Bordado, grabado, artículos promocionales, software de señalética antiguo
JPG Rara vez: plataformas que rechazan la transparencia Fondo blanco, nunca el único archivo entregado

AI es el archivo maestro. Se queda contigo y va al archivo del cliente con el texto convertido a contornos, para que se abra en cualquier equipo sin las fuentes. No lo presentes como un archivo para usar en el día a día.

SVG es el vector de cada día. Web, apps, Canva, Figma, desarrolladores. Convierte el texto a contornos antes de exportar, mantén la ilustración libre de imágenes incrustadas y comprueba el archivo en un navegador. El SVG ha sustituido al EPS para casi todo, salvo para los proveedores que todavía piden EPS por su nombre.

PNG es el ráster de cada día. Es lo que acaba en Word, Keynote, Google Slides, la firma de correo y la página de LinkedIn. La transparencia es la clave. Expórtalo a 2x para que aguante una pantalla retina y una ampliación moderada, o a un ancho fijo de unos 2000 px si el cliente no va a leer un sufijo.

PDF es la entrega para imprenta. Un PDF vectorial con el texto convertido a contornos y los valores de color correctos es lo que espera un proveedor de impresión, un rotulista o un fabricante de packaging. Si la marca tiene una especificación en CMYK o en tinta plana, el PDF es donde vive. Exportar para pantallas usa por defecto un ajuste preestablecido de PDF de baja calidad, así que elige un ajuste de impresión en su configuración o guarda el PDF de impresión por separado.

EPS es un formato heredado. Algunos proveedores de bordado, grabado y merchandising todavía lo piden porque su software es antiguo. Entrégalo cuando te lo pidan, con el texto convertido a contornos, y no le dediques tiempo en otro caso.

JPG es para un solo caso. Una plataforma que rechaza la transparencia, o una vista previa para alguien que no puede abrir nada más. Un JPG sobre fondo blanco nunca es un archivo de logo por derecho propio.

Variantes de color

Cada composición del logo (lockup) necesita tres versiones de color: a todo color, en negro y en blanco. El negro es la versión a una tinta para impresión monocroma, grabado, estampado en relieve y formularios. El blanco es la versión invertida para fondos oscuros, fotografía y vídeo. Ambas son planas: sin degradados, sin tintes, sin efectos.

Para construir la versión en negro, duplica la mesa de trabajo, selecciona todo lo que contiene y pon el relleno en negro. Si el símbolo usa degradados o efectos, elige primero Objeto > Expandir apariencia, luego Edición > Editar colores > Volver a colorear ilustración, fija el número de colores en 1 y elige el negro. Comprueba que las contraformas y los calados sobreviven: una forma blanca que se leía como un hueco en la versión a color desaparece cuando todo se vuelve negro. Repite con el blanco, y previsualiza la versión en blanco sobre un rectángulo oscuro antes de exportar, porque un PNG blanco sobre fondo transparente parece vacío en cualquier explorador de archivos. Díselo también al cliente, en una línea, en el readme o en el correo.

Una versión en escala de grises es una cuarta variante que algunos manuales de marca documentan. La mayoría de los clientes nunca la usan; hazla cuando el manual lo pida.

Nombres de archivo que sobreviven a la carpeta del cliente

Los archivos se arrastran fuera de las carpetas, se adjuntan a correos y nadie los renombra. El nombre tiene que llevar la descripción completa por sí solo. Usa el patrón brand-lockup-colour.extension, en minúsculas, con guiones y sin espacios:

  • acme-logomark-black.svg
  • acme-logotype-white.png
  • acme-logo-colour.pdf

Mantén el orden fijo en todo el conjunto, nunca añadas "final", un número de versión o una fecha, y nunca dependas del nombre de la carpeta para distinguirlos. Las carpetas son útiles, una por formato o una por versión del logo, pero cada archivo dentro de ellas debe seguir teniendo sentido en un escritorio.

Los nombres de las mesas de trabajo determinan los nombres de archivo tanto en la ruta manual como en la ruta de un clic que siguen, así que nombra las mesas de trabajo de esta forma desde el principio.

La ruta manual: Exportar para pantallas con una mesa de trabajo por variante

  1. Construye las mesas de trabajo. Una mesa de trabajo por versión del logo y color: logomark, logotipo y logo completo, cada uno a color, en negro y en blanco, nueve mesas de trabajo en total. Selecciona la ilustración de cada una y elige Objeto > Mesas de trabajo > Ajustar a la ilustración seleccionada para que la mesa de trabajo se ciña al logo, luego renombra cada mesa de trabajo en Ventana > Mesas de trabajo haciendo doble clic en su nombre. Usa el patrón de nombres anterior sin la extensión.
  2. Convierte el texto a contornos. En esta copia de exportación, Seleccionar > Todo, luego Texto > Crear contornos (Shift+Cmd+O, Shift+Ctrl+O en Windows).
  3. Abre Exportar para pantallas. Archivo > Exportar > Exportar para pantallas (Cmd+Opt+E, Ctrl+Alt+E en Windows). En la pestaña Mesas de trabajo, elige Todo.
  4. Define los formatos. Añade tres filas: SVG a 1x, PNG a 2x con el sufijo @2x o ninguno, y PDF a 1x. Haz clic en el icono del engranaje: en PDF, cambia el ajuste preestablecido de Tamaño de archivo más pequeño a Impresión de alta calidad o al ajuste PDF/X que usen tus proveedores; en SVG, marca Minimizar (Minify); en PNG, mantén el suavizado Optimizado para ilustraciones.
  5. Elige la carpeta y ejecuta. Marca Crear subcarpetas y ponlo en Formato si quieres carpetas svg, png y pdf, o desmárcalo para un conjunto plano. Haz clic en Exportar mesa de trabajo.
  6. EPS y AI, si hacen falta. Archivo > Guardar como, elige Illustrator EPS, marca Usar mesas de trabajo y Todo, e Illustrator escribe un EPS por mesa de trabajo. Para archivos AI separados, Guardar como en formato Illustrator y marca Guardar cada mesa de trabajo en un archivo independiente.
  7. Comprueba. Abre cada SVG en un navegador, coloca cada PNG blanco sobre un fondo oscuro y abre un PDF para confirmar que el texto está en contornos.

Veinte minutos para la primera marca, diez una vez que el archivo está montado, y el resultado es una carpeta que el cliente puede usar sin una llamada de teléfono.

La ruta del script

Illustrator ejecuta ExtendScript, el dialecto JavaScript antiguo de Adobe, desde Archivo > Secuencias de comandos > Otra secuencia de comandos (Cmd+F12, Ctrl+F12 en Windows). Un script puede recorrer las mesas de trabajo y exportar cada una en varios formatos, que es exactamente el trabajo descrito arriba. Este ejemplo mínimo escribe un PNG transparente a 2x por mesa de trabajo, con el nombre de la mesa de trabajo:

var doc = app.activeDocument;
var folder = Folder.selectDialog("Choose the export folder");
if (folder) {
  for (var i = 0; i < doc.artboards.length; i++) {
    doc.artboards.setActiveArtboardIndex(i);
    var name = doc.artboards[i].name.toLowerCase().replace(/[^a-z0-9]+/g, "-");
    var options = new ExportOptionsPNG24();
    options.artBoardClipping = true;
    options.transparency = true;
    options.horizontalScale = 200;
    options.verticalScale = 200;
    doc.exportFile(new File(folder.fsName + "/" + name + ".png"), ExportType.PNG24, options);
  }
}

SVG y PDF siguen la misma forma con ExportOptionsSVG y PDFSaveOptions, y ambos aceptan un rango de mesas de trabajo. Existen scripts gratuitos que hacen todo el trabajo: los foros de la comunidad de Adobe tienen hilos largos sobre exportar mesas de trabajo a varios formatos, y GitHub aloja varios con nombres como logo packer o artboard exporter. Lee un script antes de ejecutarlo, ejecútalo sobre una copia y cuenta con tener que editarlo cuando Illustrator se actualice. Un script no crea las variantes en negro y en blanco a menos que alguien haya escrito esa parte, y sobrescribirá sin preguntar los archivos con el mismo nombre.

Preguntas

¿Debería enviar archivos EPS?

Solo si un proveedor pide uno por su nombre. SVG y PDF cubren hoy todos los usos web y de impresión, y un EPS con texto editable o con transparencia causa más problemas de los que resuelve. Cuando lo entregues, convierte el texto a contornos, acopla la transparencia y márcalo en el readme como un formato heredado que se conserva para los proveedores que lo exigen.

¿De qué tamaño deberían ser los logos PNG?

Exporta a 2x desde una mesa de trabajo que muestre el logo a un tamaño de pantalla razonable, o a un ancho fijo de unos 2000 px para el logo completo. Eso cubre diapositivas, documentos y perfiles sociales sin que nunca haya que ampliarlo. No pienses en ppi: en pantalla lo que importa son las dimensiones en píxeles, y un proveedor de impresión debe recibir el PDF, no un PNG.

¿Cómo exporto cada mesa de trabajo como su propio SVG?

Nombra las mesas de trabajo y luego usa Archivo > Exportar > Exportar para pantallas con el formato en SVG y todas las mesas de trabajo seleccionadas. Cada mesa de trabajo se convierte en un archivo con su nombre. Archivo > Exportar > Exportar como con Usar mesas de trabajo marcado también funciona, pero construye los nombres de archivo a partir del nombre del documento, así que los archivos hay que renombrarlos después.

¿Necesito convertir las fuentes a contornos antes de exportar?

Sí, en cada archivo entregado. El texto en contornos se renderiza igual en cualquier equipo, mientras que los archivos SVG, PDF y EPS con texto editable sustituyen la fuente o la incrustan de una forma que algunas herramientas ignoran. Convierte a contornos en una copia de exportación, nunca en tu maestro, y conserva el maestro con el texto editable para poder revisar el logotipo más adelante.

Hazlo en un clic

Anchr Ship es la pestaña de exportación del panel Anchr Tools para Illustrator. Vincula tres mesas de trabajo, logomark, logotipo y logo completo, y Ship genera las variantes planas en negro y en blanco como nuevas mesas de trabajo llamadas source-black y source-white, y luego exporta cada mesa de trabajo como SVG (optimizado para web), PNG a 2x con transparencia y PDF en una sola carpeta que tú eliges. Los nombres de archivo salen de los nombres de las mesas de trabajo, en minúsculas, con caracteres seguros y un sufijo numérico si dos coinciden, hasta 27 archivos por ejecución. Si retocas una variante generada, Ship la reconoce por una firma y la conserva la próxima vez que lo ejecutes. No exporta tamaños de icono, variantes en escala de grises ni árboles de carpetas. Ambos planes incluyen las cinco herramientas, con una prueba de 7 días; consulta los precios.