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

Cómo Dibujar una Colección de Bolsas y Contenedores 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 tutorial, aprenderás cómo usar la Herramienta Malla en Adobe Illustrator ¡para crear un conjunto de empaques!

Si quisieras saltarte el tutorial y solo usar este vector en tu trabajo, ¡puedes hacerlo y comprar la Colección de Bolsas de la Compra y Cajas de Regalos de GraphicRiver!

Colección de Bolsas de la Compra y Cajas de Regalos

1. Cómo Dibujar la Bolsa de la Compra

Paso 1

Comienza dibujando un lado para la bolsa de la compra con la malla.

Crea un cuadrado relleno con el color #F5F5F5, y hazlo curvo para que se vea como la imagen de abajo.

A continuación, con la Herramienta Malla (U), agrega un nodo de malla como se indica y colorea el borde inferior izquierdo con #A5A5A5. Colorea el nuevo nodo con #BBBBBB.

gradient mesh tutorial

Paso 2

Dibuja otro objeto con la malla. Necesitarás estos colores:

  1. #C6C6C6
  2. #9B9B9B
  3. #B3B3B3
  4. #CCCCCC
shopping bag vector tutorial

Paso 3

  1. #C8C8C8
  2. #A3A3A3
  3. #B8B8B8
vector tutorial

Paso 4

  1. #A2A2A2
  2. #D0D0D0
  3. #5A5A5A
shopping bag mesh

Paso 5

Dibuja una línea curva y aplica un Degradado radial gris a su Trazo. Continúa para aplicar Objeto > Expandir.

radial gradient

Paso 6

Dibuja una sombra con un Degradado Radial de #979797 a blanco. Cambia el modo de Transparencia a Multiplicar.

gradient shadow

Paso 7

Ensambla la bolsa con los elementos que hicimos. Agrega la sombra debajo de la bolsa.

shopping bag vector

Paso 8

Crea una copia de la bolsa original y hazla curva con Efecto > Deformar > Torcer, usando Curvar 14% con Distorsión Horizontal 7%. Expande el objeto finalizado.

warp effects

2. Cómo Dibujar la Bolsa de Papel

Paso 1

Continúa dibujando la bolsa de papel.

  1. #EBEBEB
  2. #B1B1B1
  3. #FFFFFF
paper bag vector

Paso 2

Dibuja el lado.

  1. #EDEDED
  2. #FFFFFF
  3. #DDDDDD
  4. #F3F3F3
vector mesh tool

Paso 3

  1. #E5E5E5
  2. #DEDEDE
  3. #FFFFFF
gradient mesh

Paso 4

Dibuja la parte superior.

  1. #D9D9D9
  2. #777777
  3. #989898
vector bag

Paso 5

Finaliza dibujando esta parte.

  1. #B2B2B2
  2. #F0F0F0
  3. #CBCBCB
gradient mesh

Paso 6

Ensambla la bolsa de papel.

mesh bag

Paso 7

Agrega las sombras que hicimos en la sección previa.

vector paper bag

3. Cómo Dibujar el Tubo

Paso 1

Dibuja la parte principal del tubo.

  1. #EBEBEB
  2. #F0F0F0
  3. #8E8E8E
  4. #FEFEFE
  5. #DEDEDE
  6. #E7E7E7
vector tube

Paso 2

Dibuja la tapa.

  1. #909090
  2. #EFEFEF
  3. #A4A4A4
mesh lid

Paso 3

Ensámblalo, agregando una sombra.

mesh tube

4. Cómo Dibujar la Botella

Paso 1

Dibuja la botella.

  1. #D2D2D2
  2. #FDFDFD
  3. #B1B1B1
  4. #E2E2E2
  5. #A0A0A0
  6. #B1B1B1
vector mesh bottle

Paso 2

Dibuja la tapa.

  1. #DCDCDC
  2. #FFFFFF
  3. #BBBBBB
  4. #CCCCCC
  5. #D5D5D5
mesh tutorial

Paso 3

  1. #E8E8E8
  2. #F9F9F9
  3. #C4C4C4
  4. #DBDBDB
mesh lid

Paso 4

Ensambla la botella.

vector bottle

Paso 5

Crea una versión diferente de la botella al curvar una copia con Efecto > Deformar > Arco. Usa Distorsión Vertical 17% y Expandir Apariencia.

warp illustrator

Paso 6

Crea otra versión de la botella al curvar una copia de la original con Efecto > Deformar > Abombar. Utiliza Curvar 12% y Expandir Apariencia.

warp effects

5. Cómo Agregar las Cajas

Paso 1

Aprende cómo dibujar la primera caja aquí:

Coloréala con Edición > Editar Colores > Ajustar Equilibrio de Colores. Usa modo Escala de Grises y ajusta el valor de Negro a -3%.

how to draw a box with mesh

Paso 2

Aprende a elaborar una segunda caja en el tutorial enlazado arriba, y luego vuelve a colorearla similarmente: con Edición > Editar Colores > Ajustar Equilibrio de Colores, usando el modo Escala de Grises con el Negro en -16%.

vector present

Paso 3

Finaliza con Edición > Editar Colores > Saturar con Intensidad en 52%.

vector gift box

Paso 4

Aprende cómo elaborar la última caja en otro tutorial mío, y luego agrega una Intensidad de 26% con la función Saturar.

vector gift box

Paso 5

¡Has terminado el conjunto!

set of vector containers

¡Fabuloso Trabajo, Ahora Terminaste!

¿Ahora qué? Puedes intentar cualquiera de mis otros tutoriales de mi perfil, o consultar mi portafolio en GraphicRiver, así como el vector original por el que me inspiré para este tutorial.

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

Collection of Shopping Bags and Gift Boxes
Colección de Bolsas de la Compra y Cajas de Regalos

¡Intenta otros interesantes tutoriales!


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.