Cómo hacer un anillo de diamantes de vectores en Illustrator

Si amas las joyas, como yo, entonces este tutorial será interesante. Al final aprenderás cómo hacer dos anillos de diamantes vectoriales y los detalles que les dan realismo..

Este tutorial trata sobre hacer dos anillos de diamantes con todas sus partes, comenzando desde el anillo, el gran diamante con la base donde se asienta y los pequeños diamantes aplicados con un brillo adicional. Presté atención a los detalles para que se vean realistas y te mostraré los consejos y trucos que usé para hacerlos. Empecemos!

Vista previa de la imagen final

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

Detalles del tutorial

  • Programa: Illustrator CS4
  • Dificultad: Intermedio.
  • Tiempo estimado de finalización: 3 horas

Paso 1

Abra un nuevo documento del tamaño que desee y utilice el modo RGB. Comenzaremos con la forma del anillo. Toma la herramienta Elipse y dibuja una forma como en la imagen de abajo, selecciona sin relleno y solo un trazo negro de 1 px. A continuación, haz la segunda forma un poco más grande que la primera..

Ahora tome la Herramienta de selección directa y seleccione el punto más a la izquierda, luego muévalo un poco hacia la derecha para que aplastemos un poco la forma. Seleccione el punto más correcto y haga lo mismo. Ahora selecciona el círculo exterior, cópialo y pégalo en frente. Vamos a necesitar esto más tarde. Luego, seleccione las dos formas originales (no la que acabamos de pegar) y vaya a Objeto> Ruta compuesta> Crear.

Paso 2

Selecciona la herramienta Elipse y crea una forma ovalada más grande que la primera. Ahora colóquelo encima de la forma más pequeña y seleccione ambos. Vaya al panel de Pathfinder y haga clic en Minus Front para obtener la forma en la siguiente imagen.

Paso 3

Ahora vamos a usar la forma que pegamos antes. Tome la herramienta Agregar punto de anclaje, agregue dos puntos y luego dibuje la ruta que ve en la imagen a continuación con la herramienta Pluma. Haga lo mismo con la otra parte, seleccione Sin relleno y 1 px trazo negro. Estas formas que acabamos de crear tienen que estar encima de las dos primeras. Esto es importante, de lo contrario no podremos colorearlos más tarde..

Etapa 4

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

También seleccione la forma que se muestra en la segunda imagen y rellénela con el degradado lineal que ve. 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% de negro (R = 102, G = 102 y B = 102), gris claro (R = 243, G = 244 y B = 244); 70% de negro (R = 77, G = 77 y B = 77) y 90% de negro (R = 26, G = 26 y B = 26).

Paso 5

Ahora vamos a colorear las formas que hicimos en la parte superior. Para ello utiliza 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% de 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 agregar algunos detalles. En lugar de dibujar nuevas formas con la herramienta Pluma, prefiero el siguiente truco. Tome la Herramienta de selección directa y seleccione solo los 3 puntos que ve en la imagen, luego cópielos y péguelos en su área de trabajo. Ahora deselecciona el relleno y dale solo un trazo negro. Si Illustrator copia más de los 3 puntos, al igual que el mío, simplemente elimínelos, solo necesitamos obtener la siguiente figura.

A continuación, vaya al panel Pinceles y seleccione el pincel de la imagen de abajo, el primero. Necesitaba más pinceles, así que eliminé algunos puntos para obtener los 2 pinceles nuevos que ves en la imagen. Luego simplemente arrástrelos al panel de Pinceles para que podamos usarlos más.

Ahora seleccione la ruta detallada que hicimos anteriormente y aplíquele el primer pincel, haga el trazo 0,10 px y luego expanda Apariencias. Rellene 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 vuelva a colocar la forma en su lugar, configure el modo en Multiplicar y baje la Opacidad al 50%.

Paso 7

Usando la misma técnica, haga el detalle de la imagen de abajo y llénelo con un degradado similar. Solo ajusta los colores para que los reflejos se vean lo más reales posible. También vaya a Efectos> Estilizar> Resplandor exterior, luego configure los valores que ve en la imagen.

Paso 8

Ahora solo repite los pasos anteriores y haz más formas de detalle. Para el siguiente, simplemente llénelo con un degradado lineal de blanco a negro y ajústelo para que obtenga el resultado que desea. Una vez que hayas terminado, haz lo mismo con el otro lado o refleja una copia..

Paso 9

Haz lo mismo con el exterior de nuestro anillo. Rellénelo con el gradiente como se muestra, luego repítalo o gírelo al otro lado.

Paso 10

Para la forma que se muestra en la imagen de abajo, después de hacerla y rellenarla con el degradado que se muestra, vaya a Efectos> Estilizar> Resplandor exterior. Luego aplique los mismos valores del Paso 7. Cambie el modo a Multiplicar y baje la Opacidad al 25%. Haz lo mismo al otro lado..

Paso 11

Tenemos dos formas más para ir. Rellénelos con el gradiente que se muestra en la siguiente imagen: 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

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

Paso 13

Es hora de hacer la base donde quedará el gran diamante. Tome la herramienta Rectángulo y dibuje un rectángulo (el tamaño no es importante ahora porque lo cambiaremos de tamaño más adelante para que se ajuste al diamante). Luego, con la Herramienta de selección directa, seleccione cada punto y haga clic en Convertir puntos de ancla seleccionados para suavizar (como se muestra en la barra de menú). Debes obtener la forma de la siguiente imagen..

Paso 14

Para hacer la siguiente forma, seleccione la que se muestra arriba y vaya a Objeto> Ruta> Ruta de compensación y establezca el valor en 8 puntos, luego Expandir. Ahora haz cuatro pequeñas formas ovaladas con la herramienta Elipse y colócalas en el centro de cada lado como ves en la imagen.

Seleccione las cinco formas y haga clic en Minus Front en el panel de Pathfinder. Deberías tener algo similar a lo que se muestra a continuación. Ahora rellénalo con un degradado lineal llamado Acero de la Biblioteca. También puedes usar Silver, pero me gustó la forma en que se veía el primero..

Paso 15

Ahora, con esta última forma que acabamos de seleccionar, vaya a Objeto> Ruta> Desplazamiento y establezca el valor en -1 pt o -2 pt dependiendo del tamaño de su forma. Expanda y rellénelo con el mismo gradiente de acero, solo ajuste el ángulo como en la primera imagen.

Ahora copie la forma original (la gris simple), péguela en el frente y rellénela con el mismo gradiente de acero, como en la segunda imagen. Luego pegue una vez más la primera forma gris en la parte delantera, hágala un poco más pequeña para obtener algo como en la última imagen a continuación. Hemos terminado con la base para el gran diamante..

Paso 16

Es hora de hacer el gran diamante. Busqué algunos bonitos cortes de diamante en busca de inspiración y luego dibujé un patrón utilizando la herramienta Pluma. Puedes usar cualquier forma que te guste. Tengo algo como en la imagen de abajo.

Paso 17

El siguiente paso es agregar algunos colores. Seleccione cada parte individual, ajústela a ningún trazo y rellénela con el degradado lineal, como se muestra en la imagen de abajo.

Los he seleccionado aleatoriamente de diferentes partes de la forma de diamante y también ajusté el gradiente para cada parte porque quería terminar con algo menos regular. Los colores son: púrpura (R = 183, G = 169 y B = 210), púrpura claro (R = 226, G = 220 y B = 238) y blanco (R = 255, G = 255 y B = 255).

Y aquí hay otro tipo de gradiente que usé para obtener 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 look final de diamante. En la segunda imagen de abajo, la coloqué sobre la base que hicimos.

Paso 19

Parece que el diamante simplemente se sienta en la parte superior y decidí hacer dos pequeñas formas como las que sostienen la roca en un anillo de diamante real. Para eso, tome la herramienta Elipse y haga un óvalo como se muestra, y rellénelo con el gradiente similar al de acero que usamos para la base. El tamaño de la forma no importa en este punto porque lo cambiaremos de tamaño cuando todo el diseño esté listo.

Ahora hagamos una máscara de opacidad porque se combinará mejor con la forma de la base cuando la coloquemos en la parte superior. Copie y pegue la forma y rellénela con un degradado de blanco a negro como se muestra. Colóquelo encima del primero. Seleccione ambos y vaya al panel Transparencia y seleccione Crear máscara de opacidad. Deberías tener algo como en la segunda imagen de abajo.

Paso 20

Luego copié el óvalo original, lo llené con un gris oscuro y lo coloqué detrás, como se muestra en la imagen, para una apariencia más realista. Ahora agrupe todas las formas, cambie su tamaño, haga una segunda copia y colóquelas una al lado, una encima de la otra, como en la imagen de abajo.

El anillo ahora debería verse como la siguiente imagen..

Paso 21

Quería más brillo y un diseño más elegante, así que decidí agregar algunos diamantes más. Seleccione el grande y luego copie y pegue algunos diamantes más. Cambiar el tamaño de ellos y colocarlos como se muestra.

Hagamos algo más ahora y colóquelos. Para un aspecto más natural, agregué una pequeña Sombra con los valores que ves en la imagen de abajo para cada uno de ellos..

El anillo debe verse algo como esto ahora..

Paso 22

Para el segundo diamante usé la misma forma y solo cambié los gradientes. Básicamente, reemplacé el morado claro con uno oscuro para que podamos obtener un reflejo diferente. También ajusté los ángulos para que se viera diferente al primero. Aquí hay dos ejemplos de los gradientes que he usado.

Lo siguiente que hay que hacer es reemplazar los pequeños diamantes con este nuevo, así que simplemente haga copias de ellos y cambie su tamaño como lo hicimos antes. Así es como debe verse 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ía. Ajusté algunos de los gradientes utilizados para que los reflejos se vieran naturales y también agregué un poco de sombra donde el primer anillo aparece un poco encima del otro para hacerlo más real. Esta es la imagen final..

¡El trabajo está hecho! Espero que lo hayas disfrutado y que hayas aprendido nuevas técnicas.!

Suscríbase a Vectortuts + RSS Feed para estar al día con los últimos tutoriales y artículos de vectores..