Cómo dibujar una bombilla vector realista desde cero

En este tutorial, te mostraré cómo construyo una bombilla desde cero en Illustrator. Usaremos numerosas formas y efectos para crear esta ilustración. Te llevaré a través de cada paso para crear esta bombilla. 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.

Introducción

En primer lugar, hay un montón de bombillas diferentes por ahí. Un cliente recientemente solicitó uno tradicional y, en lugar de usar imágenes de referencia, tomé una bombilla real y me tomé un tiempo para observar cómo las partes de vidrio doblan la luz y cómo se forman los reflejos y las sombras. Entonces, obtenga una imagen de referencia o mejor aún, tome una bombilla real y comencemos a dibujar. Primero, debes controlar los elementos que forman la bombilla, porque vamos a recrearlos todos..

Paso 1

Empecemos por dibujar el cuerpo de vidrio primero. Cree un nuevo documento de su elección. Cambié el nombre de mi Capa 1 a "Cuerpo de vidrio". Te sugiero que lo nombres igual, para que sea fácil seguir el resto de los pasos y esto te ayudará con la alineación final de todas las capas más adelante.

Arrastre una guía vertical a la mesa de trabajo. Cree un círculo perfecto (mientras mantiene presionado Shift) y céntrelo hacia la guía. Seleccione el punto de anclaje derecho e inferior y elimínelos, dejando así solo la parte superior izquierda del círculo presente.

Paso 2

Coge la herramienta Pluma y, utilizando las curvas de Bézier, dibuja el resto del lado izquierdo del cuerpo de vidrio. Duplica la forma completa y fusionalas. Hemos hecho el cuerpo de cristal. Pasemos al contacto de rosca..

Paso 3

Una bombilla no es perfecta. Esto es bueno para nosotros, porque el lado izquierdo y derecho del contacto del hilo no tiene que coincidir en absoluto. Prepare la herramienta Pluma y comience a dibujar. Cuando hayamos completado esta parte, podemos continuar y hacer un dibujo rápido del contacto eléctrico del pie en la parte inferior.

Esas dos formas son formas bastante fáciles y algo creativas, por lo que no deberías tener ningún problema. Vea cómo mis formas se superponen, eso no importa en este punto.

Etapa 4

Nuevamente con la herramienta Pluma y las curvas de Bézier, dibuje una forma que represente la parte real del tornillo. Cuando haya terminado, cópielo y péguelo dos veces más como se muestra a continuación.

Este es el esquema básico de las formas de las bombillas exteriores, pero nos falta algo, ¿verdad? Sí, el soporte de vidrio, los cables de soporte y el filamento de tungsteno. Encontré que esos son el verdadero desafío de la bombilla, así que dejémoslos para el final.

Paso 5

Movamos algunos elementos a nuevas capas. Crea una nueva capa y llámala "Cuerpo metálico". Muévalo sobre nuestra capa "Cuerpo de vidrio". Seleccione el contacto del hilo, los tres elementos de tornillo y el contacto del pie y muévalos a la capa "Cuerpo metálico".

Vamos a empezar a pintar los elementos de abajo hacia arriba. Rellene la forma de contacto del pie eléctrico con un degradado radial. Configure los colores, las ubicaciones y los controles deslizantes de degradado como se muestra en la imagen a continuación. Aplica también el brillo interior y elimina el trazo..

Paso 6

Vamos a pasar al contacto del hilo. Repita las acciones anteriores, aplicando un degradado radial y un resplandor interno con la configuración que se muestra. Además, retire el trazo..

Paso 7

Pasando a los elementos de tornillo real. Aplique la configuración que se muestra a continuación en los tres. Retire el trazo. Básicamente estamos aplicando el mismo degradado radial que hicimos con el contacto del hilo, pero estamos cambiando ligeramente las posiciones de los deslizadores.

Paso 8

Pasando al cuerpo de cristal. Puede bloquear la capa "Cuerpo metálico" y continuar trabajando en la de vidrio. Quita el trazo y dale un color de relleno de K = 3. Queremos un gris muy claro que separe la bombilla del fondo blanco. Con la forma aún seleccionada, dale un brillo interno y usa la configuración y el color que se muestran a continuación.

Paso 9

Hasta ahora tan bueno. Ahora viene la parte dura - la montura de vidrio. Su tarea aquí será fácil o difícil, dependiendo de la bombilla que haya elegido. Realmente no tenía opción, ya que el cliente quería una bombilla tradicional. Crea una nueva capa y llámala "Montaje de vidrio".

Voy a ocultar el resto de las capas para enfocar mejor el montaje. Creé la forma y la llené con K = 10 (Paso 9.1). En la parte superior, hice una forma adicional y le di un gradiente radial que iba de K = 10 al 0%, K = 20 al 64%, K = 25 al 80% y K = 10 al 100% (Paso 9.2). la herramienta Pluma y las curvas Bezier para dibujar los cables de soporte con un color de trazo de 1 pt de K = 90 (Paso 9.3).

Paso 10

Ahora, me moví para crear cuatro formas más para los cables de soporte grandes.

Dibujé los dos cables y noté que en una bombilla real estaban dobladas al final. La izquierda se dobla hacia atrás y la derecha se dobla hacia delante. Dibujé las formas dobladas y envié una en la parte posterior y la otra en el frente. Luego llené los cables con K = 90, y las formas dobladas con K = 95. Sin accidente cerebrovascular (paso 10.1).

Pasando al filamento de tungsteno. Lo que hice fue bastante simple. I Pen Tooled una línea entre los cables grandes y el efecto aplicado> Distorsionar y transformar> Zig Zag. Ingresé: 1% para el tamaño Relativo, Crestas por Segmento en 8, Puntos en Suave y finalmente K = 90 colores de trazo. El efecto dio una bonita línea curva, como la cosa real..

Además, creé el elemento inferior de la montura de vidrio, junto con dos elipsis para la parte central. Seleccioné ambas elipses y en la paleta de Pathfinder elegí Minus Front para deshacerme de la delantera, creando un agujero en la gran elipse. Después de eso, lo adivinaste, gradiente radial de K = 70, K = 90, K = 80, a 0, 63 y 100% respectivamente (Paso 10.2).

Paso 11

Noté que los grandes cables de soporte van dentro del soporte de vidrio, y el vidrio actúa como una lupa y los cables parecen magnificados..

Vamos a dibujar eso. Hice cuatro formas. Observe que bajan completamente y en lugares donde parece que están separados, es por eso que hice cuatro y no dos (Paso 11.1).

El soporte de vidrio está completo, pero míralo, es plano. Tenemos que hacer algunos puntos destacados y jugar con los modos de opacidad y fusión para crear la ilusión de 3D. Vamos a hacer eso!

Para la forma de vidrio superior hice dos destacados. La izquierda la rellené con un degradado de blanco a negro, y sin trazo. Hice lo mismo con el correcto, esta vez con relleno degradado de negro a blanco. Puse ambas formas en modo de fusión de pantalla. Luego apliqué un Desenfoque gaussiano de 2 píxeles a ambas formas y el vidrio comenzó a aparecer (Paso 11.2).

Paso 12

Vamos a seguir y crear más destacados. Simplemente dibuja y repite los mismos pasos hasta que estés satisfecho. Experimente con ambas formas y con un radio de desenfoque más pequeño y más grande, pero no olvide usar siempre un gradiente de blanco a negro configurado en Pantalla. Esto es lo que da el aspecto de vidrio real.

Tenemos que agregar un detalle final al soporte de vidrio: un gran reflejo que va desde arriba hacia abajo. Hice una forma siguiendo las curvas de la montura, le di un degradado radial de blanco a negro, la puse en Pantalla y le di una gran imagen borrosa de 7 píxeles. Además, ajusté los controles deslizantes de degradado para mejorarlo un poco (Paso 12.1).

Este es el soporte de vidrio acabado. Ten cuidado con las capas de objetos. Mi montura de vidrio está en una capa de Illustrator, pero la capa de objetos dentro de la capa es crítica. Mantenga las formas básicas en la parte posterior y resalte los reflejos y brillos. Esto agregará más al efecto de vidrio (Paso 12.2).

Paso 13

Agrupe todas las cosas en la capa "Montaje de vidrio" y encienda las otras capas. Mueva el soporte de vidrio al centro de la bombilla usando nuestra guía vertical que creamos al principio. Reorganice el orden de las capas de la siguiente manera (de arriba a abajo): "Cuerpo metálico", "Montaje de vidrio" y luego Cuerpo de vidrio.

Paso 14

El último paso en el tutorial es agregar puntos destacados a la bombilla. Los puse en una nueva capa llamada "Reflexiones", luego la moví sobre todas las demás..

A continuación, creé una serie de formas a lo largo de la parte derecha de la bombilla, la parte inferior y la parte superior izquierda, donde coloqué algunas elipses. Bajé algunos de ellos y los giré en consecuencia. Los contorneo en azul para mejor ilustracion. Al final coloreé todos los reflejos en blanco y agregué Gaussian Blur de 8 píxeles a cada uno..

Paso 15

Este paso es opcional. Para aquellos de ustedes interesados ​​en hacer que la bombilla esté encendida, cree una nueva capa sobre el "Montaje de vidrio" y debajo de las capas del "Cuerpo metálico".

Crea un círculo, más pequeño que el cuerpo de cristal. Le di un degradado radial de amarillo a blanco a -180 grados y lo puse en Modo de fusión múltiple.

Conclusión

La impresión final salió muy bien. Al final, mi cliente estaba realmente feliz y yo también. Espero que hayan disfrutado al crear esta bombilla vector realista.!

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