1. Design & Illustration
  2. Gradient Mesh Tool

Cómo dibujar un paisaje festivo de invierno con faroles resplandecientes en Adobe Illustrator

by
Read Time:6 minsLanguages:

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

En este tutorial, aprenderás a usar la Herramienta malla en Adobe Illustrator para crear un ¡fondo vectorial de invierno nocturno!

¡Si deseas omitir el tutorial y solo usar este fondo con algunos otros elementos impresionantes, compra el paisaje de invierno nocturno de Navidad de GraphicRiver!

Christmas Evening Winter LandscapeChristmas Evening Winter LandscapeChristmas Evening Winter Landscape
Paisaje de invierno de la noche de Navidad

1. Cómo dibujar el fondo

Paso 1

¡Comencemos usando la malla por un rato!

Comienza dibujando un rectángulo y rellenándolo con color #4B6471 y crea una cuadrícula de malla para esta forma colocando manualmente nodos con la Herramienta malla (U).

Una vez que hayas hecho la cuadrícula de malla, comienza a colorearla seleccionando la fila inferior de nodos y el nodo central inferior y cambia su color a #8A9BA2.

Sigue coloreando los nodos de la parte superior y de los lados con #253B4B y los nodos centrales de la segunda fila desde la parte superior con #385260.

Termina cambiando el color de los nodos inferiores a #D2DAD9.

draw mesh backgrounddraw mesh backgrounddraw mesh background

Paso 2

¡Pasemos a dibujar las colinas de nieve!

Dibuja un rectángulo de color #F6F7F2 y luego, coloca algunos nodos de malla con la Herramienta malla (U). Mueve dichos nodos para crear una forma ondulada fuera del rectángulo y trata de recrear la siguiente imagen.

Por último, colorea los nodos seleccionados con #D0DFE4. ¡Ya está la primera colina!

mesh snow hillmesh snow hillmesh snow hill

Paso 3

Dibuja la segunda colina siguiendo las mismas instrucciones anteriores y usa estos colores:

  1. #E1EBEC
  2. #C0D1D8
  3. #F6F7F2
draw mesh snowdraw mesh snowdraw mesh snow

Paso 4

Finalmente, dibuja la tercera colina de una manera similar.

  1. #CBD8DE
  2. #F4F6F1
draw snow hilldraw snow hilldraw snow hill

Paso 5

Coloca las colinas uno encima del otro, con el primero en el frente y el tercero en la parte posterior.

¡Haz que se superpongan para que coincidan con la imagen!

arrange hillsarrange hillsarrange hills

Paso 6

¡Coloca las colinas en la parte inferior del fondo!

place hillsplace hillsplace hills

2. Cómo dibujar los faroles

Paso 1

Pasemos a dibujar el farol.

Dibuja la mitad de un contorno de él con la Herramienta pluma (P) y luego, ve a Objeto > Transformar > Reflejar y haz clic en Copiar para obtener la segunda mitad. Por ahora, muévelos cerca el uno del otro.

draw halfdraw halfdraw half

Paso 2

Selecciona las dos mitades y usa Unir en el panel Buscatrazos para crear un contorno unido para el farol.

reflect the lampreflect the lampreflect the lamp

Paso 3

Con la Herramienta pluma (P) y algunas pequeñas elipses (Herramienta elipse, L), dibuja las superficies transparentes del farol.

Coloca las formas encima del contorno, selecciona todas y usa Menos frente en el panel Buscatrazos para "recortarlas".

crop out the lampcrop out the lampcrop out the lamp

Paso 4

Selecciona el resultado y aplícale un Degradado lineal de #2A1800 a #DFCFD9 a #2A1800.

gradient gradient gradient

Paso 5

Con la Herramienta pluma (P), dibuja un remolino decorativo como se puede ver en la siguiente imagen.

En el panel Trazo, cambia el Perfil del trazo por el siguiente.

change stroke profilechange stroke profilechange stroke profile

Paso 6

Dibuja una elipse pequeña y añádela a ambos extremos de la curva.

Al seleccionar la curva, ve a Objeto > Expandir apariencia y luego selecciona todos los objetos y haz clic en Unir en el panel Buscatrazos. Cambia el color del resultado a #453A2E.

finish curvefinish curvefinish curve

Paso 7

Une el farol a nuestra pieza decorativa.

add curve to lampadd curve to lampadd curve to lamp

Paso 8

¡Dibujemos la farola! Usa Malla, tal como hicimos antes.

  1. -
  2. #100804
  3. #7F7460
  4. #5A503E
draw lamppost with meshdraw lamppost with meshdraw lamppost with mesh

Paso 9

Dibuja la segunda parte de la farola de forma similar.

  1. -
  2. #100804
  3. #362C1B
  4. #796F5A
more meshmore meshmore mesh

Paso 10

Dibuja la base.

  1. -
  2. #100804
  3. #665B48
  4. #3B2E22
base of post with meshbase of post with meshbase of post with mesh

Paso 11

Dibuja una forma redondeada de color #110600 y luego dóblala con Efecto > Deformar > Arco, usa una Doblez de -20%.

Ve a Objeto > Expandir apariencia.

warp objectwarp objectwarp object

Paso 12

Colorea la forma con Malla.

  1. #413629
  2. #6F6452
  3. #54493A
mesh mesh mesh

Paso 13

Redimensiona las copias de la forma.

three copiesthree copiesthree copies

Paso 14

Junta el poste y añade los anillos que acabamos de crear.

join lamppostjoin lamppostjoin lamppost

Paso 15

Por último, une los faroles reales a la parte superior.

add lampsadd lampsadd lamps

3. Cómo iluminar los faroles

Paso 1

¡Ahora que hemos dibujado el contorno, es hora de ponerle luces a estos faroles!

Comienza dibujando una elipse delgada y añádele un Degradado radial de #FFFF7F a #000000.

draw ellipsedraw ellipsedraw ellipse

Paso 2

Pon otra copia de esa elipse encima y ajusta las opciones de Transparencia, selecciona Trama y Opacidad al 79%.

Crea una copia del resultado, rótala y hazla más pequeño.

more ellipsemore ellipsemore ellipse

Paso 3

Dibuja una elipse muy delgada con el mismo Degradado anterior.

another gradient ellipseanother gradient ellipseanother gradient ellipse

Paso 4

Añade una copia en la parte superior y crea una cruz. Cambia su Opacidad al 61% y Transparencia a Trama.

add one moreadd one moreadd one more

Paso 5

Dibuja un círculo, usa el mismo Degradado radial. Una vez más, usa Trama, ahora con un 95% de Opacidad.

gradient circlegradient circlegradient circle

Paso 6

Crea un destello colocando todos los elementos uno encima del otro.

join flarejoin flarejoin flare

Paso 7

Dibuja una elipse final para la luz, usa Trama y un Degradado radial de #FFFFFF a #FFB500 a #000000.

gradient ellipsegradient ellipsegradient ellipse

Paso 8

Coloca el primer destello detrás del contorno del farol y la elipse final encima de él.

place lightplace lightplace light

Paso 9

Añade las luces a ambos faroles.

both lampsboth lampsboth lamps

Paso 10

Crea unas cuantas copias del farol para el próximo paisaje.

add copiesadd copiesadd copies

4. Cómo añadir los árboles y la nieve

Paso 1

¡Empecemos a dibujar los árboles!

Aprende a dibujar la rama que copiaremos en la segunda sección de este tutorial. Ahora dibuja el tronco, rellénalo con #544E48 y comienza a añadirle copias de la rama como se muestra en la siguiente imagen.

add branches to treeadd branches to treeadd branches to tree

Paso 2

Añade más ramas para completar el árbol.

finish treefinish treefinish tree

Paso 3

Crea una copia de las ramas sin el tronco y dibuja otra.

another treeanother treeanother tree

Paso 4

Añade más ramas al segundo árbol.

add more branchesadd more branchesadd more branches

Paso 5

Dibuja una iluminación con un Degradado radial de #FCFC98 a #000000, cambia la Opacidad al 70% y Transparencia a Trama.

gradient highlightgradient highlightgradient highlight

Paso 6

Crea copias de los árboles y añade las iluminaciones detrás de ellos.

copies of treescopies of treescopies of trees

Paso 7

Coloca los árboles y los faroles sobre el fondo.

add to backgroundadd to backgroundadd to background

Paso 8

Dibuja dos círculos idénticos. Rellena uno con #ACB99A y el segundo con un Degradado radial de #020200 a blanco.

Establece la transparencia de ambos círculos en Trama.

two circlestwo circlestwo circles

Paso 9

Coloca el círculo verde debajo del degradado y luego selecciona ambos y haz clic en Crear máscara en el panel Transparencia. Marca Clip e Invertir máscara.

transparency masktransparency masktransparency mask

Paso 10 

Añade estas iluminaciones a la parte superior del fondo.

add highlightsadd highlightsadd highlights

Paso 11

Para añadir nieve, consulta este tutorial.

add snowadd snowadd snow

Paso 12

Dibuja un rectángulo encima de todo para "enmarcar" todo el contenido que deseas que se vea en la imagen final.

draw outlinedraw outlinedraw outline

Paso 13

Selecciona todos los elementos y haz clic derecho, después de eso, selecciona Crear máscara de recorte.

make clipping maskmake clipping maskmake clipping mask

Paso 14

¡Terminaste!

final picturefinal picturefinal picture

¡Gran trabajo, ya terminaste!

¿Y ahora qué sigue? Puedes intentar hacer cualquiera de mis otros tutoriales desde mi perfil o mirar mi portafolio en GraphicRiver, así como el vector original que recreamos en este tutorial.

¡Espero que te haya gustado el tutorial y me encantaría ver tu resultado en los comentarios!

Christmas Evening Winter LandscapeChristmas Evening Winter LandscapeChristmas Evening Winter Landscape
Fondo de invierno de la noche de Navidad
One subscription.
Unlimited Downloads.
Get unlimited downloads