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

Crear un Diseño de Fondo Navideño con Mallas en Adobe Illustrator

by
Difficulty:BeginnerLength:ShortLanguages:

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

Final product image
What You'll Be Creating

En este tutorial, aprenderás a cómo usar la Herramienta Malla en Adobe Illustrator para crear un fondo de invierno.

Si quieres saltar el tutorial y solo usar este fondo en tu trabajo, puedes comprar el Fondo Navideño desde GraphicRiver.

Fondo Navideño

1. ¿Cómo Dibujar las Casas y los Árboles?

Paso 1

Vamos a comenzar dibujando la casa con la Malla de Degradado.

Crea un rectángulo café—el color es #a27a68.

Luego, toma la Herramienta Malla (U). Da clic para crear los nodos, los cuales crean una Cuadrícula de Malla. Cuando tengas una malla lo suficientemente gruesa, toma los bordes del rectángulo y muevelos para modificar la forma como se ve abajo.

Una vez hecha la forma, selecciona el grupo de nodos del medio (ya están coloreados de diferente manera en la captura) y dales color con #b18e7c.

Luego, selecciona los nodos que son más oscuros (ellos están seleccionados abajo) y procede para cambiar su color a #7c5546.

Siempre asegúrate de seleccionar los nodos que están seleccionados en cada captura debajo y aplica el color correspondiente a ellos.

gradient mesh tutorial

Paso 2

Dibuja nieve para el techo usando Malla en Illustrator. Usa estos colores:

  1. #f0f3ee
  2. #c1c9c4
  3. #dbe2dd
snow mesh

Paso 3

Dibuja otro elemento de Malla.

  1. #f0f3ee
  2. #c1c9c4
  3. #dbe2dd
mesh winter house

Paso 4

Dibuja un objeto de color #4c311b.

winter house

Paso 5

Dibuja otro muro para la casa con Malla en Illustrator.

  1. #a27a68
  2. #b18e7c
  3. #7c5546
mesh in illustrator

Paso 6

Dibuja otro elemento de malla de nieve.

  1. #ccd5cf
  2. #f0f4ef
  3. #b0b9b3
snow shape tutorial

Paso 7

Arma la casa a partir de los objetos de malla.

mesh house tutorial vector

Paso 8

Para crear las ventanas, dibuja los cortes y el marco sólido.

Luego, coloca los cortes encima de la base, selecciona ambos, y usa Excluir en el panel Buscatrazos para crear el marco de la ventana.

Colorea con #ddd2ca.

pathfinder panel

Paso 9

Para añadir luz a las ventanas, rellena con una elipse con un Degradado Radial de blanco a #ffb500 a negro.

Colócalo detrás del marco y pon el Modo de Transparencia del degradado a Trama.

radial gradient

Paso 10

Coloca las ventanas sobre la casa.

mesh house winter background design

Paso 11

Dibuja otra casa. Usa estos colores:

  1. #a27a68
  2. #003036
  3. #7c5546
mesh in illustrator tutorial

Paso 12

Coloca las ventanas y un techo modificado sobre la nueva casa.

mesh house

Paso 13

Dibuja la última casa con Malla en Illustrator.

  1. #a27a68
  2. #b18e7c
  3. #7c5546
mesh in illustrator house tutorial

Paso 14

Añade ventanas de color #ddd2ca usando Buscatrazos.

mesh house

Paso 15

Crea una aldea a partir de las casas.

winter village tutorial

Paso 16

Haz un pino usando diferentes formas. Usa estos colores:

  • #36494b
  • #879f8d
  • #fffbc9

Cambia el modo de transparencia de las formas amarillas a Trama.

pine tree vector

Paso 17

Haz nieve a partir de puntos blancos de diferentes tamaños. Ponlos a Trama con 60% Opacidad.

snow vector

Paso 18

Dibuja otro árbol usando #465c5a y #5a7572.

pine tree vector

Paso 19

Añade una capa más de árboles de color #b8c1bc. Coloca los otros pinos alrededor de la villa.

winter background design pine trees

2. ¿Cómo Dibujar el Fondo de Invierno?

Paso 1

Dibuja una malla para el diseño del fondo.

Usa estos colores:

  1. #265760
  2. #e0ddbd
  3. #01253d
  4. #416c6f
  5. #a3b09e
  6. #ceccb1
mesh winter background design

Paso 2

Añade un elemento más al diseño de fondo creando una malla de ventisquero.

  1. #e5f1f5
  2. #ffffff

Luego, haz el borde superior de la forma completamente transparente.

mesh snow hill

Paso 3

Dibuja un ventisquero más.

  1. #e5f1f5
  2. #fcfefe
  3. #c9d9de
winter background design snow hills

Paso 4

Coloca estos ventisqueros juntos.

mesh snow hills

Paso 5

Dibuja algo de humo con Mallas en Illustrator.

  1. #141414
  2. #bdbdbd
  3. #383838
  4. #797979
mesh in illustrator smoke tutorial

Paso 6

Dibuja otra forma de humo.

  1. #060606
  2. #eeeeee
  3. #535353
  4. #6c6c6c
mesh in illustrator

Paso 7

Cambia las transparencias de ambos objetos a Trama.

screen transparency

Paso 8

Crea tres variaciones de grupos de humo.

smoke mesh in illustrator

Paso 9

Pon los diseños de fondo juntos.

winter background design

Paso 10

Añade la nieve blanca.

snow background

Paso 11

Añade una iluminación de Degradado y algo de nieve en el suelo, la cual puedes aprender a dibujar aquí:

highlights snow background

Paso 12

Añade la nieve y la iluminación.

winter background design

3. ¿Cómo Dibujar el Banner?

Paso 1

Dibuja una parte de la cinta con Degradado Lineal.

Los colores, de izquierda a derecha:

  • #771506
  • #ed2001
  • #b01a03
  • #b01a03
  • #ed2001
  • #771506
gradient ribbon

Paso 2

Añade otra pieza, usando un Degradado en estos colores:

  • #a9493e
  • #ffded3
  • #c7857a
  • #b01a03
  • #ed2001
  • #771506
gradient ribbon

Paso 3

Dibuja una cinta en los colores del primero.

  • #771506
  • #ed2001
  • #b01a03
  • #b01a03
  • #ed2001
  • #771506
gradient ribbon background design

Paso 4

Añade otro pieza rosa.

  • #a3493e
  • #ffded3
  • #c7857a
  • #b01a03
  • #ed2001
  • #771506
gradient ribbon

Paso 5

Añade la última pieza de cinta roja.

  • #771506
  • #ed2001
  • #b01a03
  • #b01a03
  • #ed2001
  • #771506
gradient ribbon

Paso 6

Arma el banner.

banner ribbon

Paso 7

Coloca el banner sobre la parte inferior del diseño de fondo de invierno.

¡Puedes añadir tu propio texto!

christmas winter background design

¡Buen Trabajo! ¡Lo Hiciste!

¿Qué ahora? Puedes probar cualquiera de mis otros tutoriales de malla que se encuentran en mi perfil, o revisa mi portafolio en GraphicRiver, así también como el diseño de fondo de invierno original que recreamos en este tutorial.

Espero que hayas disfrutado el tutorial y estaré muy feliz para ver cualquier resultado en los comentarios de abajo.

Christmas Holiday Background
Fondo de Navidad

¡Revisa más tutoriales de fondo de invierno!


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.