Cómo crear un Spring Meadow en Adobe Illustrator

Lo que vas a crear

En este tutorial, aprenderá cómo usar la herramienta Malla y la herramienta Degradado en Adobe Illustrator para crear un fondo de primavera con una cerca blanca brillante.!

Si desea omitir el tutorial y usar este fondo, puede comprar el Nature Meadow Landscape con una bicicleta en GraphicRiver y también obtener una bicicleta vectorial.!

Paisaje de pradera natural con una bicicleta

1. Cómo crear el fondo

Paso 1

Empecemos por "pintar" el fondo con el Herramienta de malla (U).

Solo crea un rectángulo, Llenar con un color gris # F5F3EA y, usando el Herramienta de malla, crear 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á para cada paso:

  1. # F5F3EA
  2. # 399F92
  3. # AAD2C9
  4. # 52531A
  5. # D7D483
  6. # CCD8C1
  7. # E0E6C8
  8. # BFD9C7

Paso 2

¡Vamos a crear las colinas cubiertas de hierba! El proceso es muy similar al Paso 1, pero al final tendrás que curva tu colina con el Herramienta de malla.

Solo crea un par de nodos más y haz que la forma sea ondulada arrastrándolos!

Aquí están los colores que necesitarás:

  1. # E7E3AB
  2. # C5CD60
  3. # 95A542
  4. # 5B6D1C

Paso 3

Utilizando la Herramienta de malla De nuevo, crea otra colina similar con los siguientes colores:

  1. # DFDFA8
  2. # BAC569
  3. # 6C8427

Etapa 4

Coloque ambas colinas sobre nuestro fondo creado previamente. La colina más pequeña debe estar parcialmente oculta debajo de la colina más grande.

Paso 5

Ahora, crea un rectángulo con Sin relleno sobre la parte superior del fondo, "enmarcando" la imagen. Asegúrate de que todos los elementos que quieras que estén visibles estén dentro del rectángulo.

A continuación, seleccione todos los elementos y después clic derecho, escoger Hacer máscara de recorte.

Usaremos esta herramienta un par de veces más en el tutorial, así que no lo olvides.!

Paso 6

Con el Máscara de recorte Creada, nuestra primera parte de la imagen esta hecha.!

2. Cómo crear la valla

Paso 1

Empecemos dibujando la forma de las tablas de la cerca..

Toma el Herramienta Pluma (P) y dibujar la mitad de un tablero de la cerca. Una vez que haya terminado el esquema, botón derecho del ratón en él y elegir Transformar> Reflejar. Selecciona el Eje vertical y haga clic Dupdo Para crear la segunda mitad de la forma..

Paso 2

Ahora, mueva 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 y en la Pionero menú, elegir Unir. Esto creará un contorno completo, simétrico!

Paso 3

Llenar La forma con un color gris (no importa cuál por ahora)..

Toma el Herramienta de lazo (L) y seleccione los dos nodos centrales en la parte inferior de la forma. prensa Borrar para deshacerse de ellos.

Esto será muy importante más adelante, así que no se salte este paso.!

Etapa 4

Como ahora hay un espacio en la parte inferior de la forma, use Objeto> Ruta> Unirse para unificarlo de nuevo.

Crear un Dupdo del esquema y lo puso a un lado!Lo necesitaremos mas tarde.

Paso 5

Vamos a añadir algo de profundidad a nuestro tablero de la cerca! Ir Efecto> 3D> Extrusión y Bisel y complete los siguientes ajustes para el Rotación:

  • -7 °
  • 19 °
  • -2 °

los Profundidad de extrusión debería ser sobre 5 px.

Paso 6

Después de aplicar el efecto a la forma., crear caminos fuera de ella yendo a Objeto> Expandir Apariencia.

Desagrupar El resultado un par de veces hasta que obtenga tres caminos separados.

Paso 7

Seleccione los dos caminos que forman el lado del poste de la cerca y Unir ellos en el Pionero panel.

Paso 8

Colorea el frente de la valla con # F1EBE1 y el lado con # D8CFC2.

Paso 9

Para este paso, necesitarás una foto de una tabla de madera con una textura..

Recomiendo usar mi propia foto, que puede descargar como un archivo adjunto para este tutorial (texture.jpg).

Mueva la foto al archivo con su fondo de primavera y abra el Traza de imagen panelVentana> Trazado de imagen).

Después de seleccionar el objeto con la textura, ingrese las configuraciones que elegí en el panel (es posible que deba hacer clic en Avanzado para mostrar el resto de la configuración) y haga clic en Rastro.

Configuración de seguimiento de imagen:

  • Modo: En blanco y negro
  • Límite: 164
  • Caminos: 50%
  • Esquinas: 75%
  • Ruidos 25px
  • Crear: Rellenos
  • Ignorar blanco Comprobado

Paso 10

Seleccione el resultado de la traza y vaya a Objeto> Expandir.

Paso 11

En el Transparencia panel, establecer el Opacidad a 30% y el Modo de transparencia a Cubrir.

Paso 12

Toma el contorno que creamos en el paso 4 de esta sección y colócalo sobre la parte superior de la textura. Hacer una Máscara de recorte fuera de las dos formas.

Coloca el resultado sobre nuestro poste de la cerca..

Paso 13

Arrastra la publicación un poco hacia la derecha mientras mantienes presionado Cambio y Alt, creando un Dupdo de eso a una distancia razonable.

Continuar presionando Control-D para repetir su última acción, creando efectivamente tantos tableros como desee. Deténgase en la longitud de su cerca preferida.

Paso 14

Ahora vamos a crear un tablero trasero para nuestra valla!

Primero, dibuja un rectángulo un poco más largo que tu cerca. Coloréalo con # EEE7DE. Agrega otro rectángulo mucho más estrecho en la parte superior y coloréalo con # E2DCD2.

Paso 15

En este paso, haremos sombras que están siendo proyectadas por los postes de la cerca..

Dibuja dos rectángulos verticales lado a lado, colorándolos con # 7B6F5B (la izquierda) y # DEDBD2 (lo que es correcto). El rectángulo derecho debería ser un poco más ancho..

A continuación, establezca el rectángulo de la derecha Opacidad a 0% y continuar Objeto> Mezcla> Opciones de mezcla. Selecciona el Espaciado a Pasos especificados y elige 30 por la cantidad.

Finalmente, selecciona ambos rectángulos y ve a Objeto> Mezcla> Hacer.

Paso 16

Mueve la mezcla en el tablero que creamos. Al igual que antes, use Control-D a Duplicar La sombra en todo el tablero..

Paso 17

Mueve el tablero con las sombras detrás de la cerca. Intenta alinear las sombras perfectamente!

Paso 18

Finalmente, crearemos los tornillos que sostienen nuestra cerca en su lugar..

Utilizar el Herramienta de malla (U) para recrear la semejanza de un tornillo, siguiendo los pasos a continuación.

Aquí están los colores que necesitarás:

  1. # D1D0C7
  2. # 535044
  3. # AAA99F
  4. # B0AFA5
  5. # 000000

Paso 19

Usa dos círculos para la sombra. Crea una más pequeña dentro de la más grande pero ligeramente descentrada. Colorea el círculo más grande con # D8D4C9 y el mas pequeño con # 6C6557.

Establecer el círculo de luz Opacidad a 0%, y luego proceder con Objeto> Mezcla> Hacer.

Paso 20

Colocar el Malla Encima de la sombra y gírela ligeramente. Nuestro tornillo esta hecho!

Paso 21

Coloque el tornillo en la parte superior de la cerca terminada en el centro de cada intersección.

Utilizar Control-D a Duplicar los tornillos después de mover uno (mientras se mantiene Alt y Cambio).


3. Cómo crear nubes y césped

Paso 1

Ahora que nuestra cerca está lista, la imagen necesita solo un par de toques finales!

Si desea tener nubes en el cielo de nuestro paisaje primaveral, siga este tutorial: Cómo crear un cielo nocturno con nubes utilizando Adobe Illustrator y Photoshop.

Después de que hayas hecho tus nubes, vuelve a nuestro fondo y colócalas en el cielo..

Sugiero crear algunas copias de la primera y combinarlas para crear formas interesantes.!

Paso 2

Para hacer nuestro cielo aún más bonito, creemos un sol.!

Dibuja un círculo y aplica un Gradiente radial que va desde blanco a # 95896A a negro. Cambiar la forma de Modo de transparencia a Pantalla.

Paso 3

Coloque nuestro punto culminante en algún lugar en el cielo. Ahora tenemos un sol!

Etapa 4

Para el paso final, podemos crear un poco de hierba. Aprenda a hacer hierba con este tutorial: Cómo crear un banner de Grass en Adobe Illustrator.

Después de que hayas terminado tu vector de hierba, vuelve a la cerca que hicimos en la sección anterior. Colóquelo sobre la parte superior de su pancarta de hierba de modo que la parte inferior de la cerca quede sobresaliendo un poco..

A continuación, crea un Dupdo de la hierba y moverla encima de la cerca. Asegúrate de colocarlo más abajo para que puedas ver la cerca!

Paso 5

¡Todo lo que queda es mover la cerca y la hierba a nuestro fondo! No te olvides de usar un Máscara de recorte para "recortar" tu imagen!

Impresionante trabajo, ya estás hecho!

¿Ahora que? Puede probar cualquiera de mis otros tutoriales desde mi perfil o consultar mi portafolio en GraphicRiver, así como la imagen original de la naturaleza que hemos recreado en este tutorial..

Espero que hayas disfrutado el tutorial y estaré muy contento de ver los resultados en los comentarios a continuación.!