¿Cómo se hacen estos marcos lineales swirly?

19

marco de línea 1 marco de línea 2

Me encanta y siempre me ha desconcertado este tipo de diseño swirly.

Después de más de 10 años trabajando como diseñador gráfico, todavía no puedo entender cómo se hacen. Diseño geométrico curvo en general.

¿Cómo conectan sus diferentes partes tan perfectamente? No puede ser una sola pieza hecha a mano, ya que al colocar cada punto y ajustar cada mango bézier, es demasiado perfecto, demasiado geométrico para haberlo hecho de esa manera.

¿Alguno de ustedes ha trabajado en esta técnica en Illustrator? ¿Cuál es el enfoque?

MrMerrick
fuente
¿Por qué necesita informarnos que tiene más de 10 años como diseñador? Simplemente curioso qué beneficio agrega a la pregunta.
DᴀʀᴛʜVᴀᴅᴇʀ
Ellos fueron ... dibujados de esa manera? No estoy seguro de cómo responder esto. Son segmentos de curvas unidas entre sí. El mismo concepto que el uso de pre-computadora de curvas francesas.
DA01
@ DA01 Bueno, las personas menores de 30 años podrían no haber visto curvas francesas o dibujadas en papel con reglas y brújulas. Solo digo.
joojaa
1
@joojaa eh ... sí, bueno ... OK, veo tu punto. Pero diría que cualquiera que sea un diseñador gráfico debería tener. Es como un arquitecto que no sabe lo que es un gobernante de arquitectos. Sí, no necesariamente lo usan, pero viene con el territorio / historia de la profesión. :)
DA01
@ DA01 Descubrirá que a menudo las personas saben muchas cosas, simplemente no pueden combinar este conocimiento en su conjunto y aplicarlo en casos específicos. Entonces debería ser una cosa, pero si no es así, es aún más importante explicarlo. Todo lo que puedo decir es que pensé que sería evidente que un estudiante de maestría de 4º año en ingeniería mecánica conocería la trigonometría. Aparentemente, un buen tercio de ellos no, en realidad no. Pero sí, tuve una reacción instintiva similar.
joojaa

Respuestas:

24

Hay muchas formas de abordar esto. Tienes razón, una curva no tiene que estar hecha de una sola pieza, puede estar hecha de varias piezas. De hecho, una curva se puede construir a partir de varias curvas.

He respondido una pregunta similar, sobre las tapas en espiral , en su mayoría lo mismo se aplica aquí. Cuando lo haces, haces una forma inicial y luego la giras y la reflejas. La imagen posterior es un gran ejemplo de esto. Las curvas se pueden construir utilizando 2 arcos adyacentes, por ejemplo. También podría ser una reutilización liberal de un solo trazado dibujado, desplazamientos, espejos y cortes por círculos y líneas.

En segundo lugar, la pieza de construcción puede construirse a partir de una función diferente que una espiral. Aunque el ajuste con una cuadrícula construida manualmente logra una precisión de línea similar. Una vez más, el truco es reflejar y rotar las partes simétricas y los segmentos de línea.

construcción de un bucle

Imagen 1 : Construcción de patrón repetible

Hacer un trabajo preciso en Illustrator depende del dominio de la herramienta Línea , la herramienta Elipse , la Herramienta Rotar , la Herramienta Espejo , la Herramienta Escala y la Herramienta Inclinación . De estos, el más difícil de dominar es la herramienta de línea, ya que su dominio y la herramienta de elipse dependen de que usted sepa cómo usar el diálogo de clic alternativo. ¡Y para la herramienta de línea hay 2 razones para hacer esto!

guías de construcción personalizadas por offset

Imagen 2 : Haga guías de construcción personalizadas y puede cortarlas y adjuntarlas al contenido de su corazón.

Cómo se hace (tutorial, según solicitud)

Para responder al comentario sobre cómo está hecho, describiré el proceso de creación de la Imagen 1 .

  1. Dibujando tus guías principales.

    • Comience dibujando un óvalo y un segmento de línea pequeña en el medio del óvalo. La línea está ahí para que pueda ajustar más fácilmente al centro de rotación (al final de la línea)

      ingrese la descripción de la imagen aquí

      Imagen 3 : Recuerde marcar su centro de rotación, es más fácil de esta manera

    • Use la herramienta de rotación para rotar la guía, en este caso 90 grados, pero podría usar cualquier otro ángulo. Consejo : Alt+ Clic colocará el pivote y abrirá un cuadro de diálogo para la entrada numérica.

      Estrictamente hablando, uno no necesita la tercera y cuarta guía, pero como la repetición está a solo una tecla de distancia que realizo, me da una mejor idea de cuál será el tamaño. Ajuste las guías ahora para satisfacer sus necesidades.

      ingrese la descripción de la imagen aquí

      Imagen 4 : Tómese su tiempo para hacer las guías.

    • Debe prepararse para cortar los óvalos en sus intersecciones y después (o en) la curva comienza a descender hacia la línea del espejo. Para esto preparo una línea de corte perpendicular y una línea de espejo.

      ingrese la descripción de la imagen aquí

      Imagen 5 : preparar las líneas de corte

    • Copie uno de los óvalos y cree una nueva capa, pegue el óvalo en frente. Bloquee la capa de guía.

  2. Construyendo la forma.

    • Retire la mitad inferior del óvalo.

    • Inserte un punto en la primera intersección del óvalo y corte el óvalo en 2 en la intersección de óvalo a óvalo.

      ingrese la descripción de la imagen aquí

      Imagen 6 : Cortar en pedazos

    • Refleje una copia del segmento sobre la línea reflejada y una las curvas. Sugerencia : si Illustrator inserta un intervalo entre ellos, simplemente mueva un punto hacia el lado, elimine el intervalo, retroceda y rehaga la unión, las curvas ahora apuntan de la misma manera y no habrá intervalo adicional.

      ingrese la descripción de la imagen aquí

      Imagen 6 : Únete al espejo

    • Use la herramienta Convertir punto de anclaje para hacer que la esquina finalice una tangente unificada. Arrastre la tangente perpendicular a la línea del espejo. Sugerencia Si trabaja en un ángulo incómodo, puede medir el ángulo con la herramienta de línea y usar las preferencias para rotar la cuadrícula.

      Haga la tangente un poco más corta que el ancho de su espacio en los puntos más cercanos (o igualmente ancho). Uno puede ajustar qué tan redondo es el borde haciendo una tangente más larga. Estoy haciendo la forma un poco más puntiaguda que en el ejemplo original para mostrar que uno puede variar la forma libremente.

      ingrese la descripción de la imagen aquí

      Imagen 7 Hacer la tangente simétrica y perpendicular a la línea de espejo

    • Arrastre el punto de curva hacia atrás a lo largo de la línea de simetría hasta que tenga un buen comportamiento asintótico.

      ingrese la descripción de la imagen aquí

      Imagen 8 Ajustar bucle.

    • Ocultar guías y reflejar / rotar y unir.

      ingrese la descripción de la imagen aquí

      Imagen 9 Imagen final.

Post scriptum

Después de todo ese trabajo, me gustaría decir que graficar la función:

x=20*cos(t)-10*sin(5*t+PI/2)
Y=20*sin(t)+10*cos(5*t+PI/2)

Produciría:

ingrese la descripción de la imagen aquí

Muchas formas de desollar al gato, supongo.

joojaa
fuente
Gran respuesta, gracias! Todavía me encantaría ver un poco más de profundidad en la técnica, con una reproducción paso a paso de algunas de las formas que publiqué, muy muy curioso sobre algunas de ellas y qué tipo de flujo de trabajo (qué booleanos usar, técnicas de herramientas). , etc.) se necesita. Pero eso es pedir demasiado. Gracias de nuevo por una buena publicación. El que trata sobre las tapas en espiral también ayuda.
MrMerrick
@MrMerrick Hecho
joojaa
Muchas gracias por tomarse el tiempo y el esfuerzo para responder a @joojaa. La pieza del rompecabezas que faltaba para mí era usar esas líneas de simetría de ayuda donde puedo ajustar puntos a lo largo de ellas para refinar las formas. Estoy acostumbrado a trabajar con material reflejado para crear obras de arte geométricas, pero cuando se trata de curvas y más trabajo fluido, tuve problemas para que se vea suave. Voy a invertir tiempo en domar esa herramienta de arco. ¿Puedo hacer 2 preguntas finales? 1- ¿Qué quieres decir con el dominio de la herramienta de línea? Solo uso alt para hacerlo crecer en la dirección opuesta a su origen o alt + clic para obtener el diálogo de creación. ¿Es asi?
MrMerrick
y 2- En tu figura 2, ¿cómo haces esas líneas onduladas tan terriblemente suaves? ¿Es simplemente una herramienta de arco o está realmente restringido punto por punto (manteniendo presionada la tecla Mayús mientras coloca y arrastrando los puntos) bézier? Esto es lo más lejos que obtuve con la herramienta de arco + mezcla , lo cual es ridículo.
MrMerrick
@MrMerrick es un bezier de un solo tramo. De todos modos, no use la herramienta de arco es inútil. La misma inutilidad se aplica a todas las otras herramientas de forma, excepto espiral, línea y elipse. Aun así, la herramienta de elipse es menos que óptima. El nuevo ilustrador también tiene una nueva herramienta de curva que es mejor que los beziers. Las estrías B y las espirocurvas son simplemente superiores.
joojaa