Cómo hacer un anillo de diamantes vectorial en Illustrator

Si te gustan las joyas, como a mí, este tutorial te resultará interesante. Al final del mismo aprenderás a hacer dos anillos de diamantes, y sus detalles que les dan realismo. Todo eso de forma vectorial.

Este tutorial trata de hacer dos anillos de diamantes con todos sus componentes, empezando por el anillo, el diamante grande con la base donde se asienta y los pequeños diamantes aplicados con un brillo extra. Cuidé los detalles para que se vieran realistas y te mostraré los consejos y trucos que utilicé para lograrlo. ¡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 éste? Únete a Vector Plus por sólo $9 dólares al mes.

Detalles del tutorial

• Programa: Illustrator CS4
• Dificultad: Intermedia
• Tiempo estimado de realización: 3 horas

Paso 1

Abre un nuevo documento del tamaño que quieras y utiliza el modo RGB. Empezaremos con la forma del anillo. Toma la herramienta Elipse y dibuja una forma como la de la imagen de abajo, selecciona Sin relleno y solo un trazo negro de 1 px. Luego haz la segunda forma un poco más grande que la primera.

Ahora toma la herramienta Selección directa y selecciona el punto más a la izquierda, luego muévelo un poco hacia la derecha para aplastar un poco la forma. Selecciona el punto más a la derecha y haz lo mismo. Ahora selecciona el círculo exterior, cópialo y pégalo delante. Lo necesitaremos más adelante. Después selecciona las dos formas originales (no la que acabamos de pegar) y ve a Objeto > Trazado compuesto > Crear.

Paso 2

Selecciona la herramienta Elipse y crea una forma ovalada más grande que la primera. Ahora colócala encima de la forma más pequeña y selecciona ambas. Ve al panel Buscatrazos y haz clic en Menos frente para que obtengamos la forma de la siguiente imagen.

Paso 3

Ahora vamos a utilizar la forma que hemos pegado antes. Toma la Herramienta Añadir punto de ancla, añade dos puntos, y luego dibuja el trazado que ves en la imagen de abajo usando la herramienta Pluma. Haz lo mismo con la otra parte, selecciona Sin relleno y un trazo negro de 1 px. Estas formas que acabamos de crear tienen que estar encima de las dos primeras. Esto es importante, de lo contrario no vamos a ser capaces de colorearlas más tarde.

Paso 4

Es el momento de algunos colores. Selecciona la primera forma compuesta que hicimos, deselecciona el trazo y rellénala con el degradado lineal que ves en la imagen de abajo. Los colores de izquierda a derecha son 80% negro (R=51, G=51 y B=51), (R=153, G=153 y B=153) o 40% negro; (R=204, G=204 y B=204) 20% negro; (R=243, G=244 y B=244); (R=128, G=124,128); (R=242, G=242, y B=242) 5% negro; (R=178, G=178, y B=178) 30% negro y (R=125, G=125, y B=125).

Selecciona también la forma mostrada en la segunda imagen y rellénala con el degradado lineal que ves. Los colores son: 80% negro (R=51,51, y B=51), 60% negro (R=102, G=102, y B=102), 10% negro (R=230, G=230, y B=230), 60% negro (R=102, G=102, y B=102), gris claro (R=243, G=244, y B=244); 70% negro (R=77, G=77, y B=77) , y 90% negro (R=26, G=26, y B=26).

Paso 5

Ahora vamos a colorear las formas que hemos hecho en la parte superior. Para ello utilizaremos el degradado lineal de la imagen. Para la forma de la izquierda los colores son: 80% negro (R=51, G=51, y B=51), gris (R=139, G=135, y B=141), gris claro (R=243, G=244, y B=244), gris (R=128, G=124, y B=128), gris (R=167, G=169, y B=172) y para la forma de la derecha 80% negro (R=51, G=51 y B=51), gris (R=139, G=135 y B=141), gris claro (R=243, G=244 y B=244), gris (R=178, G=178 y B=178) y otro gris (R=167, G=169 y B=172).

Paso 6

Es hora de añadir algunos detalles. En lugar de dibujar nuevas formas con la herramienta Pluma, prefiero el siguiente truco. Toma la herramienta Selección directa y selecciona sólo los 3 puntos que ves en la imagen, luego cópialos y pégalos en tu área de trabajo. Ahora deselecciona el relleno y dale sólo un trazo negro. Si Illustrator copia más de los 3 puntos, como me ocurrió a mi, simplemente elimínalos, solo necesitamos obtener la forma de abajo.

A continuación, ve al panel Pinceles y selecciona el pincel de la imagen inferior, el primero. Necesitaba más pinceles así que eliminé algunos puntos para obtener los 2 nuevos pinceles que se ven en la imagen. Luego sólo hay que arrastrar ambos al panel de Pinceles para poder usarlos posteriormente.

Ahora selecciona el trazado de detalle que hicimos antes y aplícale el primer pincel, haz el trazo de 0,10 px y luego Expande las apariencias. Rellena la forma con el degradado lineal de la imagen: 90% negro (26,26,26), 0% negro (255,255,255), 70% negro (77,77,77), 0% negro (255,255,255) y 90% negro (26,26,26).

Ahora vuelve a colocar la forma en su sitio, pon el modo en Multiplicar y baja la Opacidad al 50%.

Paso 7

Usando la misma técnica haz la forma de detalle de la imagen de abajo y rellénala con un degradado similar. Ajusta los colores para que los reflejos parezcan lo más reales posible. También ve a Efectos > Estilizar > Resplandor exterior, y luego establece los valores que ves en la imagen.

Paso 8

Ahora repite los pasos anteriores y haz más formas de detalle. Para la siguiente solo tienes que rellenarla con un degradado lineal de blanco a negro y ajustarlo hasta conseguir el resultado deseado. Una vez que hayas terminado, haz lo mismo con el otro lado o refleja una copia de la misma.

Paso 9

Haz lo mismo con el exterior de nuestro anillo. Rellénalo con el degradado como se muestra, luego repite o voltéalo hacia el otro lado.

Paso 10

Para la forma mostrada en la imagen de abajo, después de hacerla y rellenarla con el degradado mostrado, ve a Efectos > Estilizar > Resplandor exterior. Luego aplica los mismos valores del paso 7. Cambia el Modo a Multiplicar y baja la Opacidad al 25%. Haz lo mismo con el otro lado.

Paso 11

Nos quedan dos formas más. Rellénalas con el degradado que se muestra en la imagen de abajo: gris muy oscuro (26,26,26), gris claro (228,228,228), y negro (0,0,0). Luego reduce la Opacidad al 50% o hasta que te guste lo que ves.

Paso 12

Ya hemos terminado con esta parte. Ahora nuestro anillo debe verse como la imagen de abajo.

Paso 13

Es hora de hacer la base donde estará el gran diamante. Toma la herramienta Rectángulo y dibuja un rectángulo (el tamaño no es importante ahora porque lo redimensionaremos de todos modos más adelante, de modo que quepa detrás del diamante). A continuación, con la herramienta Selección directa, selecciona cada punto y haz clic en la opción Convertir los puntos de ancla seleccionados en suavizados (como se muestra en la barra de menú). Deberías obtener la forma que se muestra en la siguiente imagen.

Paso 14

Para hacer la siguiente forma, selecciona la de arriba y ve a Objeto > Trazado > Desplazamiento y establece el valor a 8 pt, luego Expande. Ahora haz cuatro pequeños óvalos con la herramienta Elipse y colócalos en el centro de cada lado como ves en la imagen.

Selecciona las cinco formas y haz clic en Menos frente en el panel Buscatrazos. Deberías tener algo similar a lo que se muestra a continuación. Ahora relléna esa forma con un degradado lineal llamado Acero de la Biblioteca. También podrías usar Plata, pero me gustó más el aspecto del primero.

Paso 15

Ahora con esta última forma que acabamos de hacer seleccionada, ve a Objeto > Trazado > Desplazamiento y ajusta el valor a -1 pt o -2 pt dependiendo del tamaño de tu forma. Pulsa Expandir y rellena con el mismo degradado Acero solo ajusta el ángulo como se muestra en la primera imagen.

Ahora copia la forma original (la gris simple), pégala delante y rellénala con el mismo degradado Acero, como se muestra en la segunda imagen. A continuación pega delante una vez más la primera forma gris, hazla un poco más pequeña para lograr algo parecido a la última imagen de abajo. Hemos terminado con la base para el gran diamante.

Paso 16

Es hora de hacer el gran diamante. Busqué algunos bonitos cortes de diamante para inspirarme y luego dibujé un patrón con la herramienta Pluma. Puedes usar cualquier forma que te guste. Yo obtuve el resultado que se muestra en la siguiente imagen.

Paso 17

El siguiente paso es añadir algunos colores. Selecciona cada parte individual, establécelas Sin trazo, y rellénalas con un degradado lineal, como se muestra en la imagen de abajo.

Hice selecciones al azar de diferentes partes de la forma del diamante y también ajusté el degradado para cada parte porque quería lograr algo menos regular. Los colores son: morado (R=183, G=169 y B=210), morado claro (R=226, G=220 y B=238) y blanco (R=255, G=255 y B=255).

Este es otro tipo de degradado que utilicé para conseguir el efecto que quería. Los colores son similares: blanco (R=255, G=255 y B=255), morado claro (R=226, G=220 y B=238) y morado medio (R=135, G=140 y B=197).

Paso 18

Este es el aspecto final del diamante. En la segunda imagen de abajo, lo coloqué encima de la base que hicimos.

Paso 19

Parece que el diamante simplemente está encima, por lo que decidí hacer dos pequeñas formas como las que sostienen la roca en un anillo de diamante real. Para ello toma la herramienta Elipse, haz un óvalo como se muestra, y rellénalo con un degradado similar al de acero que usamos para la base. El tamaño de la forma no importa en este momento porque la redimensionaremos cuando todo el diseño esté listo.

Ahora vamos a hacer una máscara de opacidad porque ésta se fusionará mejor con la forma base cuando la situemos encima. Copiamos y pegamos la forma y la rellenamos con un degradado de blanco a negro como se muestra a continuación. Colócala encima de la primera. Selecciona ambas, ve al panel Transparencia y selecciona Crear máscara de opacidad. Deberías tener algo como lo que se muestra en la segunda imagen de abajo.

Paso 20

A continuación copié el óvalo original, lo rellené con un gris oscuro y lo coloqué detrás como se muestra en la imagen, para darle un aspecto más realista. Ahora agrupa todas las formas, cambia su tamaño, haz una segunda copia y colócalas a un lado, una encima de la otra, como se muestra en la imagen de abajo.

El anillo debería tener ahora el aspecto de la siguiente imagen.

Paso 21

Quería más brillo y un diseño más elegante, así que decidí añadir algunos diamantes más. Selecciona el grande y luego copia y pega algunos diamantes más. Cámbiales el tamaño y colócalos como se muestra en la imagen.

Hagamos ahora algunos más y coloquémoslos. Para lograr un aspecto más natural añadí una pequeña Sombra paralela, a cada uno de ellos, con los valores que aparecen en la imagen de abajo.

El anillo debería tener ahora este aspecto.

Paso 22

Para el segundo diamante utilicé la misma forma y sólo cambié los degradados. Básicamente, sustituí el púrpura claro por uno oscuro para obtener un reflejo diferente. También ajusté los ángulos para que se viera diferente al primero. Aquí hay dos ejemplos de los degradados que utilicé.

Lo siguiente que hay que hacer es reemplazar los pequeños diamantes por este nuevo, para ello sólo hay que hacer copias del mismo y redimensionarlas como hicimos antes. Así es como debe quedar el segundo anillo de diamantes.

conclusión

Para el paso final, hice un fondo negro. Luego giré los anillos hasta que me gustó cómo se veían. Ajusté algunos de los degradados utilizados para que los reflejos parecieran naturales y también añadí algo de sombra donde el primer anillo está un poco por encima del otro, a fin de que pareciera más real. Esta es la imagen final.

¡El trabajo está listo! ¡Espero que les haya gustado y que hayan aprendido algunas técnicas nuevas!

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