Ilustrador: ¿como crear un espirógrafo?

13

Estoy tratando de crear un espirógrafo en Illustrator, según el archivo adjunto. ¿Cómo hago esto? ¿Dónde empiezo?

espirógrafo

sabithpocker
fuente

Respuestas:

16

Ok, entonces un espirógrafo es solo una función y he creado un script de dibujo de funciones llamado jooGraphFunction . Con esta herramienta en la mano podemos ir y trazar

cos(2*t)*(10*cos(12*t)) -sin(2*t)*(26*sin(12*t)) 
sin(2*t)*(10* cos(12*t)) +cos(2*t)*(26*sin(12*t)) 

sobre el rango 0de PIla intensificación PI/24y se obtiene. Donde 12 es el número de lóbulos.

ingrese la descripción de la imagen aquí

Imagen 2 : Captura de pantalla de jooGraphFunction GUI y algunas versiones alternativas con diferentes números de lóbulos.

ingrese la descripción de la imagen aquí

Imagen 2 : Y dibujo con el mismo número de lóbulos que el tuyo (36) hecho con la misma técnica.

También puede diseccionar el guión como punto de partida para su propio aprendizaje.

joojaa
fuente
No conozco las opciones para jooGraphFunction pero la alternativa de código abierto es LaTeX + TikZ. Puede escribir un guión, exportarlo como pdf e importarlo como un gráfico vectorial en Illustrator. Matlab / Octave también puede exportar buenos gráficos vectoriales.
Crowley
Esto es increíble, exactamente lo que estaba buscando. Necesitaré ejecutar otras ecuaciones paramétricas también y esto lo hace muy fácil. Gracias por el tiempo dedicado a esto.
sabithpocker
@Crowley sí, es bastante fácil de hacer en numerosas herramientas diferentes. El script tiene licencia bajo MIT, nada impide que nadie emita postscript o svg de él. Pero este script se modifica para adaptarse a la ilustración porque trata de encajar en los Béziers. Y no salga de segmentos como la mayoría de las herramientas gráficas.
joojaa
@joojaa, los resultados de TikZ y Matlab dependerán del muestreo de la curva y ambos pueden generar gráficos vectoriales. Si está sombreado, Matlab solo exporta mapas de bits, aunque ... desearía poder votar su respuesta tanto para la solución como para la definición de la función.
Crowley
@Crowley Matlab puede exportar vectores. Pero sí, sé cómo funcionan tikz y matlab.
joojaa
8

Sé que el OP pide Illustrator, pero si no te importa gastar cero € / $ en una pieza de software, esta es una característica nativa en Inkscape .

ingrese la descripción de la imagen aquí

Ideograma
fuente
Eso es interesante. Nunca he probado Inkscape. Intentaré esto
sabithpocker
7

Las espirógrafos verdaderos no se logran fácilmente, ya que son líneas continuas, a diferencia de su ejemplo. Podrías probar las secuencias de comandos de Illustrator para lograrlo, o mirar la respuesta de Luciano.

Para un efecto muy similar, tomarías una forma similar a una elipse o una elipse y la girarías y copiarías varias veces. El ángulo de rotación debe ser una cantidad de grados por los que 360 ​​° es divisible.

Una forma típica de hacer su ejemplo sería:

  • Dibuja tu elipse usando la Ellipseherramienta (atajo L);
  • Asegúrese de que la elipse tenga un trazo y no se llene;
  • Con la elipse aún seleccionada, cambie a la Rotateherramienta ( R);
  • Con su Left Altpresionado, haga clic en el centro de la elipse: una marca de registro ya debería estar visible allí. Su cursor debe ser una cruz de precisión con tres puntos en el costado;
  • En el diálogo que aparece, elija un ángulo (θ) que, cuando se multiplica por un número entero (n), produce 360 ​​°;
  • Clic Copy;
  • Elija Object > Transform > Transform Againo presione Cmd / Ctrl+ Dvarias veces (n-2) hasta que su figura esté completa.

Alternativamente, puede usar un efecto de transformación dinámico para esto y mantener editables tanto la forma como el número de copias:

  • Dibuje una elipse sin relleno como arriba;
  • Con la forma seleccionada, elija Effect > Distort & Transform > Transform...;
  • Elija su ángulo θ debajo del encabezado 'Rotar'. No toque la configuración 'Escala' o 'Mover' (todavía);
  • Ingrese una cantidad de copias n-1 en la parte inferior del diálogo;
  • Presione OK.

Este efecto se aplica dinámicamente a la forma base, puede editar la forma y el efecto seguirá su ejemplo. También puede usar double clickel efecto en la Appearancepaleta para editarlo. De esta manera, puede crear múltiples formas diferentes en un santiamén.

Puedes experimentar con todas las otras configuraciones para hacer el arte más sorprendente de esta manera. Marcar la Previewcasilla le permite echar un vistazo a lo que está logrando.

Para mayor diversión y risas, puedes hacer este truco con una forma rellena que tenga un modo de mezcla no 'normal' y / o una opacidad inferior al 100%.

espirógrafo de mezcla

Vincent
fuente
1
Impresionante, déjame intentarlo. Pero parece que esto es una aproximación a un espirógrafo que es una línea única continua y no elipses repetidos.
sabithpocker
1
Todavía puede hacer una línea continua sin secuencias de comandos, verifique mi respuesta. Aunque probablemente sería mucho más fácil con las secuencias de comandos.
Luciano
@Lucian La salida que mostraste es simplemente WOW. Yo mismo soy un programador de Javascript y he hecho un código de espirógrafo , pero nunca probé AI Scripting. Lo intentaré también.
sabithpocker
4

Existe este excelente video tutorial que es demasiado largo para explicar aquí, pero hay diferentes formas de crear espirógrafos de línea continua en Illustrator.

TL / DR; crear elipses, rotar-duplicarlos y limpiar los puntos extra.

Asegúrese de tener las guías inteligentes habilitadas (Ver> Guías inteligentes)

  1. crear una elipse que sea más alta que más ancha (solo trazo, sin relleno)
  2. con la rherramienta Rotar , optionhaga clic en el ancla superior y escriba un ángulo que, cuando se multiplica por un número entero (n), produce 360 ​​°. Hacer clicCopy
  3. Ahora haga option+ clic en la elipse recién creada, en el punto opuesto.
  4. sigue duplicando la forma hasta que tengas (n) formas.
  5. Use la aherramienta para seleccionar todos los puntos en el centro de su espirógrafo y eliminarlos.
  6. Únete a los caminos ( cmd+ j)
  7. Shift+ arrastre alrededor del último punto creado en la última forma duplicada para deseleccionarlo
  8. Convierta los puntos de anclaje seleccionados para hacer clic suavemente en el botón en el menú Punto de anclaje
  9. seleccione los puntos no suavizados restantes y cmd+ shift+ option+ jpara unir los puntos, elija "Suavizar"
Luciano
fuente
Eso se lee como un muy buen método. Tendré que probarlo yo mismo!
Vincent
0

Tenga en cuenta que estoy usando Illustrator CS 6 Las diferencias en el acceso directo o la apariencia de la herramienta resaltada en otras versiones pueden ocurrir :-)

Primero haga un círculo (presione L o use la herramienta eclipse) ingrese la descripción de la imagen aquí

Luego use el círculo para hacer una forma de pétalo (presione E o use la herramienta Transformación libre) arrastre solo el lado derecho o izquierdo mientras presiona alt para tener una forma igual. ingrese la descripción de la imagen aquí

Luego, haga la punta inferior del pétalo (presione Mayús + C o use la herramienta Convertir punto de anclaje) ingrese la descripción de la imagen aquí

Seleccione los dos puntos hacia la izquierda y hacia la derecha, luego ajústelo hacia arriba para obtener la forma deseada (Presione A o la Herramienta de selección directa y la tecla Ajustar por arriba) ingrese la descripción de la imagen aquí

Cambiar la ubicación del ancla (presione R + Alt + ubicación, consulte la referencia de mi ubicación) ingrese la descripción de la imagen aquí

Gire el pétalo por 5 Repita en función de la ilustración que desee (360/5 = 72) (Presione R o Use la herramienta Rotar + escriba el ángulo y luego presione COPIAR ) Repita la copia (hágalo 3 veces) presionando Ctrl D mientras la copia está resaltado

ingrese la descripción de la imagen aquí

Ajuste la forma de su primer pétalo si necesita la estrella perfecta en su interior.

ingrese la descripción de la imagen aquí

Para que las líneas sean visibles, seleccione todos los trazados / capa de pétalos y haga que la opacidad se multiplique. ingrese la descripción de la imagen aquí

Dodie Eslava
fuente
0

Dibuja 1 elipse ...

Escoger Effect > Distort & Transform > Transform...

Ajuste la configuración ...

ingrese la descripción de la imagen aquí

Scott
fuente
Bueno, sí, simplemente no es un espirógrafo :) Parece uno pero no lo es. También esta es la respuesta de Vincent. Pero me parece que 2 preguntas que no eran exactamente iguales se fusionaron
joojaa