Tutorial creando un gradiente con Blend en Illustrator

solar ilustracion 12
herramienta blend
Muchos sabemos utilizar la herramienta de Blend en Illustrator, su tarea es crear una pregnancia entre objetos, en este tutorial trataremos de hacer un gradiente que puede ser más versátil que el utilizado regularmente.

Aquí vemos que la S de la ilustración está con el gradiente normal:
solar ilustracion

En este paso crearemos dos círculos con el mismo grosor de la S y le aplicaremos el gradiente que tiene la letra:
solar ilustracion 2

Le aplicamos la opción de Blend, dando un click en el nodo del primer círculo(1) y luego otro click en su correspondiente nodo del otro círculo(2):
solar ilustracion 3

Claro que al aplicarlo tendrá un valor de pregnancia que no corresponde a los pasos que requerimos para lograr una transición fluida:
solar ilustracion 4

Para que tengamos una transición fluida, le damos doble click a la herramienta de Blend, para ver las opciones, escogemos “Specified Steps” y en mi caso decidí que 250 pasos estaría bien:
solar ilustracion 5

Para que tome la forma de la S, tenemos que trazar exactamente a la mitad de esa letra un trazo con la pluma:
solar ilustracion 6

Seleccionamos con el puntero normal, tanto la pregnancia como el trazo, nos vamos al menú Object>Blend>Replace Spine:
solar ilustracion 7

Listo! la pregnancia tomará la forma deseada:
solar ilustracion 8

Ahora, solo queda cambiarle los ángulos de los gradientes a cada círculo y entonces tomará el efecto de la luz adecuada:
solar ilustracion 9

La letra S se “mete” dentro de la misma mascarilla que lo demás:
solar ilustracion 11

Así tenemos dos opciones para mostrarle al cliente:
solar ilustracion 10

Hasta el próximo Como se hace…

3510 Vistas

13 Comentarios to “Tutorial creando un gradiente con Blend en Illustrator”

  1. Carlos Silva agosto 24, 2013 en 3:34 pm #
    Muchas gracias por sus tutoriales, son muy buenos, esta no me la sabía
  2. horizonte1 agosto 3, 2009 en 4:42 pm #
    Sencillo, pero útil. Gracias por compartirlo.
  3. Shorina agosto 14, 2008 en 7:09 pm #
    Hola me parece interesante los trucos que aplicaste en este blog, algo que quizas a muchos se nos pasan entre otras cosas mas,
  4. sebastian agosto 4, 2008 en 4:24 am #
    Para los círculos es mas fácil.

    Hacemos un círculo de cualquier medida, seleccionamos la herramienta
    “Tijera”,

    Cortamos la circunferencia en un punto si queremos que el blend de toda la vuelta, o en un par de puntos arbitrarios si queremos dejar un espacio incompleto.

    Seleccionamos con la Flecha Negra el círculo cortado,
    Luego Clickiamos la Pluma,
    Luego nuevamente la Flecha Negra,
    “shift + seleccionamos el Gradiente circular que hayamos diseñado”
    Finalmente: Object, Blend, Replace Spine.

  5. sebastian agosto 4, 2008 en 3:15 am #
    Otra solucion que encontre, fué hacer un nuevo documento y copiar la seleccion. Así tambien logre que funcione. Pero la verdad la solucion tecnica no la tengo, puede ser que al trabajar en muchas capas la herramienta Pluma no seleccoone puntualmente lo que uno quiere!
  6. sebastian agosto 4, 2008 en 1:37 am #
    Hola daniel, solo se que la primera vez que use esta herramienta todo salió perfecto, luego copie el objeto al que le habia realizado este tratamiento, lo copie y pegué para no tener que hacer el trabajo nuevamente y la opcion “replace spine” desaparecio al querer usarla en otras lineas.

    Lo que hice fue volver hacia atras hasta la parte donde lo habia logrado y todo se normalizo, solo que no volví a copiar lo realizado ya que temo que me vuelva a desaparecer la opcion!

  7. daniel junio 14, 2008 en 2:06 am #
    que tal, alquien podria ayudarme? intente hacer este tip pero no puedo seleccionar la opcion replace spine. saben porque podria ser?
  8. victor hugo peña cruz abril 28, 2008 en 10:57 pm #
    muy bueno el tutorial , tengo un problema ojala me puedan ayudar ,acabo de instalar el ilustrator en mi mac pero no puedo ver la barra de herramientas, donde la encuentro, no aparece el tool en mi windows ayudaaaaaa, porfavor.
  9. Daro enero 27, 2008 en 9:58 am #
    uou que bueno las posibilidades que da illustrator es increible
    hay que saber combinar las herramientas
    gracias y excelent tutorial

    ya estoy abriendo el illust para hacerloy que se me grabe en la ram de mi mente!

    sta lueg!!

  10. Paty Velasco diciembre 13, 2007 en 12:28 pm #
    Wow!, hay infinidad de efectos muy creativos que se pueden obtener sabiendo utilizar correctamente las herramientas que nos proporcionan los diferentes programas de diseño, en este caso en específico el ilustrador… bien hecho!.

    Y por cierto… desde hace tiempo estoy buscando la manera de hacer figuras con dots, tipo pop art, algo así como con un “halftone pattern” de psd pero en vectores… alguien sabe como hacerlo??? me encontré una pág. en portugués pero jejeje no entiendo nada… alguien podría pasarme el tutorial… decirme donde se esconde la herramienta… o algún link de donde pueda sacar dicha info.

    De antemano 1000000000 TNX

    Gracias

  11. Antonio junio 3, 2007 en 12:44 pm #
    Illustrator es un programa genial, pero desde hace un buen tiempo se me hacian incomodas las limitaciones con las gradientes; veo sin embargo que las posibilidades con estas herramientas son muy variadas. Gracas por los tips, y sigue asi, que seguro que hay muchas otras cosas que no conocemos de este gran programa.
  12. Jaime junio 2, 2007 en 1:10 pm #
    El mejor tutorial que he visto en tu blog =), definitivamente esa herramienta tiene muchísimo potencial.

    Aquí les dejo un tutorial con otro uso creativo para la blend tool:

    http://planetoideblanco.blogspot.com/2007/04/espiroserpientes-tutorial-de.html

  13. Esmeralda Kino junio 2, 2007 en 12:15 pm #
    Gracias por el tip, me va a servir de mucho.
    Y ya sabes te espero cuando vengas en Junio o Julio como dices.
    Un beso

Deja un comentario