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

¿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
- Textura de metal gratuita
- Frases sobre café con tipografía hand lettering
- 24 pinceles de textura desgastada
- 15 texturas del abuelo
- 14 overlays de tinta desgastada
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.

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.

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.

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.

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.

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)

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

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.

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.

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.

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.

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

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

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.

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.

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.

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

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

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.

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.

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%.

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

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.

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!

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

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.

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.

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

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

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.

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.

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

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.

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.

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.

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

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.

¡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!

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.

¿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:
- Adobe PhotoshopCómo elaborar una textura de papel antiguo en PhotoshopIvan Gromov
- Efectos fotográficosCómo elaborar una acción de Photoshop para efecto desgastadoIvan Gromov
- Diseño de ropa31 ideas creativas para diseño de camisetas (usando un generador online)Nona Blackman
- Estilo grungeCómo crear un efecto fotográfico con estilo grunge de los 90s en Adobe PhotoshopMelody Nieves
- Efectos50 efectos para lograr un estilo sucio, mugroso y grunge en PhotoshpDanny Outlaw
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.
Update me weeklyEnvato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!
Translate this post