Haz un globo ocular vectorial que llame la atención

¿Necesitas mejorar tus habilidades en Illustrator? Aprende a crear un llamativo globo ocular vectorial con este tutorial intermedio de Illustrator. Utilizaremos numerosas herramientas de Illustrator, incluidas las herramientas 3D, para crear esta ilustración. ¡Empecemos!

Vista previa de la imagen final

A continuación se muestra la imagen final en la que trabajaremos. ¿Quieres acceder a los archivos completos de Vector Source y a copias descargables de cada tutorial, incluido este? Únete a Vector Plus por solo 9$ al mes.

Detalles del tutorial

• Programa: Adobe Illustrator CS4
• Dificultad: Intermedio
• Tiempo estimado de realización: 1,5 horas

Paso 1

Dibuja el círculo que se muestra a continuación utilizando la herramienta Elipse (L).

Paso 2

Selecciona el círculo y ve a Efecto > Distorsionar y Transformar > Desenfocar. Cambia el Tamaño y el Detalle para que tu forma se convierta en una estrella.

Paso 3

Para seguir trabajando con la forma de la estrella, primero tendrás que expandirla seleccionándola y yendo a Objeto > Expandir apariencia. Después de eso, dibuja otro círculo detrás de la forma de la estrella.

Paso 4

Selecciona ambas formas y en la paleta Pathfinder haz clic en Intersect.

Paso 5

Esto es lo que te queda.

Paso 6

Dibuja otro círculo del mismo tamaño que la forma de estrella del paso anterior. Dale un degradado radial con 3 puntos de color.

Con Adobe Illustrator CS4 ahora tienes la posibilidad de controlar con precisión y ver cómo se aplica el degradado al objeto. ¡Resaltado abajo notarás que puedes controlar donde cambia el color usando el deslizador!

Paso 7

Asegúrate de que la forma de la estrella está delante del círculo que acabas de dibujar. Dale a la forma de la estrella un degradado radial de verde a transparente. Para cambiar la opacidad de un color simplemente selecciónalo en la Paleta de Gradientes y mueve el deslizador de Opacidad a 0%. A continuación verás que la paleta superior tiene una Opacidad del 0% mientras que la paleta inferior tiene una Opacidad del 100%. Nota: no tendrá dos paletas. He duplicado la paleta en Photoshop para mostrarte cómo deben manejarse ambos puntos de color.

Paso 8

Puedes copiar, pegar y girar la forma de la estrella para construir más niveles.

Paso 9

Dibuja otro círculo que se convertirá en la pupila. Utiliza la Paleta de Alineación para asegurarte de que todos tus elementos están perfectamente centrados. Selecciona Alinear a la selección si es necesario.

Paso 10

Dibuja otro círculo y dale un contorno blanco en la paleta de trazos.

Paso 11

Selecciona el contorno y ve a Efecto > Desenfoque > Desenfoque gaussiano. Introduce un valor que te parezca bien.

Paso 12

Aplicaremos el gráfico del ojo a un objeto 3D para añadirle fácilmente la curvatura. Agrupa todas las partes del ojo y arrástralas a la Paleta de Símbolos. Selecciona el gráfico en el cuadro de diálogo que aparece y haz clic en Aceptar.

Paso 13

Dibuja otro círculo y arrastra una guía al centro del mismo.

Paso 14

Dibuja un rectángulo con la herramienta Rectángulo (M). Coloca el rectángulo justo en el borde de la guía. Selecciona el círculo y el rectángulo y en la Paleta Buscapersonas selecciona Menos Frente.

Paso 15

Esta es la forma que te quedará.

Paso 16

Selecciona la forma de medio círculo y ve a Efecto > 3D > Girar. Introduce 0 para las rotaciones X, Y y Z en la parte superior. Selecciona el borde derecho para el giro. Introduce 1 para los Pasos de Mezcla. Ahora, haz clic en Map Art...

Paso 17

En el menú desplegable Símbolo selecciona el gráfico del ojo. Coloca el ojo en el lugar que quieras que esté en la esfera. Haz clic en Aceptar en este diálogo y en el siguiente.

Paso 18

Esto es lo que debería quedar. Ahora que tenemos una ligera curvatura en el iris podemos deshacernos del área gris. Ve a Objeto > Expandir apariencia. Con la herramienta de selección directa (A), selecciona la forma gris y pulsa Suprimir. Continúa seleccionando cualquier otra forma extraña que necesite ser eliminada y deshazte de ella también.

Paso 19

En última instancia, quieres quedarte solo con el ojo que se muestra a continuación. Una cosa que hay que tener en cuenta es que el mapeo de ciertos objetos a una forma puede hacer que el gráfico se rasterice. Este es el caso de nuestro gráfico del ojo. Nuestro gráfico final no necesitará verse a una escala muy grande, así que esto no es un problema.

Paso 20

Dibuja otra forma de círculo detrás del ojo y dale un relleno de Gradiente Radial. Observa que en la parte inferior derecha le he dado al ojo un color blanco (en lugar de solo desvanecerse de blanco a gris). Esta zona blanca adicional se denomina luz reflectante. La luz reflectante da al globo ocular un nivel de realismo aún mayor.

Paso 21

Para hacer fácilmente las venas del ojo usaremos un pincel que está incorporado en Illustrator. Ve a Ventana > Bibliotecas de pinceles > Artistic > Artistic_Ink. Selecciona el pincel que se estrecha hasta un punto. Selecciona la Herramienta Lápiz (N) y en la Paleta de Trazos dale a tu lápiz un trazo que sea bastante pequeño. Utilizando la herramienta Lápiz, dibuja una línea arbitraria en forma de garabato como se muestra. Superponga el borde del globo ocular ligeramente, ya que vamos a enmascarar las áreas que caen fuera del ojo en un paso posterior.

Paso 22

Continúa dibujando las otras venas en el resto del ojo.

Paso 23

Selecciona todas las venas y ve a Objeto > Expandir y luego haz clic en Aceptar. Dale a las venas un degradado de rosa a rosa oscuro y de nuevo a rosa. Trata de usar el mismo ángulo que usaste para el sombreado del globo ocular.

Paso 24

Copia y pega el círculo para el globo ocular. Lleva la forma al frente y quita el trazo y el relleno. Selecciona todas las venas y la forma del círculo (sin trazo ni relleno) y ve a Objeto > Máscara de recorte > Hacer.

Paso 25

Ahora, sus venas se enmascararán precisamente en el borde del globo ocular.

Paso 26

Para hacer una sombra, dibuja otro círculo y dale un degradado radial.

Paso 27

Daremos al ojo un reflejo utilizando primero la herramienta Lápiz para dibujar una forma aleatoria como la de abajo. Consejo: Mantén pulsada la tecla Opción para cerrar una forma que se está dibujando con la herramienta Lápiz.

Paso 28

Dá a la forma un degradado lineal de blanco a transparente.

Paso 29

Vuelve a utilizar la herramienta Lápiz para crear una forma única alrededor del borde del globo ocular.

Paso 30 

Duplica la forma del globo ocular. Selecciona tanto la forma del globo ocular como la forma del borde rojo, luego en el Pathfinder presiona Intersect.

Paso 31

Mueve la forma a tu posición. Dale a la forma un Gradiente Radial de rojo a transparente.

Paso 32

También puedes aprovechar las salpicaduras de tinta integradas en Illustrator. Para acceder a ellas, ve a Ventana > Bibliotecas de pinceles > Artística > Tinta artística. Puedes arrastrar estas salpicaduras de tinta directamente a tu mesa de trabajo. Nota: Para cambiar su color o manipularlas más, tendrás que expandirlas.

Paso 33

Otro pequeño detalle que ayuda al aspecto general de la página web es la luz de captura. Dibuja un círculo, condúcelo ligeramente y gíralo. Dale un Gradiente Radial de blanco a transparente.

Paso 34

Haremos una forma de media luna que actuará como un reflejo en el borde del ojo dibujando dos formas de círculo y superponiéndolas, como se muestra a continuación. En la paleta Pathfinder haz clic en Minus Front.

Paso 35

Coloca la forma en su posición y rellénala con un degradado de blanco a transparente.

Paso 36

Para hacer la carta de los ojos, simplemente escribe tu texto en algunas líneas. He utilizado una fuente llamada Trajan Pro.

Paso 37

Voltea tu texto usando la Herramienta Reflejo (O). Arrastra el texto a la Paleta de Símbolos y selecciona Gráfico, como hicimos cuando creamos un símbolo a partir del ojo.

Paso 38

Mapea las letras a una esfera como hicimos en el paso 17. Después de mapear las letras, expande de nuevo la forma y deshazte del área gris extra para que te quedes solo con las letras.

Paso 39

Dibuja una forma triangular con la herramienta Pluma (P). Dale a la forma un degradado de blanco a transparente.

Paso 40

Da un pequeño trazo a la forma del triángulo.

Paso 41

Dibuja un círculo azul en el fondo y dale un desenfoque yendo a Efecto > Desenfoque > Desenfoque gaussiano.

Conclusión

Completa la ilustración rellenando las letras con un color si lo deseas. ¡Acabas de aprender a crear un llamativo globo ocular vectorial!

Suscríbete al canal RSS de Vectortuts+ para estar al día de los últimos tutoriales y artículos sobre vectores.