Cómo crear diseños vectoriales de espirógrafos
Spanish (Español) translation by Pierina (you can also view the original English article)
Me fascinan los diseños de los Espirógrafos desde que era un niño, amo su aspecto simétrico. Sé que hay programas que pueden dibujar diseños de Espirógrafos de manera automática, pero no es tan divertido como cuando los hacemos a mano.
Cuando empecé a conocer Illustrator, me esforcé en hacer los bucles manualmente y los resultados eran todo menos perfectos. Sabía que Illustrator debía tener una mejor forma de hacerlos, y ¡finalmente la encontré! De eso se trata, de aprender a utilizar las herramientas para poder liberar tus ideas.
Vista previa de la imagen final
Abajo puedes ver el diseño final sobre el cual vamos a trabajar.



Antes de comenzar
Ve a Edición - Preferencias - General y asegúrate de que el cuadro de Escalar trazos y efectos no está marcado, de lo contrario, puede que el tamaño del trazo cambie cuando utilice Transformar cada. Si esto sucede, simplemente tienes que seleccionar todas las formas y cambiar el Grosor de trazo a 1 pt.
Nota: El nivel de habilidad de este tutorial es el Fácil, pero si no estás seguro, te recomiendo que mejor hagas los diseños en orden, debido a que yo explico las cosas con menos detalle a medida que vamos avanzando.
Diseño 1
Paso 1
Con un trazo color verde de 1 pt, crea una Elipse de 150 pixeles por 25 pixeles.

Paso 2
Objeto > Transformar > Transformar cada, con el Ángulo establecido en 30º y haz clic en Copiar (no hagas clic en OK).



Paso 3
Ahora, ve a Objeto > Transformar > Volver a transformar (o Comando + D) cuatro veces para hacer las otras copias. Luego, selecciona todas las elipses color verde y haz clic en Objeto > Agrupar.

Paso 4
Ahora, con un trazo color azul de 1pt, haz una Estrella de ocho lados con un radio interior de 50 px y un radio exterior de 75 px.


Paso 5
Empleando la Herramienta Selección directa, selecciona la mitad de los puntos de anclaje. Utiliza el Panel de Control ubicado en la parte de arriba, para suavizar estos los puntos y luego, selecciona la otra mitad y suavízalos de igual manera.
Nota: una particularidad que tiene Illustrator es que, si seleccionas todos los puntos de anclaje de un objeto, el Panel de control desaparece. El Archivo de ayuda dice: "Para utilizar las opciones de conversión de puntos de anclaje en el Panel de control, solo deben seleccionarse los puntos de anclaje relevantes, mas no todo el objeto. Si seleccionas varios objetos, uno de ellos debe estar seleccionado solo de manera parcial. Cuando se seleccionan objetos completos, las opciones del Panel de control cambian a las que afectan a todo el objeto".



Paso 6
Emplea la Herramienta Selección directa para seleccionar uno de los puntos de anclaje exteriores. Puede que arrastrar un cuadro sobre la ubicación del punto de anclaje como este sea una mejor idea que hacer clic sobre el mismo, para estar seguro de seleccionar todo el punto de anclaje en lugar de solo una de sus asas.

Coge la Herramienta Rotar (R), luego, rota a un ángulo de 180º y haz clic en OK.



Paso 7
Repite esto para cada uno de los puntos de anclaje externos de manera individual. Esto puede hacerse rápidamente si dejas seleccionada la Herramienta Rotar, mantienes la tecla Comando presionada para utilizar temporalmente la Herramienta Selección directa para seleccionar el siguiente punto de anclaje, y luego, presionas la tecla Enter para que aparezca el cuadro de diálogo de la opción Girar. Vuelva a presionar la tecla Enter, con el fin de aplicar los mismos valores.
Paso 8
Ahora, selecciona todos los puntos de anclaje interiores. Para seleccionarlos todos a la vez, puedes dibujar un rectángulo justo como el que ves abajo. Utiliza la Herramienta Escala para mover todos los puntos un poco hacia fuera, haciendo que las curvas interiores sean más redondeadas.


Paso 9
Luego, selecciona un punto de anclaje y emplea la Herramienta Escala de la caja de herramientas para ampliarlo un 150%.



Paso 10
Repite el proceso con todos los puntos de anclaje de la forma, los externos y los internos, uno por uno. Nuevamente, no tomará mucho tiempo si dejas la Herramienta Escala seleccionada, mantienes la tecla Comando presionada, seleccionas el punto de anclaje y luego, presionas la tecla Enter dos veces. Una vez hecho esto, el objeto debería tener este aspecto.

Paso 11
Selecciona todo el objeto y emplea Objeto > Transformar > Transformar cada, con una escala del 95% y una rotación de -5%. Luego, haz clic en Copiar.



Paso 12
Presiona Comando + D dos veces para hacer dos copias más. Luego, selecciona las cuatro copias y Agrúpalas.

Paso 13
Selecciona ambos grupos, haz clic en Centro de alineamiento horizontal en el Panel de control (o el Panel de alineamiento) y luego, también haz clic en el Centro de alineamiento vertical.



¡Terminaste!

Diseño 2
Paso 1
Con un trazo color agua de 1 pt, crea un cuadrado de 100 px de ancho.
Paso 2
Con el cuadrado seleccionado, haz clic en Efecto > Distorsionar y transformar > Fruncir y engordar y establece el efecto al 100%.



Paso 3
Ve a Objeto > Expandir Apariencia, luego, a Objeto > Transformar > Transformar cada, y establece la Escala al 90% y la Rotación al 10%.



Paso 4
Presiona Comando + D para crear más copias. Luego, selecciónalas todas y haz clic en Objeto > Agrupar.

Paso 5
Con un Trazo color rojo de 1 pt, crea una elipse de 150 px por 25 px. Luego, ve a Objeto > Transformar > Transformar cada, y establece la Escala al 95% y la Rotación al -8%.



Paso 6
Crea varias copias. Luego, selecciona todos los óvalos de color rojo, ve a Objeto > Agrupar y Rota todo el grupo unos 45º.

Paso 7
Selecciona ambos grupos y haz clic en el Centro de alineamiento horizontal y luego, en Centro de alineamiento vertical.

¡Terminaste!

Diseño 3
Paso 1
Emplea la Herramienta Estrella para crear una estrella de 7 puntos con un radio exterior de 75px. Esto nos servirá de guía, así que el color no importa mucho.

Paso 2
Yo volteé la mía para que apunte hacia arriba, empleando Objeto > Transformar > Reflejar. Luego, ve a Objeto > Bloquear > Selección para evitar que la estrella guía se mueva. Establece el trazo de color azul en 1 pt. Ahora, utiliza la Herramienta Pluma para trazar una forma de estrella de 7 puntas, haciendo clic de un punto a otro, así como ves en la imagen.

Paso 3
Ve a Objeto > Desbloquear todo, y borra la estrella guía. Luego, emplea la Herramienta Selección directa para seleccionar los anclajes (de mitad en mitad, así como hicimos en el Diseño 1) y suavízalos.

Paso 4
Haz una copia de la forma. Ahora, selecciona un punto de anclaje de la segunda estrella y reduce su Escala al 50%. Repite la operación con todos los puntos de anclaje.



Paso 5
Haz una copia de la segunda estrella y ahora, tienes tres estrellas. En la tercera estrella, selecciona uno de los puntos de anclaje, emplea la Herramienta Rotar para girarla unos 180° y repite este paso con todos los puntos de anclaje.

Paso 6
Selecciona las tres estrellas y alinea sus centros horizontales y verticales.

¡Imagen final!
Cambia los colores de dos de las formas y, para que parezca un auténtico Espirógrafo, reduce la escala de la estrella más grande en un 90%.

Diseño 4
Paso 1
Crea un cuadrado color naranja de 100 px de ancho y suaviza los puntos de anclaje.

Paso 2
Rota cada punto de anclaje uno 180º, uno por uno.

Paso 3
Selecciona todo el objeto, empleando Objeto > Transformar > Rotar 10º y haz ocho copias.

Paso 4
Ahora, selecciona una de las formas, Cópiala y luego, Pégala delante, y cambia su color de Trazo a uno azul. Con esa forma aún seleccionada, ve a Objeto > Transformar > Transformar cada, a una Escala de 90% y Rotación de -5°. Finalmente, haz clic en Copiar.



Paso 5
Emplea Comando + D para hacer varias copias.
¡Terminaste!

Diseño 5
Paso 1
Haz una forma de estrella con ocho puntas y un radio exterior de 75 px, esta estrella va a servir de guía. Ahora, emplea Objeto > Bloquear > Selección, para evitar que se mueva.

Paso 2
Empleando la Herramienta Pluma con un Trazo color rojo de 1 pt, traza uniendo punto por punto, así como ves en la imagen de abajo.

Paso 3
Ve a Objeto > Desbloquear todas y luego, elimina la estrella que nos sirvió de guía.
Paso 4
De mitad en mitad, suaviza los puntos de anclaje.

Paso 5
Y rótalos uno por uno...

Cuando hayas rotado todos los puntos, la imagen deberá lucir como la de abajo.

Paso 6
Empleando un Trazo color magenta de 1 pt, crea una forma de estrella de 4 puntas con un radio exterior de 75px.

Paso 7
Suaviza los puntos de anclaje. Luego, gira los cuatro puntos de anclaje de las esquinas unos 180° uno por uno.

Paso 8
Selecciona los otros cuatro puntos de anclaje del centro y elimínalos, empleando Objeto > Trayectoria > Eliminar puntos de anclaje. Copia la forma tres veces luego de haberla Rotado unos 22.5°.

Paso 9
Agrupa las formas, luego, selecciónalas junto con la forma anterior y alinéalas de manera vertical y horizontal.



¡Terminaste!

Diseño 6
Paso 1
Con una Trazo color magenta de 1 pt, crea un círculo de 100 px.

Paso 2
Aplica el Efecto Fruncir y engordar al 140%.

Paso 3
Transforma cada uno a una escala del 85%, con una Rotación de -18° y haz clic en Copiar. Luego, emplea Comando + D para hacer tres copias más.



Paso 4
Selecciona la tercera copia más grande, luego, ve a Edición > Copiar y finalmente, a Edición > Pegar delante.

Paso 5
Cambia el color del Trazo a un verde oscuro y luego, Rótalo unos 36º.

Paso 6
En el Panel de Apariencia, haz doble clic en el efecto Fruncir y engordar para editarlo. Luego, cambia la cantidad a 100%.

¡Imagen final!
Ahora, aplica Transformar cada en la configuración anterior, así como ves en la imagen de abajo.

Variaciones
A estas alturas ya puedes duplicar prácticamente todo lo que aparezca en un cuaderno de Espirógrafos.
Aquí puedes ver el óvalo verde del Diseño 1 que giré y copié en un ángulo de 5°, combinado con una Elipse púrpura de 90 px por 60 px, la cual giré en un ángulo de 20°.

Esta es la Estrella roja del Diseño 3, cuyo color es azul ahora, con copias rotadas unos -10° y escaladas al 90%, combinada con una Elipse azul claro de 135px por 85px, cuyas copias están rotadas unos 15 °.

Esta es la forma azul del diseño 1, reducida en un 90% junto con la forma roja del diseño 5 que copié y giré unos 60°.

Aquí están las dos formas del Diseño 3, la estrecha girada unos -10° y escalada al 90%, y la redondeada, escalada al 80% y luego, hice una copia al 80%.

Conclusión
¡Diviértete! Si creas algo realmente estupendo con estas técnicas, ¡me encantaría ver el resultado! ¡Gracias!


