How to Create Awesome T-Shirt Mockups Like Jimiyo

Tue, Oct 21, 2008

Photoshop, Tutorials

EDITORS NOTE: Jimiyo is showcasing a template from Vol. 2 of Fitted Ladies Apparel Templates, which we’ll have ready for release in November. For now, check out Vol 1.

Go Media gave me the chance to test out their new women’s t-shirt templates, and I have to say, they are awesome. High quality, crisp images that’s sure to impress my clients since presentation is paramount!

They are simple to use, but here are some tips on how I used them.

First, I copy pasted my flattened high resolution image into the “Your Art” layer.

Apparel Templates A

Secondly, I align my image to be centered on the shirt. To do this:

1. Select All while you are on “Your Art” layer
2. Press ‘V’ to initiate the Move Tool.
3. You will notice alignment tools associated on the toolbar.
4. Click the center align buttons for vertical and horizontal and your image should be centered.

Apparel Template 2

Now with my image centered, I initiate the transform tool by using shortcut CTRL-T.

In the toolbar, I link the vertical and horizontal, and play with the numbers til a good size is found.

To constrain proportions by linking, click on the chain link icon.

Apparel Templates C

EDITORS’ NOTE: Since this post, we’ve changed the “Material” layer to “Shirt Color”

Once you arrive at a good size and position, fill the Material layer below the Art layer with the base color of the tee. This should match exactly with the bg color of the art image. Color pick while having the shadow and highlight layers turned off, and fill.

An easy way to do this, would be to

1. Select the brush tool (B),
2. Hold ALT-Click to invoke the color picker and color pick the bg of the image,
3. Hold ALT, press BACKSPACE to fill the current layer with the foreground color.

Apparel Templates D

Depending on what color the shirt is, I almost always tweak the highlights/shadow layers to optimize the realistic shading effects. Since this shirt was black, I tweaked the “Highlights” layer by using levels, as well as reducing opacity after leveling.

Apparel Templates E

In the final steps, I like to embellish the composition with a few extra additions.

1. Medium tone stroke and drop shadow.
2. Enlarged, reduced opacity grayscle of the shirt image for the background.
3. After I flatten, I reduce image size for emailing.
4. After reducing image size, I run the “Sharpen” filter to Crispy it up a bit. Make sure to go under edit after sharpening and “Fade Sharpen” to tone down the filter effects.

BLAMMO!

This is a shirt in running at Designbyhumans. If you guys throw me some votes, maybe they will print it!

Thanks for reading!

Apparel Templates F

EDITORS’ NOTE: Check out this video to see the pack & it’s new features in action:

, ,

This post was written by:

Adam Wagner - who has written 61 posts on GoMediaZine.

I'm a marketer, designer, armchair singer/songwriter, wannabe theoretical physicist/philosopher and recent college grad trying to pack as much living as possible into each day. Working at Go Media makes this pretty easy. Catch me on Twitter!!

Contact the author

If you enjoyed this post, show your support.
We appreciate it!
Bookmark It! Stumble It! Float It!
  • Nice tips, thanks
  • Hey nice tutorial jimiyo. I really like how your final mock up looks so unique.
  • what's up with the right sleeve missing a chunk?
  • @ Ackbar: These can be though of as "beta" versions, especially since this volume isn't released yet. Be assured the final products will be clean and complete.

    Either way, the missing chunk because the end of the sleeve was tucked under.
  • Ever wonder how to create awesome tshirt mockups like Jimiyo? http://tinyurl.com/5bfvtz
  • RT @Go_Media Ever wonder how to create awesome tshirt mockups like Jimiyo? http://tinyurl.com/5bfvtz
  • RT @Go_Media Ever wonder how to create awesome tshirt mockups like Jimiyo? http://tinyurl.com/5bfvtz
  • Michael Wilson
    Great work as usual!! I just bought the T-shirt mock ups and lovethem. I'll have to add the ladies to the collection.
    When are you coming out with hoodies, sweatshirts and longsleeve T's. I could use the hoodies right now!
  • Tex
    Are you sure it's not where someone's arm was?

    Either way, the Illustrator 1998 screen shots hurt my eyes!
  • Dan
    Thanks a lot guys! I can't wait until the women's pack is released.
  • brian
    why can't a heterosexual guy tell a heterosexual guy that he thinks his booty is fly?
  • Cool, Never thought of doing it this way.
    Thanks
  • @Adam Wagner
    Oh i see! Thanks for the info!
  • Eugene
    I am looking for some idea and stumble upon your posting :) decide to wish you Thanks. Eugene
  • Mocking the tee up is always my favorite part of creating tee designs. Good work, Jimiyo.
  • Great post! Why did you pull the previous tutorial with the Harley Davidson shirt? Copyright issues?
  • Pies
    yea great tutorial jimiyo...i also did wonder where that hayley davidson tut went too, i didn't get to finsh it
  • Jules
    When is this pack going to be available for purchase?
  • @ Jules - The long sleeve ladies templates are available now. The short sleeves will be done asap - probably later next week.
  • Sweet, I cant wait till next week when you have the ladies short sleeves out. What about the hoodies? When will they be out, and will you have girls hoodies and guys hoodies out at the same time or are you going to split them up? Or are you even doing womens hoodies?
  • tomroyake
    Hi iam really interested in getting my designs into digital format but cant use photoshop or illustrator at all. basically what are you using to create your designs? iam guessing illustrator and a tablet.
  • im curious what program did you use to make this
  • Photoshop and Illustrator are used mostly.
blog comments powered by Disqus