Cómo cortar imágenes como PNG para la aplicación iOS en Photoshop

Hay una forma semiautomática de cortar imágenes, que es usando la herramienta Slice .

Puede usarlo para subdividir su archivo en bloques de iconos:

Cuando use Archivo → Guardar para Web y dispositivos... Photoshop exportará cada porción como una imagen separada para usted:

Este es un método no destructivo, por lo que aún puede realizar cambios en los íconos si es necesario y aún usar las mismas divisiones. Hay un par de formas en las que puede cambiar el tamaño de todos los íconos para retina/estándar: cambie el tamaño de toda la imagen antes de guardarla o puede cambiar el tamaño por lotes después de que ya se hayan guardado.

Si su diseñador dividirá o no sus imágenes por usted depende del acuerdo que tenga con su diseñador. Si no era parte del contrato, no están obligados a hacerlo. Estoy seguro de que estarán felices de hacerlo por una tarifa :)

Por lo general, el diseñador proporcionará todas las imágenes de corte.

No estoy seguro de que podamos hacer el corte automáticamente.

una Retina puede dar imágenes según psd.

no retina necesita dar la mitad del tamaño de la retina.

al guardar imágenes para no retina: escale las imágenes Retina al 50% y guárdelas como png.

¿Hay alguna manera de hacer esto automáticamente? Si no, ¿cuál es el mejor método para hacerlo?

Absolutamente puede hacer esto automáticamente en Photoshop . Usaría una Acción por lotes .

Deberá realizar la acción una vez para registrar lo que desea hacer, luego configure una Acción por lotes en Archivo > Automatizar > Lote .

Solo para ampliar lo que dijo MK_ , las imágenes de la pantalla Retina se muestran con el doble de tamaño, por lo que si se supone que su imagen es de 56 x 56 px, entonces su imagen de retina debe ser de 112 x 112 px. Entonces, lo que debe hacer es crear sus imágenes Retina primero, luego use los pasos de acción por lotes anteriores para reducir los tamaños y crear un conjunto de imágenes para la pantalla estándar.

Si tiene acceso a Photoshop CC, le recomiendo encarecidamente que compruebe la nueva compatibilidad con la exportación de recursos : es mucho más rápida y sencilla que las divisiones y le permite volver atrás y realizar ajustes en sus recursos sin tener que editar las divisiones nuevamente. Todo lo que necesita hacer es etiquetar sus capas de una manera particular y dejar que el generador haga el trabajo por usted.

Puede intentar usar codly.io , puede convertir su diseño de Photoshop en código nativo en segundos, solo de Photoshop PSD a código.

puede cortar su diseño de PHOTOSHOP automáticamente. y genere activos para todas las pantallas de aplicaciones y más

ahorre el 40% del tiempo total de desarrollo de la aplicación.