banner



How To Put Image On Shirt Photoshop

Wondering how to make T-shirt designs with unique distressed textures? In this tutorial, I will show you a few unproblematic and effective ways to create a design for vintage distressed T-shirts. We'll employ dissimilar types of textures, brushes, and mask layers, and and then combine these methods.

But what if you're looking for Photoshop T-shirt designs that are ready to use? In that instance, you can always visit Envato Elements to find hundreds of T-shirt design templates, like the one below. Scroll downward later this grunge T-shirt tutorial to find a top selection 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 you lot prefer video tutorials to learn new Photoshop skills? Then lookout this cool video from the Envato Tuts+ YouTube aqueduct to acquire how to pattern a shirt in Photoshop:

What You'll Learn 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 consequence in Photoshop using JPEG textures
  • How to make distressed T-shirt designs with Photoshop brushes
  • How to combine textures and brushes to blueprint a distressed T-shirt

What Yous'll Demand

  • Free Metal Texture
  • Typography Manus Lettering Java Quotes
  • 24 Distressed Texture Brushes
  • 15 Grandpa's Textures
  • 14 Distressed Ink Overlays

1. How to Make Your Own Distressed Textures and Brushes

Step 1

Let'southward larn how to design T-shirt graphics with the gratis texture I created for you. You lot could also create your own just by taking a photo of any metallic surface (fifty-fifty with your smartphone!). Open the metal 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 two

Subsequently that, select the layer and pressShift-Control-Alt-B to convert the image 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 3

Hit Control-I to invert the colors of the image, and then go to Image > Adjustments > Effulgence/Contrast and apply the following settings: Brightness: 132;Dissimilarity: 100.

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

Stride 4

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

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

Pace 5

Once 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 6

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

Pace 7

Now, let's brand a brush from our texture. Open the PNG file and select a part of the document with the Lasso Tool (L). 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 viii

Go 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 nine

Let's set the brush. Hitting the Brush Settings icon and use the following settings:

  • Shape Dynamics: On; Size Jitter: 100%, Bending Jitter: 100%
  • Scattering: On; Scatter: 129%.

In the next sections, nosotros'll detect how to use these brushes/textures and any others.

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

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

Step 1

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

  • 2000x2000 px
  • 300 dpi
  • Groundwork Colour: Black.
Creating a new document Creating a new document Creating a new document

Step 2

Get to File > Place and 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 three

Now nosotros are ready to create a distressed texture Photoshop effect! Let's identify one of the textures from the fifteen 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 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 thing hither is that yous need to apply the distressed Photoshop overlay simply to the lettering layer. If yous brand the background Invisible, you'll see that distressed texture practical to the whole document.

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

Stride v

Then, to add the distressed texture Photoshop event but to the desired layer, you demand to select the layer with your texture and then Correct Click > Create a Clipping Mask.

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

Step 6

If you lot want to make your vintage distressed T-shirts look even older, let's apply another texture. I chose texture №xiv. 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

Footstep 7

If this still doesn't wait grungy plenty, let's add one more texture (I selected texture №4) to our vintage shirt design.

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 i

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

adding a jpeg texture to the lettering

Step 2

Change the Blending of the texture to Hard Lite, to brand our distressed result Photoshop design less evident.

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

Stride three

Now, allow'southward add a distressed texture Photoshop event one more time. I chose texture №3 and changed the Blending Mode 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 Effect in Photoshop With Brushes

Step 1

At present, nosotros'll use distressed Photoshop brushes to create a pattern for distressed shirts. Let'due south 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 want to larn how to install distressed Photoshop brushes, check out this amazing tutorial:

Step 2

Select any subtle distressed castor and paint on this new layer with blackness. 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 castor applied to it:

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

Pace iii

Another way to apply the brushes to add together 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

Step 4

Allow's take a heavy grunge brush from the pack and then select the mask of the layer (or apply Alt-Right Click to open information technology) 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 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 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

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

Step 1

To design a distressed T-shirt, nosotros'll use all the methods nosotros've discovered earlier. Allow'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, we won't use the brushes on the mask, but nosotros'll paste the texture onto it. So place and resize JPEG texture №one.

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

Step 3

At present, nosotros need to select the whole texture using the Rectangular Marquee Tool, 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

Later on 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 invert the image.

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

Step six

Select the mask of the layer one more time, and go to Image > Adjustments > Effulgence/Contrast and utilize the following settings: Brightness: 105; Contrast: -15.

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

Step 7

Now, let's add 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 8

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

Step nine

And finally, let's salvage our vintage shirt design, brand the background layer Invisible, and and so but relieve the epitome 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

Awesome Work, You're Now Done!

Today, you've learned how to create T-shirt designs using different techniques. I hope yous've enjoyed the tutorial and you lot have a lot of retro T-shirt design 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

Yous may be wondering where I found these amazing mockups for the previews of our distressed texture Photoshop design. The answer is Placeit's T-shirt design maker! Placeit is an amazing site with hundreds of T-shirt mockups and T-shirt pattern templates, which you can use and customize in a few simple clicks! Endeavour your retro T-shirt pattern ideas on unlike mockups here to find the best preview of your product. You lot don't demand any special T-shirt design software to use Placeit, since it 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.

5 Top 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 look. Only if you lot're looking for a T-shirt grunge texture and a design that's ready to send to impress, check out Envato Elements.

This subscription-based marketplace offers yous unlimited T-shirt design templates, T-shirt distressed textures, product mockups, graphics, and more than. Everything's included for a flat monthly fee. Here we've selected five superlative T-shirt blueprint Photoshop templates you tin can download and utilize correct away!

one. Potable 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 y'all like T-shirt distressed textures for your designs, you lot'll similar this absurd option. The T-shirt pattern Photoshop template features a Christmas typography pattern with a distressed style.

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

2. 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 cool merchandise, and it comes in eight file formats. Easily recreate a Photoshop weathered look with this blueprint.

3. American Football Retro Sports T-Shirt Pattern (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 ane. The retro sports T-shirt design is inspired by college varsity style and football game insignias.

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

four. 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 pattern template is a not bad option for your side by side project.

The flat vector analogy looks fantastic on custom team shirts and other types of merchandise. Use Photoshop to design T-shirts with unique textures similar this!

five. Halloween Momster Impress 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 blueprint is peachy for Halloween! If y'all want to recreate a Photoshop weathered look in your T-shirt design, this is a peachy choice.

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

Discover More than Cool Tutorials and Resources

Want to learn more than near how to make T-shirt designs or find the best distressed event Photoshop actions? Check out our awesome tutorials and articles:

Editorial Note: This post has been updated with contributions from Maria Villanueva. Maria is the Acquaintance Editor of the Tuts+ Design aqueduct.

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

Posted by: ricecolip1997.blogspot.com

0 Response to "How To Put Image On Shirt Photoshop"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel