banner



How To Make T-shirt Template In Photoshop

Wondering how to brand T-shirt designs with unique distressed textures? In this tutorial, I volition bear witness you a few unproblematic and constructive ways to create a pattern for vintage distressed T-shirts. Nosotros'll use different types of textures, brushes, and mask layers, and then combine these methods.

But what if you're looking for Photoshop T-shirt designs that are ready to use? In that example, you can ever visit Envato Elements to observe hundreds of T-shirt design templates, like the ane below. Scroll down after this grunge T-shirt tutorial to find a top pick of Photoshop T-shirt designs!

This cool Photoshop T-shirt design is available on Envato Elements. This cool Photoshop T-shirt design is available on Envato Elements. This cool Photoshop T-shirt design is available on Envato Elements.
This cool Photoshop T-shirt design is bachelor on Envato Elements.

Do you prefer video tutorials to learn new Photoshop skills? And so sentry this cool video from the Envato Tuts+ YouTube channel to learn how to design a shirt in Photoshop:

What You'll Learn in This Distressed Texture Photoshop Tutorial

  • How to brand your own distressed textures and brushes
  • How to make a distressed T-shirt design using transparent PNG textures
  • How to make a distressed consequence in Photoshop using JPEG textures
  • How to make distressed T-shirt designs with Photoshop brushes
  • How to combine textures and brushes to design a distressed T-shirt

What You'll Need

  • Complimentary Metal Texture
  • Typography Hand Lettering Java Quotes
  • 24 Distressed Texture Brushes
  • 15 Granddaddy's Textures
  • 14 Distressed Ink Overlays

1. How to Make Your Own Distressed Textures and Brushes

Footstep i

Let's learn how to design T-shirt graphics with the gratuitous texture I created for you. You could too create your own just by taking a photo of whatever metal surface (even with your smartphone!). Open the metal texture in Photoshop and and so Double-Click on the background layer to rasterize information technology.

Opening the metal texture in Photoshop Opening the metal texture in Photoshop Opening the metal texture in Photoshop

Pace two

After that, select the layer and pressShift-Control-Alt-B to convert the prototype to black and white.

Converting the layer to black and white - distressed filter Photoshop Converting the layer to black and white - distressed filter Photoshop Converting the layer to black and white - distressed filter Photoshop

Step 3

Hit Control-I to invert the colors of the image, and so become to Image > Adjustments > Brightness/Contrast and use the following settings: Brightness: 132;Contrast: 100.

setting up brightness and contrast setting up brightness and contrast setting up brightness and contrast

Stride 4

Go to Select > Color Range and and then select white with the Eyedropper Tool and set the Fuzziness to 50.

distressed filter Photoshop settings distressed filter Photoshop settings distressed filter Photoshop settings

Step v

In one case you've selected the white area of the texture, press the Delete button, and then Control-D to deselect.

deleting the white part of the texture deleting the white part of the texture deleting the white part of the texture

Step six

And for the last step, Double-Click on the layer and put a tick on Colour Overlay, and select blackness with Normal Alloy Mode and 100% Opacity. After that, just save the texture in transparent PNG file format.

adding color overlay to the layer adding color overlay to the layer adding color overlay to the layer

Step seven

Now, permit's make a brush from our texture. Open the PNG file and select a part of the document with the Lasso Tool (50). I added a white background layer here, so you can see the texture better.

selecting the part of the texture for brush selecting the part of the texture for brush selecting the part of the texture for brush

Step 8

Become to Edit > Define Castor Preset and press OK to create a new brush.

creating a new distressed brush creating a new distressed brush creating a new distressed brush

Step 9

Let'south set upwards the castor. Hit the Castor Settings icon and utilize the following settings:

  • Shape Dynamics: On; Size Jitter: 100%, Angle Jitter: 100%
  • Handful: On; Scatter: 129%.

In the side by side sections, nosotros'll discover how to utilize these brushes/textures and whatsoever others.

setting up distressed brush setting up distressed brush setting up distressed brush

2. How to Make T-Shirt Designs With PNG Textures

Pace 1

Before starting to create a distressed vintage tee texture, let's create a new document with the following settings:

  • 2000x2000 px
  • 300 dpi
  • Background Color: Black.
Creating a new document Creating a new document Creating a new document

Step 2

Go to File > Identify and then select the lettering for your distressed tee shirt design. In one case yous've placed the image, press Alt-Shift-Control-I to invert the colors of the lettering.

inverting the color of the image inverting the color of the image inverting the color of the image

Step 3

At present we are ready to create a distressed texture Photoshop result! Allow'southward place ane of the textures from the xv Granddad'south Textures pack. I chose distressed Photoshop overlay №3.

adding a distressed texture to the lettering adding a distressed texture to the lettering adding a distressed texture to the lettering

As you can see, our vintage T-shirt design already looks pretty cool!

distressed t shirt design with one texture distressed t shirt design with one texture distressed t shirt design with one texture

And here is a variation with the texture we created previously, applied the same way:

handmade distressed texture applied handmade distressed texture applied handmade distressed texture applied

Step 4

The important affair here is that you need to apply the distressed Photoshop overlay merely to the lettering layer. If you brand the background Invisible, you'll see that distressed texture applied to the whole document.

making the background layer invisible making the background layer invisible making the background layer invisible

Step 5

And then, to add the distressed texture Photoshop outcome only to the desired layer, you demand to select the layer with your texture and so Correct Click > Create a Clipping Mask.

creating a clipping mask creating a clipping mask creating a clipping mask

Stride 6

If you lot want to brand your vintage distressed T-shirts look even older, let's apply another texture. I chose texture №14. Don't forget toCreate a Clipping Mask for this new texture.

adding second distressed texture to the image adding second distressed texture to the image adding second distressed texture to the image

This is how our distressed T-shirt design looks now:

distressed t shirt design photoshop distressed t shirt design photoshop distressed t shirt design photoshop

Step 7

If this notwithstanding doesn't look grungy enough, permit'due south add one more texture (I selected texture №4) to our vintage shirt blueprint.

distressed t shirt design with three textures distressed t shirt design with three textures distressed t shirt design with three textures

3. How to Make a Vintage T-Shirt Design in Photoshop Using JPEG Textures

Step 1

Now, permit's try to use JPEG textures from another pack and apply them to our vintage distressed T-shirt design. Place texture №thirteen from the xiv Distressed Ink Overlays pack in a higher place the lettering andCreate a Clipping Mask.

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

Step 2

Alter the Blending of the texture to Hard Light, to make our distressed effect Photoshop blueprint less evident.

changing the blending mode of the layer changing the blending mode of the layer changing the blending mode of the layer

Step 3

Now, allow's add a distressed texture Photoshop upshot one more fourth dimension. I chose texture №3 and changed the Blending Way to Multiply and the Opacity to 50%.

adding a second jpeg texture adding a second jpeg texture adding a second jpeg texture

Here is our vintage T-shirt design with JPEG textures applied.

distressed t shirt design with two jpeg textures applied distressed t shirt design with two jpeg textures applied distressed t shirt design with two jpeg textures applied

4. How to Make a Distressed Result in Photoshop With Brushes

Step 1

At present, we'll utilise distressed Photoshop brushes to create a blueprint for distressed shirts. Let'southward create a new layer with the Alt-Shift-Control-North shortcut.

creating a new layer creating a new layer creating a new layer

If you want to learn how to install distressed Photoshop brushes, bank check out this amazing tutorial:

Step ii

Select any subtle distressed castor and paint on this new layer with black. Combine a few brushes to make your design for distressed shirts truly unique, and don't forget to create a clipping mask!

adding distressed effect with the brushes adding distressed effect with the brushes adding distressed effect with the brushes

Hither is how the distressed graphic T-shirt design looks with our own custom brush practical to it:

texture created with brush applied texture created with brush applied texture created with brush applied

Pace three

Another fashion to use the brushes to add texture to a distressed graphic T-shirt is with a mask. Select the layer with your lettering and press Add together a Mask.

adding a mask to the layer adding a mask to the layer adding a mask to the layer

Step 4

Permit's take a heavy grunge brush from the pack so select the mask of the layer (or use Alt-Right Click to open up it) and add a few strokes.

painting with the brushes on the maks of the layer painting with the brushes on the maks of the layer painting with the brushes on the maks of the layer

This is how my retro T-shirt design looks at present:

adding strokes to the mask of the layer adding strokes to the mask of the layer adding strokes to the mask of the layer

And another variation of the final distressed graphic T-shirt design with our own brushes:

distressed t shirt design with custom brushes used distressed t shirt design with custom brushes used distressed t shirt design with custom brushes used

five. How to Combine Textures and Brushes to Create a Distressed Graphic T-Shirt

Step 1

To blueprint a distressed T-shirt, we'll employ all the methods nosotros've discovered before. Let'south Add a Mask to the layer.

adding a mask to the lettering adding a mask to the lettering adding a mask to the lettering

Pace 2

This time, we won't employ the brushes on the mask, only nosotros'll paste the texture onto information technology. And then place and resize JPEG texture №1.

placing the jpeg texture placing the jpeg texture placing the jpeg texture

Pace 3

At present, we need to select the whole texture using the Rectangular Marquee Tool, then press Control-C.

selecting the texture with rectangular marquee tool selecting the texture with rectangular marquee tool selecting the texture with rectangular marquee tool

Stride iv

After that, Control-Right Click to open the mask of the layer, and then hit Control-V to paste the texture.

pasting the texture to the mask of the layer pasting the texture to the mask of the layer pasting the texture to the mask of the layer

Step 5

Delete the layer with the texture, and then select the mask of the lettering layer and press Control-I to capsize the image.

inverting the color of the mask inverting the color of the mask inverting the color of the mask

Step half-dozen

Select the mask of the layer i more fourth dimension, and go to Image > Adjustments > Brightness/Contrast and utilize the following settings: Brightness: 105; Dissimilarity: -fifteen.

adding adjustments to the layer adding adjustments to the layer adding adjustments to the layer

Footstep vii

At present, let's add a layer with PNG texture №2, and Create a Clipping Mask.

adding a png texture to the layer adding a png texture to the layer adding a png texture to the layer

Step eight

And in this stride of creating our retro T-shirt design, let'southward add together a distressed texture Photoshop result using JPEG texture №12 with Hard Light blend mode and 50% Opacity.

Pace ix

And finally, let's salvage our vintage shirt pattern, make the groundwork layer Invisible, and then just relieve the epitome every bit a transparent PNG file.

making the background layer invisible and saving it making the background layer invisible and saving it making the background layer invisible and saving it

Crawly Piece of work, You're At present Washed!

Today, you've learned how to create T-shirt designs using dissimilar techniques. I hope you've enjoyed the tutorial and you lot have a lot of retro T-shirt pattern ideas now!

how to make distressed t shirt desing in Photoshop preview how to make distressed t shirt desing in Photoshop preview how to make distressed t shirt desing in Photoshop preview

You may be wondering where I found these amazing mockups for the previews of our distressed texture Photoshop pattern. The answer is Placeit's T-shirt design maker! Placeit is an amazing site with hundreds of T-shirt mockups and T-shirt design templates, which you lot can utilise and customize in a few simple clicks! Try your retro T-shirt design ideas on different mockups here to find the best preview of your product. Y'all don't need any special T-shirt blueprint software to use Placeit, since it works right in your browser.

Placeit T-shirt design maker Placeit T-shirt design maker Placeit T-shirt design maker
Visit Placeit's T-shirt design maker to easily learn how to design T-shirt graphics.

five Superlative T-Shirt Design Photoshop Templates From Envato Elements

At present you know how to design a shirt in Photoshop and how to recreate a cool Photoshop weathered expect. Merely if you're looking for a T-shirt grunge texture and a pattern that'south ready to transport to impress, check out Envato Elements.

This subscription-based marketplace offers you lot unlimited T-shirt design templates, T-shirt distressed textures, product mockups, graphics, and more than. Everything's included for a flat monthly fee. Hither nosotros've selected 5 top T-shirt pattern Photoshop templates you can download and utilise right away!

ane. Potable Hot Cocoa Vector T-Shirt Design (AI, EPS, JPG, PNG, PSD, SVG)

Drink Hot Cocoa Vector T-Shirt Design (AI, EPS, JPG, PNG, PSD, SVG) Drink Hot Cocoa Vector T-Shirt Design (AI, EPS, JPG, PNG, PSD, SVG) Drink Hot Cocoa Vector T-Shirt Design (AI, EPS, JPG, PNG, PSD, SVG)

If you like T-shirt distressed textures for your designs, you'll like this cool choice. The T-shirt design Photoshop template features a Christmas typography design with a distressed mode.

This T-shirt grunge texture comes in eight helpful formats, including a vector pattern so y'all can resize information technology without losing quality.

2. Surfing Vintage Sports T-Shirt Design (AI, EPS, JPG, PNG, PSD, SVG)

Surfing Retro Graphics Prints T-Shirt (AI, EPS, JPG, PNG, PSD, SVG) Surfing Retro Graphics Prints T-Shirt (AI, EPS, JPG, PNG, PSD, SVG) Surfing Retro Graphics Prints T-Shirt (AI, EPS, JPG, PNG, PSD, SVG)

Create crawly designs with this vintage tee texture inspired by surfing. The Photoshop T-shirt design is also perfect for posters, mugs, and more.

This vintage sports T-shirt will brand cool merchandise, and it comes in eight file formats. Easily recreate a Photoshop weathered look with this design.

3. American Football game Retro Sports T-Shirt Blueprint (AI, EPS, JPG, PNG, PSD, SVG)

American Football T-Shirt Design (AI, EPS, JPG, PNG, PSD, SVG) American Football T-Shirt Design (AI, EPS, JPG, PNG, PSD, SVG) American Football T-Shirt Design (AI, EPS, JPG, PNG, PSD, SVG)

Utilize Photoshop for designing T-shirts like this one. The retro sports T-shirt design is inspired by college varsity mode and football insignias.

Y'all can besides use this vintage tee texture on mugs, posters, flags, and more than. The download includes a T-shirt distressed texture equally well.

4. Meowtain Doodle T-Shirt Blueprint (JPG, PNG, PSD)

Meowtain Doodle T-Shirt Design (JPG, PNG, PSD) Meowtain Doodle T-Shirt Design (JPG, PNG, PSD) Meowtain Doodle T-Shirt Design (JPG, PNG, PSD)

Do yous similar unique custom team shirts? This absurd T-shirt design template is a great option for your next projection.

The flat vector illustration looks fantastic on custom squad shirts and other types of merchandise. Employ Photoshop to design T-shirts with unique textures like this!

5. Halloween Momster Print T-Shirt Design (AI, EPS, JPG, PNG, PSD, SVG)

Halloween Momster Print T-Shirt Design (AI, EPS, JPG, PNG, PSD, SVG) Halloween Momster Print T-Shirt Design (AI, EPS, JPG, PNG, PSD, SVG) Halloween Momster Print T-Shirt Design (AI, EPS, JPG, PNG, PSD, SVG)

This distressed T-shirt pattern is smashing for Halloween! If you want to recreate a Photoshop weathered look in your T-shirt design, this is a slap-up option.

The T-shirt grunge texture will grab anybody'due south attending. And the best part: the download includes eight file formats so y'all tin can work with this distressed T-shirt design on many platforms.

Observe More than Cool Tutorials and Resources

Want to learn more about how to make T-shirt designs or find the best distressed result Photoshop actions? Cheque out our awesome tutorials and articles:

Editorial Annotation: This mail has been updated with contributions from Maria Villanueva. Maria is the Associate Editor of the Tuts+ Pattern channel.

Source: https://design.tutsplus.com/tutorials/how-to-make-a-distressed-t-shirt-design-in-photoshop--cms-36083

Posted by: dasilvashosioness.blogspot.com

0 Response to "How To Make T-shirt Template In Photoshop"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel