Exportación desde capas: Adobe Generator para Photoshop CC, la extensión Illustrator Layer Exporter para Illustrator CC y +
Módulos que marcarán un antes y un después en la forma que trabajamos:
Adobe Generator para Adobe Photoshop CC
Si te has encontrado alguna vez con un archivo de Photoshop con capas y necesitas reutilizar el contenido de dichas capas para la web, o para hacer una animación en Adobe Edge, o simplemente para importarlas en otro documento de Photoshop o InDesign, te habrás encontrado copiando y pegando el contenido para luego exportar capa por capa, u ocultando capas para hacer la exportación, tareas que llevan mucho tiempo en función del volumen de archivo con el que estemos trabajando.
Ya tenemos la solución, en la reciente actualización de Photoshop CC se incorporó la tecnología de Adobe Generator, este módulo permite exportar de forma instantánea las imágenes que tenemos en capas de forma casi desasistida para el usuario.
Para ponerlo en marcha basta con activar esta función en el menú Archivo > Generar > Recursos de imagen:
.JPG
Adobe Generator para Adobe Photoshop CC
Ya tenemos la solución, en la reciente actualización de Photoshop CC se incorporó la tecnología de Adobe Generator, este módulo permite exportar de forma instantánea las imágenes que tenemos en capas de forma casi desasistida para el usuario.
Para ponerlo en marcha basta con activar esta función en el menú Archivo > Generar > Recursos de imagen:
A partir de este momento Generator crea una carpeta en la que va añadiendo las imágenes, basta con renombrar la capa en la que estamos trabajando y añadir la extensión del tipo de archivo que queremos obtener: .jpg ó .png, entre otros, e instantáneamente nos genera una carpeta y nos exporta la imagen.
Pero esto no es todo, también podemos añadir parámetros de conversión, para establecer la calidad de cada uno de los formatos, por ejemplo:
.PNG
Por defecto aplica el PNG a 32bits, si queremos variarlo añadimos la extensión: .png8, .png24, ó .png32 en el nombre de la capa.
.JPG
La compresión por defecto es 9, si queremos personalizarlo añadiremos: .jpg(1-10), .jpg(1-100%)
También podemos establecer escalas, o crear varios archivos desde una sola capa jugando con sus porcentajes, por ejemplo:
200% ejemplo1.png, ejemplo2.png produce dos archivos, el primero a 200%.
Esto es solo un avance sobre Adobe Generator hay y habrá mucho más, este plugin es extensible hasta el punto que podemos personalizarlo via JavaScript como podéis ver en este post.
Illustrator Layer Exporter para Illustrator CC
Otro descubrimiento con una funcionalidad muy similar al anterior, se trata de una extensión para Illustrator CC:
Al igual que Generator, Layer Exporter funciona a partir de renombrar las capas en Illustrator, elegimos la carpeta de destino, la compresión en su propio panel y pulsamos el botón Export Layers, así de sencillo:
+16.43.57.png)
Además soporta el formato .SVG para mantener sus propiedades vectoriales si estamos trabajando para la web.
Podemos instalar esta extensión desde el panel Adobe Exchange desde dentro de Adobe Illustrator: https://www.adobeexchange.com/store/products/1287#.UjhisWQrJnD
¿Y para Fireworks? "Generate Web Assets"
Si, también podemos realizar esta función desde Fireworks CS6, a través de este módulo gratuito: http://johndunning.com/fireworks/about/GenerateWebAssets, no está desarrollado por Adobe pero funciona bien y con el mismo procedimiento, renombrar capas con la extensión apropiada y exportar desde el menú Comandos > Export > Generate web assets.
Illustrator Layer Exporter para Illustrator CC
Otro descubrimiento con una funcionalidad muy similar al anterior, se trata de una extensión para Illustrator CC:
Al igual que Generator, Layer Exporter funciona a partir de renombrar las capas en Illustrator, elegimos la carpeta de destino, la compresión en su propio panel y pulsamos el botón Export Layers, así de sencillo:
Podemos instalar esta extensión desde el panel Adobe Exchange desde dentro de Adobe Illustrator: https://www.adobeexchange.com/store/products/1287#.UjhisWQrJnD
¿Y para Fireworks? "Generate Web Assets"
Si, también podemos realizar esta función desde Fireworks CS6, a través de este módulo gratuito: http://johndunning.com/fireworks/about/GenerateWebAssets, no está desarrollado por Adobe pero funciona bien y con el mismo procedimiento, renombrar capas con la extensión apropiada y exportar desde el menú Comandos > Export > Generate web assets.