banner



What Size Should A T- Shirt Design Be In Photoshop

Wondering how to brand T-shirt designs with unique distressed textures? In this tutorial, I will show y'all a few simple and effective ways to create a design for vintage distressed T-shirts. We'll use different types of textures, brushes, and mask layers, and and so combine these methods.

But what if you're looking for Photoshop T-shirt designs that are fix to use? In that example, y'all can e'er visit Envato Elements to discover hundreds of T-shirt design templates, like the i below. Scroll down afterwards this grunge T-shirt tutorial to find a pinnacle choice 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 available on Envato Elements.

Do yous prefer video tutorials to learn new Photoshop skills? Then spotter this cool video from the Envato Tuts+ YouTube channel to learn how to design a shirt in Photoshop:

What You'll Acquire in This Distressed Texture Photoshop Tutorial

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

What Y'all'll Need

  • Free Metallic Texture
  • Typography Hand Lettering Coffee Quotes
  • 24 Distressed Texture Brushes
  • 15 Grandpa'southward Textures
  • fourteen Distressed Ink Overlays

1. How to Make Your Ain Distressed Textures and Brushes

Footstep one

Let's larn how to pattern T-shirt graphics with the gratuitous texture I created for you. You could besides create your own just by taking a photo of any metal surface (even with your smartphone!). Open up the metallic texture in Photoshop and so Double-Click on the background layer to rasterize it.

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

Step ii

After that, select the layer and printingShift-Command-Alt-B to convert the epitome to blackness 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 iii

Hit Control-I to invert the colors of the prototype, and and then go 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

Pace four

Get to Select > Color Range and so select white with the Eyedropper Tool and set up the Fuzziness to 50.

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

Pace 5

Once you've selected the white surface area of the texture, press the Delete button, and and so 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 half-dozen

And for the last step, Double-Click on the layer and put a tick on Colour Overlay, and select black with Normal Blend Mode and 100% Opacity. Afterward 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 7

Now, permit's make a brush from our texture. Open the PNG file and select a part of the certificate with the Lasso Tool (L). I added a white background layer here, then you tin can run across 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 Brush 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 ix

Let'due south gear up the castor. Hit the Brush Settings icon and use the following settings:

  • Shape Dynamics: On; Size Jitter: 100%, Angle Jitter: 100%
  • Scattering: On; Besprinkle: 129%.

In the next sections, we'll discover how to utilise these brushes/textures and whatsoever others.

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

two. How to Brand T-Shirt Designs With PNG Textures

Step i

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

  • 2000x2000 px
  • 300 dpi
  • Background Colour: Blackness.
Creating a new document Creating a new document Creating a new document

Step ii

Get to File > Place and so select the lettering for your distressed tee shirt design. In one case you'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

Now we are ready to create a distressed texture Photoshop effect! Permit's place one of the textures from the 15 Grandpa's Textures pack. I chose distressed Photoshop overlay №iii.

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 pattern 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 manner:

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

Footstep 4

The of import affair here is that yous need to employ the distressed Photoshop overlay only to the lettering layer. If you make the background Invisible, you'll run into that distressed texture practical to the whole document.

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

Step 5

So, to add the distressed texture Photoshop consequence only to the desired layer, yous need to select the layer with your texture so Correct Click > Create a Clipping Mask.

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

Step vi

If you lot want to make your vintage distressed T-shirts look even older, let'south utilise some other 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 at present:

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

Step 7

If this still doesn't look grungy enough, let's add together ane 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

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

Stride 1

At present, let'due south endeavor to utilize JPEG textures from another pack and apply them to our vintage distressed T-shirt design. Place texture №xiii from the fourteen Distressed Ink Overlays pack above the lettering andCreate a Clipping Mask.

adding a jpeg texture to the lettering

Step two

Change the Blending of the texture to Hard Light, to make our distressed effect Photoshop design less axiomatic.

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

Footstep 3

At present, let'southward add a distressed texture Photoshop consequence one more than time. I chose texture №3 and changed the Blending Mode to Multiply and the Opacity to l%.

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

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

four. How to Make a Distressed Consequence in Photoshop With Brushes

Step 1

Now, nosotros'll use distressed Photoshop brushes to create a design for distressed shirts. Permit's create a new layer with the Alt-Shift-Control-N shortcut.

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

If you desire to learn how to install distressed Photoshop brushes, check out this astonishing tutorial:

Step ii

Select any subtle distressed brush and pigment on this new layer with black. Combine a few brushes to brand 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 blueprint looks with our own custom brush applied to it:

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

Pace 3

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 a Mask.

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

Footstep 4

Let's accept a heavy grunge brush from the pack and and then select the mask of the layer (or utilize 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 pattern looks now:

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 last distressed graphic T-shirt pattern 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

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

Step 1

To design a distressed T-shirt, we'll use all the methods we've discovered earlier. Permit's Add a Mask to the layer.

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

Step two

This time, nosotros won't use the brushes on the mask, but we'll paste the texture onto it. So place and resize JPEG texture №1.

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

Pace 3

Now, we need to select the whole texture using the Rectangular Marquee Tool, and and so press Control-C.

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

Step 4

After that, Control-Correct Click to open up the mask of the layer, and then hitting Control-Five 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 five

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

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

Pace 6

Select the mask of the layer one more time, and go to Image > Adjustments > Effulgence/Contrast and use the post-obit settings: Brightness: 105; Contrast: -xv.

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

Stride 7

Now, permit'southward add together a layer with PNG texture №two, 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

Footstep viii

And in this step of creating our retro T-shirt blueprint, permit'southward add a distressed texture Photoshop effect using JPEG texture №12 with Difficult Low-cal alloy manner and fifty% Opacity.

Stride nine

And finally, let's save our vintage shirt blueprint, make the groundwork layer Invisible, and and then just save the prototype as 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 Work, Yous're Now Washed!

Today, you've learned how to create T-shirt designs using different techniques. I hope you lot've enjoyed the tutorial and you accept a lot of retro T-shirt blueprint 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 astonishing mockups for the previews of our distressed texture Photoshop design. The answer is Placeit's T-shirt blueprint maker! Placeit is an amazing site with hundreds of T-shirt mockups and T-shirt design templates, which you can employ and customize in a few simple clicks! Endeavour your retro T-shirt blueprint ideas on different mockups hither to find the best preview of your production. You don't demand any special T-shirt design software to use Placeit, since information technology works correct 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.

v Acme T-Shirt Design Photoshop Templates From Envato Elements

Now you lot know how to pattern a shirt in Photoshop and how to recreate a cool Photoshop weathered look. Just if you're looking for a T-shirt grunge texture and a blueprint that's gear up to send to print, cheque out Envato Elements.

This subscription-based marketplace offers you unlimited T-shirt design templates, T-shirt distressed textures, product mockups, graphics, and more. Everything'south included for a apartment monthly fee. Here we've selected v acme T-shirt design Photoshop templates you tin download and use right away!

ane. Drinkable Hot Cocoa Vector T-Shirt Blueprint (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 yous like T-shirt distressed textures for your designs, you'll like this cool option. The T-shirt blueprint Photoshop template features a Christmas typography design with a distressed way.

This T-shirt grunge texture comes in 8 helpful formats, including a vector design so you tin resize it without losing quality.

ii. Surfing Vintage Sports T-Shirt Pattern (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 awesome designs with this vintage tee texture inspired by surfing. The Photoshop T-shirt design is also perfect for posters, mugs, and more than.

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

3. American Football Retro Sports 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) American Football T-Shirt Design (AI, EPS, JPG, PNG, PSD, SVG)

Use Photoshop for designing T-shirts like this one. The retro sports T-shirt blueprint is inspired by college varsity fashion and football insignias.

You tin can as well apply this vintage tee texture on mugs, posters, flags, and more. The download includes a T-shirt distressed texture too.

iv. Meowtain Doodle T-Shirt Design (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 you like unique custom team shirts? This cool T-shirt blueprint template is a neat option for your next project.

The apartment vector analogy looks fantastic on custom team shirts and other types of merchandise. Apply Photoshop to blueprint T-shirts with unique textures like this!

v. Halloween Momster Impress T-Shirt Blueprint (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 design is great for Halloween! If you want to recreate a Photoshop weathered wait in your T-shirt blueprint, this is a great pick.

The T-shirt grunge texture volition grab anybody'south attending. And the best part: the download includes eight file formats so yous can piece of work with this distressed T-shirt design on many platforms.

Notice More than Cool Tutorials and Resources

Want to learn more near how to brand T-shirt designs or find the all-time distressed result Photoshop actions? Check out our crawly tutorials and articles:

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

What Size Should A T- Shirt Design Be In Photoshop,

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

Posted by: kershawdonfe1970.blogspot.com

0 Response to "What Size Should A T- Shirt Design Be In Photoshop"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel