Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Gradient Mesh Tool
Design

Cómo Crear una Bombilla con Elementos de Naturaleza y una Mariposa en Adobe Illustrator

by
Difficulty:IntermediateLength:ShortLanguages:

Spanish (Español) translation by Javier Salesi (you can also view the original English article)

Final product image
What You'll Be Creating

En éste tutorial, aprenderás cómo usar la Herramienta Malla en Adobe Illustrator para crear una bombilla ¡con algunos elementos de la naturaleza!

Si quieres saltarte el tutorial y solo usar éstas flores en tu trabajo, puedes comprar la Bombilla con Elementos de la Naturaleza de GraphicRiver.

1. Cómo Dibujar la Bombilla de Luz

Paso 1

¡Aprendamos cómo usar la Malla de Degradado!

Comienza por dibujar un rectángulo y rellenándolo del color #3E4A56. A continuación, toma la Herramienta Malla (U) y crea una cuadrícula de malla dentro del objeto al hacer click en diferentes puntos.

Dobla el objeto en la forma vista en la captura de pantalla de abajo. Una vez que la forma y la cuadrícula de malla coincidan con la imagen, selecciona los nodos del borde y coloréalos de #D2D6E0.

Continúa seleccionando y coloreando los nodos indicados con los respectivos colores.

Necesitarás éstos:

  1. #3E4A56
  2. #D2D6E0
  3. #FFFFFF
  4. #F4F4F4
  5. #D0D5DF
  6. #A0A8B2
mesh lightbulb tutorial

Paso 2

Cambia el modo de Transparencia de la bombilla a Multiplicar.

Luego, dibuja una forma gris, rellena del color #B4B4B5. Cámbiala a Trama con Opacidad 80%.

Coloca la iluminación en la bombilla.

gradient mesh

Paso 3

Comienza a dibujar la base de la bombilla con la Malla.

Necesitarás éstos colores:

  1. #212631
  2. #FAFAFB
  3. #66707A
mesh lightbulb

Paso 4

Dibuja una parte más.

  1. #212631
  2. #C7CAD0
  3. #FFFFFF
  4. #5B5F66
vector lightbulb

Paso 5

Dibuja la base.

  1. #26292E
  2. #626872
  3. #CBCFD4
gradient mesh

Paso 6

Construye la parte.

mesh bulb

Paso 7

Integra la bombilla.

draw light bubl vector tutorial

Paso 8

Para agregar el césped y la mariposa, consulta éstos tutoriales:

Colócalos en el contorno de la bombilla, y luego Crear Máscara de Recorte.

clipping mask

Paso 9

Coloca la bombilla con la malla arriba del césped.

Dibuja una iluminación con malla-contorno negro con un centro blanco. Establécela en Pantalla con Opacidad del 80% y colócala arriba de la bombilla.

Puedes agregar un par de sombras con Degradado bajo la bombilla.

highlight light bulb

Paso 10

Dibuja un rectángulo blanco con una cuadrícula de malla, y haz transparente su borde superior.

transparent mesh

Paso 11

Coloca la copia reflejada de la bombilla debajo de la original, y luego coloca la malla arriba de ella.

reflection vector

2. Cómo Dibujar la Mariposa

Paso 1

Dibuja contornos negros para el ala.

wing outline

Paso 2

Dibuja piezas de malla. Usa negro para el contorno y #FFF3A0 para el centro.

gradient mesh

Paso 3

Dibuja algunos elementos más con los mismos colores.

butterfly vector

Paso 4

Dibuja seis elementos más usando negro y #FF6000.

mesh element

Paso 5

Dibuja un elemento de malla más. Usa éstos colores:

  1. #000000
  2. #FFFFFF
  3. #BDDEDD
mesh vector

Paso 6

Crea diferentes copias del elemento.

gradient mesh

Paso 7

Crea dos copias modificadas más.

mesh part

Paso 8

Integra la parte superior del ala.

insect wing

Paso 9

Integra la parte inferior.

how to draw a buttefly

Paso 10

Incorpora el ala.

mesh wing

Paso 11

Crea una copia reflejada del ala, y luego usa la Herramienta Distorsión con un ángulo de 211° en un Eje Horizontal en ella.

Adjunta el ala modificada a la original.

vector butterfly tutorial

Paso 12

Dibuja el cuerpo de la mariposa con la Malla.

  1. #160C0B
  2. #4A3828
  3. #4C4A3F
butterfly mesh

Paso 13

Dibuja otra parte negra usando un perfil de Trazo específico. Expande el objeto.

stroke

Paso 14

Integra el cuerpo.

butterfly mesh

Paso 15

Agrega las alas.

vector butterfly tutorial

Paso 16

¡Coloca la mariposa arriba de la bombilla!

light bulb vector

¡Fabuloso Trabajo, Terminaste!

¿Y ahora qué? Puedes intentar con cualquiera de mis otros tutoriales de mi perfil o consultar mi portafolio en GraphicRiver, así como el vector original que recreamos en éste tutorial.

Espero que hayas disfrutado el tutorial, y estaría super feliz de ver cualquier resultado en los comentarios abajo.

Eco Light Bulb
Bombilla con Elementos de Naturaleza

¡Consulta más!


Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.