Lograr la perfección de píxeles al diseñar elementos de la interfaz de usuario puede ser sencillo gracias a la función "ajustar a píxeles" de Photoshop. Desafortunadamente, esta función no está disponible para la herramienta elipse; por lo tanto, la creación de círculos nítidos y con píxeles perfectos puede requerir atención adicional al detalle. Voy a contarles un pequeño secreto que hará que "snap to pixels" esté disponible al crear círculos ...
Con la creciente necesidad de diseños a escala, el diseño con capas de forma en Photoshop es cada vez más importante. Las capas de forma se basan en rutas vectoriales, lo que hace que el cambio de tamaño, color y forma sea bastante simple. Sin embargo, si no tienes cuidado, cuando crees capas de formas, pueden caer fácilmente de la cuadrícula de píxeles, lo que hace que el diseño no profesional sea borroso..
Lograr la perfección de píxeles con capas de forma es bastante fácil, gracias a la función "Ajustar a píxeles" de Photoshop para capas de forma.
Desafortunadamente, como ya sabrá, la función "ajustar a píxeles" no está disponible para la herramienta elipse.
Si planeas crear una capa de forma para esos hermosos avatares circulares en tu interfaz, tendrás que examinar la precisión de tu círculo y si está cayendo en la cuadrícula de píxeles correctamente (lo que requiere ajustes repetitivos de zoom y minúsculos, lo que puede resultar agotador) ).
Si solo hubiera "snap to pixels" para los círculos, ¿verdad? Bueno, hay una pequeña solución ordenada! Puedes usar la "herramienta rectángulo redondeado" para dibujar círculos simplemente proporcionando un radio que sea al menos la mitad del tamaño del círculo que estás creando..
Sé lo que podrías estar pensando: "¿Una herramienta de rectángulo para crear un círculo?" Sé que puede sonar extraño, pero confía en mí aquí.
Ahora asegúrese de que la casilla de verificación "Ajustar a píxeles" esté resaltada (en CS6 esta es la casilla de verificación "Alinear bordes", o "Ajustar herramientas de vectores y transformar a cuadrícula de píxeles" a través de las preferencias). Esto asegurará que nuestro rectángulo redondeado se adhiera a la cuadrícula de píxeles..
Ahora ingrese un valor para el radio del borde que sea al menos la mitad de las dimensiones del círculo que desea dibujar. O, en lugar de hacer los cálculos, simplemente ingrese "1000px", ya que ese es el valor más grande que aceptará Photoshop (esto significa que no puede inicialmente dibuje un círculo de más de 2000 píxeles, pero siempre puede escalar el resultado si es necesario).
Mantenga presionada la tecla MAYÚS y dibuje su círculo! (Mantener presionado SHIFT mantendrá las proporciones del rectángulo redondeado).
Si crea un radio de borde que es demasiado pequeño, a medida que su rectángulo redondeado crezca, sus dimensiones finalmente pasarán por alto el radio del borde, en cuyo punto tendrá un rectángulo con bordes redondeados.
¿Ves que fácil fue eso? Como se mencionó anteriormente, el truco simple es dar al rectángulo redondeado un radio de borde de al menos la mitad del tamaño de sus dimensiones. Ahora puede crear fácilmente círculos de píxeles perfectos, nítidos y escalables en Photoshop.!