Spanish (Español) translation by Johana (you can also view the original English article)
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!
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.
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!
Paso 3
Dibuja la segunda colina siguiendo las mismas instrucciones anteriores y usa estos colores:
#E1EBEC#C0D1D8-
#F6F7F2
Paso 4
Finalmente, dibuja la tercera colina de una manera similar.
#CBD8DE-
#F4F6F1
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!
Paso 6
¡Coloca las colinas en la parte inferior del fondo!
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.
Paso 2
Selecciona las dos mitades y usa Unir en el panel Buscatrazos para crear un contorno unido para el farol.
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".
Paso 4
Selecciona el resultado y aplícale un Degradado lineal de #2A1800 a #DFCFD9 a #2A1800.
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.
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.
Paso 7
Une el farol a nuestra pieza decorativa.
Paso 8
¡Dibujemos la farola! Usa Malla, tal como hicimos antes.
- -
#100804#7F7460#5A503E
Paso 9
Dibuja la segunda parte de la farola de forma similar.
- -
#100804#362C1B-
#796F5A
Paso 10
Dibuja la base.
- -
#100804#665B48-
#3B2E22
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.
Paso 12
Colorea la forma con Malla.
#413629#6F6452#54493A
Paso 13
Redimensiona las copias de la forma.
Paso 14
Junta el poste y añade los anillos que acabamos de crear.
Paso 15
Por último, une los faroles reales a la parte superior.
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.
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.
Paso 3
Dibuja una elipse muy delgada con el mismo Degradado anterior.
Paso 4
Añade una copia en la parte superior y crea una cruz. Cambia su Opacidad al 61% y Transparencia a Trama.
Paso 5
Dibuja un círculo, usa el mismo Degradado radial. Una vez más, usa Trama, ahora con un 95% de Opacidad.
Paso 6
Crea un destello colocando todos los elementos uno encima del otro.
Paso 7
Dibuja una elipse final para la luz, usa Trama y un Degradado radial de #FFFFFF a #FFB500 a #000000.
Paso 8
Coloca el primer destello detrás del contorno del farol y la elipse final encima de él.
Paso 9
Añade las luces a ambos faroles.
Paso 10
Crea unas cuantas copias del farol para el próximo paisaje.
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.
Paso 2
Añade más ramas para completar el árbol.
Paso 3
Crea una copia de las ramas sin el tronco y dibuja otra.
Paso 4
Añade más ramas al segundo árbol.
Paso 5
Dibuja una iluminación con un Degradado radial de #FCFC98 a #000000, cambia la Opacidad al 70% y Transparencia a Trama.
Paso 6
Crea copias de los árboles y añade las iluminaciones detrás de ellos.
Paso 7
Coloca los árboles y los faroles sobre el fondo.
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.
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.
Paso 10
Añade estas iluminaciones a la parte superior del fondo.
Paso 11
Para añadir nieve, consulta este tutorial.
Paso 12
Dibuja un rectángulo encima de todo para "enmarcar" todo el contenido que deseas que se vea en la imagen final.
Paso 13
Selecciona todos los elementos y haz clic derecho, después de eso, selecciona Crear máscara de recorte.
Paso 14
¡Terminaste!
¡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!
By
