() translation by (you can also view the original English article)
En éste tutorial te mostraré cómo crear un paisaje montañoso en estilo diseño plano usando las formas y herramientas más básicas de Adobe Illustrator.
Si quisieras saltarte el tutorial, puedes solo comprar el resultado como parte de mi paquete Paisaje de Viaje de Campamento. Encuentra más inspiración para Diseños de Viaje en GraphicRiver.
1. Cómo Crear un Nuevo Documento
Primero necesitamos configurar un Nuevo Documento (Archivo > Nuevo o Control-N con éstos parámetros:
- Número de Mesas de Trabajo: 1
- Anchura: 1200
- Altura: 1200
- Unidades: pixeles
De la Pestaña Avanzado:
- Modo de Color: RGB
- Efectos de Rasterizado: Pantalla
- Modo de Previsualización: Por defecto
- Desmarca Alinear Nuevos Objetos con Cuadrícula de Pixeles
2. Cómo Configurar las Capas
Sería una buena idea organizar nuestro proyecto usando capas, ya que de ésta manera podemos fácilmente enfocarnos en cada parte de nuestro paisaje.
Trae al frente el panel Capas, y crea cinco capas, renombrando cada una de ellas como sigue:
- capa 1: lago
- capa 2: principal
- capa 3: colinas
- capa 4: montañas
- capa 5: cielo
Bloquea todas menos la primera capa "lago". Para Bloquear capas, haz click en el botón Editar Columna (a la derecha del ícono del ojo) en el panel Capas para cada capa que quieras bloquear.
Prefiero hacer de la manera más rápida al hacer Alt-Click en el botón de la Columna de Edición en el panel Capas para la única capa que quiero que siga bloqueada.
3. Cómo Crear el Lago de Montaña
Paso 1
Comienza a crear un lago de montaña al hacer un rectángulo azul claro #4bafe3 de 900 x 58 px en la parte inferior de la mesa de trabajo con la ayuda de la Herramienta Rectángulo (M).
Haz una forma más de 580 x 40 px del mismo color, colocándola debajo del borde inferior de la primera más cerca del lado izquierdo.
Paso 2
Usando la Herramienta Selección Directa (A), selecciona los vértices del rectángulo grande o solo haz click dentro de la forma, manteniendo presionada la tecla Mayúsculas. Puedes ver el Widget Vértice Interactivo mostrado dentro de los vértices. Haz los vértices de la forma completamente redondeados al jalar los indicadores circulares al centro. También puedes usar Efecto > Estilizar > Redondear Vértices.
Usa el mismo método para redondear los vértices del rectángulo más pequeño.
Selecciona ambos objetos y fusiónalos en un objeto, usando la opción Unificar del panel Buscatrazos.
Paso 3
Selecciona la forma azul y Cópiala, usando Control-C. Haz click en Control-B para obtner un Duplicado detrás del objeto principal. Muévelo unos cuantos pixeles hacia abjo y cambia el color a #406e85.
Paso 4
Selecciona el borde superior de la figura azul claro con la Herramienta Selección Directa (A) y Cópiala al hacer click en Control-C. Presiona Control-F para obtener un Duplicado de la línea del lado superior delante de la forma principal. Cambia el color de Relleno de la línea a Ninguno y el color de Trazo a negro. Establece el grosor del Trazo a 3-4 px, haciendo que la franja destaque de la forma principal.
Elige la línea y ve a Efecto > Distorsionar & Transformar > Zigzag. Cambia el valor del Tamaño a 3 px, Absoluto. Y establece Crestas por segmento igual a 27. Selecciona Suavizar Puntos y haz click en OK, obteniendo la línea ondulada. Ve a Objeto > Expandir Apariencia para aplicar el efecto.
Paso 5
Selecciona los puntos de ancla laterales izquierdo y derecho de la franja ondulada con la Herramienta Selección Directa (A), y usa Control-J para unir el trazado abierto, obteniendo una forma cerrada como resultado.
Arrastra la forma ondulada resultante al borde superior de la principal figura azul y cambia su color de Relleno a #4bafe3 y el color de Trazo a Ninguno. Selecciona la forma ondulada junto con la forma azul grande y fusiónalas en un objeto, usando la opción Unificar del panel Buscatrazos.
Paso 6
Elige la principal forma azul y presiona Enter para abrir la ventana Mover. Establece el valor de Posición Horizontal a 0 px y el valor de posición Vertical a -10 px, y haz click en el botón Copiar. Establece el color de Relleno de la nueva forma en #73d0ff y colócala detrás con la ayuda de Mayúsculas-Control-[.
Repite todas las acciones para la figura recientemente creada para obtener otra Duplicada detrás de ella. Cambia el Relleno de la segunda copia a #ace5f6.
Agrupa todas las formas con Control-G, alineándolas con el centro de la mesa de trabajo.
Paso 7
Ahora vamos a añadir algunos detalles al lago para hacerlo más real.
Toma la Herramienta Elipse (L) y crea una elipse de 22 x 10 px, rellenándola del color #ace5f6. Convierte los puntos de ancla izquierdo y derecho de vértices redondeados a puntiagudos al hacer click en ellos con la Herramienta Punto de Ancla (Mayúsculas-C), obteniendo la forma similar a una hoja (1).
Dibuja una línea horizontal a través del centro de la figura que pasa por ambos puntos de ancla puntiagudos. Divide ambas formas en el panel Buscatrazos (2), Desagrúpalas (Control-Mayúsculas-G), y Elimina la mitad superior (3).
Usa la ventana de la opción Mover para crear otras dos copias a la misma distancia (4). Agrupa (Control-G) todas las formas.
Esparce las copias de nuestro grupo por el lago, haciendo reflejos relucientes del sol (5), algo como lo que vemos en la superficie del agua en un día soleado.
Paso 8
Haz una elipse de 8.5 x 21 px de color #fff75a con la ayuda de la Herramienta Elipse (L). Haz click en el punto de ancla superior con la Herramienta Punto de Ancla (Mayúsculas-C), convirtiéndolo en un vértice puntiagudo.
Selecciona los puntos de ancla izquierdo y derecho de la elipse con la Herramienta Selección Directa (A) y muévelos hacia abajo unos cuantos pixeles, resultando una forma similar a una gota.
Elige la forma amarilla, toma la Herramienta Rotar (R), y luego Alt-click en el punto de ancla inferior de nuestra figura. En el panel Rotar, establece el Ángulo a 20° y haz click en el botón Copiar. Presiona Control-D una vez más para repetir la última acción, obteniendo dos copias más. Selecciona ambas copias y muévelas ligeramente hacia abajo.
Paso 9
Manteniendo seleccionadas las copias, elige la Herramienta Reflejo (O). Presionando la tecla Alt, haz click en el punto de ancla superior de la figura vertical amarilla. En la ventana de opciones de Reflejo, establece el Eje en Vertical y presiona Copiar, reflejando ambas formas al lado derecho de la forma vertical. Agrupa (Control-G) las formas amarillas. Serán las flores del lirio de agua.
Crea un rectángulo de 62 x 6.5, Rellenándolo con #c1db35 y haciendo los vértices redondeados con la ayuda de la prestación Vértice Interactivo.
Coloca las flores amarilla más cerca del lado derecho de la figura verde, ocultando su parte inferior detrás del rectángulo.
Crea un círculo de 13 x 13 px Relleno con éste color #fff75a y envíalo hacia atrás con Objeto > Organizar > Hacia Atrás. Luego coloca el círculo más cerca del lado derecho del rectángulo verde, ocultando su borde inferior detrás de la figura. Agrupa (Control-G) todas las partes.
Paso 10
Usando los mismos métodos de los pasos previos, crea un pequeño pez de color #ace5f6.
Esparce las copias de peces y lirios de agua en la superficie del lago como se muestra en la imagen de abajo.
4. Cómo Crear la Pradera y el Bosque
Bloquea todas las capas menos la capa "principal".
Paso 1
Comencemos por crear la enea al hacer un rectángulo vertical de 1.7 x 55 px, con #66801b para el color del tallo.
Haz otro rectángulo de 4.25 x 17 px, que pondremos de color #696354. Utiiza la prestación Vértices Interactivos para hacer completamente redondeados los vértices de la forma.
Pon la forma café arriba del tallo verde, haciendo que su parte inferior se superponga a la parte superior del tallo y alineándola con su centro.
Usando la Herramienta Pluma (P), dibuja formas sencillas similares a un triángulo de color #66801b para las hojas en la parte inferior del tallo. Agrupa (Control-G) todas las partes de la enea.
Paso 2
Crea un rectángulo de 82 x 78 px de color #c1db35, haciendo su parte superior completamente redondeada con la ayuda de la prestación Vértices Interactivos. Dibuja una línea vertical que cruce el centro y el punto de ancla superior de la forma.
Divide ambas formas en el panel Buscatrazos y Desagrúpalas (Control-Mayúsculas-G). Colorea la mitad izquierda de #79981f. Haz un círculo pequeño de color #99ba38 en la mitad derecha de la figura grande. Copia el círculo y esparce las copias en la parte derecha, haciéndolo texturizado. Agrupa (Control-G) todas las partes. Éste será el arbusto.
Crea una Copia más pequeña del arbusto cerca del primero y arrastra ambos arbustos al lado izquierdo del lago, ocultando sus partes inferiores detrás de las ondas.
Haz unas cuantas copias de la enea que creamos previamente, y colócalas en el lado derecho del lago, ocultando la parte inferior de los tallos detrás de la línea del agua.
Paso 3
Comienza a crear la orilla al dibjar un rectángulo de 1075 x 57 px con un color de Relleno #a2c430. Hazlo completamente redondeado y alínealo con el centro del lago. Envíalo detrás con Objeto > Organizar > Enviar detrás.
Selecciona el rectángulo verde y Cópialo con Control-C. Haz click con Control-B para obtener un Duplicado detrás del objeto principal. Muévelo hacia abajo unos cuantos pixeles y cambia el color a #406e85. Agrupa (Control-G) los rectángulos y colócalos detrás del lago.
Paso 4
Continuemos agregando detalles a la orilla al crear un rectángulo de 14 x 14 px con un color de Relleno #79981f. Elige la Herramienta Añadir Punto de Ancla (+) y haz click en el centro del borde superior del rectángulo, añadiendo un punto de ancla más. Elimina los puntos de ancla superiores izquierdo y derecho con la Herramienta Eliminar Punto de Ancla (-), obteniendo la forma de triángulo (1).
Selecciona el triángulo con la Herramienta Selección (V) y presiona Enter para abrir la ventana de opciones Mover. Establece el valor de Posición Horizontal en 0 px y el valor de posición Vertical en 14 px, y haz click en el botón Copiar. Presiona Control-D para repetir la acción, y continúa presionando Control-D para añadir 17copias (2). Agrúpalas (Control-G). Éste será el pasto.
Crea un círculo de 110 x 100 px con un color de Relleno #7a7462. Dibuja una línea horizontal que cruce el centro y los puntos de ancla de la forma. Selecciona amba figuras y Divídelas, usando el panel Buscatrazos. Desagrupa (Control-Mayúsculas-G) las formas y Elimina la parte inferior. Ésta figura actuará como una piedra. Crea una piedra más pequeña de color #8f8873 (4).
Combina y copia piedras y pasto, esparciéndolos detrás del rectángulo del terreno. No olvides usar Objeto > Organizar > Enviar Detrás para colocar los objetos detrás del rectángulo del terreno. Añade una o más copias del arbusto que creamos previamente. Puedes usar el ejemplo de abajo como referencia (5), pero siéntate con libertad para crear diferentes combinaciones de pasto, arbustos y piedras.
Paso 5
Ahora vamos a trabajar en el fondo de bosque. Crea un rectángulo de 1030 x 40 px con color #d0f341, alineándolo con el centro de la mesa de trabajo. Redondea sus vértices, envíalo detrás con Objeto > Organizar > Enviar detrás, colócalo detrás del rectánguo verde más grande, haciendo que su parte inferior se superponga al borde superior de la figura más grande.
Paso 6
Para formar el bosque necesitaremos dos tipos de árboles: abetos con forma de triángulo, y hojas de árbol con forma de círculo.
Crea un rectángulo de 140 x 235 px con un color de Relleno #d0f341. Haz click en el centro del borde superior del rectángulo con la Herramienta Añadir Punto de Ancla (+), añadiendo un punto de ancla más. Elimina los puntos de ancla superiores izquierdo y derecho con la Herramienta Eliminar Punto de Ancla (-), obteniendo la forma del triángulo.
Haz un línea vertical que cruce el centro y el punto de ancla superior de la forma. Divide ambas figuras en el panel Buscatrazos y Desagrúpalas (Control-Mayúsculas-G), coloreando la mitad izquierda con #a2c430. Crea un pequeño rectángulo de color #a2c430, Cópialo y esparce las copias en la parte derecha del árbol, haciéndolo texturizado. Agrupa todas las partes y envía el árbol detrás con Objeto > Organizar > Enviar Detrás.
Paso 7
Hagamos la corona del segundo árbol al crear un círculo de 165 x 165 que Rellenaremos de color #d0f341.
Dibuja una línea vertical que atraviese el centro y los puntos de ancla de la forma.
Divide ambas formas en el panel Buscatrazos y Desagrúpalas (Control-Mayúsclas-G). Colorea la mitad izquierda con #a2c430. Agrega unos cuantos pequeños rectángulos redondeados de color #a2c430 en la mitad derecha para un efecto texturizado. Agrega un tronco con un color de Relleno #7a7462 a la parte inferior de la corona.
Agrupa (Control-G) todas las partes y envíalas detrás con Objeto > Organizar > Enviar Detrás.
Paso 8
Coloquemos nuestros árboles en una fila detrás de la forma rectángulo redondeado de atrás, Duplicando algunos de ellos y variando los tamaños para formar una composición equilibrada. Agrega unos cuantos más de los arbustos que ya hemos creado.
Deja un espacio vacío en el centro del bosque para las colinas y las montañas que estaremos creando en los siguientes pasos. El resultado debería verse así:
5. Cómo Crear las Colinas
Bloquea todas las capas excepto la capa "colinas".
Paso 1
Con la ayuda de la Herramienta Pluma (P), crea la forma ondulada con un color de Relleno #8ead28.
Selecciona la figura, y luego elige Herramienta Reflejo (O) y, presionando la tecla Alt, haz click en el punto de ancla inferior derecho. En la ventana de opción Reflejo, establece el Eje en Vertical y presiona Copiar, reflejando la forma al lado derecho.
Fusiona ambas formas en una con la opción Unificar del panel Buscatrazos, obteniendo la colina.
Paso 2
Ponga la colina detrás de la escena principal, colocándolo más cerca del lado derecho. Haz una Copia más pequeña del color verde más oscuro (#79981f) en el lado izquierdo del paisaje, ocultándola detrás de la primera forma. Todas las partes laterales e inferiores de nuestras colinas deberían estar ocultas detrás de los árboles, arbustos y el nivel del terreno.
Paso 3
Primero, selecciona la colina izquierda que creamos en los pasos previos.
Haz click-derecho y elige Aislar Grupo Seleccionado del menú desplegable. La colina aislada aparece con color completo, mientras que el resto de la ilustración aparece atenuada.
Toma la Herramienta Pluma (P) y crea una línea vertical zigazag que cruce la forma de la colina. Establece el Relleno de la línea en Ninguno, el Grosor del Trazo en 9 px, y el Color de Trazo en #66801b. Haz los vértices de la línea redondeados al seleccionarlos con la Herramienta Selección Directa (A) y arrastrando los marcadores de Vértices Interactivos.
Elige la línea y ve a Objeto > Expandir. Marca la opción Trazo y desmarca la opción Relleno, presionando OK. Nuestro trazo se transformará en una forma rellena
Cortemos las partes del trazado que permanecen afuera de la colina. Selecciona el trazado que se superpone con la forma de la colina, y usa la Herramienta Constructor de Formas (Mayúsculas-M) al mantener presionada la tecla Alt y haciendo click en las piezas innecesarias para Eliminarlas.
Presiona OK y Escape para salir del modo de aislamiento o, usando la Herramienta Selección (V), haz doble-click afuera del grupo aislado.
Paso 4
Desbloquea la capa "principal". Selecciona una hoja y un abeto y Cópialos. Bloquea de nuevo la capa "principal" y regresa a la capa "colinas". Presiona Control-V o ve a Edición > Pegar, obteniendo las copias de nuestros árboles en la capa "colinas".
Esparce los árboles en las colinas, Duplicando algunos de ellos y variando los tamaños para rellenar el espacio vacío.
Paso 5
Crea siluetas de las colinas del fondo al hacer Duplicados de las colinas previamente creadas, cambiando sus colores de Relleno a #515c1b y haciendo formas más grandes o más pequeñas con la ayuda de la Herramienta Selección (V).
Deberías obtener algo como ésto:
6. Cómo Crear las Montañas
Bloquea todas las capas menos la capa de las "montañas".
Paso 1
Comencemos haciendo la forma de la montaña al crear un rectángulo de 582 x 540 px, Rellenándola de color #99927b.
Toma la Herramienta Añadir Punto de Ancla (+) y haz click en el centro del borde superior del rectángulo, añadiendo un punto de ancla más. Elimina los puntos de ancla izquierdo y derecho con la Herramienta Eliminar Punto de Ancla (-), obteniendo la forma de triángulo.
Paso 2
Con la ayuda de la Herramienta Segmento de Línea (/), crea un Trazo negro de 400 px de Anchura sin Relleno, colocándolo debajo de la parte suerior del rectángulo, dejando un espacio de unos 200 px del punto de ancla superior y alineándolo con el centro del rectángulo.
Selecciona la línea y ve a Efecto > Distorsionar & Transformar > Zigzag. Establece el valor de Tamaño en 10 px, Absoluto. Y establece Crestas por segmento igual a 9. Selecciona Suavizar Puntos y haz click en OK. Ve a Objeto > Expandir Apariencia para aplicar el efecto.
Elige la forma del triángulo y Cópiala, usando Control-C. Haz click en Control-F para obtener un Duplicado arriba del triángulo. Selecciona el duplicado y la línea usando la opción Dividir del panel Buscatrazos, dividiendo nuestro triángulo en dos formas. Desagrúpalas y elimina la parte inferior. Colorea la figura restante superior con #e2f0e9, obteniendo la nevada parte superior de la montaña.
Paso 3
Crea una Copia más angosta del triángulo delante del primero y cambia su color a #99927b, formando sombras sutiles en la montaña. Crea un Duplicado más angosto de la parte de la sombra delante de él, coloreando el nuevo con #87806c.
Ahora nuestra montaña se ve más detallada e interesante.
Paso 4
Ahora que la vista básica de la montaña está lista, agreguemos una sombra de estilo diseño plano, cubriendo una mitad del peñón.
Selecciona la forma del triángulo de atrás, Cópiala y Pégala Delante (Control-C > Control-F). Manteniendo el duplicado seleccionado, ve a Objeto > Organizar > Tráelo al Frente, colocando la copia delante de la montaña. Selecciona el punto de ancla inferior derecho del triángulo con la Herramienta Selección Directa (A) y arrástralo al centro, alineándolo con el punto de ancla central.
Cambia el Modo de Fusón del triángulo resultante a Multiplicar mientras disminuyes los niveles de Opacidad a 40% en el panel Transparencia, obteniendo la sombra. Agrupa (Control-G) todas las partes de la montaña.
Paso 5
Pon las montañas en la escena principal, ocultando su parte inferior detrás de las colinas. Crea dos montañas más pequeñas a la izquierda y a la derecha del peñón principal, haciéndolas que se superpongan a la montaña más grande y colocándolas delante de ella.
Forma otras dos siluetas triangulares de montaña con un color de Relleno #659cad detrás del paisaje principal, finalizando la composición.
7. Cómo Crear el Fondo
Casi terminamos con nuestro paisaje montañoso. Pero todavía necesitamos un fondo que represente al cielo, el sol y las nubes.
Comencemos Bloqueando todas las capas excepto la capa "cielo".
Paso 1
Crea un cuadrado de 1200 x 1200 de #77b8cc, alineándolo con el centro de la mesa de trabajo.
Paso 2
Para rellenar el espacio vacío y agregar profundidad a nuestro paisaje, crea formas similares a una nube de color #9accdb detrás de las montañas con la ayuda de la Herramienta Pluma (P) o la Herramienta Rectángulo (M), haciendo redondeados los vértices de las figuras resultantes.
Paso 3
Comienza a crear la nube al dibujar dos círculos superpuestos con la Herramienta Elipse (L), estableciendo su Relleno y Trazo con los predeterminados colores negro y blanco. Cambia a la Herramiena Rectángulo (M) y coloca una franja angosta en la parte inferior de la nube, permitiéndole dejándola un poco más abajo del borde inferior del círculo grande.
Unifica todas las formas en el panel Buscatrazos para hacer un solo objeto. Cambia el color de Relleno a #e2f0e9 y trazo en Ninguno. Haz unas cuantas nubes más de diferentes tamaños y espárcelos en el cielo, dejando un espacio vacío para el sol.
Paso 4
Crea un círculo de 105 x 105 px que pondremos de color #fff45a. Dibuja una línea vertical atravesando la mitad del círculo, usando la Herramienta Segmento de Línea (\). Manteniendo la línea y el círculo seleccionados, Divídelos en el panel Buscatrazos. Desagrupa (Control-Mayúsculas-G) las formas y colorea la mitad izquierda con #fde23d.
Crea un círculo más de 144 x 144 px de color #fbcd30, colocándolo detrás del primero, alineándolo con su centro. Selecciona el círculo grande y ve a Efecto > Distorsionar & Transformar > Zigzag. Establece el Tamaño en 5 px, Absoluto. Y establece Crestas por segmento igual a 10. Selecciona Suavizar Puntos y haz click en OK. Ve a Objeto > Expandir Apariencia para aplicar el efecto.
Agrupa todas las formas del sol y colócalas en la escena principal.
Desbloquea todas las capas.
¡Nuestro Paisaje Montañoso Está Listo!
¡Magnifico trabajo! Nuestra escena de área montañosa en estilo diseño plano está terminada. Puedes usar tu imaginación y continuar experimentando y agregando detalles hasta que estés totalmente satisfecho con el resultado.
Ésta ilustración de paisaje montañoso es solo una parte de mi Paisaje de Viaje de Campamento, ¡y hay muchas más ilustraciones de viaje y aventura en mi portafolio!
Espero que hayas descubierto algunos nuevos consejos y trucos que puedas usar para crear maravillosas ilustraciones en el futuro. Con toda confianza comparte tus resultados en los comentarios abajo.
