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 de Vacaciones de Verano en Adobe Illustrator?

by
Difficulty:BeginnerLength:ShortLanguages:

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

Final product image
What You'll Be Creating

En este tutorial, aprenderás a usar la Herramienta Malla para crear un fondo de verano con una escena de vacación.

Si te gustaría saltar este tutorial y comprar el resultado final con un par de elementos más, ve a GraphicRiver para comprar Playa con Palmera y una Señal.

Beach Scene
Playa con una Palmera y una Señal

1. ¿Cómo Crear un Sombrero?

Paso 1

¡Vamos a comenzar creando un sombrero! Te mostraré el proceso de usar Malla por primera vez en este tutorial.

Primero, crea una elipse, dándole color #EFE9D4,

Luego, coge la Herramienta Malla (U) y crea una cuadrícula de Malla en la elipse dando clic donde los nodos tendrían que estar. Usando el color #D4C6AF, colorea los nodos seleccionados en la captura de abajo.

Continúa añadiendo más nodos y dales color como en la imagen de abajo. Necesitarás los siguientes colores:

  1. #EFE9D4
  2. #D4C6AF
  3. #BCA88F
  4. #D8CCB5
  5. #F4EFDA
the rim of the hat

Paso 2

¡Felicidades! Hemos hecho nuestro primer objeto de Malla.

Crea otra parte del sombrero de una manera similar. Puedes modificar las formas con Malla, arrastrando los nodos alrededor, como se indica en la imagen de abajo.

Necesitarás estos:

  1. #D8CAB0
  2. #F0EAD8
  3. #ECE0BE
  4. #A28975
  5. #DOBFA6
  6. #EFE9D7
  7. #827666
the front part of the hat

Paso 3

Similarmente, continua con otra pieza del sombrero.

  1. #ECDEBB
  2. #F9F5E9
  3. #D1BA9E
  4. #FCFBE8
  5. #F0EAD8
the middle of the hat

Paso 4

¡Vamos a crear la cinta! Dibuja un rectángulo, dándole color #6B0B10

Luego ve a Efecto > Deformar > Arco. Aplica Curvar a -20%. Luego ve a Objeto > Expandir Apariencia.

see above

Paso 5

Colorea los bordes con #49040B y crea algo de iluminación, coloreada con #920F16.

see above

Paso 6

Una las partes del sombrero que creamos en los pasos anteriores.

assemble hat

Paso 7

¡Este debe ser el resultado final!

final result

2. ¿Cómo Crear la Silla Playera?

Paso 1

Comienza creando y dándole color a las partes de madera de la silla. Necesitarás estos colores:

  1. #D9AA7C
  2. #E3C5A8
  3. #BB936C
  4. #B68257
  5. #C79869
  6. #E8C396
draw a wooden plank

Paso 2

Añade la parte final de la tabla de madera. Dale color #AF8058.

end of a plank

Paso 3

Crea y forma otra tabla. Dale color #DCAD76.

wooden plank

Paso 4

Colorea la tabla. Para los pasos 1 y 3, necesitarás colorear toda la longitud de la tabla.

  1. #F9CDA2
  2. #8F6646
  3. #C89C6A
with a line where the edge is

Paso 5

Añade la parte final del objeto y dale color #C79A6D.

plank end

Paso 6

Dibuja el tercer tablón de la silla, usando estos colores:

  1. #D6Af7E
  2. -
  3. #B2875B
  4. #996C46
  5. #E2C196
roundish wooden part

Paso 7

Añade una forma de #DEC19C al final del tablón.

plank end

Paso 8

Combina la estructura de madera con las tablas que hicimos.

different parts
assemble the chair out of the parts we drew

Paso 9

Dibuja una base para la parte de tela de la silla. Rellena con #FEF1EF.

cloth that would fit on the chair

Paso 10

Crea una tira, y dale relleno con #7191BF.

draw a blue long narrow stripe

Paso 11

Crea una copia de la tira y pon ambas tiras a los lados de la base de tela. Ve a Objeto > Fusionar > Opciones de Fusión y pon los Pasos Especificados, 4.

Selecciona las tiras y aplica Objeto > Fusión > Crear. Usa Objeto > Expandir Apariencia en el resultado.

see above

Paso 12

Crea otra forma con relleno #FEF1EF.

end part of the cloth looks like a tube

Paso 13

Dibuja la parte final de la tira (#7191BF).

end of a stripe so it fits on the shape we made in step 12

Paso 14

Similarmente al Paso 11, aplica Fusión a las tiras y Expande Apariencia.

see above

Paso 15

Une las dos partes juntas.

see above

Paso 16

Adjunta la tela encima de la silla.

see above

Paso 17

Pronto serás capaz de consultar el próximo tutorial (aun no publicado) en cómo crear un destornillador.

the screw

Paso 18

Añade los destornilladores a las partes movibles de la silla.

see above

¡La silla está terminada! Ahora vamos a las sandalias.

3. ¿Cómo Crear las Sandalias?

Paso 1

Dibuja el esquema del suela y dale color #EB9221.

shape of a flip flop sole

Paso 2

Ve a Efecto > 3D > Extrusión y Biselado para crear la versión 3D de nuestra forma.

Usa la siguiente configuración:

  • 16°
  • -1°
see above

Paso 3

Selecciona el resultado y usa Objeto > Expandir Apariencia para dividir las partes de la suela.

Desagrupa para seleccionar solo el lado, dándole color #C15B25. Rellena el frente con #EB9221 si ha cambiado el color. Puedes Agrupar las partes luego.

see above

Paso 4

Ahora dibuja la tira para la suela, dándole color #CCC15C y ponla encima de la sandalia.

yellow flip flip strap

Paso 5

¡Vamos a dibujar una sombra! Crea un rectángulo con 6 columnas y 6 filas de Malla y usa Efecto > Deformar > Arco con Curvar: 16% para distorsionar.

see above

Paso 6

Expande la Apariencia del resultado. Luego, colorea todo el rectángulo de blanco, cambiando solamente la columna media de la malla a #7A5422 para crear una ilusión de sombra.

Crea otra copia de la sombra y organízala para que se adecue a la tira de la sandalia.

see above

Paso 7

Pon la Opacidad del objeto a 50% y el Modo de Transparencia a Multiplicar.

see above

Paso 8

Mueve la Malla debajo de las tiras amarillas. Debe crear una sombra.

see above

Paso 9

Agrupa todas las partes de la sandalia y crea una copia de ella. Puedes Reflejar la copia dando clic derecho y escoger Transformar > Reflejar.

see above

Paso 10

Vamos a "enterrar" nuestras sandalias en la arena, así que para eso vamos a dibujar un rectángulo con un borde puntiagudo en la parte inferior. Asegúrate de que todas las partes de arriba del calzado se adecuen a la forma.

Pon el esquema sobre la parte de arriba de las sandalias; selecciona toda y Crea una Máscara de Recorte luego de dar clic-derecho.

see above

Paso 11

Finalmente, dibuja la sombra que nuestras sandalias harán sobre la arena.

Crea una elipse, rellenándola con un Degradado Radial de #C8C4AE a blanco. Cambia su Transparencia a Multiplicar.

see above

Paso 12

Crea una copia y ponla en la elipse original, un poco afuera del centro. Dibuja otro esquema, la parte superior que se alinea con la parte baja de la sandalia.

Pon el esquema en el círculo, la parte superior del esquema que está en el medio de las sombras. Crea un Máscara de Recorte.

see above

Paso 13

Alinea las sombras con las sandalias.

see above

4. ¿Cómo Crear el Fondo?

Paso 1

Dibuja un rectángulo simple, blanco, poniendo un nodo de Malla debajo de su centro, y dale color a sus tres nodos con #A4DBED.

see above

Paso 2

Si quieres añadir nubes en el cielo, mira este tutorial y aprende a cómo crear las nubes.

place clouds on top

Paso 3

Vamos a dibujar la arena usando una malla. Necesitarás estos colores:

  1. #EBD9BD
  2. #F7E8D0
  3. #E2CFB3
  4. #F4E7CF
shape it like a little island

Paso 4

Todo lo restante es para dibujar la Malla para el mar.

Usa estos colores:

  1. #EBD9BD
  2. -
  3. #F0F5F8
top row is F0F5F8

Paso 5

Cambia la Opacidad del mar a 70% y la Transparencia a Multiplicar.

see above

Paso 6

Pon el mar encima de la arena, creando la ilusión de un isla sumergida.

transparent part on top of sand

Paso 7

Organiza la escena con los objetos que creamos antes. Si quieres añadir una maleta como en la imagen de abajo, revisa este tutorial.

group of beach objects

Paso 8

Ahora pon los elementos en la isla, y haz terminado.

finished scene

¡Felicidades! ¡Haz Terminado!

¿Y ahora qué? Puedes ver cualquiera de mis otros tutoriales en mi perfil o revisa mi portafolio en GraphicRiver, así como también la imagen original que creamos en este tutorial.

Espero que hallas disfrutad el tutorial y estaré extremadamente feliz de ver los resultados en los comentarios de abajo.

Beach Scene
Playa con una Palmera y una Señal
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.