Diseño Gráfico y Más
6 Jun
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:

Producimos un gradiente lineal en una capa sobre el Arte:

Escondemos momentáneamente la capa del gradiete:

Para ir tomando los colores de la pintura con la herramienta de 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:



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:

Y obtenemos algo así:

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:

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

Así obtienes un Gradient Mesh con colores predeterminados:

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:

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

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

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:


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

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

Tenemos que distorsionar los nodos para emular el Arte. Seleccionamos nodos del Mesh con la herramienta de 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:

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

También utilizamos las herramientas de Pucker y Bloat:


Así obtenemos nuestro fondo super expresionista:

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

{}~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.
2008 Los invito a leer los Artículos del Pasado. Encontrarán infinidad de tópicos o ligas a diferentes lugares sobre Diseño Gráfico.
Este no es un blog de "noticias de último minuto", se pretende que sea un punto de referencia en nuestra profesión.
En México Capacitación en Diseño Gráfico y clases con Adan Avelar, cursos de Diseño Web, Cursos de Diseño Editorial
y Diplomado Multimedia:
Recreo
Digital


Programación de radio vía Internet con un punto de vista original

Programa de Desarrollo de la Industria de Medios Interactivos.
8 Respuestas en "Tutorial gradientes con Gradient Mesh utilizando Expand"
[...] 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 [...]
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.
Por fin!..pense que jamas podria hacer gradientes en illustrator, de la manera que yo quisiese
jajajajaja pinche Carlos pendejo
¿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í?
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
Esa pintura del ejemplo la vi por primera vez en los azulejos del baño de una amiga xD
Muy buen tutorial
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.
Deja un Comentario
No lo verás inmediatamente, así que sólo da un click.
Se borrará cualquier comentario que promueva un sitio y no aporte nada al post.