Exportar varias mesas de trabajo a archivos Png con el nombre de la mesa de trabajo sin el nombre de archivo antepuesto

Dada la siguiente configuración:

Archivo: SomeFilename.ai

Que contiene mesas de trabajo llamadas:

  1. Mesa_01
  2. mesa de trabajo_02
  3. mesa de trabajo_03

Por el momento, si exporto las mesas de trabajo, Illustrator insiste en anteponer el nombre del archivo a las mesas de trabajo. Entonces los archivos generados se llamarían:

  1. SomeFilename_Artboard_01.png
  2. SomeFilename_Artboard_02.png
  3. SomeFilename_Artboard_02.png

Me gustaría que se llamaran:

  1. Mesa_de_trabajo_01.png
  2. Mesa_de_arte_02.png
  3. Mesa_de_arte_02.png

Obviamente, sé que hay una multitud de opciones para renombrar archivos por lotes, pero esto no encaja en mi flujo de trabajo. Hago mucho diseño de interfaz de usuario (iOS o CSS), lo que implica crear una gran cantidad de gráficos en Illustrator y luego exportarlos. A menudo disparo de un lado a otro rápidamente entre Xcode o un navegador e Illustrator ajustando gráficos. Por el momento no puedo simplemente exportar y reconstruir/actualizar. Tengo que encontrar el archivo y cambiarle el nombre antes de que funcione. Este es un gran bache de velocidad.

Respuestas (5)

Solo por diversión, en Mac OS, abre Terminal

cd folder

consejos: puede arrastrar en la ventana del terminal la carpeta de destino

ls

para enumerar el archivo y verificar si es el buen lugar

for f in *.png; do  mv "$f" "${f/SomeFilename_/}"; done

buscar en el buscador

Uno por proporcionar un script Bash que se necesita con tanta frecuencia, a pesar de que el OP solicitó algo más. Es bueno guardar esto como referencia. ALGUNOS diseñadores gráficos son geeks y ALGUNOS geeks son diseñadores gráficos. :)

Si utiliza sectores en Illustrator, en lugar de mesas de trabajo, puede especificar nombres de archivo exactos para la exportación. Simplemente configure una gran mesa de trabajo única y agregue todos sus elementos como si estuviera creando una hoja de sprites, luego use Guardar para Web para exportar todo en una sola pasada.

Adobe Illustrator: Sectores y mapas de imagen

Algunas otras razones para usar divisiones sobre mesas de trabajo:

  • Los sectores se ajustan a la cuadrícula de píxeles. Las mesas de trabajo no.
  • Solo puede tener 100 mesas de trabajo en un documento. Las rebanadas no tienen ese límite.

Para cambiar el nombre de los archivos, normalmente configuro los flujos de trabajo de Automator. Incluso podría configurar flujos de trabajo de Automator por proyecto, de modo que cambiar el nombre y mover se pueda realizar con un solo clic, o incluso con una acción de carpeta. De hecho, ¿probablemente podría agregarlo como una fase de compilación en Xcode?

Supongo que deberá cambiar el nombre de sus archivos @2x de todos modos, a menos que tenga la obra de arte en Illustrator en ambos tamaños.

Además, tendría un poco de cuidado al usar Illustrator para el trabajo de diseño de interfaz de usuario. Su suavizado de formas tiene algunos problemas y los degradados no se pueden difuminar. Esto significa que su obra de arte puede tener un estándar considerablemente más bajo que si la hubiera creado en Photoshop o Fireworks.

Gracias. Ni siquiera consideré usar rebanadas. Eso es realmente interesante. Por lo general, coloco degradados en capas, por lo que no es un gran problema, pero si es absolutamente necesario, crearé un degradado en Ps y lo colocaré en Il. No he notado ningún problema con el suavizado de formas, aparte de la falla ocasional. ¿A qué cuestiones te refieres?
Píxeles perdidos y formas menos que ideales. He escrito más sobre esto aquí: bjango.com/articles/illustratorandappdesign
Buen escrito. Que deprimente. Soy mucho más productivo en Illustrator y trabajar con vectores es mucho más flexible. Me pregunto si hay otro flujo de trabajo. Tal vez diseñar en Illustrator, luego colocar el documento en Photoshop y renderizar/exportar desde allí.
Deprimente de hecho. He estado viendo los píxeles perdidos en AI CC 2015.1.0 (v.19.1.0) mientras creaba íconos. Pensé que tal vez estaba haciendo algo mal; no me di cuenta de que era un error de renderizado. Nos estamos moviendo hacia el uso exclusivo de SVG, pero hasta entonces, ¿es posible evitar estos problemas exportando a PNG a través de Photoshop o algo así?
SUGERENCIA: Activar la vista previa de píxeles y ajustar los tamaños/posiciones es excelente para obtener claridad y también puede eliminar los píxeles perdidos. Por lo general, tengo que desactivar el ajuste a la cuadrícula de píxeles para hacer este tipo de ajuste. De hecho, en su mayoría he dejado de usarlo y solo confío en la vista previa de píxeles.
Las mesas de trabajo pueden ajustarse a píxeles. Debe configurar 'Alinear nuevos objetos con la cuadrícula de píxeles' en el menú desplegable Transformar preferencias (CS6). Luego, asegúrese de que 'Ajustar a píxel' y 'Vista previa de píxel' estén habilitados.
De todos modos, ¿para exportar todas las rebanadas de diferentes mesas de trabajo de una sola vez? 'Guardar para el legado web' no parece ofrecer la función ni tampoco el nuevo 'Guardar para pantalla'.

Supongo que la respuesta de Marc Edwards funciona, pero si desea ceñirse a las mesas de trabajo en lugar de a las secciones, puede usar este script que hace exactamente lo que está buscando: http://www.ericson.net/content/2011/06 /exportar-illustrator-layers-andor-artboards-as-pngs-and-pdfs/

¿Por qué no simplemente cambia el nombre de todos sus archivos en la carpeta usando el símbolo del sistema después de haber guardado sus PNG?

ren "Prefix_*.png" "///////*.png

Tenga en cuenta que debe escribir tantos "/" como caracteres haya en su prefijo (incluido el guión bajo).

Nota: este comando se puede ejecutar en el sistema operativo Windows en el símbolo del sistema.

Nota secundaria: sé que esto se ha respondido varias veces; solo estoy agregando esta respuesta para que otros puedan usar este comando súper simple en lugar de usar scripts cmd complicados o archivos por lotes.

Esta es una buena solución rápida para los usuarios de Windows. Una vez que está allí, hacer doble clic en un archivo BAT no requiere mucho tiempo.
Ajuste menor: llamé a mi archivo trim4chars.bat e hice que coincidiera con tres caracteres seguidos de un guión bajo. ren "???_*.png" "////*.png" . También agregué otra línea para mi situación.ren "???_*.svg" "////*.svg"

Tienes Bridge, si tienes Illustrator. Batch Rename está integrado en Bridge y hará esa tarea por usted con bastante facilidad una vez que haya exportado los tableros de arte.