Tutorial gradientes con Gradient Mesh utilizando Expand

Tomaremos como base cromática la pintura de Vincent van Gogh “The Starry Night”, no es que tomemos los colores exactos, pero funciona como paleta de colores para lo que necesitamos:
Vincent van Gogh

Producimos un gradiente lineal en una capa sobre el Arte:
gradiente

Escondemos momentáneamente la capa del gradiete:
esconder

Para ir tomando los colores de la pintura con la herramienta de gotero:
color gotero

Al tomar el primer color, activamos la capa del gradiente para verlo, lo seleccionamos y si te das cuenta en la paleta del Color verás el pequeño cuadro del color que tomaste con el gotero, arrástralo sobre el cuadrito negro de la paleta de Gradient:
color goterocolor gotero gradientecolor gotero gradiente 2

Así seguimos tomando toda la gama de colores con el gotero en la capa del Arte, regresamos a la capa del gradiente, arrastramos el cuadro pequeño del color bajo la barrita del gradiente, para ir incrementando la gama de color:
colores gotero completo

Y obtenemos algo así:
gradiente completo

Seleccionamos el gradiente y nos vamos a Object>Expand.
Si ustedes están acostumbrados a crear desde cero un Gradient Mesh, saben que en este mismo menú existe la opción de “Create Gradient Mesh…”, pero en esta ocasión no lo usaremos, porque si lo hacemos de esta forma se perderán nuestros colores que ya escogimos y tenemos que comenzar de nuevo:
gradient mesh expand

Aquí está el truco, tienes que escoger en la ventana de diálogo la opción de Gradient Mesh:
expand gradient mesh

Así obtienes un Gradient Mesh con colores predeterminados:
expand gradient mesh 2

De aquí en adelante solo queda crear diferentes cuadrantes, para tener una referencia y seguir viendo el Mesh, semi-escondemos la selección, aplicando la tecla de Command en la Mac o Control en PC y le das un click sobre el ojo de la capa donde reside el gradiente, de esta forma vez los cuadrantes en forma de “outline”, sin perder de vista la capa del Arte:
ojo outline

Ahora sí, creamos más cuadrantes con la herramienta de Mesh:
herramienta mesh

Así podemos ver nuestros cuadrantes en el gradiente, dándole otra vez Command-Control Click sobre el ojo para verlo bien:
cuadrantes

Lo que sigue es muy divertido, seleccionamos cada nodo del mesh con el puntero de selección directa y otra vez semi-escondiendo la capa del gradiente podemos escoger infinidad de colores con el gotero:
seleccion directa
seleccion gotero

Al ver el gradiente podemos corroborar que sí está tomando los colores:
colores gotero

Así tenemos más o menos lo que deseamos:
gradiente completo

Tenemos que distorsionar los nodos para emular el Arte. Seleccionamos nodos del Mesh con la herramienta de laso:
selecionar laso

Damos doble click a la herramienta de Twirl y le damos a la dirección un valor negativo, para que se distorsione en el ángulo del Arte:
herramienta Twirl

Con esa herramienta le “damos vuelta” a todos los lugares que se requiera:
herramienta twirl

También utilizamos las herramientas de Pucker y Bloat:
herramienta Puckerherramienta Bloat

Así obtenemos nuestro fondo super expresionista:
terminado gradiente

Y el Acabado final con los colores en un porcentaje menor y mascarillas:
viuda a color

{}~Esto fue hecho en menos de 20 minutos, así que ustedes teniendo la idea, pueden crear infinidad de combinaciones y no tiene que ser expresionista, tal vez en la gama de colores pastel funcionaría de maravilla.
Y todo en Illustrator.

8 Comentarios to “Tutorial gradientes con Gradient Mesh utilizando Expand”

  1. Sillón Verde agosto 23, 2007 en 9:56 pm #
    jeje nomás que es impresionista, no expresionista, según mi modesto acervo. Al contrario del impresionismo, el expresionismo intenta conseguir con la menor cantidad de líneas la expresión más fuerte de la idea, y de ahí su nombre.
  2. Pancho junio 25, 2007 en 10:47 pm #
    Por fin!..pense que jamas podria hacer gradientes en illustrator, de la manera que yo quisiese
  3. marco junio 7, 2007 en 11:13 am #
    jajajajaja pinche Carlos pendejo
  4. adanvecindad junio 6, 2007 en 4:00 pm #
    ¿Y quién dijo que lo iba a ser igualito?
    No seas güey, es para crear gradientes, yo no veo ningún gradiente en la pintura, tú sí?
  5. carlos junio 6, 2007 en 3:42 pm #
    Orale, si te salió eh, casi no pude distinguir entre el original y la versión de illustrator.

    A ver cuando vienes a dar unos cursos aqui en mi trabajo

  6. SatiricK junio 6, 2007 en 1:08 pm #
    Esa pintura del ejemplo la vi por primera vez en los azulejos del baño de una amiga xD

    Muy buen tutorial :D

  7. Esmeralda Kino junio 6, 2007 en 12:14 pm #
    Guau, no pensé que se pudieran hacer esos gradientes en Illustrator.
    Nada mas que está un poco difícil de hacer, pero deja que aprenda más Illustrator y lo hago.

    Si no es mucha molestia puedes poner más tutoriales de este programa, pero como para mi nivel, o sea básico-intermedio?

    Un beso.

Trackbacks/Pingbacks

  1. Illustrator en tutoriais- (Tutoriales de Illustrator en español) « phohp - noviembre 28, 2007
    […] de una imagen en Illustrator Tutorial de Illustrator para crear un texto con relieve â??embossâ? Tutorial gradientes con Gradient Mesh utilizando Expand Tutorial creando un gradiente con Blend en Illustrator Esferas […]

Deja un comentario