Spanish (Español) translation by Javier Salesi (you can also view the original English article)
En éste tutorial, aprenderás cómo usar la Herramienta Malla y la Herramienta Degradado en Adobe Illustrator ¡para crear un fondo de primavera con una brillante cerca blanca!
Si quieres saltarte el tutorial y solo usar éste fondo, puedes comprar el Paisaje de Prado con una Bicicleta desde GraphicRiver ¡y también obtener una bicicleta vectorial!
1. Cómo Crear el Fondo
Paso 1
Comencemos por "pintar" el fondo con la Herramienta Malla (U).
Solo crea un rectángulo, Rellénalo de un color gris #F5F3EA y, usando la Herramienta Malla, crea una cuadrícula en el rectángulo.
Continúa coloreando los nodos, como se indica en la imagen de abajo.
Aquí están los colores que necesitarás para cada paso:
#F5F3EA#399F92#AAD2C9#52531A#D7D483#CCD8C1#E0E6C8-
#BFD9C7
Paso 2
¡Continuemos para crear las colinas con césped! El proceso es muy similar al Paso 1, pero al final tendrás que curvar tu colina con la Herramienta Malla.
¡Solo crea un par de nodos más y haz la forma ondulada al arrastrarlos!
Aquí están los colores que necesitarás:
#E7E3AB#C5CD60#95A542-
#5B6D1C
Paso 3
Usando otra vez la Herramienta Malla, similarmente crea otra colina con los siguientes colores:
#DFDFA8#BAC569-
#6C8427
Paso 4
Coloca ambas colinas arriba de nuestro fondo previamente creado. La colina más pequeña debería estar parcialmente oculta debajo de la colina más grande.
Paso 5
Ahora, crea un rectángulo Sin Relleno sobre la parte superior del fondo, "enmarcando" la imagen. Asegúrate de que cada elemento que quieras visible esté dentro del rectángulo.
Luego, selecciona todos los elementos y después de hacer click derecho, elige Crear Máscara de Recorte.
Estaremos usando ésta herramienta un par de veces más en el tutorial, ¡así que no la olvides!
Paso 6
Con la Máscara de Recorte creada, ¡nuestra primera parte de la imagen está terminada!
2. Cómo Crear la Cerca
Paso 1
Comencemos por dibujar la forma de las tablas de la cerca.
Toma la Herramienta Pluma (P) y dibuja una mitad de una tabla de cerca. Una vez que hayas terminado el contorno, haz click-derecho en ella y elige Transformar > Reflejo. Selecciona el Eje Vertical y haz click en Copiar para crear la segunda mitad de la forma.
Paso 2
Ahora, mueve la segunda mitad para que refleje perfectamente la mitad original (los colores de abajo son solo para ilustración).
Después de que lo hayas logrado, selecciona ambas partes en el menú Buscatrazos, elige Unificar. ¡Ésto creará un completo contorno simétrico!
Paso 3
Rellena la forma de color gris (no importa cual por ahora).
Toma la Herramienta Lazo (L) y selecciona los dos nodos centrales en la parte inferior de la forma. Presiona Eliminar para librarte de ellos.
Ésto será muy importante más adelante, así que ¡no te saltes éste paso!
Paso 4
Como ahora hay un espacio en la parte inferior de la forma, usa Objeto > Trazado > Unir para unificarlo de nuevo.
Crea una Copia del contorno ¡y ponlo a un lado! La necesitaremos más tarde.
Paso 5
¡Agreguemos algo de profundidad a nuestra tabla de cerca! Ve a Efecto > 3D > Extrusión y Biselado y rellena los siguientes parámetros para la Rotación:
- -7°
- 19°
- -2°
La Profundidad de Extrusión debería ser de unos 5 px.
Paso 6
Después de aplicar el efecto a la forma, crea trazados de ella al ir a Objeto > Expandir Apariencia.
Desagrupa el resultado un par de veces hasta que obtengas tres trazados separados.
Paso 7
Selecciona los dos trazados que forman la parte lateral del poste de la cerca y Únelos en el panel Buscatrazos.
Paso 8
Colorea el frente de la cerca de #F1EBE1 y el lateral de #D8CFC2.
Paso 9
Para éste paso, necesitarás una foto de un tablón con una textura.
Recomiendo utilizar mi propia foto, que puedes descargar como un archivo adjunto para éste tutorial (texture.jpg).
Mueve la foto al archivo con tu fondo de primavera y abre el panel Calco de Imagen (Ventana > Calco de Imagen).
Después de seleccionar el objeto con la textura, ingresa los parámetros que elegí en el panel (podrías necesitar hacer click en la pestaña Avanzado para mostrar el resto de parámetros) y haz click en Calcar.
Parámetros de Calco de Imagen:
- Modo: Blanco y Negro
- Umbral: 164
- Trazados: 50%
- Vértices: 75%
- Ruido: 25 px
- Crear: Rellenos
-
Omitir Blanco: Marcado
Paso 10
Selecciona el resultado del calco y ve a Objeto > Expandir.
Paso 11
En el panel Transparencia, establece la Opacidad en 30% y el Modo de Transparencia en Superponer.
Paso 12
Toma el contorno que creamos en el paso 4 de ésta sección y colócalo sobre la parte superior de la textura. Crea una Máscara de Recorte de las dos formas.
Coloca el resultado sobre nuestro poste de la cerca.
Paso 13
Arrastra el poste un poco hacia la derecha mientras mantienes presionadas las teclas Mayúsculas y Alt, creando una Copia de él a una distancia razonable.
Continúa presionando Control-D para repetir tu última acción, creando efectivamente tantas tablas como quieras. Detente en tu longitud de cerca preferida.
Paso 14
¡Ahora creemos una tabla posterior para nuestra cerca!
Primero, dibuja un rectángulo un poco más largo que tu cerca. Coloréala de #EEE7DE. Agrega otro rectángulo mucho más angosto arriba y coloréalo de #E2DCD2.
Paso 15
En éste paso, estaremos haciendo sombras que están siendo proyectadas por los postes de la cerca.
Dibuja dos rectángulos verticales lado a lado, coloreándolos de #7B6F5B (el izquierdo) y #DEDBD2 (el derecho). El rectángulo derecho debería ser un poco más amplio.
A continuación, establece la Opacidad del rectángulo en 0% y continúa en Objeto > Fusión > Opciones de Fusión. Establece el Espaciado en Pasos Especificados y elige 30 para la cantidad.
Finalmente, selecciona ambos rectángulos y ve a Objeto > Fusión > Crear.
Paso 16
Mueve la fusión a la tabla que creamos. Igual que antes, utiliza Control-D para Duplicar la sombra a través de toda la tabla.
Paso 17
Mueve la tabla con las sombras detrás de la cerca. ¡Trata de alinear las sombras perfectamente!
Paso 18
Finalmente, crearemos los tornillos que asegurarán nuestra cerca en su lugar.
Usa la Herramienta Malla (U) para recrear la apariencia de un tornillo, siguiendo los pasos de abajo.
Aquí están los colores que necesitarás:
#D1D0C7#535044#AAA99F#B0AFA5-
#000000
Paso 19
Usa dos círculos para la sombra. Crea uno más pequeño dentro del más grande pero ligeramente fuera del centro. Colorea el círculo más grande de #D8D4C9 y el más pequeño de #6C6557.
Establece la Opacidad del círculo claro en 0%, y luego procede con Objeto > Fusión > Crear.
Paso 20
Coloca la Malla arriba de la sombra y gírala ligeramente. ¡Nuestro tornillo está terminado!
Paso 21
Coloca el tornillo arriba de la cerca finalizada en el centro de cada intersección.
Usa Control-D para Duplicar los tornillos después de mover uno (mientras mantienes presionadas las teclas Alt y Mayúsculas).
3. Cómo Crear Nubes y Césped
Paso 1
Ahora que nuestra cerca está terminada, ¡la imagen necesita solo un par de toques finales!
Si deseas tener nubes en el cielo de nuestro paisaje de primavera, sigue éste tutorial: Cómo Crear un Cielo Nocturno Con Nubes Usando Adobe Illustrator & Photoshop.
Después de que hayas hecho tus nubes, regresa a nuestro fondo y colócalas en el cielo.
Sugiero la creación de unas cuantas copias de la primera ¡y combinarlas para crear formas interesantes!
Paso 2
¡Para hacer nuestro cielo incluso más bonito, creemos un sol!
Dibuja un círculo y aplica un Degradado Radial que va de blanco a #95896A a negro. Cambia el Modo de Transparencia de la forma a Trama.
Paso 3
Coloca nuestra iluminación en alguna parte del cielo. ¡Ahora tenemos un sol!
Paso 4
Para el paso final, podemos crear algo de césped. Aprende cómo crear césped con éste tutorial: Cómo Crear un Banner de Césped en Adobe Illustrator.
Después de que hayas finalizado tu vector de césped, regresa a la cerca que hicimos en la sección previa. Colócala sobre tu banner de césped para que la parte inferior de la cerca sobrepase un poco su superficie.
En seguida, crea una Copia del césped y muévela arriba de la cerca. ¡Asegúrate de colocarla más abajo para que puedas todavía ver la cerca!
Paso 5
¡Todo lo que queda es mover la cerca y el césped a nuestro fondo! ¡No olvides usar una Máscara de Recorte para "recortar" tu imagen!
¡Asombroso Trabajo, Ahora Terminaste!
¿Ahora qué? Puedes intentar cualquiera de mis otros tutoriales de mi perfil, o consultar mi portafolio en GraphicRiver, así como la imagen de naturaleza original que recreamos en éste tutorial.
¡Espero que ayas disfrutado el tutorial y estaré extremadamente feliz de ver cualquier resutado en los comentarios abajo!
By
