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 guardar 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 hará la vida mucho más fácil.
Alt+Ctrl+Shift+Spara iniciar el Save for Webdiálogo en CS6.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, cortar y exportar cada capa manualmente, y ahorrándole 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án actualizadas con su diseño de Photoshop.
¿Cuántas veces necesitas exportar el icono? Si es solo un ícono, su mejor opción probablemente sea dibujar todo usando vectores y estilos de capa, cambiar el tamaño del documento, hacer los ajustes necesarios y guardar el PNG (opcionalmente, conservar el PSD para exportarlo en el futuro).
Si necesita repetir el proceso muchas veces, le recomiendo configurar todo como una hoja de sprites con cortes.
Aquí hay algo que escribí sobre el tema (incluye muchas técnicas de exportación): Exportación desde Photoshop .
Al diseñar íconos, a menudo necesita modificar manualmente los tamaños más pequeños individualmente; puede valer la pena tenerlo en cuenta a medida que crea 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: reducción y exportación de activos en Photoshop .
También hice un script de Photoshop que automatiza el proceso de exportación de esos recursos: 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 verás que tu diseño comienza a desmoronarse.
El único beneficio sería si tiene muchos íconos 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 en particular, experimentaría bajando los pasos o exportando cada versión desde la versión original de 96 px. Por lo general, los pasos son mejores, pero en algunos diseños pueden introducir cantidades progresivas de distorsión.
Pruebe esto http://blog.mready.net/2013/07/dg-photoshop-action-dpi-resizing/ .
Es un complemento que se puede usar para su propósito con las resoluciones que dice. Lo uso para los iconos de Android.
Hay una nueva opción en Photoschop CC 2014. Se llama "Generar activos", está en "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 .psd, Illustratorpuede generar fácilmente múltiples tamaños ajustando los factores de escala en el .jsxarchivo.
La imagen de referencia utilizada para Android es xhdpi, para iOS es @2x. La secuencia de comandos se escalará hacia arriba y hacia abajo a partir de estos tamaños.
No encontré nada simple en la tierra de Adobe para hacer esto por mí. Si tiene o está dispuesto a instalar ImageMagick, y se siente cómodo con la línea de comandos, entonces la convertherramienta CLI es excelente .
Escribí este script de shell que acepta anchos y cambia el tamaño de una imagen hasta que presionas enter sin un número:
#!/bin/sh
oot="${1%.*}"
ext="${2:-png}"
while read -p 'width: ' -r && [ "$REPLY" -gt 0 ]; do
convert "$1" -resize "$REPLY"x "$oot-$REPLY.$ext"
done
Nombré el mío multi-resize.shy lo puse ~/bin/para que esté disponible en todas partes.
Luego lo ejecutaría en un shell como este en cualquier imagen:
$ multi-resize.sh foo.png
width: 96
width: 72
width: 48
width: 36
width:
$
Tendrás foo-72.png, etc. en el mismo directorio. También puede cambiar el tipo de salida agregando su extensión como segundo argumento:
$ multi-resize.sh IMG_3456.JPG jpg
Un buen programa para Mac llamado "Ship it" hace exactamente lo que está pidiendo: Exportar una imagen en varios tamaños/formatos. lo he usado Aquí está el enlace en la Mac App Store: https://itunes.apple.com/us/app/shipit!/id492043869
Intenté usar el diálogo 'Exportar como'. ¿No puedo creer que haya una manera de guardar cosas fuera de Photoshop que aún no había probado? Bueno, falla por dos motivos. Primero, las proporciones no son muy útiles cuando se trata de alcanzar ciertos objetivos. Por ejemplo, la plantilla de la carátula del álbum en Photoshop es de 3000x3000. Esto es genial para Apple Music. Pero Bandcamp quiere 1400x1400. Algunos otros servicios quieren 150x150 300x300, 500x500 y 1000x1000. Intente alcanzar esos números desde 3kx3k sin pasar por debajo o por encima. Una tarea que se hace más difícil porque Photoshop no le permitirá ingresar proporciones que usen más de 2 decimales. E incluso aquellos a los que redondea. ¡Lo peor es que no puede guardar su configuración aquí! Así que tengo un flujo de trabajo establecido en el que siempre tendré que alcanzar 5 tamaños de la misma imagen cada vez. Voy a tener que escribir esas proporciones y sufijos en una publicación y pegarlo en mi monitor para poder hacerlo bien. Adobe no guardará esos valores como un ajuste preestablecido de la forma en que puedo hacerlo en otros diálogos.
La mejor solución es simplemente grabar una Acción donde guardo un documento de 3000x3000 en cada tamaño usando Guardar para Web, o cambiar el tamaño de la imagen y guardarla para la web.
vida_rgb