How to Create a T-shirt Mockup

Поділитися
Вставка
  • Опубліковано 1 лис 2024

КОМЕНТАРІ • 314

  • @HaasHouse
    @HaasHouse  7 років тому +26

    What do you like most about mockups, what features do you love or need?
    If you want the mockup used in this tutorial + lots of other unique high-quality mockups you can download for free here: michaelhoss.com/blog

    • @justinprobeit4691
      @justinprobeit4691 6 років тому +1

      Hello Michael,
      Thank you for great tutorial!
      I've one question. Can i make my own mockup using this technique and then sell it to marketplace?
      Thanks

    • @HaasHouse
      @HaasHouse  5 років тому +1

      @@justinprobeit4691 Yes! Go for it :)

    • @melloedwards
      @melloedwards 5 років тому +1

      Excellent and easy to follow tutorial. Thanks!

    • @SoniaRenea
      @SoniaRenea 5 років тому

      Thank you! Subbed!

    • @Abcilswd
      @Abcilswd Рік тому

      I like how to pickup the color code and how to change the T-shirt color.

  • @graphicartdude
    @graphicartdude 2 роки тому +4

    Thanks. You can also grab colors from the web or anywhere outside of Photoshop or Illustrator by using the color picker tool. With it active just hold the alt/option key while dragging the cursor outside of the Adobe app workspace. The only downside to this approach is you have to move your workspace window to the side and have the intended color visible on screen to be sampled.

    • @kenzichap8967
      @kenzichap8967 2 роки тому

      wow i never knew that! pretty cool, thanks 🥳

  • @johnmosesaposaga2955
    @johnmosesaposaga2955 8 років тому +1

    Awesome! Your tutorial is somehow what I consider the easiest. I watched many tutorials but yours is BOOM! Got it! haha. Thank you!

    • @HaasHouse
      @HaasHouse  8 років тому

      Thanks John! Means a lot

  • @iam7bit
    @iam7bit 8 років тому +1

    You are a genius Mike!!! I watched many tutorials to figure this out but YOUR tutorial just made it look easy man. I got it instantly! Thank u sir! :)

    • @HaasHouse
      @HaasHouse  8 років тому

      Thanks Shan! Appreciate it :)

  • @cjrees1872
    @cjrees1872 6 років тому +2

    Thank you so much for also putting the mock up linked. Literal life saver ❤️ look forward to checking out more of your content!

  • @mabelfuller8326
    @mabelfuller8326 7 років тому +1

    Thank you so much. I love t-shirts and have always to design my own. This is a great starting point. Thank you.

  • @jonathanhill3932
    @jonathanhill3932 8 років тому +3

    Michael perfect! I was just researching for a tool to color sample! Thanks for the video man!

    • @HaasHouse
      @HaasHouse  8 років тому

      Jonathan, my pleasure dude! SIP has been a life saver.

  • @babymuscle87
    @babymuscle87 6 років тому +2

    Lets go ahead and add this to my favorites list right now. Great info, really appreciate it

  • @cpabluebird4551
    @cpabluebird4551 2 роки тому +1

    i can't end to give thanks. It’s really easy way to realistic shadow on t shirt. I can't find this type shortcut easy tricks more than other UA-camrs.A Branch of Million thanks dear

  • @demorichs1809
    @demorichs1809 6 років тому +4

    Thank you Michael Hoss Design, now i can make my own mockup!!!

  • @bluedragon4399
    @bluedragon4399 4 роки тому +1

    Thank you so much for this. I was struggling to make a mockup of my own, and your demonstration really helped me.

  • @dmrd222
    @dmrd222 3 роки тому +10

    I thought I missed an entire section on your video. Taking a photo? Where does this start? What program are you in? I'm completely new to this and nothing makes sense to me. I have a jpg image that I want to mock up on a tee shirt. That's all.

    • @johnnyorbital4748
      @johnnyorbital4748 2 роки тому

      have you managed to get anywhere yet? have you realised jpg is not what you should use?
      if not I'll be happy to help.

  • @abedmuljawan
    @abedmuljawan 7 років тому +2

    Thanks a lot, very easy to understand and right on point!

  • @haythem8417
    @haythem8417 3 роки тому +1

    short , fast and to the point
    Thank you brother .

  • @ferorduy3241
    @ferorduy3241 4 роки тому +1

    Hey, thank you, one of the most simple tutorials that truly showed what the title is. I do have one questions tho, please if u could answer:
    How can I get a mock up on the sleeves? Like for a hoodie? The sleeves and hood itself?

  • @perfectkanpeki
    @perfectkanpeki 7 років тому

    Great tutorial Michael, I have been downloading psd mockups but thanks to your tutorial I can now create my own.

    • @HaasHouse
      @HaasHouse  7 років тому

      yes! Would love to see them

  • @dakila3569
    @dakila3569 7 років тому

    Thanks man! just what i want to learn, i dont want to grab others mockup format i want to make my own.. lots of thanks to you michael!

  • @AverageHomeBoy
    @AverageHomeBoy 6 років тому +1

    Thanks for the video! I find that I've been having a hard time finding the mockups that I need for products like pomades and stuff. I have a BFA degree in GD and we never learned how to make mockups, only where to get them on the internet. So I really appreciate this video!

  • @johnnyorbital4748
    @johnnyorbital4748 2 роки тому

    perfect! exactly what I needed.
    I now have a psd file saved which I can make my own mockups on with a transparent background.
    I was looking for this so I can showcase my products next to each other, overlapping, all I need to do is add a stroke outline and I'm sorted.
    Thank you

  • @dynamicdivinereadings6520
    @dynamicdivinereadings6520 3 роки тому +2

    Omg..I can't believe your giving away your mockup for free🤯🤯🤯 that's very generous 🙂

  • @ObillWanKenobiGaming
    @ObillWanKenobiGaming 7 років тому +1

    Fantastic video! I was wondering if you have a printer/fulfillment service that you recommend? I used to have a great one but stepped away for a little.

    • @HaasHouse
      @HaasHouse  7 років тому

      Yea for sure! I use threadbird printing, they do both and are easy to work with.

  • @gatoman300
    @gatoman300 5 років тому +3

    Very good tutorial. Can I use this same process for baseball caps?

  • @moneymacktv
    @moneymacktv 3 роки тому +3

    Im here in 2021! Great video! Still Helps!

  • @kishorearavind6557
    @kishorearavind6557 6 років тому +1

    superb can u make a tutorial on box mockups..like the realistic ones from beginning. i wonder how they are made

  • @angrygamer7380
    @angrygamer7380 4 роки тому +1

    Thanks you man keep up the good work! Finally i found where I was looking for🙌

  • @geoninja3094
    @geoninja3094 4 роки тому

    Ow mister... you are so talented and kinda good teacher as well, new subs here. this like a manufacture level of t-shirt mockup. So versatile in regards to the flexibility of the mockup, and what amazed me is the simplicity and easy to follow. Thank you

  • @cusebasketballfan
    @cusebasketballfan 6 років тому +1

    I have a Epson R1800 printer but I was thinking about a laser jet printer. Which do you prefer?
    I have a ton of different heat transfers paper,a commercial heat press but I haven’t figured out how to design an image that’s in my head onto a program. What’s the easiest software to create designs?
    Thank You
    Jim

  • @gowithmusicvigavictor9843
    @gowithmusicvigavictor9843 8 років тому +1

    Good Stuff, thanks, would adding a heather effect on tshirt color be a challenge? All the best.

    • @HaasHouse
      @HaasHouse  8 років тому

      Hey Victor, It's actually pretty simple. You may need to play around with it though. I'd find some heather and tri-blend textures that you like, desaturate to black/white and then use the levels adjustment to fine tune the amount of texture you want to show. After that you can add a color overlay to it and use a clipping mask to clip it to the garment :) Hope that helps.

  • @mohammed9894
    @mohammed9894 4 роки тому

    Hey Michael,
    Your videos are really awesome and it easily understandable, also in your blog you have posted good videos, keep posting such a great videos.

  • @jeffrhymer650
    @jeffrhymer650 8 років тому +1

    I was hoping you could help me.. I created a graphic in photoshop and i want it on a t shirt. The problem is the graphic is wayyyy to big and looks terrible when i scale it down to put it on a photo of a t-shirt. Is there anyway to keep the quality of the image AND put it on a shirt?? Anything would be helpful. Thanks Mike!

  • @Darksagan
    @Darksagan Рік тому +1

    Not beginner friendly but I was able to keep up with a little help from google. Nice.

  • @AamirBilal
    @AamirBilal 7 років тому

    Thank you Sir. You are a source of knowledge. That helped.

    • @HaasHouse
      @HaasHouse  7 років тому

      Thanks Aamir, glad you found this video :)

  • @shaun9209
    @shaun9209 4 роки тому

    I love this tutorial. The only thing I was hoping to expand on was the adding the smart object. Is there a way to set up a boundary box such that when you drag the smart object or paste it the width will autfil the bounding box? That way you have a set template for placement too of where you put your smart objects or logo designs.

  • @Rob-g6q
    @Rob-g6q 11 місяців тому

    I love your video bro! I've been doing screen-printing for a while now and I always wanted to learn to create a proper mock up. It was very informative, you explained thoroughly yet kept it concise and to the point! Excellent work, thank you!

  • @ahmedaskar2997
    @ahmedaskar2997 6 років тому +1

    You're a great instructor
    Helpful, interesting, cool

  • @CreativeTacos
    @CreativeTacos 6 років тому +2

    Perfect tutorial, thanks for sharing!

  • @gomathi3749
    @gomathi3749 6 років тому +1

    Thank you for the video.. I understood easily

  • @rifatsium8990
    @rifatsium8990 4 роки тому +2

    Can you please make a tutorial on raglan sleeve t shirts? cause that one requires customizable sleeves

  • @brianburke1952
    @brianburke1952 5 років тому +2

    Hi Michael! Great instruction in this video. I am having a problem. I created a white logo in Illustrator and within PS I pasted it as a Smart Object right below the Shadows Group. Instead of the red shirt I made it charcoal where I can still see the wrinkles and shadows. But, no matter where I move my logo, I cannot see any wrinkles or shadows layered over my logo. Any thoughts? Thank you in advance!

    • @HaasHouse
      @HaasHouse  5 років тому +1

      Are your shadows layers set to multiply?

    • @brianburke1952
      @brianburke1952 5 років тому

      I figured it out Michael. The shadows layer was indeed set to multiply but my problem was that my original shirt sample didn't have the best shadows and wrinkles to begin with. With some burning and contrast adjustments, I was able to make a better base image BEFORE I used your steps in the video. Thank you for the quick reply and I'll be sure to check out and recommend your channel! Cheers!

  • @TheLemonadeStan
    @TheLemonadeStan 3 роки тому +2

    Wish you had a source file for the back of the shirt as well

  • @iOvercome2024
    @iOvercome2024 4 роки тому

    Thank you so much for this video. I wanted to know if you know any sip app that I can use with windows computer and if u know any sites for mockups where people are wearing the tshirt? Many thanks

  • @joanerhabor3233
    @joanerhabor3233 3 роки тому +1

    Thanks for the free mockup

  • @muntasirruhul679
    @muntasirruhul679 7 років тому

    much love to you man you do a great tutorial for me.it just a world class tutorial

    • @HaasHouse
      @HaasHouse  7 років тому

      Haha thanks, that's really great to hear.

  • @mrsandy801
    @mrsandy801 8 років тому +1

    thanks bro!

  • @AmadeuSxMozarT
    @AmadeuSxMozarT 6 років тому +2

    Thanks Michael! I have a question about the style window @4:51, nice color packs, where did you get those or did you manually made it?

    • @HaasHouse
      @HaasHouse  6 років тому

      Offset Designs haha you're he first to mention those, yea those are custom ones I built for different garment brands. I saved blocks of colors as presets then loaded them into the panel

    • @AmadeuSxMozarT
      @AmadeuSxMozarT 6 років тому

      Haha That's nice. That's what i'm looking for, because I'm having a hard time finding a nice color combination(my weakness) every time I work out my logos and shirt designs.

  • @ricardorodriguez8668
    @ricardorodriguez8668 8 років тому +1

    Well Done MAN!!!

  • @hamidvaldes3225
    @hamidvaldes3225 3 роки тому +1

    This video was very helpful!!!! Thanks man.

  • @jarmandesign
    @jarmandesign 3 роки тому

    Damn this is something I've been wanting to know for years, I didn't realise it was so simple!

    • @HaasHouse
      @HaasHouse  3 роки тому

      Love to hear that. Thanks David!

  • @cesarhernandez1182
    @cesarhernandez1182 7 років тому +1

    Thanks a lot, that was so helpful

    • @HaasHouse
      @HaasHouse  7 років тому

      Glad you found this useful :)

  • @formfollowsfunction8024
    @formfollowsfunction8024 6 років тому +1

    You sound so much like Edward Norton and/or Matthew McConaughey! Great video, thank you!

  • @SimplyyMichaell
    @SimplyyMichaell 3 роки тому

    This is exactly what I needed. Thank you!

  • @0007varun
    @0007varun 7 років тому +1

    thanks bro

  • @giovanniluisbarrantesl9563
    @giovanniluisbarrantesl9563 3 роки тому

    Thank you so much Michael!

  • @JPuga11
    @JPuga11 6 років тому

    Awwsome vid! Is there a program like SIP for windows? Im sure saving this video! Helps a lot

  • @dionne681
    @dionne681 5 років тому +1

    Awesome tutorial. What apps are required to perform this besides photoshop and sip?

    • @HaasHouse
      @HaasHouse  5 років тому

      Those are the only two - you could even use Affinity if you don't have Photoshop I believe.

  • @oldskull9427
    @oldskull9427 8 років тому

    Thank you soooo muuuuch!!! really helpful for me!

    • @HaasHouse
      @HaasHouse  8 років тому +1

      Glad I could help! Let me know if you see room for improvement anywhere.

  • @reecemcdaniel3085
    @reecemcdaniel3085 3 роки тому

    fantastic video, very informative and to the point! thanks man!

  • @aronkay5274
    @aronkay5274 6 років тому +1

    Great Video ! Huge Fan helped!! Quick question whats the intro song?

    • @HaasHouse
      @HaasHouse  6 років тому

      Hey Quinton, I don't even know anymore I think I got it from Market Envato in the music section.

  • @barbra429
    @barbra429 2 роки тому +1

    Do you use the same technique or do you have an updated video on how to do this please

  • @Farenanda
    @Farenanda 6 років тому

    Hey mate I'm having trouble finding the perfect fill layer settings. My white is just fine, but my black is too black that the neck line of the t-shirt is not visible. What am I supposed to do here? Great video by the way!

  • @koppakeofficial5599
    @koppakeofficial5599 3 роки тому +1

    so helpul brother. thanks!!!!!!

  • @Castro.doom96
    @Castro.doom96 2 роки тому +1

    Dude, saved me! lol so simple. anways thanks really helped out a lot unlike other vidoes.

  • @KickstartMyHeart.
    @KickstartMyHeart. 2 роки тому

    Thanks my man, You saved my life today.

  • @luckyliancabaltera7436
    @luckyliancabaltera7436 4 роки тому

    Im a bit late i love this tuts so easy and clear

  • @crystalgz3504
    @crystalgz3504 3 роки тому +3

    THANKS BRO!!!

  • @Abcilswd
    @Abcilswd Рік тому

    I did try it, but I have a fint line edge around the T shirt, which make it unreal. Could you please let me know how to fix it. two many masks layers? Thanks!
    Kind regards
    Alice

  • @chrissanchez352
    @chrissanchez352 3 роки тому +1

    Bummed you didn't show your technique for cutting out the background. Would love if you have another video on that you could point me to. Thanks!

    • @randyneves9701
      @randyneves9701 3 роки тому +1

      look up on google images a white t-shirt, then when you search for the shirt and results pop up, click on tools->color->transparent. This will filter out images that do not have a transparent background

    • @maximbeliy
      @maximbeliy 3 роки тому +1

      @@randyneves9701 I have reserved you a place in heaven

    • @randyneves9701
      @randyneves9701 3 роки тому

      @@maximbeliy haha thank you! I am glad I could help :)

  • @andygamesliveshorts
    @andygamesliveshorts 9 місяців тому

    Which a size recommended to export this kind of project?

  • @DiegoGonzalez-ho8ey
    @DiegoGonzalez-ho8ey 5 років тому +1

    Thanks it was so helpful

  • @mubdeekamalanim7671
    @mubdeekamalanim7671 Рік тому

    Thank you very much brother!!❤

  • @leizeljeanmission5924
    @leizeljeanmission5924 4 роки тому

    THANK YOU SO MUCH FOR SHARING THIS 💕💕💕💕

  • @blkninja__5849
    @blkninja__5849 7 років тому

    two questions, first how do you get photoshop on mac? second where did you get that tshirt layout? just the shirt

    • @HaasHouse
      @HaasHouse  7 років тому

      You have to download photoshop from adobe.com (it's a cloud based service now for both mac/pc) or purchase an older version that is designated for Mac.

  • @tayneilson
    @tayneilson 7 років тому +1

    to make your tag look how it did, do you just turn the opacity up to 100%?

  • @smknmom
    @smknmom 3 роки тому

    What program are you using to do this? Just microsoft art or?

  • @AdictiveGaming
    @AdictiveGaming 6 років тому +2

    Very nice tutorial but there r 2 things i dont get... 1. wenn i drop a png as a smart object it doesnt form realistic (or even it doesnt looks like it forms to the shirt crease) it just look like its layin over the shirt and 2. why put it below the shadows ? as then it changes the colours..?
    is there something more to do so i can click into the "mockup object" and put the artwork in the new opened file like in free mockup versions? how 2 do this? As it always forms around the curves of the object and the wrinkles and crease..

    • @HaasHouse
      @HaasHouse  6 років тому +1

      You're looking for 'Displacement Maps' I have another video on how to do this. Anytime you place the artwork under a shadow layer it's going to affect the color - you'r adding a layer of shadows and highlights over your art. That's what makes it 'look' like it's a part of the shirt. Hope that helps!

    • @AdictiveGaming
      @AdictiveGaming 6 років тому

      thank you i will search for the other video!

  • @bbubarker
    @bbubarker Рік тому

    does your mockup take into account the actual print size of your supplier?

  • @zaydsberg5194
    @zaydsberg5194 6 років тому +1

    You've done a great job mate ! I just wanted to know if i can use your mockup for my personal projects ? keep up the good work fella ;)

    • @HaasHouse
      @HaasHouse  6 років тому +1

      Zaydsberg sure thing, use them for commercial if you like as well

    • @zaydsberg5194
      @zaydsberg5194 6 років тому

      Michael Hoss Design Thanks a lot mate, you're very helpful.

  • @hiroknokrek9097
    @hiroknokrek9097 7 років тому +1

    Thank you so much..

  • @willysapulette8346
    @willysapulette8346 5 років тому +1

    thanks man

  • @fahadmomin5453
    @fahadmomin5453 6 років тому +1

    You got a new subscriber thnx for video

  • @princemjprasanth8954
    @princemjprasanth8954 4 роки тому

    Thanks for this wonderful video bro..

    • @HaasHouse
      @HaasHouse  4 роки тому

      Prince Mjprasanth you’re welcome!

  • @tyu2812
    @tyu2812 2 роки тому +1

    thanks you bro

  • @Jacintaaptr
    @Jacintaaptr 7 років тому

    i downloaded some of your freebies (thank u so much!) but how do i apply it to my photoshop cs6?

    • @HaasHouse
      @HaasHouse  7 років тому

      Thanks for downloading the freebies :) They will open in any version of photoshop.

  • @victoriasarandis3301
    @victoriasarandis3301 2 роки тому

    LIFESAVER VIDEO THANK YOU

  • @tshirtdesign6136
    @tshirtdesign6136 8 років тому +2

    thanks so lot sr :D

  • @Sairamark
    @Sairamark 4 роки тому

    very useful to me now

  • @jazmynechoi
    @jazmynechoi 2 роки тому

    Hey Michael, What's the name of the extension you're using to grab colors into Photoshop? It sounded like Sip or cip?

  • @cedricblakely5313
    @cedricblakely5313 4 роки тому +2

    Michael can you please guide me through Photoshop HELP PM

  • @lewhusbands8174
    @lewhusbands8174 4 роки тому

    amazing,
    thank you

  • @fconcept7195
    @fconcept7195 7 років тому

    Daaammmmnnnn.....this is so so cool man. Thanks a lot.

    • @HaasHouse
      @HaasHouse  7 років тому

      Thanks! Glad you liked it :)

  • @Notlikethegame
    @Notlikethegame 3 роки тому +3

    I can't see the t-shirt folding marks under my image is that normal ? it makes it look unrealistic please help

    • @FatherFangs
      @FatherFangs 3 роки тому

      Did you paste the image under the shadows layer?

    • @Notlikethegame
      @Notlikethegame 3 роки тому

      @@FatherFangs Yes i did, everything step by step by still doesnt work :/

  • @mrsandy801
    @mrsandy801 8 років тому

    can you give me the link of adobe photoshop?

  • @yourfriendlyneighbourduck
    @yourfriendlyneighbourduck 4 роки тому

    Damn wish I knew this video before. Great video!

  • @muhammadrabee6307
    @muhammadrabee6307 Рік тому +3

    Man starting from
    Remove your shirt from background
    How did you do that thing 😂
    Anyone please explain it to me

  • @jnmlbq3704
    @jnmlbq3704 Рік тому

    Bro, You're the best

  • @jonsnow872
    @jonsnow872 5 років тому

    thanks dude its working

  • @Ivnarts
    @Ivnarts 3 роки тому

    Solid content bro!

  • @abdellahfariz2412
    @abdellahfariz2412 4 роки тому +2

    Thanks Alote

  • @joaquinarturodolerarosa
    @joaquinarturodolerarosa 6 років тому

    thank you brother!

  • @sakshinandgupta3055
    @sakshinandgupta3055 4 роки тому +2

    How to remove tshirt from the 1st layer (background layer)