Soy diseñador de UI y acabo de recibir mi Retina MBP. Actualmente, diseño en la pantalla retina hasta que obtengo una ext. one, por lo que todo lo que diseño es un 200 % más grande que en las pantallas normales.
Por ejemplo, si quiero un botón de 120 x 36 px en pantallas normales, tengo que hacerlo de 240 x 72 en la retina. Todo se ve genial, pero me pregunto, ¿hay alguna manera de cambiar el tamaño al tamaño normal, sin perder calidad (usando Photoshop)? Debo mencionar que solo trabajo con vectores (excepto cuando necesito imágenes). Intenté escalar con el tamaño de la imagen y también lo transformé para cambiar el tamaño al 50%, pero no tuve suerte. Además, intenté guardar para la web al 50 %, pero cuando se ve en una pantalla que no es retina, el contenido sigue borroso.
¿Alguien tiene una solución para esto?
¡Muchas gracias!
Trabajar una versión retina es hermoso, pero (para mí) no es una buena manera de trabajar. Todo es demasiado grande, no tienes suficiente espacio para tus paletas de photoshop y siempre tienes que tener en cuenta "Necesito multiplicar o dividir las cosas por 2"...
Esta es mi forma de trabajar:
De esta manera, Photoshop ya no se abrirá en la retina, luego cambio mi resolución a una resolución más alta (1920x1080) para tener más espacio para todas mis paletas de Photoshop (no es necesario pero es útil).
Su pantalla/diseño aún se verá hermoso porque está en un MBP, y recuerde, aún puede cambiar su resolución a "retina óptima" para verificar los diseños de retina.
Creo que hay que encontrar un equilibrio entre el modo "Revisar retina" y el modo "Trabajar". Realmente me gusta trabajar en 1920x1080 sin retina, luego verifico mi trabajo en retina completa porque no debe preocuparse por el tamaño del 50% de los píxeles mientras trabaja.
¡Espero que esto te ayudará!
¡Trabajar con vectores en Photoshop no es exactamente como trabajar con vectores en Illustrator! De hecho, Photoshop usa una interpolación diferente cuando procesa elementos vectoriales. En palabras simples, ¡lo que ves son una especie de vectores de mapa de bits!
¡La mejor práctica sería diseñar los vectores en Illustrator y luego exportarlos a Photoshop! En Illustrator, puede encontrar la misma voz de menú " guardar para web y dispositivos" que encuentra en Photoshop.
Si no te gusta la idea de cambiar tu flujo de trabajo, ¡no te preocupes! Siempre hay diferentes soluciones para el mismo problema!
Te doy dos opciones, ¡empezando por la más fácil!
OPCION UNO
cuando cambie el tamaño de su obra de arte en Photoshop en el cuadro de diálogo de tamaño de imagen, asegúrese de que la calidad de remuestreo esté establecida en BICUBIC SHARPER. ¡Esto funciona maravillosamente para la reducción de tamaño!
OPCIÓN DOS
¡Otro camino a seguir sería el ajuste adecuado de las opciones de guardado para web en Photoshop!
Paso uno: para empezar, asegúrese de que el método de interpolación esté configurado en bicúbico (lo mejor para la salida web).
Paso dos: ¡cambie el tamaño proporcionalmente a la resolución deseada! Es cierto que 72 dpi garantizan grandes resultados, pero si mantienes la resolución y el tamaño proporcionalmente vinculados, ¡también deberías obtener una mejor nitidez! Por supuesto, esto funciona mejor si estuviera trabajando con una resolución superior a 72 ppp en el archivo original.
¡Espero que esto aclare y posiblemente resuelva su problema!
¡Buena suerte!
Cosmin Negoita
Stéphane