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 bas-
tante decente =)

1 - Herramienta arco, circulo y trazado.

Seleccionar la herramienta arco (darle 1 punto de grosor al trazo) y mar-

car 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 su-
perior y lo llevan hacia la derecha. Despues seleccionen el tirador que se encuen-
tra en la mitad del trazo y lo acomodan hasta que consigan un curva.

Hecho por Verys

1
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

Hecho por Verys

2
Asi se formaran una serie de circulos, la cantidad de circulos que se crean se
modifican haciendo doble clic en el icono de la he-
rrameinta 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

Hecho por Verys

3
Siguiendo con los circulos, otra opcion es la siguiente, hacer dos circulos uno gran-
de 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 > reempla-
zar 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.
Hecho por Verys
4
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, ha-
gan una espiral y con este elemento
seleccionado vallan al menu objeto
> trazado > desplazamiento, yo use
estos valores

Hecho por Verys

5
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, se-

leccionar la herramienta molinete hacer doble clic sobre el icono de la herramien-
ta y colocar los siguientes valores (varian de acuerdo al tamaño en que trabaja-
mos)aceptar. Ubicar esta herramienta ocupando 2/3 del circulo y hacer clic hasta
obtener el resultado.

Hecho por Verys

6
 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

Hecho por Verys

7
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 aco-
modar como esta en la imagen

Hecho por Verys

8
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 lu-
gar). 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.

Hecho por Verys

9
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.

Hecho por Verys

10
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.

Hecho por Verys

11
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

Hecho por Verys

12
Antes de seguir avanzando sin tener nada seleccionado cambien el color de bor-
de 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.

Hecho por Verys

13
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 termi-
nando el diseño.

Hecho por Verys

14
16 - Esta es la primera parte terminada en illustrator.

Hecho por Verys

15
17 - Esta segunda parte es en photoshop, descarguen esta imagen que se adjunta
(opcional) y creen un nuevo documento Pueden usar alguna medida de wallpa-
per u otra, yo usare 600 x 400 px con el fondo negro, y acomoden la imagen pre-
sionando (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.

Hecho por Verys

16
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”

Hecho por Verys

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

Hecho por Verys

18
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 =)

Hecho por Verys

19