1. Design & Illustration
  2. Add-Ons

Consejo Rápido: Cómo dibujar círculos isométricos en Adobe Illustrator

Scroll to top

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

En este tutorial cubriremos algo que puede cauar más de un dolor de cabeza meintras se trabaja en una perspectiva isométrica: los círculos. No únicamente nos ocuparemos de las vistas superior y lateral, también llevaremos esto al siguiente nivel y crearemos también algunos cilindros.


Paso 1

Primero que nada, necesitamos tener una cuadrícua isométrica. Hay muchos recursos y tutoriales sobre cómo hacer esto, te explicaré mi método.

Crea un Nuevo archivo. Por ahora, introduce las mismas especificaciones en Anchura y Altura como se observa a continuación. Esto ayudará en el siguiente paso.


Paso 2

Luego, haz doble clic en la Herramienta segmento de línea (/). Crea una línea que tenga los ajustes de abajo. Aunque la proyección isométrica "verdadera" usa un ángulo de 30°, vamos a cambiarlo un poco, usando un ángulo de 26.565°. Esta es la razón: la mayoría de los gráficos isométricos que vemos hoy usan una variante de la proyección isométrica llamada "2:1". Esta nació en los días del pixel art y aún es usada hoy en día, pues 30° puede resultar demasiado pronunciado o inclinado desde un punto de vista estético.


Paso 3

Ahora, alinea esa línea verticalmente con el lienzo (a mano o usando el panel Alinear - no necesitas ser preciso en este momento) y muévela afuera de la mesa de trabajo.


Paso 4

Arrastra esa línea usando la Herramienta selección (V) y mientras haces eso, mantén presionadas las teclas Alt y Mayúsculas para duplicar y mantener el movimiento perfectamente constante.

Ahora que tenemos una línea en cada extremo de la mesa de trabajo, podemos comenzar a crear nuestra cuadrícula. Selecciona ambas líneas con la Herramienta selección (V) y ve a Objeto > Fusión > Crear. En el campo Espaciado, selecciona Pasos especificados e introduce un número no menor a 30. Esto determinará qué tan grandes o pequeños serán los módulos en tu cuadrícula.


Paso 5

Después de eso, selecciona el resultado y crea un duplicado arriba de él. Puedes hacer esto al Copiar y Pegar delante (Ctrl + C, luego Ctrl + F).

Selecciona el duplicado y volteálo horizontalmente al ir a Objeto > Transformar > Reflejar. Asegúrate de seleccionar el Eje vertical.

Expande tu fusión al ir a Objeto > Fusión > Expandir ¡y tu cuadrícula está terminada!

Ahora que tenemos la cuadrícula,

  • Cambia el color de las líneas a un cian claro (25% lo hará).
  • Recórtala para hacerla coincidir con la mesa de trabajo (puedes hacer eso al dibujar un rectángulo del mismo tamaño de la mesa de trabajo, alinéandolo y usando el Buscatrazos o solo aplicando una Máscara de capa).

Esos pasos son absolutamente opcionales. Puedes usarlo como está. Aquí está cómo luce la mía:

Es indinspensable mantener tu cuadrícula en una capa separada y bloqueada.


Paso 6

Ahora que tenemos todo listo, ¡comencemos! Primero que nada, vamos a crear una Nueva capa llamada "Artwork". Luego, vamos a habilitar las Guías inteligentes presionando Ctrl + U o ir a Ver > Guías inteligentes.

Lo bueno de tener las Guías inteligentes habilitadas, es que puedes usar la Herramienta pluma (P) para dibujar formas que estén perfectamente en la cuadrícula.


Paso 7

Siguiendo las guías inteligentes, tienes listo este pequeño cubo.


Paso 8

Aquí está el paso crucial: duplica el cubo así no lo perderás, selecciona una cara del nuevo cubo y aplica Efectos > Estilizar > Esquinas redondeadas. Ahora, introduce el valor más alto posible y haz clic en OK.


Paso 8

Una vez que termines con eso, repite el proceso con los otros tres lados del cubo. Luego, selecciónalos y ve a Objeto > Expandir apariencia.


Paso 9

Ahora que los tenemos, podemos crear formas redondeadas en vista isométrica, como cilindros. Pero antes de hacer eso, tenemos que hacer una pequeña modificación en el círculo de arriba.

Selecciona la Herramienta añadir punto de anlca (+) en el submenú de la Herramienta pluma (P) y añade nuevos puntos en los cuatro extremos del trazado (es decir donde hay una pequeña línea recta). No elimines ningún punto de ancla.


Paso 10

Ahora, tenemos esos 3 círculos lejos de la mesa de trabajo y siempre duplícalos antes de usarlos. Lo mismo aplica para el cubo, es muy útil tener una copia disponible.

Para elaborar un cilindro, todo lo que necesitamos a hacer es tomar el círculo superior, cortar los extremos horizontales, sepáralos verticalmente y vuelve a unir los puntos de ancla usando Objeto > Trazado > Unir (Ctrl + J). Finalmente, puedes usar otro círculo y ponerlo arriba para dar la ilusión de un borde.


Conclusión

Ahora que sabemos cómo crear círculos isométricos, puedes experimentar y crear toda clase de formas. Básicamente no hay límite para lo que puedas crear ¡ahora que puedes hacer formas curvas y rectas!