How to Design T-Shirt in Adobe Photoshop

Hello, guys today we are going to show you “How to Design T-Shirt in Adobe Photoshop”. In this tutorial, you will learn how to design a simple T-shirt. Don’t worry if you have no idea of t-shirt designing,  after this tutorial you will be able to design your shirt. This is a step by step tutorial also have a screenshot of each step so you can practice it by yourself by downloading project and mockup PSD file.

 

Resources
Images used:
Fonts used:
  • Magneto
Step 01
  • Open the adobe photoshop software.
  • Go to the “File Menu” and click on the “New” option.
  • Select the size of the canvas.
  • Now go to the “Tool Bar” and select the “Horizontal Type Tool”.
  • Write whatever you want to type on your shirt(here I write design optimal).
  • Double click on the right side of the “Text Layer”.
  • “Layer Style” window will be opened.
  • Tick on the “Stock” option and select the stock size.
  • Then tick on the “Drop Shadow” option and select the “Size, Spread, and Distance” size.
  • Do the same for the dot com text.
1.1
1.1- (Click to Zoom)
1.2
1.2- (Click to Zoom)
1.3
1.3- (Click to Zoom)
1.4
1.4- (Click to Zoom)
1.5
1.5- (Click to Zoom)
1.6
1.6- (Click to Zoom)
1.7
1.7- (Click to Zoom)
Step 02
  • Now go to the “Tool Bar” and select the “Ellipse Tool”.
  • Draw a circle around the “Main Text”.
  • Press “Ctrl+J” which make the copy of the same circle.
  • Now select the circle 2 layer and press “Ctrl+T”.
  • Keep the cursor on the one corner(anyone) and hold “Shift+Alt” key and drag it outside.
  • Again take “Horizontal Type Tool” and write whatever you want.
  • Click on the “Create Warped Text” option and arrange it according to your point of view.
  • Apply the same “Effect” which we earlier apply on others text.
  • Again take text tool and make it curve and place it between the two circles as shown.
  • Now apply the same effect also on this text.
  • So finally your design is ready now its time to place on a t-shirt or anything.
  • Save it in “PNG” format.
2.1
2.1- (Click to Zoom)
2.2
2.2- (Click to Zoom)
2.3
2.3- (Click to Zoom)
2.4
2.4- (Click to Zoom)
2.5
2.5- (Click to Zoom)
2.6
2.6- (Click to Zoom)
2.7
2.7- (Click to Zoom)
2.8
2.8- (Click to Zoom)
2.9
2.9- (Click to Zoom)
Step 03
  • Open the t-shirt mockup or your t-shirt photo.
  • Go to the “File Menu” and click on “Place” option.
  • Select the design and click on ok.
  • Arrange the design on the t-shirt where you want to place your design it’s up to you.
  • And finally, your t-shirt is ready.
3.1
3.1- (Click to Zoom)
3.2
3.2- (Click to Zoom)
3.3
3.3- (Click to Zoom)
3.4
3.4- (Click to Zoom)
Final Outcome 1
Final Outcome 1- (Click to Zoom)
Final Outcome 2
Final Outcome 2- (Click to Zoom)