7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Nature

Cómo crear un fondo de vacaciones en la playa en Adobe Illustrator

Scroll to top
Read Time: 5 mins

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 tutorial aprenderás cómo usar la Herramienta Malla para crear un fondo de verano ¡con una escena de vacaciones!

Si quisieras saltarte este tutorial y comprar el resultado final con un par de elementos más, dirígete a GaphicRiver para comprar Fondo de vacaciones.

Fondo de vacaciones

1. Cómo dibujar las palmeras

Paso 1

¡Comencemos dibujando el nervio principal! Usando la Herramienta Pluma (P), dibuja una línea curva como se muestra abajo, y luego cambia su Perfil de Anchura como corresponde.

Finalmente, aplica un Degradado Radial al Trazo. Debería ir de #D3D991 a #5A6B00 a #576900.

draw stemdraw stemdraw stem

Paso 2

Procede a Objeto > Expandir Apariencia para crear un objeto del trazo.

expand appearanceexpand appearanceexpand appearance

Paso 3

Dibuja otra línea, coloreando su Trazo con #7C9808, y luego aplícale un Perfil.

A continuación, ve a Objeto > Expandir Apariencia.

draw leafdraw leafdraw leaf

Paso 4

¡Estaremos modificando este objeto con la Malla!

Toma la Herramienta Malla (U) y coloca unos cuantos nodos en el objeto como se muestra abajo, para crear una cuadrícula de malla. Luego, selecciona los nodos como se muestra abajo y vuélvelos a colorear con #75840A.

Procede coloreando más la Malla, usando los colores #B2AE5B y #91AB11.

meshmeshmesh

Paso 5

Toma el objeto finalizado y ve a Efecto > Deformar > Arco. Establece Curvar en 7%, y luego Expandir Apariencia de los objetos.

warp leafwarp leafwarp leaf

Paso 6

Haz una copia más pequeña de la hoja, y luego crea una copia de ella también, y vuélvela a colorear con Edición > Editar Colores > Ajustar Equilibrio de Colores, estableciendo el Rojo en 8%. Deberías tener tres hojas diferentes después de este paso.

recolor leafrecolor leafrecolor leaf

Paso 7

Toma estas hojas y agrégalas al nervio principal que hicimos antes, creando una hoja de palma.

assemble leafassemble leafassemble leaf

Paso 8

Toma una copia de la hoja finalizada y defórmala con Efecto > Deformar > Arco. Usa estos valores:

  • Curvar: 8%
  • Distorsión Horizontal: -2%
  • Distorsión Vertical: -12%

No olvides Expandir la Apariencia del resultado.

bend leafbend leafbend leaf

Paso 9

Crea otra copia de la primera hoja que hicimos y vuélvela a colorear con Edición > Editar Colores > Ajustar Equilibrio de Colores. Usa estos:

  • Rojo: -15%
  • Azul: -16%
recolorrecolorrecolor

Paso 10

Toma la hoja que acabamos de hacer y aplícale Efecto > Distorsionar > Abombar.

  • Curva: 22%
  • Distorsión Horizontal: -18%
  • Distorsión Vertical: -8%

Expandir Apariencia

warp leafwarp leafwarp leaf

Paso 11

Modifica más la hoja, ahora con Efecto > Deformar > Arco.

  • Curvar: 24%
  • Distorsión Horizontal: -2%
  • Distorsión Vertical: -12%

No olvides Expandir Apariencia del resultado.

bend leafbend leafbend leaf

Paso 12

Pon las hojas que hicimos en capas.

create leavescreate leavescreate leaves

Paso 13

Dibuja un contorno, manteniendo la parte de las hojas que quieres ver dentro del rectángulo.

crop leavescrop leavescrop leaves

Paso 14

Selecciona todo, haz click-derecho, y elige Crear Máscara de Recorte.

clipping maskclipping maskclipping mask

Paso 15

¡Nuestras hojas están terminadas!

resultresultresult

2. Cómo dibujar el mar y la arena

Paso 1

Para este paso, necesitarás descargar el archivo adjunto de este tutorial. Podrás encontrarlo en la barra lateral derecha.

Abre sea.jpg en Adobe Illustrator y arrastra la imagen a tu archivo vectorial. Habilita el panel Calco de Imagen (puedes hacerlo al ir a Ventana) y cambia el número de Colores a 3. Calca la imagen.

image traceimage traceimage trace

Paso 2

Toma el calco resultante, y luego Desagrúpalo hasta que te quedes con elementos diferentes.

ungroupungroupungroup

Paso 3

Divide el mar en diferenes colores al seleccionar un elemento coloreado y haciendo click en Seleccionar > Mismo > Color de Relleno

select same colorsselect same colorsselect same colors

Paso 4

Obtendrás tres diferentes capas de elementos. Mantén los que están coloreados con #38D8F4 y #11B9D7, pero elimina todos los elementos coloreados con #5CEAFC, creando en cambio un rectángulo completo relleno de ese color.

Crea una copia de la capa de en medio y apártala para más tarde.

divide into colorsdivide into colorsdivide into colors

Paso 5

Combina estas capas en un fondo.

assemble seaassemble seaassemble sea

Paso 6

Dibuja un nuevo rectángulo, rellenándolo con #88DEE5, y luego toma la Herramienta Malla (U) y agrega algunos nodos de malla.

Colorea la fila inferior del objeto con #E7EFF0, y luego agrega más nodos y colorea la nueva fila con #CFEBED.

Modifica la forma del objeto al arrastrar sus nodos con la Herramienta Malla. Dale una forma orgánica y ondulada.

draw mesh seadraw mesh seadraw mesh sea

Paso 7

Selecciona los nodos de la fila superior e inferior del objeto, cambiando su Opacidad a 0%.

adjust opacityadjust opacityadjust opacity

Paso 8

Comienza a dibujar la arena con la Malla.

  1. #E7D9BD
  2. #CBA880
  3. #FFFFFF
draw sand with meshdraw sand with meshdraw sand with mesh

Paso 9

Monta la línea de costa.

coastlinecoastlinecoastline

Paso 10

Toma la copia que hicimos en el Paso 4. Dibuja una línea de costa rectangular en la parte superior de la textura, y luego ve a Buscatrazos > Recortar para recortar una parte de ella.

cropcropcrop

Paso 11

Elimina algunas partes de ella para hacer que luzca más orgánica.

ajust textureajust textureajust texture

Paso 12

Crea un Pincel de Arte de la textura.

art brushart brushart brush

Paso 13

Dibuja una línea y aplícale el nuevo pincel.

Usa el color #EFEFEF y establece el Trazo en 0.5 pt.

add brushadd brushadd brush

Paso 14

Expande la Apariencia del objeto, y luego establécelo en Trama y Opacidad 50%.

set screenset screenset screen

Paso 15

Cólocala en la línea de costa.

place brushplace brushplace brush

3. Cómo dibujar el cielo y las nubes

Paso 1

Dibuja el cielo con la malla.

  1. #53A0D0
  2. #FFFFFF
  3. #88C0E1
  4. #89C2E0
draw sky with gradient meshdraw sky with gradient meshdraw sky with gradient mesh

Paso 2

Haz transparente la fila inferior.

transparenttransparenttransparent

Paso 3

Dibuja la nube con malla.

  1. #000000
  2. #808080
  3. #535353
  4. #353535
draw clouddraw clouddraw cloud

Paso 4

Establece el objeto en Trama.

screenscreenscreen

Paso 5

Coloca algunas copias de las nubes unas sobre otras.

cloudscloudsclouds

Paso 6

Agrega el cielo y las nubes al fondo.

add skyadd skyadd sky

Paso 7

Agrega las hojas de palma.

add leavesadd leavesadd leaves

Paso 8

También puedes dibujar un sol con un Degradado Radial de blanco a amarillo a negro. Usa Trama en el objeto.

add sunadd sunadd sun

Paso 9

Agrega el sol al cielo.

También puedes agregar brillo de pantalla, aprende cómo crear esta clase de brillo en la última sección de mi tutorial de marco de ventana.

add highlightsadd highlightsadd highlights

Paso 10

Finalmente, ¡aprende cómo dibujar chanclas en este tutorial mío!

flip flopsflip flopsflip flops

¡Felicidades, terminaste!

¿Ahora qué? Puedes intentar cualquera de mis otros tutoriales de mi perfil, o consultar mi portafolio en GraphicRiver, así como la imagen original que creamos en este tutorial.

Espero que hayas disfrutado el tutorial, ¡y estaré extremadamente feliz de ver cualquier resultado en los comentarios abajo!

original imageoriginal imageoriginal image
Fondo de vacaciones
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.