Tutorial - Illustrator Swirl

Tutorial - Swirl mania Este es el primer tutorial que tradusco sobre illustrator, hace bastante tiempo que lo queria realizar pero me hacia un lio con la traduccion. Pero aqui va y esta bastante decente =) 1 - Herramienta arco, circulo y trazado. Seleccionar la herramienta arco (darle 1 punto de grosor al trazo) y marcar desde izquierda a derecha en forma diagonal (si quieren que el arco sea mas perfecto presionen la tecla shif mientras crean el arco)

Ahora seleccionar la herramienta elipse y crear un circulo presionando la tecla shif para que sea un circulo perfecto (en este caso)

Seleccionar el trazo (que se hizo con la herramienta elipse) e ir al menu objeto > trazado > contornear trazado. Ahora hacen zoom en la parte superior del trazo y con la herramienta de selección directa (puntero blanco) seleccionan el nodo superior y lo llevan hacia la derecha. Despues seleccionen el tirador que se encuentra en la mitad del trazo y lo acomodan hasta que consigan un curva.

1

Hecho por Verys

2 - Herramienta fusion Hacer dos circulos con la herramienta elipse, uno mas grande que el otro y ubicarlos de forma diagonal y seleccionar la herramienta fusion y hacer clic primero en el circulo grande y despues en el circulo pequeño

2

Hecho por Verys

Asi se formaran una serie de circulos, la cantidad de circulos que se crean se modifican haciendo doble clic en el icono de la herrameinta fusion, y aparecera el cuadro de dialogo y seleccionan “pasos especificados” y agregan el valor que quieran

Tambien para girar los circulos, seleccionen con el puntero blanco el centro del circulo grande y arriba en la barra de propiedades van a aparecer los siguientes iconos, ustedes activen “convetrtir puntos de anclas seleccionados en suavisados” y comiensen a tirar los tiradores para acomodarlos como mas les guste.

Recuerden que pueden cambiar los colores haciendo doble clic en el circulo grande y el pequeño

3

Hecho por Verys

Siguiendo con los circulos, otra opcion es la siguiente, hacer dos circulos uno grande y otro mas pequeño con la herramienta elipse, hacer el mismo procediemiento con la herramienta fusion, pero en este caso en las opciones de fusion seleccionar “distancia especifcada” yo le di un valor de 0,04cm. va a estar todo de negro, asi que veran solamente un cono negro

Usaremos otra herramienta, la herramienta espiral y crean un espiral =P, un truco para que no manejar cuantas vueltas tendra dicha espiral es mientras estamos creando la epiral presionamos la flechitas del teclado (arriba y abajo) ↑↓ y van a ver como disminuyen y aumentan las vueltas.

Ahora seleccionamos ambos objetos, y vamos al menu objeto > fusion > reemplazar lomo y nos queda asi

Para que quede bien el espiral debe tener la misma altura de los circulos (como se ve en la imagen.

4

Hecho por Verys

3 - Mas sobre la herramienta espiral. Seleccione la herramienta espiral, y comienze a hacer dicha espiral, pero antes de soltar lo que estan haciendo vean que sucede cuando presionan las teclas ctrl, alt, barra de espacio, flecha arriba y abajo

Por defecto

Presionando ctrl

Presionando alt

Manteniendo presionando la barra de espacio pueden mover la espiral del lugar. y las flechas agregan y quitan vueltas. Otra, opcion interesante que tienen las espirales son las siguientes, hagan una espiral y con este elemento seleccionado vallan al menu objeto > trazado > desplazamiento, yo use estos valores

5

Hecho por Verys

Con estos pueden ir variando las distancias y obtener diferentes opciones. 4 - Herramienta Molinete Crear un circulo con la herramienta elipse y rellenarlo de algun color, seleccionar la herramienta molinete hacer doble clic sobre el icono de la herramienta y colocar los siguientes valores (varian de acuerdo al tamaño en que trabajamos)aceptar. Ubicar esta herramienta ocupando 2/3 del circulo y hacer clic hasta obtener el resultado.

6

Hecho por Verys

Mezclando las tecnicas. 1 - Crear un firulete basandose en la primera tecnica.

2 - Copia la forma, cambia el tamaño y acomodala como en la imagen

3 - Crea un espiral usando la tercera tecnica

7

Hecho por Verys

4 - Crear otro firulete, pero con un circulo mas grande

5 - copiar este ultimo firulete y achicarlo

6 - copiar nuevamente el firulete e ir a menu objeto > transformar > reflejar y acomodar como esta en la imagen

8

Hecho por Verys

7 - Crear un espiral mas, duplicarlo e ir al menu objeto > transformar > reflejar y acomodarlo

8 - Seguir añadiendo firuletes, la linea la cree con la herramienta arco, crearle un contorno y con el puntero blanco seleccione todos los vertices de una punta y fui al menu objeto > trazado > promediar

9 - Ahora vamos a crear el efecto 3D con la herramienta malla (U). Hagan zoom sobre el firulete amarillo, seleccionen la herramienta malla, hagan un clic en el centro del circulo y otro clic sobre el borde del firulete (las flechas indican el lugar). Seleccionar el punero blanco y clic en el nodo del centro y pintarlo de negro lo mismo hacer con los otros dos nodos indicados y pintalos de amarillo oscuro. Repetir este proceso con los otros dos firuletes. Y tambien a los rosas.

9

Hecho por Verys

10 - Con la herramienta pluma, vamos a crear una linea siguiendo siguiendo la forma interna de los firuletes (el trazo es de 0.25pt ustedes ven como les queda mejor) cuando fializen dupliquen el trazo y lo acomodan con el puntero blanco seleccionando un vertice a la vez.

10

Hecho por Verys

Una vez que tengan estas lineas, seleccionar ambos trazos e ir al menu objeto > fusion > opciones de fusion y colocar los valores que estan en la imagen aceptar y nuevamente ir al menu objeto > fusion > crear fusion. Despues duplicas estos trazos y lo acomodas para el firulete mas pequeño.

11 - aplicarle el mismo efecto (paso 9) a los firuletes negros (a este aplicarle las trazos del paso anterior)y duplicar el firulete amarillo agrandarlo y colocarlo en la parte superior.

12 - Al espiral grande le aplicaremos un degradado que va del celeste al rosa y despues ir al menu efecto > estilizar > resplandor interior y colocarle los valores que estan en la imagen.

11

Hecho por Verys

13 - Para este paso necesitamos crear un pincel (es muy sencillo) vamos a crear un rectangulo del tamaño del borde del espiral, abrimos la ventana de pinceles y con el rectangulo seleccionado clic en nuevo pincel, y sigan las imagenes

12

Hecho por Verys

Antes de seguir avanzando sin tener nada seleccionado cambien el color de borde a rojo. Una vez creado nuestro pincel, seleccionamos el espiral y hacemos un clic en nuestro pincel recien creado, al principio queda medio feo, pero todavia hay que configurar el trazo, sigan las instrucciones.

En el tutorial original usaron el centro del espiral para crear las lineas (yo ese centro lo borre por equivocacion) ven que las lineas rectangulares siguen los bordes. Son dos opciones diferentes que tienen un resultado parecido. No afecta en nada al diseño.

14 - Para mejorar la terminacion seleccionen el espiral y copienlo (CTRL+C) y peguenlo en el mismo lugar (CTRL+F) le quitan el pincel haciendo clic en “quitar trazo de pincel” y tambien le quitan el trazo rojo. Ahora corten el espiral (CTRL+X) que esta arriba y van al panel flotante “Transparencia” (si no o tienen activado ir al menu ventana > transparencia) y hacen doble clic en donde esta la manito, va a aparecer un cuadrado negro hagan clic en ese cuadrado y presionen (CTRL+F) ahí se creo la mascara, si hacen clic en otro vector diferente al espiral no lo van a poder seleccionar por eso es IMPORTANTE que hagan clic en el cuadradito junto al cuadrado negro.

13

Hecho por Verys

15 - Trazar el contorno del espiral amarillo sin juntar las puntas y hagan lo mismo que en el paso 10. Y continuen agregando mas firuletes y espirales para ir terminando el diseño.

14

Hecho por Verys

16 - Esta es la primera parte terminada en illustrator.

15

Hecho por Verys

17 - Esta segunda parte es en photoshop, descarguen esta imagen que se adjunta (opcional) y creen un nuevo documento Pueden usar alguna medida de wallpaper u otra, yo usare 600 x 400 px con el fondo negro, y acomoden la imagen presionando (CTRL+T) y manteniendo pulsada la tecla shif para que sea proporcional.

18 - Copien los vectores hechos en illustrator y peguenlo como “objeto inteligente” y lo acomodan, en la capa de los vectores clic derecho y elegir “opciones de fusion” y colocar los siguientes valores.

16

Hecho por Verys

19 - Dupliquen la ultima capa y vayan al menu edicion > transformar > voltear vertical, reduscan su tamaño. Ahora seleccionen ambas capas (presionando la tecla shif) en donde estan los vectores y hagan clic derecho “Convertir en objeto inteligente” y renombren esta capa como “vectores”

17

Hecho por Verys

20 - Dupliquen la capa “Vectores” y renombrenlas a “vectores brillante” y le aplican desenfoque gaussiano de 3px.(filtro > desenfocar > desenfoque gaussiano) despues cambiar el modo de fusion de capa de “normal” a “luz fuerte”.

18

Hecho por Verys

21 - Dupliquen la capa “vectores” reduscan su tamaño y apliquenle nuevamente el desenfoque gaussiano (en el tutorial dice 3px, yo use 2px quedaba mejor) No cambiar el modo de fusion de capa.

22 - Dupliquen nuevamente la capa “vectores” reducen el tamaño y le aplican yn desenfoque gaussiano de 4 px (en el original dice 5,5px pero en este caso con 4 quedo mejor) y reducir la opcidad a un 70%.

Saludos =)

19

Hecho por Verys