Design A T-shirt

Discover ways to Design A T-shirt.

I’m positive you may have questioned how designers put their designs on T-shirt/fashions earlier than, otherwise you may need needed to do a mock-up T-shirt design to submit to your class Tee. On this tutorial, I’ll be displaying you ways simple it’s to put your artwork on T-shirts with Photoshop.


After all it is advisable to have your T-shirt design all ready! Chances are you’ll design your artwork in Photoshop as a traditional picture file (meaning with out truly designing it on the T-shirt itself). Transferring the design over to the T-shirt is another step, which is what this tutorial is about. Remember to use a high resolution to your actual artwork file as you want a high quality to have a great print. Resolution of 300px/inch normally is ok. (When creating a new document, below Resolution set to 300 pixels/inch)

This tutorial was finished on Adobe Photoshop CS5. Other versions may differ slightly.

If your artwork is inside the front part of the shirt:

First you need either a plain T-shirt on its own, or a ‘modelwearing a plain T-shirt. You may merely search for these photographs on-line (be sure that they’re free for private use or get permission), or you possibly can merely take a photo of a person carrying a plain shirt. Open that image up in Photoshop. Duplicate it by proper-clicking on the layer and Duplicate Layer as a security measure.

Next, open up your T-shirt artwork by dragging the file onto the model or shirt, or go to Menu Bar: File > Place > select artwork. Scale your picture to the dimensions you need (Word: You will need to know the boundaries of your printer, or the budgeted value of your T-shirt. Some printers don’t print larger than A4 dimension, whereas those who do will naturally charge a higher worth).

Hold shift whereas dragging to keep it in proportion. I’ve made a easy design only for illustration functions. As this a part of the tutorial is for designs which slot in properly at the entrance of the shirt, I will size it smaller. Should you want to have your designs bigger and overlapping the seams, please scroll to the second part of the tutorial.

It’s best to see something like that. But you’re considering, what about that ugly white background across the artwork? Well, that’s where blending mode is available in.

Simply change the mixing mode to Multiply and you will see how the background disappears like magic! Observe: Multiply solely works for dark photos on gentle backgrounds. You probably have a shiny picture on a darkish background (eg, a red artwork on a black shirt), you’ll notice your design will simply turn black, or turns into very dark. For mild colours on dark backgrounds, use the Lighten or Screen blending mode. In fact, check out all the different mixing modes to see what different results you get!

Depending on how your model or shirt is, your picture could also be prepared. Particularly if the model is dealing with straight at you, or it’s only a plain shirt. Nevertheless I chose to make use of a barely tilted example as an instance how you can make your artwork look extra real looking on an individual. First, I transfer my artwork to the middle of the shirt (it relies upon where you want your artwork to be of course, however I’ll be placing it in the middle). Then go to Menu Bar: Edit > Remodel > Warp. Merely pull and stretch the corners and the grids, and make the image look like how it will if it was on a shirt. I can’t actually teach you ways to make use of the Warp, there is no such thing as a proper or improper method. Just play round with it and you’ll get the dangle of it in no time! Play with the dots, the traces and the grids.

Lastly, add a Gaussian blur to make it look extra natural. Go to Menu Bar: Filter > Blur > Gaussian Blur. Put 0.5 px on the radius. Hit Okay.

And your T-shirt is done and ready for showcasing!

In case your artwork is larger than the entrance or overlaps the seams:

Firstly, you would possibly wish to examine with your printer if they can do such huge prints (prints masking most of the shirt), or if they do printing across the sides/seams. Most printers don’t, or want to not as it is much more work. Your price price of your T-shirts will also rise significantly.

Step 1:

Step one is the same, you want both a plain T-shirt on its own, or a ‘modelsporting a plain T-shirt. Open that image up in Photoshop. Duplicate it by right-clicking on the layer and Duplicate Layer as a safety measure.

Step 2:

Now, we need to select/outline of the shirt. There are a variety of how to do it, like using the Polygonal/Magnetic Lasso, the quick Selection Software, and Magic Wand. I’ll be using the Magic Wand for the reason that shirt is the one source of white pixels right here so it’s fast and straightforward to pick out the shirt.

Select the Magic Wand Device. The tolerance principally means how strict you need it to differentiate the pixel values. When you’ve got many shades of white within the background which hook up with the shirt (eg sky, or white denims), it’s higher to use a lower tolerance (eg 10 and under) so it is going to make a greater selection (let’s say your whiter T-shirt over a much less white denims. Lower tolerance simply makes the differentiation extra ‘pickyand will select only your T-shirt). Nonetheless, if there’s simply only one supply of white in the whole image like my instance, be happy to use the next tolerance like 35, as it should select most of the white simply and shortly. Tick Contiguous. In the event you tick it simply means it is going to solely choose the realm you click at and its close to surrounding areas, we only need the shirt so that’s an excellent thing. Unticking it means it can pattern and select all pixels of near worth in the entire picture, just like the eyes, or any white in the background.

PS: If you still have troubles choosing which instrument, or feel the Magic Wand is simply too arduous to use, you may simply use the Polygonal Lasso Tool (the third icon down the toolbox menu). It really works the identical as join-the-dots so merely join the dots around your artwork.

Use the Magic Wand Software and click on the white spaces within the shirt. Depending on your tolerance stage, you might get one thing like this in your first click on, and you discover that not the entire shirt is chosen but solely elements of the identical shade of white you clicked at. Simply hold shift while clicking on the unselected elements. Holding shift merely provides your new choice to the existing selection. Don’t get intimidated at this part, it’s really easy to do. Should you don’t know what to do, basically hold shift and click all over the place within the shirt! Seriously.

If you probably did it accurately you should see this. Make sure there aren’t any dotted selections within the shirt itself.

Non-compulsory: You may go to the Options Bar: Refine Edge to additional refine the edges of your seleciton if wanted. Play around with the settings there to see what works finest for you. If not, let’s just transfer on!

Step 3:

Press Ctrl+J (Cmd+J) and it will copy your selection and paste it on a brand new layer. Duplicate that layer as a safety measure by right-clicking it and “Duplicate Layer

Step four:

Now we here’s the place we convey your artwork in by dragging the file onto the model or shirt, or go to Menu Bar: File > Place > select artwork. Scale your image to the scale you want. Hold shift while dragging to keep it in proportion. For this case I’ll be making the artwork alot greater to overlap the seams.

Step 5:

Change the mixing mode to Multiply. Note: Multiply solely works for dark photos on light backgrounds. In case you have a brilliant picture on a darkish background (eg, a crimson artwork on a black shirt), you will discover your design will simply flip black, or turns into very dark. For mild colors on darkish backgrounds, use the Lighten or Display blending mode. Actually, check out all of the different blending modes to see what totally different effects you get!

Step 6:

Okay here you want to do exactly what I say, if not you won’t get the identical results, so concentrate! Hold Ctrl+left click on on the T-shirt selection we did earlier. Remember to click on on the icon, not the layer. An outline of the shirt should appear if you probably did it appropriately. Subsequent, choose your artwork layer. Lastly, click on the Layer Mask button.

You must see something like that. The artwork is masked by the T-shirt selection we made earlier on.

Step 7:

To additional edit your picture, if vital, click on on the Lock/Chain button to unlock the layer mask from the artwork. Then click on the artwork. Now you can move your artwork around the T-shirt to your choice, and the artwork will nonetheless keep constrained within the T-shirt selection itself.

Men's Gungnir - Odins Spear Cotton Long Sleeve Tee ShirtFor those who don’t click on the artwork first, you’ll discover that you can be transferring/editing the T-shirt selection instead. In the event you fail to unlock them, you’ll be moving/enhancing both the artwork and T-shirt selection.

Here is more about Kids Monster T Shirt review our own website.