Cómo crear una ilustración de formación de cristal en Adobe Illustrator

Lo que vas a crear

En el tutorial de hoy, analizaremos de cerca el proceso de creación de una formación de cristal con cúpula de vidrio, utilizando algunas de las herramientas y formas más básicas de Adobe Illustrator..

Entonces, si eso suena interesante, tome un sorbo de ese café recién hecho y comencemos!

Antes de comenzar, quería tomarme un par de minutos y señalar que usaré una textura de línea personalizada que obtuve de Envato Elements que resultó ser muy buena con la forma áspera de los cristales. El específico que utilicé se llama "LineTexture07", que se puede encontrar dentro del paquete una vez que descargue y descomprima el archivo..

1. Cómo configurar un nuevo archivo de proyecto

Suponiendo que ya tiene Illustrator funcionando en segundo plano, créelo y configuremos un Nuevo documento (Archivo> Nuevo o Control-N) que ajustaremos de la siguiente manera:

  • Número de tableros: 1
  • Anchura: 800 px
  • Altura: 600 px
  • Unidades: Pixeles

Y desde el Avanzado lengüeta:

  • Modo de color: RGB
  • Efectos de trama: Pantalla (72ppi)
  • Modo de vista previa: Defecto

2. Cómo configurar las capas

Una vez que hayamos terminado de configurar nuestro archivo de proyecto, sería una buena idea estructurar nuestro documento utilizando unas pocas capas, ya que de esta manera podemos mantener un flujo de trabajo estable al centrarnos en una sección de la ilustración a la vez..

Así que trae la Capas Panel y crear un total de cinco capas, que cambiaremos el nombre de la siguiente manera:

  • capa 1: fondo
  • capa 2: cúpula de cristal
  • capa 3: formacion de cristal
  • capa 4: textura
  • capa 5: cubrir

Consejo rapido: He coloreado todas mis capas con el mismo valor verde, ya que es el más fácil de ver cuando se usa para resaltar las formas seleccionadas (ya sean cerradas o abiertas).

3. Cómo crear el fondo

Ahora que hemos terminado de colocar nuestro documento en capas, podemos comenzar a trabajar en el proyecto real creando rápidamente el fondo plano.

Paso 1

Utilizando la Herramienta Rectangular (M), crear un 800 x 600 px rectángulo que colorearemos usando # ffb75a y luego la posición en el centro de la Artboard subyacente utilizando el Alinear panel de Horizontal y Centro de alineación vertical opciones.

Paso 2

Una vez que tenga el fondo en su lugar, bloquee su capa desde dentro Capas Panel y luego pasar a la segunda.

4. Cómo crear la cúpula de cristal

Suponiendo que ya se haya posicionado en la siguiente capa (esa sería la segunda), comencemos a trabajar en el domo de vidrio, que construiremos una sección a la vez..

Paso 1

Crea la sección superior de la base de madera usando un 240 x 48 px elipse, que colorearemos utilizando #ffffff y luego alinee el centro con el Artboard subyacente, posicionándolo a una distancia de 152 px desde su borde inferior.

Paso 2

Da la forma que acabamos de crear un esquema usando el Carrera método, creando una copia del mismo (Control-C), que pegaremos delante (Control-f) y luego ajustar girando su Llenar con su Carrera (Shift-X) y luego asegurándose de establecer su Peso a 2 px desde dentro del Carrera panel. Una vez que hayas terminado, selecciona y agrupa las dos formas juntas usando la Control-G atajo de teclado.

Consejo rapido: La razón por la que agregamos un contorno del mismo color a la forma actual es para alinear los bordes exteriores de la parte inferior del cuerpo que crearemos en los siguientes pasos..

Paso 3

Crea el cuerpo inferior de la base usando otro. 240 x 48 px elipse#ffffff), que colocaremos debajo de las formas anteriores como se ve en la imagen de referencia.

Etapa 4

Ajusta la forma que acabamos de crear volteando su Llenar con su Carrera (Shift-X) asegurándose de establecer su Peso a 2 px. Luego, seleccione su punto de anclaje superior usando la Herramienta de selección directa (A) y retirarlo inmediatamente presionando Borrar, dibujando un nuevo camino con la ayuda del Herramienta Pluma (P), Usando la imagen de referencia como tu guía principal..

Paso 5

Comience a trabajar en la sección inferior más oscura creando una copia (Control-C> Control-F) de la forma resultante, que ajustaremos cambiando su Llenar con su Carrera (Shift-X), asegurándose de establecer su color en # 3a302e.

Paso 6

Continúe ajustando la forma seleccionando sus puntos de anclaje superiores usando el Herramienta de selección directa (A), y luego retirándolos presionando Borrar.

Paso 7

Crear una copia (Control-C> Control-F) de la forma resultante que posicionaremos 8 px debajo, y luego une los dos caminos en una sola forma más grande seleccionándolos y luego presionando Control-J (unirse) el método abreviado de teclado dos veces. Una vez que haya terminado, no olvide colocar la forma debajo del contorno blanco (clic derecho> Organizar> Enviar al fondo) antes de pasar al siguiente paso.

Paso 8

Agregue el anillo inferior a la base usando una copia (Control-C> Control-F) del contorno de la parte inferior del cuerpo, que ajustaremos seleccionando y eliminando sus puntos de anclaje superiores, colocando la forma resultante a una distancia de 8 px desde su borde inferior.

Paso 9

A continuación, tomemos un par de momentos y agreguemos las pequeñas líneas de textura usando un par de 2 px grueso Trazos con un Tapa redonda. La forma en que normalmente comienzo a dibujarlos es eligiendo una esquina y luego sintiendo el flujo. Tan pronto como baje al menos dos líneas, trato de invertir la dirección y gradualmente voy hacia el lado opuesto de la forma que necesito rellenar. Una vez que estoy satisfecho con el resultado, siempre me aseguro de seleccionar y agrupar (Control-G) todos juntos antes de pasar al siguiente paso.

Paso 10

Enmascara las líneas de textura que acabamos de crear usando una copia (Control-C) del contorno de la parte inferior del cuerpo que pegaremos delante (Control-f), y luego con la copia y las líneas seleccionadas, simplemente clic derecho> Hacer máscara de recorte.

Paso 11

Agregue la inserción del anillo a la sección superior de la base usando un 224 x 40 px elipse con un 2 px grueso Carrera, que colorearemos usando # ffbe57. Una vez que hayas terminado, selecciona y agrupa todas las formas de composición de la base usando el Control-G atajo de teclado.

Paso 12

Comience a trabajar en la cúpula real creando un 224 x 320 px rectángulo con un 2 px grueso Carrera (#ffffff), que colocaremos en la mitad superior de la base y luego ajustaremos ajustando el Radio de sus esquinas superiores a 112 px desde dentro del Transformar panel de Propiedades del rectángulo.

Paso 13

Como queremos que las secciones inferiores de la cúpula de vidrio sean distinguibles de la base, crearemos una copia (Control-C> Control-F) del anillo de inserción, que luego ajustaremos eliminando su punto de anclaje superior. Luego, usando el Herramienta Pluma (P), necesitaremos extender el camino resultante para que salga de la superficie de la base, asegurándonos de enmascararlo después (clic derecho> Hacer máscara de recorte) utilizando una copia (Control-C> Control-F) de eso.

Paso 14

Termine la sección actual agregando las sutiles líneas de detalles usando un par de 2 px grueso Trazos (#ffffff) con un Tapa redonda. Tómese su tiempo y, una vez que haya terminado, asegúrese de seleccionar y agrupar (Control-G) todas las formas de composición de la sección de vidrio juntas, haciendo lo mismo para toda la cúpula después.

5. Cómo crear las formaciones de cristal

Ahora que hemos terminado de trabajar en el domo, podemos bloquear su capa y luego pasar a la siguiente (que sería la tercera), donde gradualmente crearemos las formaciones de cristal..

Paso 1

Con la ayuda del Herramienta Pluma (P), dibujar la forma principal para el cristal central usando # 7b7bef como tu Llenar Color, siguiendo la imagen de referencia como tu guía principal. Ya que esta parte de la ilustración se basa en formas más sueltas, no tiene que crear una copia exacta, así que siéntase libre de ser creativo y crear algo nuevo y único..

Paso 2

Tómese un par de minutos y sombree la forma resultante dibujando las diferentes secciones que se ven en la imagen de referencia, usando # 9c9cff para la forma mas ligera, # 6363d3 para las formas más oscuras, y # 5252c1 para el más oscuro. Una vez que hayas terminado, selecciona y agrupa a todos juntos usando el Control-G atajo de teclado.

Paso 3

Esquema del cristal usando un par de 2 px grueso Trazos (#ffffff) con un Round Join, asegurándose de seleccionar y agrupar (Control-G) juntos después. Una vez que hayas terminado, selecciona y agrupa (Control-G) todas las formas que tenemos hasta ahora y las agrupamos también.

Etapa 4

Siguiendo el mismo proceso, agregue los cristales restantes utilizando la imagen de referencia como su guía principal. Tómese su tiempo y, una vez que haya terminado, asegúrese de seleccionarlos y agruparlos todos usando el Control-G atajo de teclado antes de pasar al siguiente paso.

Paso 5

Usando un 2 px grueso Carrera (#ffffff), dibuje rápidamente el camino orgánico que recorre las formaciones de cristal, asegurándose de colocarlo debajo por medio de clic derecho> Organizar> Enviar al fondo. Como ya hemos terminado de trabajar en esta parte de la ilustración, podemos seleccionar y agrupar (Control-G) todas las formas antes de pasar a la siguiente sección.

6. Cómo agregar textura a los cristales

En este punto, comenzaremos a añadir los toques finales a nuestra pequeña ilustración, y comenzaremos con la textura..

Paso 1

Utilizando la Herramienta de selección directa (A), Seleccione todas las formas principales de los cristales y luego copie (Control-C) y pegar (Control-f) en la siguiente capa (que sería la cuarta), asegurándose de bloquear la anterior.

Paso 2

Como querremos usar las copias como Máscara de recorte Para la textura, tendremos que hacer que se comporten como una sola forma más grande convirtiéndolos en un Forma compuesta utilizando la Pionero opción oculta del panel.

Paso 3

A continuación, tenemos que agarrar una copia (Control-C) de la textura personalizada y la pasta (Control-f) en la capa actual, asegurándose de colocarla debajo de la Forma compuesta una vez que hemos establecido su color en blanco (#ffffff) y ajustó su tamaño.

Etapa 4

Con la textura en su lugar, ahora podemos seleccionarla y la Forma compuesta y luego simplemente clic derecho> Hacer máscara de recorte Para ocultar las secciones que van fuera de la superficie de los cristales. Una vez que haya terminado, podemos bloquear la capa actual y luego pasar a la última.

7. Cómo agregar la superposición a los cristales

Hemos pasado a la última parte del proceso, donde veremos lo fácil que es agregar un poco de esmalte a los colores de los cristales usando Modos de fusión. Esta parte es un poco opcional, pero realmente espero que intentes jugar con ella, ya que a veces puedes obtener algunas variaciones de color interesantes con unos simples pasos..

Paso 1

Empieza por pegar (Control-f) otra copia de los cristales de la Portapapeles en la capa actual, que luego ajustaremos ajustando el color a negro (# 000000).

Paso 2

Abre el Transparencia panel, y establecer la forma resultante de Modo de fusión a Cubrir, que cambiará inmediatamente los colores del púrpura al azul interesante.

Paso 3

Ajustar el Opacidad nivel bajándolo hasta que el efecto no sea tan poderoso (en mi caso 40%), y eso es todo!

Gran trabajo!

Ahí lo tienen, un tutorial agradable y fácil que debería iluminar el proceso detrás de este tipo de ilustraciones..

Como siempre, espero que se haya divertido trabajando en el proyecto, y si tiene alguna pregunta, no dude en publicarlo en la sección de comentarios y le responderé tan pronto como pueda.!