Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Gradient Mesh Tool
Design

Cómo Crear un Fondo con Temática de Otoño en Formato Vectorial en Adobe Illustrator

by
Difficulty:BeginnerLength:ShortLanguages:

Spanish (Español) translation by Javier Salesi (you can also view the original English article)

Final product image
What You'll Be Creating

En este sencillo tutorial, aprenderás cómo utilizar la Herramienta Malla y un poco de Calco de Imagen en Adobe Illustrator ¡para crear un fondo de otoño!

Si quieres saltarte el tutorial y solo usar este fondo en tu trabajo, ¡puedes comprar el Fondo con Temática de Otoño con Sombrilla y Botas para Lluvia de GraphicRiver!

Autumn Background with Umbrella and Rain Boots
Fondo con Temática de Otoño con Sombrilla y Botas para Lluvia

1. Cómo Dibujar las Botas

Paso 1

Comencemos dibujando la primera bota con Malla de Degradado.

Crea un rectángulo naranja-el color es #CB492C.

A continuación, toma la Herramienta Malla (U). Haz clic para crear nodos, que a su vez crean una Cuadrícula de Malla. Cuando tengas una cuadrícula de malla lo suficientemente gruesa, toma los bordes del rectángulo y muévelos para hacer la forma más redonda. Debería parecer la forma de una bota.

Una vez que termines de hacer la forma, selecciona los nodos del lado izquierdo del calzado (ya tienen color diferente en la captura de pantalla) y coloréalos con #F7997F.

A continuación, selecciona los nodos en los bordes del objeto (están seleccionados abajo) y procede a cambiar su color a #A73013. Agrega algunos tonos rojos más oscuros en el cuarto paso con #BA391D, y luego agrega más iluminaciones con #DD6B4E y #D0593C.

Siempre asegúrate de seleccionar los nodos que están seleccionados en cada captura de pantalla abajo ¡y aplícales el color correspondiente!

gradient mesh tutorial autumn background rain boots

Paso 2

Dibuja un objeto con la forma de una suela para la bota, coloréandola de #1A1C24. Únela a nuestra forma con la malla, y luego crea una copia más pequeña de ambos objetos.

vector rain boots

Paso 3

Modifica la copia más pequeña con la malla. Necesitarás estos colores:

  1. -
  2. #98250F
  3. #CA4C31
rain boot mesh tutorial

Paso 4

Agrega algunas sombras al clonar una elipse rellena con un Degradado Radial de #C4A78B a Blanco. Establécelas en Multiplicar.

gradient shadow

2. Cómo Dibujar la Sombrilla

Paso 1

Comienza dibujando la sombrilla con la malla.

  1. #EE836B
  2. #BB361E
  3. #D34628
gradient mesh

Paso 2

  1. #F77758
  2. #AE1E0A
  3. #E13D1C
  4. #FF6944
gradient mesh tutorial

Paso 3

  1. #E56F52
  2. #B43019
  3. #CC4428
umbrella vector

Paso 4

  1. #A43627
  2. #52130D
  3. #230303
  4. #81251A
vector mesh umbrella tutorial

Paso 5

Dibuja una empuñadura al rellenar un rectángulo angosto con un Degradado Lineal. Debería contener estos colores: #C6BDB3 - #4A4138 - #BAAFA4 - #14120F.

gradient umbrella handle

Paso 6

Dibuja la parte final al aplicar un Degradado al Trazo de un trazado dibujado. Debería contener estos colores: #1B0D03 - #C39983 - #1B0D03.

Expande el trazado.

gradient

Paso 7

Ensambla la sombrilla, añadiendo algunas sombras debajo.

vector umbrella

3. Cómo Dibujar el Fondo y el Piso

Paso 1

Comienza dibujando el fondo con la malla.

  1. #DDF5E2
  2. #86AFAE
  3. #E2AD12
  4. #FEF698
mesh adobe illustrator

Paso 2

  1. #FFFEFD
  2. #E7D2A8
  3. #ADC4AE
  4. #C98105
gradient mesh

Paso 3

  1. #ECF1C4
  2. #E1E0B4
mesh background

Paso 4

Para añadir el piso de madera, primero consulta la Sección 4 de este tutorial:

A continuación, hazlo curvo con Efecto > Distorsionar y Transformar > Distorsión Libre como se muestra abajo.

Expande la Apariencia del resultado.

free distort

Paso 5

Dibuja un contorno sobre la sección seleccionada del piso, y luego Crea una Máscara de Recorte.

clipping mask

Paso 6

Coloca un fondo de color #533D18 detrás de los tablones.

planks backdrop

Paso 7

Crea un rectángulo, relleno de un Degradado de #F5BB59 a #75441B.

Establécelo en Superponer y Opacidad 80%, y colócalo arriba del piso.

gradient overlay

Paso 8

Crea un pequeño aro usando un Degradado Radial de #42210B a #F5BB59 en un Trazo.

gradient rim

4. Cómo Agregar las Hojas y el Efecto Bokeh

Paso 1

Aprende cómo realizar la hoja naranja en este tutorial:

A continuación, hazlo curvo con Efecto > Distorsionar > Arco, usando estos parámetros:

  • Curvar: 30%
  • H: -26%
  • V: 26%

Expande la Apariencia del resultado.

warp effects adobe illustrator

Paso 2

Agrega una copia de la hoja curvada y hazla amarilla con Edición > Editar Colores > Ajustar Equilibrio de Colores.

adjust colors

Paso 3

Toma la hoja original una vez más, curvándola con Efecto > Distorsionar > Arco.

warp effect arc

Paso 4

Toma una copia de esta también, haciéndola más clara con la función Edición > Editar Coilores > Saturar.

saturate

Paso 5

Presiona el botón Descargar Archivo Adjunto en la barra lateral derecha de esta página, y abre el archivo leaf.jpg en tu archivo de trabajo en Adobe Illustrator.

leafjpg

Paso 6

Usa Calco de Imagen para aislar un contorno Blanco y Negro.

image trace adobe illustrator

Paso 7

Rellena el contorno que obtienes de #D09739. Agrega una hoja real, rellénala de #EAC02C y usando una Opacidad 20%.

image trace

Paso 8

Agrega una hoja más esta vez rellena de #E09736. También usa Opacidad 20%.

leaf vector

Paso 9

Organiza las hojas, agregando sombras debajo de las que están en la parte inferior.

vector leaves

Paso 10

Crea una Mascara de Opacidad de un círculo con color #FF1200 y un círculo relleno con un Degradado Radial. Establece el modo de Transparencia en Trama con Opacidad 70%.

transparency settings

Paso 11

Si quisieras agregar luces de efecto bokeh, aprende cómo aquí:

Crea un fondo.

bokeh lights vector

Paso 12

¡Ensambla los elementos!

autumn background vector

¡Felicidades, Terminaste!

Gracias por seguir el tutorial y por favor con toda confianza publica tu resultado en los comentarios. ¡Estaré ansioso por verlo!

En este tutorial, aprendiste cómo crear un fondo con temática de otoño usando la Herramienta Malla. ¡Espero que hayas disfrutado y aprendido cómo usar la Malla de Degradado para el futuro! Consulta algunos de mis otros tutoriales en mi perfil de instructor.

Puedes comprar el Fondo de Otoño con Sombrilla y Botas para Lluvia así como otros diseños similares en mi portafolio en GraphicRiver.

End Result
Fondo de Otoño con Sombrilla y Botas para Lluvia

¡Consulta más tutoriales que pudieran gustarte!


Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.