¿Cómo automatizar la exportación de múltiples PNG con diferentes tamaños de Photoshop?

Tengo un archivo PSD con una resolución de 96 px × 96 px. Ahora quiero guardar esto como cuatro archivos PNG con diferentes resoluciones, como 36 px × 36 px, 48 px × 48 px, 72 px × 72 px y 96 px × 96px. En lugar de ajustar el tamaño de la imagen manualmente cuatro veces y guardarlo como opción, ¿puedo automatizar esto de alguna manera?

No es una solución completa, pero esto podría ayudar a alguien que ha venido aquí desde Google.

Si guarda con Archivo → Guardar para Web , puede cambiar el tamaño durante el proceso de guardado, las opciones están en el lado derecho debajo de Tamaño de imagen.

Hago esto con bastante frecuencia cuando necesito un par de tamaños diferentes para una imagen, aunque, como han señalado las otras respuestas, si está diseñando íconos, use vectores, le facilitará mucho la vida.

Con Photoshop CC, ahora hay una característica llamada Photoshop Generator que está diseñada para crear múltiples imágenes

Puedes leer sobre Generator aquí .

Un experto:

Generator le permite crear activos de imagen en tiempo real mientras trabaja, eliminando los tediosos pasos de copiar, segmentar y exportar cada capa manualmente, y ahorrarle horas de tiempo. Simplemente agregue una extensión de archivo al nombre de su capa o grupo de capas, y Photoshop creará automáticamente un JPG, PNG o GIF a partir del contenido de esa capa. Si realiza un cambio en esa capa, el archivo se actualiza inmediatamente. Esto significa que ahora tiene una carpeta de imágenes que siempre está actualizada con su diseño de Photoshop.

¿Cuántas veces necesitas exportar el ícono? Si es solo un ícono, su mejor opción es probablemente dibujar todo usando vectores y estilos de capa, cambiar el tamaño del documento, hacer los ajustes necesarios y guardar el PNG (opcionalmente mantener el PSD para futuras exportaciones).

Si necesita repetir el proceso muchas veces, le recomiendo configurar todo como una hoja de sprite con rodajas.

Aquí hay algo que escribí sobre el tema (incluye muchas técnicas de exportación): Exportar desde Photoshop .

Cuando diseñe íconos, a menudo necesita ajustar manualmente los tamaños más pequeños individualmente; puede valer la pena tenerlo en cuenta a medida que construye todos los tamaños.

Como Marc mencionó anteriormente, probablemente sea mejor escalar vectores en el documento y usar hojas de sprites.

Lo único que debe evitar es escalar durante Guardar para Web como sugiere Maxism. Escribí una publicación comparando los resultados de diferentes técnicas y Save for Web produjo constantemente activos con artefactos y medios píxeles: reducir y exportar activos en Photoshop .

También hice un script de Photoshop que automatiza el proceso de exportación de esos activos: EXPORTAR A ANDROID PHOTOSHOP SCRIPT .

Espero que esto ayude.

No hay una buena manera de pasar de 96 a 36 automáticamente. Incluso a los 48 años verás que tu diseño comienza a desmoronarse.

El único beneficio sería si tiene muchos iconos para exportar de esta manera y planea regresar y limpiarlos. Puede grabarlo como una acción o usar jsx, si así lo desea.

Para su diseño particular, experimentaría bajando en pasos o exportando cada versión de la versión original de 96px. Por lo general, los pasos son mejores, pero en algunos diseños puede introducir cantidades progresivas de distorsión.

Cree sus iconos en mdpi y use esta Acción de Photoshop para exportarlo en ldpi, hdpi y xhdpi. De mdpi a xhdpi funciona bien, pero ldpi y hdpi se ven un poco borrosos.

Enlace al artículo
Descargar la acción de Photoshop

Pruebe esto http://blog.mready.net/2013/07/dg-photoshop-action-dpi-resizing/ .

Es un complemento que se puede usar para tu propósito con las resoluciones que dices. Lo uso para íconos de Android.

Hay una nueva opción en Photoschop CC 2014. Se llama "Generar activos", está debajo de "archivo" y puede elegir 0.25x, 0.5x, 2x, 3x y puede configurar las dimensiones. Exportará sus capas a cualquier formato de archivo y en diferentes dimensiones (si lo desea).

Creo que esto es exactamente lo que quieres.

https://github.com/austynmahoney/mobile-export-scripts-illustrator

Si se siente cómodo abriendo cada uno .psdde Illustratorustedes puede dar salida a múltiples tamaños fácilmente por ajustar los factores de escala en el .jsxarchivo.

La imagen de referencia utilizada para Android es xhdpi, para iOS es @ 2x. El script se escalará hacia arriba y hacia abajo desde estos tamaños.

Un buen programa para Mac llamado "Enviarlo" hace exactamente lo que está pidiendo: exportar una imagen a múltiples tamaños / formatos. Lo he usado Aquí está el enlace en la Mac App Store: https://itunes.apple.com/us/app/shipit!/id492043869

No encontré nada simple en Adobe Land para hacer esto por mí. Si tiene o está dispuesto a instalar ImageMagick y se siente cómodo con la línea de comando, entonces la convertherramienta CLI es excelente .

Escribí este script de shell que acepta anchos y redimensiona una imagen hasta que presionas enter sin un número:

#!/bin/sh

oot=${1%.*}
while read -p 'width: ' -r && [ "$REPLY" != '' ]; do
    convert "$1" -resize "$REPLY"x "$oot-$REPLY.png"
done

Llamé al mío multi-resize.shy lo puse ~/bin/para que esté disponible en todas partes.

Luego lo ejecutarías en un shell como en un PNG de la resolución original:

$ multi-resize.sh foo.png
width: 96
width: 72
width: 48
width: 36
width: 
$

Tendrás foo-72.png, etc. en el mismo directorio.