1. Design & Illustration
  2. Graphic Templates

Cómo Crear una Plantilla para Mockup de Camiseta en Formato Vectorial en Adobe Illustrator

Scroll to top
Read Time: 3 min

() translation by (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 en Adobe Illustrator ¡para crear una plantilla para mockup de camiseta en formato vectorial!

Si quieres saltarte el tutorial y solo usar estos mockups de camiseta en tu trabajo, ¡compra la Plantilla de Diseño de Camiseta de GraphicRiver!

También puedes probar un tutorial similar mío, ¡donde puedes aprender cómo aplicar motivos a estas plantillas para mockup de camiseta!

Mens T-Shirt Design TemplateMens T-Shirt Design TemplateMens T-Shirt Design Template
Plantilla de Diseño de Camiseta

1. Cómo Dibujar una Plantilla para Mockup de Camiseta

Paso 1

¡Aprendamos cómo usar la Herramienta Malla mientras creamos una camiseta realista!

Comienza por dibujar la forma de la mitad de una camiseta con la Herramienta Pluma (P). Rellénala del color #F3F3F3.

¡Crea una copia de la forma! Déjala aparte-la necesitaremos más adelante.

¡Comencemos a usar una Malla! Toma la Herramienta Malla (U) y comienza a crear una cuadrícula de Malla en el objeto al colocar nodos. Después, selecciona los nodos en el borde izquierdo de la camiseta y cambia su color a #B7B7B7.

Agrega unos nodos más, como se indicó en la captura de pantalla de abajo, y colorea los nodos seleccionados con #F4F4F4, agregando arrugas a la camiseta.

mesh shirtmesh shirtmesh shirt

Paso 2

Continúa coloreando los nodos como se indica abajo. Usa estos colores:

  1. #DFDFDF
  2. #E3E3E3
  3. #F7F7F7
  4. #B9B9B9
gradient mesh templategradient mesh templategradient mesh template

Paso 3

Toma la segunda copia de la camiseta, refléjala y continúa coloreando.

  1. #F3F3F3
  2. #B7B7B7
  3. #D9D9D9
  4. #EEEEEE
vector t-shirt template mockupvector t-shirt template mockupvector t-shirt template mockup

Paso 4

Termina la segunda mitad.

  1. #CFCFCF
  2. #C4C4C4
  3. #B9B9B9
  4. #E3E3E3
how to use gradient meshhow to use gradient meshhow to use gradient mesh

Paso 5

Dibuja una manga.

  1. #EAEAEA
  2. #BDBDBD
  3. #B6B6B6
  4. #CFCFCF
  5. #DADADA
  6. #BDBDBD
how to draw with gradient meshhow to draw with gradient meshhow to draw with gradient mesh

Paso 6

  1. #E9E9E9
  2. #C0C0C0
  3. #F4F4F4
vector t-shirtvector t-shirtvector t-shirt

Paso 7

Dobla la Malla para realizar el cuello con Efecto > Deformar > Arco, usando Curvar -85%.

Objeto > Expandir Apariencia del resultado.

t-shirt mockup templatet-shirt mockup templatet-shirt mockup template

Paso 8

Dibuja la segunda parte del cuello.

  1. #6A6A6A
  2. #979797
gradient meshgradient meshgradient mesh

Paso 9

Combina las partes del cuello.

photo-realistic vector meshphoto-realistic vector meshphoto-realistic vector mesh

Paso 10

¡Ensambla el mockup de camiseta!

photo-realistic t-shirt mockup templatephoto-realistic t-shirt mockup templatephoto-realistic t-shirt mockup template

2. Cómo Volver a Colorear la Plantilla para Mockup de Camiseta

Paso 1

Para obtener todos los colores que ves en la miniatura, crea otras tres copias de la camiseta blanca que acabamos de hacer.

Toma una copia y procede a Edición > Editar Colores > Ajustar Equilibrio de Colores. Cambia la pestaña a Escala de Grises y aplica Negro 32%. No olvides marcar la casilla Convertir.

recoloring shirtsrecoloring shirtsrecoloring shirts

Paso 2

Crea otras dos copias del mockup de camiseta gris que acabamos de hacer. Toma el original y vuélvelo a colorear con Edición > Editar Colores > Ajustar Equilibrio de Colores.

Esta vez, cambia la pestaña a RGB y aplica Rojo 18%, Verde -30%, y Azul -26%. No olvides marcar la casilla Convertir.

how to recolor a t-shirt templatehow to recolor a t-shirt templatehow to recolor a t-shirt template

Paso 3

Toma otra copia y esencialmente repite el último paso al ir a Edición > Editar Colores > Ajustar Equilibrio de Colores, cambiando la pestaña a RGB y aplicando Rojo 6%, Verde 13%, y Azul -60%.

green t-shirt mockupgreen t-shirt mockupgreen t-shirt mockup

Paso 4

Toma la copia final y conviértela en naranja con Rojo 27%, Verde -5% y Azul -41%.

orange vector t-shirt templateorange vector t-shirt templateorange vector t-shirt template

Paso 5

Toma una de las camisetas blancas originales y conviértela en Escala de Grises con Negro 40%.

how to recolor mesh t-shirthow to recolor mesh t-shirthow to recolor mesh t-shirt

Paso 6

Vuelve a colorear la plantilla gris de cian con Rojo -9%, Verde 20%, y Azul 16%.

colorful vector t-shirt mockupscolorful vector t-shirt mockupscolorful vector t-shirt mockups

Paso 7

Toma la última copia blanca y conviértela en negra con Negro 63%.

black t-shirt mesh templateblack t-shirt mesh templateblack t-shirt mesh template

Paso 8

Crea una copia del mockup de camiseta negra y vuélvelo a colorear de rojo oscuro con Rojo 9%, Verde -9%, y Azul -7%.

set of colorful shirtsset of colorful shirtsset of colorful shirts

Paso 9

¡Felicidades! ¡Tu colorido conjunto de plantillas para mockup de camiseta está terminado!

white vector mesh t-shirt mockup templatewhite vector mesh t-shirt mockup templatewhite vector mesh t-shirt mockup template

¡Fabuloso Trabajo!

¿Y ahora qué? Puedes probar cualquiera de mis otros tutoriales desde mi perfil, o consultar mi portafolio en GraphicRiver, así como la colección de camisetas originales que recreamos en este tutorial.

También puedes probar un tutorial mío similar, ¡donde muestro una manera de aplicar motivos a estos mockups de camisetas!

Espero que hayas disfrutado el tutorial, ¡y estaré extremadamente feliz de ver tus resultados en la sección de comentarios abajo!

Mens T-Shirt Design TemplateMens T-Shirt Design TemplateMens T-Shirt Design Template
Plantilla de Diseño para Camiseta de Caballero
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.
One subscription. Unlimited Downloads.
Get unlimited downloads