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

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 imageFinal product imageFinal 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 BootsAutumn Background with Umbrella and Rain BootsAutumn 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 bootsgradient mesh tutorial autumn background rain bootsgradient 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 bootsvector rain bootsvector 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 tutorialrain boot mesh tutorialrain 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 shadowgradient shadowgradient shadow

2. Cómo Dibujar la Sombrilla

Paso 1

Comienza dibujando la sombrilla con la malla.

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

Paso 2

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

Paso 3

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

Paso 4

  1. #A43627
  2. #52130D
  3. #230303
  4. #81251A
vector mesh umbrella tutorialvector mesh umbrella tutorialvector 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 handlegradient umbrella handlegradient 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.

gradientgradientgradient

Paso 7

Ensambla la sombrilla, añadiendo algunas sombras debajo.

vector umbrellavector umbrellavector 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 illustratormesh adobe illustratormesh adobe illustrator

Paso 2

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

Paso 3

  1. #ECF1C4
  2. #E1E0B4
mesh backgroundmesh backgroundmesh 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 distortfree distortfree distort

Paso 5

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

clipping maskclipping maskclipping mask

Paso 6

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

planks backdropplanks backdropplanks 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 overlaygradient overlaygradient overlay

Paso 8

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

gradient rimgradient rimgradient 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 illustratorwarp effects adobe illustratorwarp 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 colorsadjust colorsadjust colors

Paso 3

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

warp effect arcwarp effect arcwarp 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.

saturatesaturatesaturate

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.

leafjpgleafjpgleafjpg

Paso 6

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

image trace adobe illustratorimage trace adobe illustratorimage 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 traceimage traceimage trace

Paso 8

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

leaf vectorleaf vectorleaf vector

Paso 9

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

vector leavesvector leavesvector 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 settingstransparency settingstransparency settings

Paso 11

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

Crea un fondo.

bokeh lights vectorbokeh lights vectorbokeh lights vector

Paso 12

¡Ensambla los elementos!

autumn background vectorautumn background vectorautumn 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 ResultEnd ResultEnd Result
Fondo de Otoño con Sombrilla y Botas para Lluvia

¡Consulta más tutoriales que pudieran gustarte!


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.