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

Cómo crear tu propia plantilla de etiqueta de camiseta

Read Time: 9 mins

Spanish (Español) translation by Leareny Guerrero (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 a crear tu propia plantilla de etiqueta de camiseta en Photoshop. Explicaré todo con tanto detalle que todos pueden crear el efecto, incluso aquellos que acaban de abrir Photoshop por primera vez.

Lo que aprenderás en este tutorial de diseño de etiquetas de camisetas

  • Cómo diseñar una plantilla de etiqueta de camiseta en Photoshop
  • Cómo crear líneas guía para el diseño de una etiqueta de camiseta
  • Cómo utilizar la tipografía en las plantillas de etiquetas de camisetas
  • Consejos sobre el diseño de etiquetas de ropa

Que necesitarás

Para recrear el diseño anterior, necesitarás los siguientes recursos:

1. Cómo empezar a crear una plantilla de etiqueta de camiseta

Primero, crea un nuevo archivo. Para crear un nuevo archivo, ve a Archivo> Nuevo y establece el Ancho y Alto en 1,18 pulgadas y la Resolución en 300 px/pulgada.

creating new tshirt label filecreating new tshirt label filecreating new tshirt label file

2. Cómo crear líneas guía para una plantilla de etiqueta de camiseta 

En esta sección, vamos a crear las líneas guías para nuestra plantilla de volante de Photoshop. Presiona Control-R en tu teclado para mostrar las Reglas. Luego, usando la Herramienta Mover (V), haz clic y arrastra desde la regla hasta el lienzo para crear una nueva guía. Cree cuatro guías y coloca cada una a 0,08 pulgadas del lienzo.

creating tshirt label guidelinescreating tshirt label guidelinescreating tshirt label guidelines

3. Cómo crear el fondo

Paso 1

En esta sección, vamos a crear el fondo. Ve a Archivo > Colocar incrustado, selecciona el primer fondo del enlace y haz clic en Colocar. A continuación, establece la Anchura y Altura del fondo en 8,74%, posicionándolo como se muestra a continuación, y dale un nombre a esta capa Líneas Onduladas.

placing backgroundplacing backgroundplacing background

Paso 2

Ahora haz doble clic en esta miniatura de la capa para editar el contenido del objeto inteligente, y en la ventana de archivo recién abierta, pulsa Control-Mayúsculas-U para desaturar la capa Fondo. Luego, ve a Imagen > Tono automático e Imagen > Contraste automático para hacer autocorrecciones en el tono y el contraste de la capa. Después de eso, presiona Control-S para guardar los cambios y Control-W para cerrar esta ventana de archivo.

making background adjustmentsmaking background adjustmentsmaking background adjustments

Paso 3

Elige la Herramienta Marco Rectangular (M), haz una selección con un Ancho de 89 px y un Alto de 354 px, y colócala como se muestra a continuación:

making selectionmaking selectionmaking selection

Paso 4

Ahora ve a Capa > Máscara de capa > Descubrir selección para agregar una máscara de capa que revela el área seleccionada de la capa.

adding layer maskadding layer maskadding layer mask

4. Cómo crear el contenido de la etiqueta del diseño de la camiseta

Paso 1

En esta sección, vamos a crear el contenido de la etiqueta de la camisa. Elige la Herramienta Rectángulo (U), haz clic en cualquier lugar dentro del lienzo para crear una nueva capa de forma de rectángulo, y establece el Ancho a 89 px y el Alto a 111 px. Luego, establece el Color sólido de relleno (Fill Solid Color) en #000000 y el Color sólido de trazos (Stroke Solid Color) en Sin color. Después de eso, posiciona esta capa con las coordenadas X: 44.5 px y Y: 298.5 px y llámala Tamaño del Fondo.

creating new rectangle shape layercreating new rectangle shape layercreating new rectangle shape layer

Paso 2

Ahora elige la Herramienta Texto Horizontal (T), y establece la fuente a Roboto Slab, el estilo de fuente a Black, el tamaño a 45 px, alinear al Centro, y el color a #ffffff. Luego, en el panel Carácter, establece el Espaciado a 100 px. Después de eso, haz clic en cualquier lugar dentro del lienzo, y escribe el texto a continuación.

creating new text layercreating new text layercreating new text layer

Paso 3

Presiona Control-T para abrir las opciones de transformación. Pon el Ángulo de la capa en -90° y posiciona la capa con las coordenadas X: 47,79 px e Y: 295,92 px.

transforming layertransforming layertransforming layer

Paso 4

Ahora elige la Herramienta de Texto Horizontal (T), y establece la fuente a Roboto Slab, el estilo de fuente a Black, el tamaño a 45 px, la alineación al Centro, y el color a #000000. Luego, en el panel de Carácter, marca la opción Todo en mayúsculas, y establece el Espaciado a 100 px. Después de eso, haz clic en cualquier lugar dentro del lienzo, escribe el texto a continuación, y posiciona esta capa con las coordenadas X: 223,63 px y Y: 42,76 px.

creating new text layercreating new text layercreating new text layer

Paso 5

Selecciona la capa XL, elige la Herramienta Texto Horizontal (T) y configura la fuente en Open Sans, el estilo de fuente en Regular, el tamaño en 12 px, la alineación al Centro y el color en # 000000. Luego, en el panel Carácter, establece el Interlineado en 16 px. Después de eso, haz clic y arrastra a cualquier lugar dentro del lienzo para crear un cuadro de texto, escribe el texto a continuación y coloca esta capa con las coordenadas X: 221,5 px e Y: 242,37 px.

creating new text layercreating new text layercreating new text layer

Paso 6

Ahora selecciona la capa XL, elige la Herramienta Rectángulo (U), haz clic en cualquier lugar dentro del lienzo para crear una nueva capa de forma rectangular y establece el Ancho en 217 px y el Alto en 1 px. Luego, establece el Relleno de Color Sólido de relleno en Sin color, el Color sólido del trazo en #bfbfbf y otras configuraciones como se muestra a continuación. Después de eso, coloca esta capa con las coordenadas X: 221,5 px e Y: 136,5 px y asígnele el nombre Dashed_Line_1.

creating new rectangle shape layercreating new rectangle shape layercreating new rectangle shape layer

Step 7

Presiona Control-J en tu teclado para duplicar esta capa y arrástrala justo debajo de la capa Dashed_Line_1 en el panel Capas. Luego, coloca esta capa con las coordenadas X: 221,5 px e Y: 214,5 px y asígnele el nombre Dashed_Line_2.

duplicating layerduplicating layerduplicating layer

Paso 8

Ahora elige la Herramienta Texto Horizontal (T) y configura la fuente en Open Sans, el estilo de fuente en SemiBold, el tamaño en 12 px, la alineación en el Central y el color en # 000000. Luego, en el panel Carácter, marca la opción Todo en mayúsculas y configura el Interlineado en 19 px y el Espaciado en 100. Después de eso, haz clic en cualquier lugar dentro del lienzo, escribe el texto a continuación y coloca esta capa con las coordenadas X: 222,1 px e Y: 176,55 px.

creating new text layercreating new text layercreating new text layer

Paso 9

Selecciona la capa XL, elige la Herramienta Texto Horizontal (T) y configura la fuente en Roboto Slab, el estilo de fuente en ExtraBold, el tamaño en 15 px, la alineación al Centro y el color en # 000000. Luego, en el panel Carácter, marca la opción Todo en mayúsculas y configura el Espaciado en 200. Después de eso, haz clic en cualquier lugar dentro del lienzo, escribe el texto a continuación y coloca esta capa con las coordenadas X: 222,5 px e Y: 261,62 px .

creating new text layercreating new text layercreating new text layer

Paso 10

Ahora selecciona la capa XL, elige la Herramienta Texto Horizontal (T) y configura la fuente en Open Sans, el estilo de fuente en Regular, el tamaño en 10 px, la alineación al Centro y el color en # 000000. Luego, en el panel Carácter, marca la opción Todo en mayúsculas y configura el Espaciado en 100. Después de eso, haz clic en cualquier lugar dentro del lienzo, escribe el texto a continuación y coloca esta capa con las coordenadas X: 221,5 px e Y: 277,07 px .

creating new text layercreating new text layercreating new text layer

Paso 11

Selecciona la capa XL, elige la Herramienta Texto Horizontal (T) y establece la fuente en Open Sans, el estilo de fuente en SemiBold, el tamaño en 10 px, la alineación al Centro y el color en # 000000.  Luego, en el panel Carácter, marque la opción Todo en mayúsculas y configura el Espaciado en 200. Después de eso, haga clic en cualquier lugar dentro del lienzo, escriba el texto a continuación y coloque esta capa con las coordenadas X: 223,5 px e Y: 327,13 px.

creating new text layercreating new text layercreating new text layer

¡Lo lograste!

¡Felicitaciones, lo has logrado! Has aprendido a crear tu propia plantilla de etiqueta de camiseta. Aquí está nuestro resultado final:

final resultfinal resultfinal result

Las mejores plantillas de etiquetas para camisetas

¿Quieres ver más plantillas de diseño de etiquetas para camisetas? Consulta esta lista de plantillas de diseño de etiquetas de camisetas de Placeit. También puedes crear tu propio diseño de etiqueta de camiseta en línea utilizando tu rotuladora de marca de ropa. ¡Disfruta de plantillas increíbles, desde diseños de plantillas de etiquetas de prendas hasta diseños de plantillas de etiquetas de ropa y más!

Generador de diseño de etiquetas de ropa

clothing label design generatorclothing label design generatorclothing label design generator

Con este generador en línea de diseño de etiquetas de camisetas, puede crear un diseño de etiquetas de ropa con facilidad. Solo necesitarás unos minutos para crear tu propio diseño de etiqueta de camiseta.

Diseño de etiquetas de camisetas para marcas de ropa punk

t-shirt label design for punk clothing brandst-shirt label design for punk clothing brandst-shirt label design for punk clothing brands

Si buscas un diseño de etiqueta en blanco y negro, esta rotuladora de marca de ropa podría ser la elección perfecta, especialmente si buscas una plantilla de etiqueta de ropa punk.

Plantilla de diseño de etiquetas de ropa para niños

kids clothing label design templatekids clothing label design templatekids clothing label design template

Crea un diseño de etiqueta de ropa para niños con solo unos pocos clics. Con esta rotuladora de camisetas, puedes hacer diseños de etiquetas realmente bonitos sin ningún esfuerzo.

Diseño de etiqueta de camiseta estilizada

stylized t shirt label designstylized t shirt label designstylized t shirt label design

Si no estás seguro de por dónde empezar a crear un diseño de etiqueta de camiseta profesional para tu marca, puedes utilizar una de las plantillas que ofrece Placeit.net. ¿Por qué no probar esta estilizada plantilla de etiqueta de camiseta?

Plantilla de etiqueta interior para una marca de ropa de montaña

inside tag template for a mountain clothing brandinside tag template for a mountain clothing brandinside tag template for a mountain clothing brand

¿Necesitas una etiqueta de camisa de marca de ropa de montaña? Esta rotuladora de camisetas parece una excelente opción para crear tu propia etiqueta de camisetas.

También te puede interesar:

  • Más de 35 mejores plantillas de modelos de maquetas de camisetas, ropa y mascarillas (generador) (en línea)

  • 21 increíbles diseños de camisetas divertidas (y cómo hacer las tuyas)

  • Los 23 mejores diseños de camisetas retro personalizadas (usando un creador de diseños de camisetas)

  • Los 10 mejores consejos para diseñar envases y etiquetas impresionantes

  • Más de 25 de las mejores plantillas de maquetas de camisetas gratuitas de Photoshop (PSD)

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.
Scroll to top
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.