Este es el aspecto de la espiral tridimensional cuando se enrolla alrededor de un objeto (véase la figura 01). Pero basta de charla. Diviértete con el tutorial... :-.

Cintas y espirales 3D - Adobe Illustrator

Parte 1: Espiral 2D

Antes de empezar, necesitas crear un nuevo espacio de trabajo en Illustrator. Para ello, ve a Archivo>Nuevo y selecciona un formato de DIN A3 en formato apaisado. A continuación, confirma con Aceptar. (Figura 02).

Cintas y espirales 3D - Adobe Illustrator

Una vez creado un nuevo espacio de trabajo, lo primero que hay que hacer es crear un pilar cuadrado. La espiral 2D se envuelve alrededor de este pilar.

Coge la herramienta rectángulo y haz clic en cualquier parte del espacio de trabajo. Se abrirá una ventana en la que podrás introducir el tamaño del rectángulo. Seleccione un tamaño de 17x140mm y confirme con OK. (Figura 03).

Cintas y espirales 3D - Adobe Illustrator

Para convertir este rectángulo en un objeto tridimensional, debe aplicarle el comando Extrusión. Para ello, vaya a Efecto>3D>Extruir y aplanar borde ... (Figura 04).

Cintas y espirales 3D - Adobe Illustrator

En el siguiente cuadro de diálogo, puede ajustar todas las configuraciones para la visualización 3D. El ajuste más importante aquí es la profundidad de la extrusión. Establezca aquí un valor de al menos 50pt. Puede elegir el ángulo con relativa libertad. Sólo debe asegurarse de que el pilar sigue siendo relativamente recto en la parte superior.

Confirme con OK.

Cintas y espirales 3D - Adobe Illustrator

En este punto, puede ocultar el pilar 3D que acaba de crear en la paleta de capas o simplemente moverlo a un lado. Ahora nos ocuparemos del elemento principal de la espiral 2D.

Como en el siguiente paso tenemos que trabajar con mucha precisión para asegurarnos de que la espiral encaja realmente, tendrás que hacer uso de una herramienta que muchos usuarios de Illustrator suelen desconocer o simplemente evitar, ya que hace que el espacio de trabajo esté bastante desordenado. Se trata de la llamada cuadrícula. Puedes activar la cuadrícula haciendo clic en Ver>Mostrar cuadrícula. También puede utilizar el atajo de teclado Comando+< (en PC: Ctrl+<).

Cintas y espirales 3D - Adobe Illustrator

Su espacio de trabajo debería tener este aspecto (véase la Figura 07):

Cintas y espirales 3D - Adobe Illustrator

Para aumentar aún más la precisión al trabajar con la cuadrícula, debería activar la función Alinear a la cuadrícula. La mejor forma de hacerlo es a través de Ver>Alinear a rejilla. (Figura 08).

Con este comando, cada subdivisión de la cuadrícula se reconoce como un objeto independiente y el puntero del ratón se ajusta automáticamente a él, de forma similar a las guías inteligentes .

Cintas y espirales 3D - Adobe Illustrator

Con la herramienta pluma, haga clic en un punto de la esquina (arriba a la izquierda) de una baldosa grande de la cuadrícula y, manteniendo pulsado el botón del ratón, dibuje una tangente vertical que sean cuatro cajas pequeñas (véase la figura 09).

Cintas y espirales 3D - Adobe Illustrator

A continuación, desplaza tres casillas grandes hacia la derecha y dibuja allí otra tangente que también sea de cuatro casillas pequeñas. (Esta vez en la parte inferior derecha). El conjunto debería tener este aspecto (ver Figura 10):

Cintas y espirales 3D - Adobe Illustrator

A continuación, coge la herramienta de selección (puntero negro del ratón) de la paleta de herramientas y, manteniendo pulsada la tecla Alt, haz clic en la trayectoria que acabas de crear.

Arrastra este trazado exactamente tres pequeños recuadros hacia arriba y suelta el botón del ratón. Al mantener pulsada la tecla Alt, has creado una copia, mientras que el trazado original no se ha modificado. El conjunto debería tener ahora este aspecto (véase la figura 11):

Cintas y espirales 3D - Adobe Illustrator

Ahora necesita de nuevo la herramienta de selección directa. Utilícela para seleccionar los dos puntos de la ruta marcados en la figura 12.

Cintas y espirales 3D - Adobe Illustrator

A continuación, sólo tiene que utilizar el atajo de teclado Comando+J (en PC: Ctrl+J) para conectar estos dos puntos de trayectoria (Figura 13).

Cintas y espirales 3D - Adobe Illustrator

Ahora debe hacer lo mismo con los otros dos puntos de trayectoria. Así obtendrá una trayectoria completamente cerrada (véase la figura 14).

Cintas y espirales 3D - Adobe Illustrator

Seleccione la trayectoria que acaba de crear y desplácela cinco casillas manteniendo pulsada la tecla Alt (para crear una copia) (véase la figura 15).

Cintas y espirales 3D - Adobe Illustrator

Para convertirlo finalmente en una espiral reconocible, sólo tienes que reflejar tu elemento superior una vez más. Para ello, vaya a Objeto>Transformar>Espejar... Seleccione Vertical en la siguiente ventana y confirme con Aceptar.

Cintas y espirales 3D - Adobe Illustrator

El conjunto debería tener ahora este aspecto (Figura 17):

Cintas y espirales 3D - Adobe Illustrator

Ahora es el momento de añadir algo de color para realzar el carácter 3D. He preparado dos valores CMYK para este tutorial.

- Amarillo: CMYK - 5/0/90/0

- Naranja: CMYK - 0/35/85/0

Colorea tu elemento espiral inferior en el tono naranja y el superior en el amarillo (véase la figura 18). Esta diferencia de color da al conjunto un poco más de profundidad.

Cintas y espirales 3D - Adobe Illustrator

Como es probable que el elemento naranja esté ahora en segundo plano, hay que traerlo al primer plano. La mejor manera de hacerlo es hacer clic con el botón derecho en el elemento naranja y seleccionar Organizar>Frente. (Figura 19).

A continuación, selecciona ambos elementos y agrúpalos con Comando/Ctrl+G.

Cintas y espirales 3D - Adobe Illustrator

A continuación, mueve todo el grupo hacia arriba utilizando la herramienta de selección. Vuelve a mantener pulsada la tecla Alt para hacer una copia del grupo. Muévete hasta que ambos grupos se complementen exactamente. Como los elementos encajan en la cuadrícula, esto no debería ser un problema.

El conjunto debería tener este aspecto (Figura 20):

Cintas y espirales 3D - Adobe Illustrator

Puedes repetir todo el proceso tres veces más con el atajo de teclado Comando/Ctrl+D (Figura 21).

Su espiral está lista.

Cintas y espirales 3D - Adobe Illustrator

Ahora es el momento de mostrar el pilar que ha creado anteriormente.

Colócalo aproximadamente en el centro de tu espiral (Figura 22). (Puedes simplemente reducir la escala de la espiral hasta que te guste.

Cintas y espirales 3D - Adobe Illustrator

Pero, ¿cómo introducir este pilar en la espiral?

En realidad no es tan difícil... En primer lugar, selecciona toda la espiral y anula todas las agrupaciones con Comando/Ctrl+Mayús+G. Por último, selecciona todos los elementos amarillos manteniendo pulsada la tecla Mayúsculas y muévelos hacia atrás con Objeto>Grupo>Hacia el fondo.

Cintas y espirales 3D - Adobe Illustrator

Y puf... tu pilar está dentro de la espiral (Figura 24).

Cintas y espirales 3D - Adobe Illustrator

Parte 2: Variante 3D

Después de crear una espiral tridimensional a partir de elementos 2D en la primera parte del tutorial, ahora me gustaría mostrarte otro efecto utilizando las funciones 3D de Illustrator en la Parte 2. Para ello no necesitas crear un nuevo espacio de trabajo. Todo lo que tienes que hacer es crear una nueva capa en Illustrator.

Coge la herramienta rectángulo y crea un rectángulo que tenga tres cuadrados grandes de ancho y dos cuadrados pequeños de alto. (En este caso, asumo que aún tienes la cuadrícula de la parte 1 desplegada). (Ver Figura 25).

Cintas y espirales 3D - Adobe Illustrator

Ahora necesitas copiar este rectángulo cuatro veces y siempre apilarlos uno encima del otro con una distancia de dos cuadrados pequeños (ver Figura 26).

Cintas y espirales 3D - Adobe Illustrator

A continuación, necesitará la herramienta de selección directa. Utilízala para seleccionar todos los puntos del trazado de la derecha (véase la figura 27).

Cintas y espirales 3D - Adobe Illustrator

Desplace estos puntos de trayectoria cuatro cuadraditos hacia arriba (véase la figura 28).

Cintas y espirales 3D - Adobe Illustrator

Para poder seguir trabajando con toda esta construcción, necesitamos guardarla como símbolo. Para ello, despliegue la paleta Símbolosa través de Ventana>Símbolos.

A continuación, haga clic en la flecha pequeña de la esquina superior derecha y seleccione Nuevo símbolo ... (Figura 29).

Dele un nombre y confirme con Aceptar.

Cintas y espirales 3D - Adobe Illustrator

A continuación, utilice la herramienta Elipse para crear una elipse del tamaño de cuatro cuadrados grandes (Figura 30).

Cintas y espirales 3D - Adobe Illustrator

Utiliza la herramienta de selección directa para borrar el punto de la trayectoria de la derecha, de modo que sólo te quede media elipse (Figura 31).

Cintas y espirales 3D - Adobe Illustrator

A continuación, ve a Efecto>3D>Giro...

Cintas y espirales 3D - Adobe Illustrator

Puedes copiar los ajustes de luz directamente de la Figura 33 o simplemente cambiarlos a tu gusto.

Cintas y espirales 3D - Adobe Illustrator

Ahora es importante hacer clic en el botón Asignar material de imagen. En la siguiente ventana, puede seleccionar el símbolo previamente guardado y escalarlo al tamaño de la página. Sin embargo, lo más importante es marcar las casillas Material de imagen sombreado y Geometría invisible (Figura 34).

Cintas y espirales 3D - Adobe Illustrator



A continuación, puede confirmar con Aceptar.

Antes de poder insertar un objeto en esta "chula" esfera en espiral, tenemos que convertir este objeto 3D. Esto puede hacerse mediante Objeto>Convertir apariencia.

Cintas y espirales 3D - Adobe Illustrator

En la paleta de capas encontrará ahora un grupo con los elementos de la esfera espiral. Si ahora quieres colocar un objeto allí, todo lo que tienes que hacer es simplemente mover el objeto a esta posición (ver Figura 36) en la paleta de capas.

Cintas y espirales 3D - Adobe Illustrator

Ya no hace falta que te explique cómo crear una esfera de este tipo (Figura 37)... basta con que vuelvas a utilizar el efecto de peonza 3D.

Cintas y espirales 3D - Adobe Illustrator

Palabras finales:

Hemos llegado al final de este tutorial. Espero que lo hayas disfrutado y hayas aprendido algún que otro truco.

Si tienes más preguntas sobre este tema, no dudes en escribirlas en los comentarios debajo de este tutorial. Intentaré responderlas lo antes posible.

Con esto en mente...

Sigue siendo creativo.

Tu Julian