1. Design & Illustration
  2. Drawing/Illustration
  3. Illustration

Cómo Crear Fondo Nevado Invernal en Adobe Ilustrador

Scroll to top
Read Time: 5 min

() translation by (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 cómo usar la Herramienta Malla y la Herramienta Rociar Símbolo, además cómo hacer lucir mejor a tus imágenes con simples ajustes a la Transparencia. ¡Y también estarás creando un fondo festivo de invierno!

Si quisieras saltar este tutorial y comprar el resultado final en una variedad de diseño en forma de pendón, con etiquetas temáticas navideñas, dirígete a GraphicRiver para comprar Tres Pendones de Paisaje Navideño.

Three Christmas Landscape BannersThree Christmas Landscape BannersThree Christmas Landscape Banners
Tres Pendones de Paisaje Navideño

Antes de comenzar, necesitarás descargar el adjunto usando el botón de la derecha. Contiene algunos archivo que van a ser útiles. Ambos archivos son creados por mí.

1. Cómo Crear el Fondo

Paso 1

Comenzaremos haciendo el fondo de cielo azul.

La primera cosa por hacer es crear un nuevo documento usando Control-N. Deberías establecer el tamaño del lienzo a 740 px en ancho y 300 px en alto. Procede creando un rectángulo con la Herramienta Rectángulo (M)---haz clic en el lienzo e inserta el tamaño (740 x 300 px).

Create a 730x300 rectangleCreate a 730x300 rectangleCreate a 730x300 rectangle

Paso 2

 Ahora solo pinta el rectángulo en un color azulado (usé #DEE3DD).

Color the rectangle with DEE3DDColor the rectangle with DEE3DDColor the rectangle with DEE3DD

Paso 3

Después, toma la Herramienta Malla (U). La estaremos usando unas cuantas veces en este tutorial.

Crea un par de Puntos de Malla (nodos) dando clic con la Herramienta Malla para formar una rejilla similar a la de la captura.

Create three mesh points in the top 14 of the rectangle in the top 13 and in the middleCreate three mesh points in the top 14 of the rectangle in the top 13 and in the middleCreate three mesh points in the top 14 of the rectangle in the top 13 and in the middle

Paso 4

Selecciona la final superior de nodos y el nodo más a la izquierda de la segunda final usando la Herramienta Selección Directa (A) y manteniendo Shift. Colorea estos notos con un color ligeramente más oscuro, por ejemplo #A3B4B7.

Color the nodes with A3B4B7Color the nodes with A3B4B7Color the nodes with A3B4B7

Paso 5

Selecciona el segundo y tercer nodo de la izquierda en la segunda fila. Colorealos con un color más claro, por ejemplo #ECF0E7.

Color the second and the third node from the left in the second row with ECF0E7Color the second and the third node from the left in the second row with ECF0E7Color the second and the third node from the left in the second row with ECF0E7

2. Cómo Crear Colinas Vectoriales

Paso 1

Crea un rectángulo Debería tener el mismo ancho que el fondo y más o menos la mitad de altura. Coloréalo con un color ligeramente amarillento--sugiero usar #FDFDF2.

Ahora aprenderemos cómo crear una forma usando la Herramienta Malla (U).

Simplemente crea un nodo en el 1/5 izquierdo del rectángulo y arrástralo hacia abajo con la Herramienta Malla.

Create a node in the left 15 of the rectangle and pull it down a little bitCreate a node in the left 15 of the rectangle and pull it down a little bitCreate a node in the left 15 of the rectangle and pull it down a little bit

Paso 2

Crea dos o más nodos y, usando la Herramienta Malla (U), da forma al rectángulo para que se vea como la imagen de abajo.

Shape the rectangle to create a wavy objectShape the rectangle to create a wavy objectShape the rectangle to create a wavy object

Paso 3

Colorea los tres nodos más a la derecha de la fila de en medio y los cuatro nodos más a la derecha de la fina de abajo con #E2EAE4.

Color the mentioned nodes with E2EAE4Color the mentioned nodes with E2EAE4Color the mentioned nodes with E2EAE4

Paso 4

De manera similar, crea u colorea una segunda colina como se muestra en la imagen de abajo.

Create another wavy hill similar to the previous oneCreate another wavy hill similar to the previous oneCreate another wavy hill similar to the previous one

Envíala detrás para ponerla tras la primer colina (Control-[).

Paso 5

Crea tres colinas más, como se muestra en la imagen.

Create three more hills to finish the backgroundCreate three more hills to finish the backgroundCreate three more hills to finish the background

Paso 6

Finalmente, acomoda las colinas en la imagen. El resultado debería verse así:

The resultThe resultThe result

3. Cómo Agregar Árboles a la Escena

Para esta etapa del tutorial, estaremos usando un vector de un árbol de navidad que ya he hecho. Por favor descárgalo usando el botón de Descarga de Adjunto en la derecha.

Abre la imagen fuente en Adobe Ilustrador y arrastra el vector a tu fondo de invierno.

Paso 1

Haz algunas copias del árbol (Control-C, Control-V), y escálalas y muévelas para crear un pequeño bosque en las colinas, así:

Placement of the trees - a couple trees on the left a little more on the rightPlacement of the trees - a couple trees on the left a little more on the rightPlacement of the trees - a couple trees on the left a little more on the right

Paso 2

Ajusta la opacidad de algunos árboles para que la imagen no se vea tan plana. Puedes encontrar el panel de Transparencia en Ventana > Transparencia.

Adjust the TrasparencyAdjust the TrasparencyAdjust the Trasparency

Ajusta los valores hasta que estés feliz con el resultado. Entre más lejos esté el árbol debe ser mas claro, ya que están obstruidos por la nieve.

The resultThe resultThe result

4. Cómo Crear Nieve Vectorial

Paso 1

Primero, crea tres círculos diferentes usando la Herramienta Elipse (L). Sus tamaños serán 2 px, 3 px y 3.5 px y el color #FDFDF2.

Three circles - 2px 3px 35pxThree circles - 2px 3px 35pxThree circles - 2px 3px 35px

Paso 2

Crea un símbolo de cada círculo arrastrándolos uno por uno al panel de Símbolos (Ventana > Símbolos). Elige Gráfico como el tipo de símbolo.

Creating the symbolCreating the symbolCreating the symbol

Paso 3

Selecciona la Herramienta Rociar Símbolo (Shift-S). Haz doble clic sobre esta para revisar los ajustes; deberían ser los mismos que en la captura.

Settings Diameter 200px Intensity 8 Symbol Set Intensity 8 other setting all AverageSettings Diameter 200px Intensity 8 Symbol Set Intensity 8 other setting all AverageSettings Diameter 200px Intensity 8 Symbol Set Intensity 8 other setting all Average

Paso 4

Selecciona el primer símbolo de copo de nieve del panel de Símbolo. Arrastra la Herramienta Rociar Símbolo a lo largo de la imagen, creando tantos copos de nieve como quieras.

Use the Symbol Sprayer ToolUse the Symbol Sprayer ToolUse the Symbol Sprayer Tool

Paso 5

Repite el Paso 4 con otros dos símbolos para crear muchos copos de nieve diferentes. Una vez que has terminado, selecciona cada forma con los símbolos y ve a Objeto > Expandir. Haz esto dos veces para cada forma.

Expand the snowflakesExpand the snowflakesExpand the snowflakes

Paso 6

Repite los dos pasos anteriores hasta que estés feliz con el resultado.

The resultThe resultThe result

5. Cómo Agregar los Toques Finales

¡Ya casi terminamos! Todo lo que queda es embellecer nuestra imagen  un poco. Para eso, vamos a usar un par de luces.

Paso 1

Crea dos círculos y aplica un degradado radial para ambos. El primero círculo más pequeño debería tener un degradado amarillo a negro y el segundo debería tener un degradado de blanco a negro.

Adjust the gradientAdjust the gradientAdjust the gradient

Paso 2

Cambia los ajustes de Transparencia para ambos círculos a Pantalla y 40% de Opacidad.

Adjust the Transparency Adjust the Transparency Adjust the Transparency

Paso 3

Acomoda las luces como se muestra en la imagen. Puedes agregar más si quieres. No te preocupes si una parte del círculo se está viendo--nos encargaremos de eso después.

Move the circles - the smaller one on the left the bigger one on the rightMove the circles - the smaller one on the left the bigger one on the rightMove the circles - the smaller one on the left the bigger one on the right

Paso 4

En el siguiente paso vamos a estar aplicando una Máscara de Recorte, "recortando" efectivamente la imagen.

Así que ahora, crea un rectángulo y muévelo a la parte superior de la imagen. Debería incluir todo lo que quieres en la imagen final.

Create a rectangle covering the part of the picture you want to leaveCreate a rectangle covering the part of the picture you want to leaveCreate a rectangle covering the part of the picture you want to leave

Paso 5

Selecciona todo (Control-A) y después presiona el botón derecho del ratón y selecciona Crear Máscara de Recorte.

Make Clipping MaskMake Clipping MaskMake Clipping Mask

Asombroso Trabajo, ¡Has Terminado!

¿Ahora qué? Puedes agregar algunas texturas adicionales (puedes encontrar un ejemplo usable en el archivo que descargaste antes) ¡y jugar hasta que estés completamente satisfecho con tu fondo invernal!

Final result with added texturesFinal result with added texturesFinal result with added textures

En este tutorial, has aprendido cómo crea un fondo de invierno, usando primariamente la Herramienta Malla y la Herramienta Rociar Símbolo.

¡Espero que hayas disfrutado este tutorial y aprendido cómo usar algunas herramientas útiles para el futuro!

Este fondo de invierno es parte de mis Tres Pendones de Paisaje Navideño, ¡y hay incluso más en mi portafolio!

Three Christmas Landscape BannersThree Christmas Landscape BannersThree Christmas Landscape Banners
Tres Pendones de Paisaje Navideño
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads