Photoshop: ¿Cómo mantengo imágenes de 1x y 2x (para pantalla retina) en el mismo documento?

Acabo de leer en un artículo sobre el diseño de la pantalla retina del iPhone que puede mantener las imágenes 2x en el mismo documento y usar una acción de Photoshop para escalar el 1x para ver cómo se verá la versión más grande. Además de crear un lienzo separado, no estoy seguro de cómo se podría hacer esto. ¿Se diseñaría la acción para escalar todo el lienzo, incluidos todos los contenidos, a la dimensión de píxeles más grande?

Como pregunta secundaria, busco íconos compatibles con retina para una barra de pestañas en la parte inferior de la aplicación que estoy diseñando. El único apropiado que puedo encontrar es el mapa de bits, y se ve borroso en comparación con la imagen vectorial lista para retina a la izquierda. ¿Sería más fácil diseñar uno como este desde cero o cómo podría entrar y "limpiar" la imagen a la izquierda para que esté lista para la pantalla de retina?

Muchas gracias de antemano por cualquier consejo con estas dos preguntas (ciertamente, principiantes).

ingrese la descripción de la imagen aquí

¿Podrías enlazar al artículo?
Quiero señalar que la página de bjango es un poco loca: el autor sugiere trabajar a la mitad del tamaño y aumentar la escala, pero la ampliación básica da como resultado exactamente la mala calidad en las comparaciones en paralelo. Si bien la reducción elimina detalles y desenfoca las imágenes, VOLVER A ESCALA para mostrar los detalles de mierda es exactamente lo que obtendrá con el tamaño de trabajo 1x-2x. Una verdadera comparación lado a lado tendrá la imagen @1 con la mitad de las dimensiones en píxeles que una imagen @2. Como dijo el autor: PPI no importa
Ya veo. Supuse que estaba trabajando solo con imágenes vectoriales, sin embargo, ¿cuál creo que es una mejor práctica al diseñar para retina?

Respuestas (2)

Al diseñar para una variedad de resoluciones, desea reducir la escala, no aumentarla. Haga su diseño en una resolución @2x (640 x 960 @72ppi) y para los activos @1x, duplíquelos en un nuevo documento (preferiblemente) y reduzca la escala en un 50%. Puede configurar un script de acción para esto también para que el proceso sea más rápido. Para aprender un poco sobre el script de acción de Photoshop, puede echar un vistazo AQUÍ .

En cuanto a tu segunda pregunta, AQUÍ ESTÁS . El símbolo de "recargar" que estaba buscando se puede encontrar en esa hoja de activos de Retina, una hoja que es muy buena para cualquiera que quiera diseñar para iPhone.

@ Zak833 ¡De nada!

Como dice AndroidHustle, normalmente creará sus imágenes 2x, luego las usará para ambos dispositivos o exportará un conjunto reducido en tamaño en un 50%.

Sin embargo, cuando necesite mantener dos archivos realmente separados, puede mantenerlos en el mismo documento. Es solo que tendrías uno más grande que el otro. Para verlos en el mismo tamaño, puede abrir una segunda vista del mismo archivo y acercar un 200 % la versión sin retina.

En cuanto a cuándo es posible que desee mantener dos archivos realmente separados, a veces es posible que desee conservar detalles particulares en la versión de retina que simplemente no se reducirán claramente.

Gracias. ¿Alguna idea sobre la forma más fácil de cambiar el tamaño de todos los elementos?
Si solo va a hacer un cambio de tamaño genérico, realmente no hay necesidad de mantener dos versiones. Cree su archivo 2x, luego, cuando necesite su conjunto sin retina, abra el archivo, reduzca todo un 50% y vuelva a exportar.
Gracias. Pero, ¿cómo reduzco todo en un 50% a la vez? Lo siento si es una pregunta bastante principiante.
En Photoshop, vaya a Tamaño del documento y cámbielo al 50%, luego exporte. Luego cierre el documento sin guardar (para no sobrescribir su archivo PSD original).
Photoshop: ¿Cómo mantengo imágenes de 1x y 2x (para pantalla retina) en el mismo documento?
RespuestasAquíPolítica de privacidad1y, 0v