Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. T-Shirt Design

Cómo elaborar un diseño de camiseta desgastada en Photoshop

by
Difficulty:BeginnerLength:MediumLanguages:

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

Final product image
What You'll Be Creating

¿Te preguntas cómo elaborar un diseño de camiseta desgastada en Photoshop? En este tutorial, te mostraré algunas maneras sencillas y eficaces de crear un diseño para camisetas desgastadas estilo vintage. Utilizaremos diferentes tipos de texturas, pinceles y máscaras de capa y luego combinaremos estos métodos. ¡Vayamos a ello!

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

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

Lo que necesitarás

1. Cómo elaborar tus propios pinceles y texturas desgastadas

Paso 1

Comencemos con la textura gratuita que he creado 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 metálica en Photoshop y luego haz doble clic en la capa fondo para rasterizarla.

Opening the metal texture in Photoshop

Paso 2

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

Converting the layer to black and white

Paso 3

Pulsa Control-I para invertir los colores de la imagen y luego ve a Imagen > Ajustes > Brillo/Contraste y usa los siguientes parámetros: Brillo: 132; Contraste: 100.

setting up brightness and contrast

Paso 4

Ve a Seleccionar > Gama de colores y luego selecciona blanco con la herramienta Cuentagotas y establece la Tolerancia en 50.

Paso 5

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

deleting the white part of the texture

Paso 6

Y para el último paso, haz doble clic en la capa y tilda Superposición de color y selecciona negro con modo de fusión Normal y Opacidad 100%. Después, solo guarda la textura en el formato de archivo PNG que acepta transparencia.

adding color overlay to the layer

Paso 7

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

selecting the part of the texture for brush

Paso 8

Ve a Edición > Definir ajuste preestablecido de pincel y presiona OK para crear un nuevo pincel.

creating a new distressed brush

Paso 9

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

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

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

setting up distressed brush

2. Cómo elaborar diseños de camiseta desgastada con texturas en formato PNG

Paso 1

Antes de comenzar a crear un diseño de camiseta desgastada, vamos a crear un nuevo documento con los siguientes ajustes:

  • 2000x2000 px
  • 300 ppp
  • Color de fondo: negro.
Creating a new document

Paso 2

Ve a Archivo > Colocar y luego selecciona el tipo de letra para tu diseño de camisa desgastada. Una vez que hayas colocado la imagen, presiona las teclas Alt-Mayúsculas-Control-I para invertir los colores de la tipografía.

inverting the color of the image

Paso 3

¡Ahora estamos listos para crear un efecto de textura desgastada en Photoshop! Coloquemos una de las texturas del paquete 15 texturas del abuelo. Elegí el overlay No. 3 de textura desgastada para Photoshop.

adding a distressed texture to the lettering

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

distressed t shirt design with one texture

Y esta es una variante con la textura que creamos previamente, aplicada de la misma manera:

handmade distressed texture applied

Paso 4

Lo importante aquí es que necesitas aplicar el overlay de textura desgastada para Photoshop solo en la capa de la tipografía. Si haces el fondo invisible, verás la textura desgatada aplicada a todo el documento.

making the background layer invisible

Paso 5

Así que agrega el efecto de textura desgastada para Photoshop solo a la capa deseada, necesitas seleccionar la capa con tu textura y luego hacer Clic derecho > Crear una máscara de recorte.

creating a clipping mask

Paso 6

Si quieres que tu camiseta desgastada estilo vintage luzca más vieja, apliquemos otra textura. Elegí la textura No. 14. No olvides Crear una máscara de recorte para esta nueva textura.

adding second distressed texture to the image

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

distressed t shirt design photoshop

Paso 7

Si todavía no luce lo suficientemente desgastado, agreguemos una textura más (seleccioné la textura No. 4) a nuestro diseño.

distressed t shirt design with three textures

3. Cómo elaborar un diseño de camiseta vintage en Photoshop usando texturas en formato JPEG

Paso 1

Ahora, probemos las texturas JPEG de otro paquete y aplíquemoslas a nuestro diseño. Coloca la textura No. 13 del paquete 14 overlays de tinta desgastada sobre la tipografía y Crea una máscara de recorte.

adding 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 en Photoshop.

changing the blending mode of the layer

Paso 3

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

adding a second jpeg texture

Este es nuestro diseño de camiseta estilo vintage con texturas JPEG aplicadas.

distressed t shirt design with two jpeg textures applied

4. Cómo elaborar un efecto desgastado en Photoshop con pinceles

Paso 1

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

creating a new layer

Si quieres aprender cómo instalar pinceles desgastados para Photoshop, consulta este fabuloso tutorial:

Paso 2

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

adding distressed effect with the brushes

Así es como luce el diseño de camiseta desgatada con nuestro pincel personalizado aplicado en él:

texture created with brush applied

Paso 3

Otra manera de usar 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.

adding a mask to the layer

Paso 4

Tomemos un pincel muy desgastado del paquete y luego selecciona la máscara de la capa (o usa el atajo de teclado Alt-clic derecho para abrirlo) y añade unos trazos.

painting with the brushes on the maks of the layer

Así es como luce ahora mi diseño de camiseta estilo retro:

adding strokes to the mask of the layer

Y otra variante del diseño final de la camiseta desgastada con nuestros propios pinceles:

distressed t shirt design with custom brushes used

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

Paso 1

Para diseñar una camiseta desgastada, utilizaremos todos los métodos que descubrimos anteriormente. Vamos a Añadir una máscara a la capa.

adding a mask to the lettering

Paso 2

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

placing the jpeg texture

Paso 3

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

selecting the texture with rectangular marquee tool

Paso 4

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

pasting the texture to the mask of the layer

Paso 5

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

inverting the color of the mask

Paso 6

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

adding adjustments to the layer

Paso 7

Ahora, agreguemos una capa con la textura No. 2 en formato PNG y aplica Crear una máscara de recorte.

adding a png texture to the layer

Paso 8

Y en este paso de la creación de nuestro diseño de camiseta retro, agreguemos un efecto de textura desgastada  usando la textura No. 12 en formato JPEG con el modo de fusión Luz fuerte y Opacidad 50%.

Paso 9

Y finalmente, guardemos nuestro diseño de camiseta vintage, hagamos invisible la capa fondo y posteriormente vamos a guardar la imagen como un archivo PNG con transparencia.

making the background layer invisible and saving it

¡Fabuloso trabajo, terminaste!

Hoy, hemos aprendido cómo elaborar un diseño de camiseta estilo vintage en Photoshop usando diferentes técnicas. Espero que hayas disfrutado el tutorial ¡y ahora tengas muchas ideas de diseño de camisetas estilo retro! ¡Permítenos saber tus efectos favoritos de diseño de camisetas desgastadas en Photoshop en los comentarios que aparecen a continuación!

how to make distressed t shirt desing in Photoshop preview

Podrías preguntarte dónde encuentro estos fabulosos mockups para las previsualizaciones de nuestro diseño de efecto desgastado en Photoshop. ¡La respuesta es en Placeit! Placeit es un increíble sitio con cientos de mockups y plantillas, ¡que puedes usar y personalizar en pocos clics!  Prueba tus ideas de diseño de camisetas estilo retro en diferentes mockups para encontrar la mejor previsualización de tu producto.

Placeit promo image

¿Quieres aprender más sobre cómo elaborar un diseño de camiseta vintage en Photoshop o encontrar la mejor acción de efecto desgastado en Photoshop? Consulta nuestros estupendos tutoriales y artículos:

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.