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

Cómo diseñar una camiseta con textura desgastada en Photoshop

Read Time: 11 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

¿Te preguntas cómo hacer diseños de camisetas con texturas desgastadas únicas? En este tutorial, te mostraré algunas maneras simples y efectivas de crear un diseño para playeras vintage desgastadas. Utilizaremos diferentes tipos de texturas, pinceles y máscaras de capa y luego combinaremos estos métodos. 

Pero, ¿qué tal si estás buscando diseño de camisetas Photoshop listos para usar? En ese caso, siempre puedes visitar Envato Elements para encontrar cientos de plantillas de diseños de camisetas PSD, como la mostrada a continuación. Desplázate hacia abajo después de este tutorial ¡para encontrar una cuidadosa selección de diseños de camisetas Photoshop! 

Este genial diseño de camiseta Photoshop está disponible en Envato Elements. Este genial diseño de camiseta Photoshop está disponible en Envato Elements. Este genial diseño de camiseta Photoshop está disponible en Envato Elements.
Este genial diseño de camiseta Photoshop está disponible en Envato Elements.

¿Prefieres videotutoriales para aprender nuevas habilidades de Photoshop? Entonces mira este video del canal de Envato Tuts+ en YouTube para descubrir cómo diseñar una camiseta PSD:

Lo que aprenderás en este tutorial Photoshop de textura desgastada

  • Cómo hacer tus propias texturas PSD desgastadas y pinceles
  • Cómo hacer un diseño de camiseta PSD desgastada usando texturas en formato PNG que soporta transparencia
  • Cómo crear un efecto desgastado en Photoshop usando texturas JPEG
  • Cómo elaborar diseños de camisetas desgastadas con pinceles Photoshop 
  •  Cómo combinar texturas y pinceles para diseñar una camiseta desgastada 

Lo que necesitarás para el efecto de camiseta desgastada

1. Cómo crear tus propias texturas desgastadas y pinceles Photoshop

Paso 1

Aprendamos cómo diseñar gráficos de camisetas con la textura gratis que creé para ti. También podrías crear la tuya tomando una foto de cualquier superficie metálica (¡incluso con tu teléfono inteligente!). Abre la textura de metal en Photoshop y luego haz doble clic en la capa de fondo para rasterizarla.

Abriendo la textura de metal en PhotoshopAbriendo la textura de metal en PhotoshopAbriendo la textura de metal en Photoshop

Paso 2

Después de eso, selecciona la capa y presiona las teclas Mayúsculas-Control-Alt-B para convertir la imagen a blanco y negro.

Convirtiendo la capa a blanco y negro - filtro Photoshop para efecto desgastadoConvirtiendo la capa a blanco y negro - filtro Photoshop para efecto desgastadoConvirtiendo la capa a blanco y negro - filtro Photoshop para efecto desgastado

Paso 3

Pulsa Control-I para invertir los colores de la imagen y luego aplica Imagen > Ajustes > Brillo/Contraste y usa los siguientes ajustes: Brillo: 132; Contraste: 100.

configurando el brillo y el contrasteconfigurando el brillo y el contrasteconfigurando el brillo y el contraste

Paso 4

Aplica Selección > Rango de color y luego selecciona blanco con la herramienta Cuentagotas y establece la Tolerancia en 50.

ajustes del fitro Photoshop para efecto desgastadoajustes del fitro Photoshop para efecto desgastadoajustes del fitro Photoshop para efecto desgastado

Paso 5

 Una vez que hayas seleccionado el área blanca de la textura, presiona el botón Suprimir y luego Control-D para deseleccionar.

eliminando la parte blanca de la texturaeliminando la parte blanca de la texturaeliminando la parte blanca de la textura

Paso 6

Y para el último paso, haz doble clic en la capa y marca la casilla Superposición de colores y selecciona negro con el Modo de fusión Normal y Opacidad 100%. Después de eso, guarda la textura en el formato de archivo PNG que soporta transparencia.

añadiendo superposición de colores a la capaañadiendo superposición de colores a la capaañadiendo superposición de colores a la capa

Paso 7

 Ahora, hagamos un pincel a partir de nuestra textura. Abre el archivo PNG y selecciona una parte del documento con la herramienta Lazo (L). Agregué una capa de fondo blanco aquí, para que puedas ver mejor la textura.

seleccionando la parte de la textura para el pincelseleccionando la parte de la textura para el pincelseleccionando la parte de la textura para el pincel

Paso 8

Aplica Edición > Definir valor de pincel y presiona OK para crear un nuevo pincel.

creando un nuevo pincel para efecto desgastadocreando un nuevo pincel para efecto desgastadocreando un nuevo pincel para efecto desgastado

Paso 9

Configuremos el pincel. Pulsa el ícono Ajustes preestablecidos de pinceles y usa los siguientes parámetros:

  • Dinámica de forma: Activado; Variación del tamaño: 100%, Variación del ángulo: 100%
  • Dispersión: Activado; Dispersión: 129%

En las siguientes secciones, descubriremos cómo utilizar estos pinceles/texturas y cualquier otro elemento.

configurando pincel para efecto desgastadoconfigurando pincel para efecto desgastadoconfigurando pincel para efecto desgastado

2. Cómo diseñar una playera en Photoshop con texturas PNG

Paso 1

Antes de comenzar a crear una textura de camiseta vintage desgastada, vamos a crear un nuevo documento con los siguientes ajustes:

  • 2000x2000 px
  • 300 ppp
  • Color de fondo: Negro.
Creando un nuevo documento para camiseta psdCreando un nuevo documento para camiseta psdCreando un nuevo documento para camiseta psd

Paso 2

Aplica Archivo > Colocar y luego selecciona la tipografía para tu diseño de camiseta desgastada. Un vez que hayas colocado la imagen, presiona Alt-Mayúsculas-Control-I para invertir los colores del lettering.

invirtiendo el color de la imageninvirtiendo el color de la imageninvirtiendo el color de la imagen

Paso 3

¡Ahora estamos listos para crear un efecto Photoshop de textura desgastada! Coloquemos una de las texturas del paquete 15 texturas de Grandpa. Elegí la superposición Photoshop desgastada №3.

añadiendo una textura desgastada al letteringañadiendo una textura desgastada al letteringañadiendo una textura desgastada al lettering

Como puedes ver, ¡nuestro diseño de camiseta vintage luce muy genial!

diseño de camiseta desgastada con una texturadiseño de camiseta desgastada con una texturadiseño de camiseta desgastada con una textura

 Y aquí está una variante con la textura que creamos previamente, aplicado de la misma manera:

textura desgastada hecha a mano aplicadatextura desgastada hecha a mano aplicadatextura desgastada hecha a mano aplicada

Paso 4

 Lo importante aquí es que necesitas aplicar la superposición Photoshop desgastada únicamente a la capa de la tipografía. Si haces Invisible el fondo, verás esa textura desgastada aplicada a todo el documento.

haciendo invisible la capa del fondohaciendo invisible la capa del fondohaciendo invisible la capa del fondo

Paso 5

Entonces, para añadir el efecto Photoshop de textura desgastada únicamente a la capa deseada, necesitas seleccionar la capa con tu textura y luego hacer clic derecho > Crear máscara de recorte.

creando una máscara de recortecreando una máscara de recortecreando una máscara de recorte

Paso 6

 Si quieres hacer que tus camisetas desgastadas luzcan todavía más viejas, apliquemos otra textura. Elegí la textura №14. No olvides Crear una máscara de recorte para esta nueva textura. 

añadiendo una segunda textura desgastada a la imagenañadiendo una segunda textura desgastada a la imagenañadiendo una segunda textura desgastada a la imagen

Así es como luce ahora nuestro diseño de camiseta desgastada:

diseño de camiseta Photoshop desgastadadiseño de camiseta Photoshop desgastadadiseño de camiseta Photoshop desgastada

Paso 7

Si esto todavía no se aprecia lo suficientemente grungy, agreguemos una textura más (seleccioné la textura №4) a nuestro diseño de playera vintage.

diseño de camiseta PSD desgastada con tres texturasdiseño de camiseta PSD desgastada con tres texturasdiseño de camiseta PSD desgastada con tres texturas

3. Cómo diseñar una camiseta PSD en Photoshop estilo vintage usando texturas JPEG

Paso 1

Ahora, tratemos de usar texturas JPEG de otro paquete y aplicarlas a nuestro diseño de camiseta desgastada. Coloca textura №13 del paquete 14 overlays de tinta con efecto desgastado arriba del lettering y Crea una máscara de recorte.

adding a jpeg texture to the letteringadding a jpeg texture to the letteringadding a jpeg texture to the lettering

Paso 2

Cambia el Modo de fusión de la textura a Luz fuerte, para hacer menos evidente nuestro diseño de efecto desgastado Photoshop.

cambiando el modo de fusión de la capa cambiando el modo de fusión de la capa cambiando el modo de fusión de la capa

Paso 3

Ahora agreguemos un efecto de textura desgastada Photoshop una vez más. Elegí la textura №3  y cambié el Modo de fusión a Multiplicar y la Opacidad a 50%.

añadiendo una segunda textura jpeg añadiendo una segunda textura jpeg añadiendo una segunda textura jpeg

Aquí está nuestro diseño de camiseta PSD vintage con texturas JPEG aplicadas.

diseño de camiseta desgastada con dos texturas jpeg aplicadasdiseño de camiseta desgastada con dos texturas jpeg aplicadasdiseño de camiseta desgastada con dos texturas jpeg aplicadas

4. Cómo hacer un efecto de textura desgastada con pinceles de Photoshop

Paso 1

Ahora utilizaremos pinceles Photoshop para crear un diseño de camisetas desgastadas. Vamos a crear una nueva capa con el atajo de teclado Alt-Mayúsculas-Control-N.

creando una nueva capacreando una nueva capacreando una nueva capa

 Si quieres aprender cómo instalar pinceles Photoshop para efecto textura PSD desgastada, consulta este fabuloso tutorial:

Paso 2

Selecciona cualquier pincel para un sutil efecto desgastado y pinta de negro esta nueva capa. Combina algunos pinceles para hacer verdaderamente único tu diseño para camisetas PSD desgastadas ¡y no olvides crear una máscara de recorte! 

añadiendo efecto desgastado con pinceles de Photoshopañadiendo efecto desgastado con pinceles de Photoshopañadiendo efecto desgastado con pinceles de Photoshop

Así es la manera en que luce el diseño del gráfico de playera con textura PSD desgastada con nuestro pincel personalizado aplicado:

textura creada con pincel aplicadotextura creada con pincel aplicadotextura creada con pincel aplicado

Paso 3

 Otra manera de utilizar los pinceles para añadir textura a un gráfico de camiseta desgastada es con una máscara. Selecciona la capa con tu tipografía y presiona Añadir una máscara.

añadiendo una máscara a la capaañadiendo una máscara a la capaañadiendo una máscara a la capa

Paso 4

 Tomemos un pesado pincel grunge del paquete y luego seleccionamos la máscara de la capa (o usa Alt-clic derecho para abrirla) y añade algunos trazos. 

pintando con los pinceles en las máscaras de la capapintando con los pinceles en las máscaras de la capapintando con los pinceles en las máscaras de la capa

 Así es como luce ahora mi diseño de camiseta retro con textura PSD:

añadiendo trazos a la máscara de la capaañadiendo trazos a la máscara de la capaañadiendo trazos a la máscara de la capa

Y otra variante del diseño del gráfico de playera desgastada con nuestros pinceles:

diseño de camiseta desgastada con pinceles personalizados utilizadosdiseño de camiseta desgastada con pinceles personalizados utilizadosdiseño de camiseta desgastada con pinceles personalizados utilizados

5. Cómo combinar texturas y pinceles de Photoshop para crear un gráfico de camiseta desgastada

Paso 1

Para diseñar una camiseta PSD desgastada, utilizaremos todos los métodos que hemos descubierto antes. Agreguemos una máscara a la capa.

añadiendo una máscara a la tipografíaañadiendo una máscara a la tipografíaañadiendo una máscara a la tipografía

Paso 2

Esta vez, no utilizaremos los pinceles en la máscara, pero pegaremos la textura en ella. Así que coloca y redimensiona la textura JPEG.

colocando la textura jpegcolocando la textura jpegcolocando la textura jpeg

Paso 3

Ahora, necesitamos seleccionar la textura completa usando la herramienta Marco rectangular y luego presionar Control-C.

seleccionando la textura con la herramienta marco rectangularseleccionando la textura con la herramienta marco rectangularseleccionando la textura con la herramienta marco rectangular

Paso 4

Después de eso, aplica la combinación de teclas Control-clic derecho para abrir la máscara de la capa y luego pulsa Control-V para pegar la textura.

pegando la textura en la máscara de la capapegando la textura en la máscara de la capapegando la textura en la máscara de la capa

Paso 5

Elimina la capa con la textura, y luego selecciona la máscara de la capa de la tipografía y presiona Control-I para invertir la imagen.

invirtiendo el color de la máscarainvirtiendo el color de la máscarainvirtiendo el color de la máscara

Paso 6

Selecciona la máscara de la capa una vez más y aplica Imagen > Ajustes > Brillo/Contraste y usa los siguientes parámetros: Brillo: 105; Contraste: -15.

añadiendo ajustes a la capaañadiendo ajustes a la capaañadiendo ajustes a la capa

Paso 7

Ahora, agreguemos una capa con textura PNG №2, y Crea una máscara de recorte.

añadiendo una textura png a la capaañadiendo una textura png a la capaañadiendo una textura png a la capa

Paso 8

Y en este paso de crear nuestro diseño de playera retro, agreguemos un efecto de textura desgastada Photoshop usando la textura JPEG №12 con un modo de fusión de Luz fuerte y Opacidad 50%.

diseño de textura desgastada con modo de fusión Luz fuertediseño de textura desgastada con modo de fusión Luz fuertediseño de textura desgastada con modo de fusión Luz fuerte

Paso 9

Y finalmente, guardemos nuestro diseño de camiseta vintage, hagamos Invisible la capa de fondo y luego guardemos la imagen como un archivo PNG que soporta transparencia.

haciendo invisible la capa de fondo y guardándolahaciendo invisible la capa de fondo y guardándolahaciendo invisible la capa de fondo y guardándola

 ¡Estupendo trabajo, terminaste!

Hoy aprendimos a crear diseños de camisetas con texturas PSD usando diferentes técnicas. Espero que hayas disfrutado el tutorial ¡y ahora tengas muchas ideas para diseños de camisetas retro! 

cómo hacer un diseño de camiseta desgastada para previsualizar en Phothosopcómo hacer un diseño de camiseta desgastada para previsualizar en Phothosopcómo hacer un diseño de camiseta desgastada para previsualizar en Phothosop

Podrías preguntarte dónde encontré estos extraordinarios mockups y previsualizaciones de nuestro diseño de textura PSD desgastada Photoshop. La respuesta es ¡el creador de diseños de camisetas de Placeit! Placeit es un formidable sitio con cientos de mockups de camisetas y plantillas para diseños de camisetas, ¡que puedes usar y personalizar en pocos clics! Prueba tus ideas de diseño de playera retro en diferentes mockups para encontrar la mejor previsualización de tu producto. No necesitas de algún software de diseño de camisetas especial para utilizar Placeit, ya que funciona en tu navegador.

creador de diseños de camisetas de Placeitcreador de diseños de camisetas de Placeitcreador de diseños de camisetas de Placeit
Visita el creador de diseños de camisetas de Placeit para aprender fácilmente cómo diseñar gráficos para camisetas.

Las 5 mejores plantillas que te guían cómo diseñar una camiseta Photoshop disponibles en Envato Elements

Ahora sabes cómo diseñar una camiseta PSD y cómo recrear una genial apariencia Photoshop. Pero si buscas una textura PSD estilo grunge para camiseta y un diseño que esté listo para impresión, checa Envato Elements.

Este mercado basado en suscripción te ofrece plantillas de camisetas ilimitadas, texturas PSD desgastadas para camisetas, mockups de productos, gráficos, y más. Todo está incluido por una tarifa mensual. Aquí hemos seleccionado cinco de las mejores plantillas Photoshop para diseño de camisetas ¡que puedes descargar y utilizar de inmediato! 

1. Diseño de camiseta PSD 'Drink Hot Cocoa' (en formatos AI, EPS, JPG, PNG, PSD y SVG)

Diseño de camiseta PSD 'Drink Hot Cocoa'  (en formatos AI, EPS, JPG, PNG, PSD y SVG)Diseño de camiseta PSD 'Drink Hot Cocoa'  (en formatos AI, EPS, JPG, PNG, PSD y SVG)Diseño de camiseta PSD 'Drink Hot Cocoa'  (en formatos AI, EPS, JPG, PNG, PSD y SVG)

Si te gustan las texturas desgastadas en camisetas para tus diseños, te encantará esta estupenda opción. La plantilla presenta un diseño tipográfico navideño con un estilo desgastado.

Esta textura grunge viene en ocho útiles formatos, incluyendo un diseño vectorial para que puedas redimensionarlo sin perder calidad.

2. Diseño de camiseta vintage con textura PSD con gráficos de surfing (en formatos AI, EPS, JPG, PNG, PSD y SVG)

Diseño de camiseta vintage con textura PSD con gráficos de surfing (en formatos AI, EPS, JPG, PNG, PSD y SVG)Diseño de camiseta vintage con textura PSD con gráficos de surfing (en formatos AI, EPS, JPG, PNG, PSD y SVG)Diseño de camiseta vintage con textura PSD con gráficos de surfing (en formatos AI, EPS, JPG, PNG, PSD y SVG)

 Crea sorprendentes diseños con esta textura de camiseta vintage inspirada en el surf. El estilo también es perfecto para pósteres, tazas y más.

Esta camiseta retro animará a hacer maravillosos productos similares y viene en ocho formatos de archivo. Recrea fácilmente un aspecto desgastado en Photoshop con este diseño.

3. Plantilla que te instruye cómo diseñar una camiseta retro con temática de futbol americano (en formatos AI, EPS, JPG, PNG, PSD y SVG)

Plantilla que te instruye cómo diseñar una camiseta retro con temática de futbol americano (en formatosI, EPS, JPG, PNG, PSD y SVG)Plantilla que te instruye cómo diseñar una camiseta retro con temática de futbol americano (en formatosI, EPS, JPG, PNG, PSD y SVG)Plantilla que te instruye cómo diseñar una camiseta retro con temática de futbol americano (en formatosI, EPS, JPG, PNG, PSD y SVG)

Usa Photoshop para diseñar camisetas PSD como esta. El diseño vintage está inspirado en el estilo universitario y de las insignias de futbol.

También utiliza esta textura vintage en tazas, pósteres, banderas y más. La descarga también incluye una textura desgastada de camiseta.

4. Diseño de camiseta que presenta gatos y textura PSD (en formatos JPG, PNG y PSD)

Diseño de camiseta que presenta gatos y con textura PSD (en formatos JPG, PNG y PSD)Diseño de camiseta que presenta gatos y con textura PSD (en formatos JPG, PNG y PSD)Diseño de camiseta que presenta gatos y con textura PSD (en formatos JPG, PNG y PSD)

¿Te gustan camisetas personalizadas de equipos? Esta fantástica plantilla es una opción ideal para tu próximo proyecto.

La ilustración vectorial de estilo plano luce maravillosa en camisetas de equipos y en otros tipos de mercancía. ¡Utiliza Photoshop para diseñar playeras con texturas únicas como esta! 

5. Halloween Momster - Diseño de camiseta desgastada (en formatos AI, EPS, JPG, PNG, PSD y SVG)

Halloween Momster - Diseño de camiseta desgastada (en formatos AI, EPS, JPG, PNG, PSD y SVG)Halloween Momster - Diseño de camiseta desgastada (en formatos AI, EPS, JPG, PNG, PSD y SVG)Halloween Momster - Diseño de camiseta desgastada (en formatos AI, EPS, JPG, PNG, PSD y SVG)

¡Este diseño es óptimo para Halloween! Si quieres recrear un aspecto desgastado en Photoshop en tu diseño de camiseta, esta es una gran opción. 

La textura PSD estilo grunge llamará la atención de todos. Y lo mejor: la descarga incluye ocho formatos de archivo para que puedas trabajar con este diseño en muchas plataformas.

Descubre más tutoriales sobre cómo diseñar una playera en Photoshop y otros recursos

¿Quieres aprender más sobre cómo diseñar una playera en Photoshop o encontrar las mejores acciones de Photoshop para efecto desgastado? Consulta nuestros excelsos tutoriales y artículos:

Nota editorial: Este artículo se actualizó con la colaboración de Maria Villanueva. Maria es Editora Asociada del canal Tuts+ Design.

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