Advertisement
  1. Web Design
  2. Adobe Photoshop

Consejo rápido: Cómo crear círculos perfectos y nítidos en Photoshop

by
Read Time:3 minsLanguages:

Spanish (Español) translation by Alejandra (you can also view the original English article)

Lograr la perfección de los píxeles en el diseño de los elementos de la interfaz de usuario puede ser sencillo gracias a la función "ajustar a píxeles" de Photoshop. Desafortunadamente, esta característica no está disponible para la herramienta Elipse, por lo que crear círculos nítidos y perfectos de píxeles puede requerir una atención adicional a los detalles. Voy a contarte un pequeño secreto que hará que "ajustar a píxeles" esté disponible cuando crees círculos...


Capas de forma y "Ajustar a pixeles"

Con la creciente necesidad de diseños a esa escala, el diseño con capas de forma en Photoshop se está volviendo cada vez más importante. Las capas de forma se basan en recorridos vectoriales, lo que hace que cambiar su tamaño, color y forma sea bastante simple. Sin embargo, si no tienes cuidado, cuando creas capas de forma, pueden salirse fácilmente de la cuadrícula de píxeles, lo que hace que el diseño sea borroso y poco profesional.

Lograr la perfección de los píxeles con las capas de forma es bastante fácil, gracias a la función "Ajustar a píxeles" de Photoshop para las capas de forma.

Desafortunadamente, como ya sabrán, 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 encaja correctamente en la cuadrícula de píxeles (lo que requiere un zoom repetitivo y ajustes minúsculos, que pueden resultar molestos).

Si tan sólo hubiera un "ajuste a píxeles" para los círculos, ¿no? Bueno, ¡hay una pequeña solución! Puedes usar la "herramienta Rectángulo redondeado" para dibujar círculos simplemente proporcionando un radio que es al menos la mitad del tamaño del círculo que estás creando.


Paso 1: Selecciona la herramienta Rectángulo redondeado

Sé lo que puedes estar pensando, "¿Una herramienta de rectángulo para crear un círculo?" Sé que puede sonar extraño, pero confía en mí.


Paso 2: Marca "Ajustar a píxeles"

Ahora asegúrate de que la casilla de verificación "Ajustar a píxeles" esté resaltada (en CS6 es la casilla "Alinear bordes", o "Herramientas y transformaciones de ajuste de vectores 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.


Paso 3: Especifica un radio de borde (grande)

Ahora introduce un valor para el radio del borde que sea al menos la mitad de las dimensiones del círculo que quieres dibujar. O, en lugar de hacer las cuentas, introduce "1000px", ya que es el valor más grande que aceptará Photoshop (esto significa que no puedes dibujar inicialmente un círculo mayor de 2000 píxeles, pero siempre puedes aumentar la escala del resultado si es necesario).


Paso 4: Dibuja tu círculo perfecto y nítido

¡Mantén pulsada la tecla SHIFT (Mayús) y dibuja tu círculo! (Mantener presionada la tecla SHIFT mantendrá las proporciones del rectángulo redondeado).

Si creas un radio de borde demasiado pequeño, a medida que tu rectángulo redondeado aumenta sus dimensiones, eventualmente pasará por alto el radio de borde, en cuyo momento tendrás un rectángulo con bordes redondeados.


¡Eso es todo!

¿Ves lo fácil que fue? Como mencioné antes, el truco simple es darle al rectángulo redondeado un radio de borde al menos la mitad del tamaño de sus dimensiones. ¡Ahora puedes crear fácilmente círculos perfectos, nítidos y escalables en Photoshop!


Lecturas adicionales

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.