Hello Steemians,

I posted samples of some t-shirts for SteemFest 2 which I designed earlier, and the feedback has been amazing. Owing to that reason, I would be using this post to give you a step by step guide on how I created one among the t-shirts I designed. 

   Read on as I put you through, but first I would love to show you my favorite: 
>Amazing Right ??


https://steemitimages.com/DQmTZN5M9MmxRiARuTBroBpRVL2gAEisJWfhw9NoF5gYBj1/Type%201.jpg 
<br>

<h1>Step One</h1>
<hr>
Open your Photoshop, and use  "Ctrl+ N" to open a New Document, you would see the Guide with the Screenshot below.
<br>

https://steemitimages.com/DQmQA3itiSfLRVWDfTAfP6mARM1hPo5sJcU5nqEWYnG5jU1/Shot%200-2.jpg
<br>

https://steemitimages.com/DQmRKDFjVwy1W1SE698pehasF5BMGJXFwseQqu4PvAo48Gf/Shot%200.JPG<br>

You can use any size of your choice, I did use the size best deem for me.

<h1>Step 2</h1>
<hr>
After creating the Canvas of your choice on Photoshop, you should get something like this:
<br>
<br>
https://steemitimages.com/DQmaLULaW4gGFkYNPS8dVzKwWJK2srjAM16RztmyeNemxcB/SHot%201.JPG

<br>
Pick a Color with the Paint tool from the toolbar and Paint the canvas the color of your choice, for me I used Ash  Color
<br>
![shot 2.JPG](https://steemitimages.com/DQmWnrAaUxp6JwhHahKSsQsYkQfYJQc2yJNbCA1FYmQDQFP/shot%202.JPG)
<br>
Then, I used the Brush tool to create a **Light feel** on the painted Canvas, View the screenshot below to understand what I mean by (light feel)
<br>
![shot 2-3.jpg](https://steemitimages.com/DQmYLehwzRS9aUevR3xWGRx1rEXrZKgV4iCEG2KZk6mPJUb/shot%202-3.jpg)
<br>
![shot 3.JPG](https://steemitimages.com/DQmUCfTDMTxqbgLwXBxRqSm2XQ7mtSUSYaLsUCZgqM9BNMe/shot%203.JPG)
<br>
Change the Blending Option to **Colour Dodge** and the Opacity to **56%**
<br>
![shot 2-4.jpg](https://steemitimages.com/DQmb11suCzqz851kdiawbwbJKKPLkjC9XeqRz7jPTijzjnq/shot%202-4.jpg)


<h1>Step 3</h1>
<hr>
Its time to use the <strong>Pen Tool</strong>, simply access the Pen Tool by Clicking on <strong>P</strong> on your Keyboard  and once you get it, use it to draw out the Shape of a T-Shirt.

Once you are done with it, click on Shape on the Upper Toolbar of Photoshop so it can convert your lines into a Shape.
<br>
![Shot 4-1.jpg](https://steemitimages.com/DQmWc35L78o4JhMMj5HFcTBfUUyF5LAtrMhjBhAgvGhRNnM/Shot%204-1.jpg)
<br>
![Shot 4-2.jpg](https://steemitimages.com/DQmSrQNYjW8i5P9Aw3PHKgzjhBhzXN5vSimCDRQrnwFmEs9/Shot%204-2.jpg)
<br>
![Shot 4.JPG](https://steemitimages.com/DQmbnf7xzQSMf89LKKKWij1Na3TanksQ53HLjewqXQL92Qv/Shot%204.JPG)
<br>
<h1>Step 4</h1>
<hr>
Use the Pen Tool to create a different shape as you suite on the t-shirt which you have created with your Pen Tool.

<br>

<strong>Note Before:</strong> Create a New Layer before doing that.


<br>
![Shot 6-2.jpg](https://steemitimages.com/DQmXzNfWKbwVmYF3XanNAdsbjUQyEB1p78DhuLG5FRV1ojg/Shot%206-2.jpg)
<br>
![Shot 6-1.jpg](https://steemitimages.com/DQmWhMb3sxwHwBwFm7ncEyaBEN2PgShS1svdEn3cmAFfWqA/Shot%206-1.jpg)
<br>
![Shot 6.jpg](https://steemitimages.com/DQmX3BYSLRdLNHw1SppYLKymV43AqKiN6vwwiEJZmEV57Mm/Shot%206.jpg)
<br>
![Shot 5.JPG](https://steemitimages.com/DQmeikPM2wrRKJt7RmsDTiRNz6G4f2dALakx57QUtdptA9u/Shot%205.JPG)
<br>

<h1>Step 5</h1>
<hr>
Now we are going to be adding some shapes on the the Previous Shape which was created earlier.
<br>
Firstly, Create the small shapes using your Pen Tool, as you did earlier with the Bigger shape.
<br>


Then Right Click, on the shape one after other to "Create Clipping Mask" on the Main Shape which was Created earlier.

https://steemitimages.com/DQmTmrExMRSR3x8ZpdZkLBiV1zTAjBsiMx9N5TMz2Gx7fsF/Shot%208.jpg

![Shot 9-1.jpg](https://steemitimages.com/DQmPRoxu2cvNgcfap4PiTVuahgDj5XZZNXQzqRaJYgjbQWe/Shot%209-1.jpg)
<br>
<h1>Step 6</h1>
<hr>
Now that we are done with the Creation of the smaller shapes, it is Time to Add some texts to the Sketch. I used "Elliot Sans Family Font" for my Design, you could use any font of your font as you deem fit.

<br>

![Shot 9-2.jpg](https://steemitimages.com/DQmaoudjFLxnSp6tFjg6ZL99u6NYHxv5HVqip2iWhMmiwFb/Shot%209-2.jpg)
<br>
https://steemitimages.com/DQmV17AHqiX35sguCsMEsF4f6vmZ1Dta4kVZevPaMDnKceY/Shot%209.JPG
<br>
<h1>Step 7</h1>
<hr>
Add other designs as you feel like, as for me, I added Steemit's Logo and used typeface "2".

The Font used for typeface "2" is: Edoz Regular
<br>


https://steemitimages.com/DQmYdaqst77v6TPSvzfznWLKwMtSRGHBvTCMuHADpkCrtY9/Shot%2011.jpg
<br>

<h1>Step 8</h1>
<hr>
After successfully creating the t-shirt design, download any T-shirt Mock-Up Template for Photoshop to place your design on. I got mine <a href="http://designertale.com/round-neck-men-t-shirt-mock-up-233/"> here</a>

<br>

https://steemitimages.com/DQmY7ywxwv4rRH9r88BT6hDTSDFRgHZ8wMXkEECdupjPnYr/Shot%2012.JPG
<br>
The Next Step to take is to Place the Design in the Layer Provided by the Mockup by clicking on the Picture of the layer Twice, the screenshot below throws more light on what is explained.
<br>
![Shot 12-1.jpg](https://steemitimages.com/DQmXS82f3Szdg2p3eXxGrvLzGsseF2bchJGb3Hu1V2162fJ/Shot%2012-1.jpg)
<br>
![Shot 13.jpg](https://steemitimages.com/DQmbG9P1ZAfAquVghheHgs4rwiHBTozQEh3tqWhWB7ngGxJ/Shot%2013.jpg)
<br>
Once that is Done, place the design on the t-shirt and adjust till it properly fits the t-shirt on the Mock-Up. It would take some time before you totally perfect your Skill on doing this, this is because you would need to make adjustments on your design. 
<br>

Once done perfectly, you should have something like this :

![Shot 14.jpg](https://steemitimages.com/DQmbM1YP7bKxnfWcWj3qBrGkq7Js13pUEyXMGCCAEwqfmn4/Shot%2014.jpg)
<br>
Depending on the mockup been used, you could be lucky to have the Backview of the t-shirt after downloading. Here is the Backview of my Mock-Up after following the steps explained earlier in details.
<br>
![Shot 15.jpg](https://steemitimages.com/DQmQsRPzU27d1pH1J1c7vwFws62o112fynstLXm3hjnfjuK/Shot%2015.jpg)
<br>
Nad we have completely learn't how to go about designing a t-shirt on photoshop and using it with a Mock-Up (PSD Editable). Here are some other samples I designed:
<br>
![Type 2.jpg](https://steemitimages.com/DQmZdsrCAvoz5HYpk1vZahXYnmf6WCT2uXNQ6P4njcN26n7/Type%202.jpg)
<br>
![Type 3.jpg](https://steemitimages.com/DQmS2czKDnA6LN2X5mu9iSbcMiQc6ve6U6nxezoKQ2oCBaS/Type%203.jpg)
<br>
![Type 4.jpg](https://steemitimages.com/DQmZ7PgD3KaTZgEJnYfAaA5qUKAjeHQ5NEu5W8hH8Z69yio/Type%204.jpg)

<h1> Thanks for reading Through my Tutorial, you can Upvote, Resteem and make Contributions also.Most Importantly,
I hope you have been able to learn from this. </h1> 

<br>
![DQmRKgYYp1TzWmvqtnfbMSLZQSgUXinUxqyHyd39HZ8j7gx.gif](https://steemitimages.com/DQmRKgYYp1TzWmvqtnfbMSLZQSgUXinUxqyHyd39HZ8j7gx/DQmRKgYYp1TzWmvqtnfbMSLZQSgUXinUxqyHyd39HZ8j7gx.gif)