How to Make a Realistic T-shirt Mockup in 5 Minutes with Photopea! (White T-shirt) Photopea Tutorial

Go to www.photopea.com/
Photopea is an amazing free online photo editor that's just like Photoshop! 🥳
In this tutorial I'll show you how to overlay your PNG design onto a t-shirt mockup and then adjust the highlights and shadows to make your mockup look realistic! It's easy and only takes 5 minutes! 😄
NOTES:
Top Layer Adjustments:
1. On the top layer change the blending mode to "Hard Light".
2. Go to: -Image -Adjustments -Hue & Saturation
Move the saturation slider all the way to the left to desaturate the image.
3. Right-click on the top layer then scroll down and select "Clipping Mask".
4. Go to: -Image -Adjustments -Curves
Adjust the curve to change the highlights and shadows. You can add multiple adjustment points on the line. Bring the line down in the bottom left corner. (This step will vary depending on if you're using a dark or light colored t-shirt.)
Here's a link to the tutorial for darker color t-shirts:
• How to Make a Realisti...
Here's a link to the t-shirt mockup image that I used for this tutorial:
www.etsy.com/l...
The font that I used for the t-shirt design is "Stay Trendy" by KA Font Designs on Etsy.
(I added a "Wave" effect to the text.)
www.etsy.com/l...
Check out our shop on Etsy!
mockuploft.ets...
I hope you enjoyed this tutorial and found it helpful! Thank you for watching!
-Bridget
© Mockup Loft

[@boredyoutubeuser]

I think this is helpful for things like food truck mockups for school as well.

[@mrgetrext297]

Your video is better then a lot of the biggest channels teaching the same thing, thank you.

[@manuelacevedo5560]

this is by far the best video explining how to mockup on photopea, simple and to the point, thanks!

[@sagebowman8516]

Agree!

[@TRIVIAFOOT977]

easy and straight to the point. thanks alot

[@SniptoIt]

Thanks for the great tutorial! I have used Photopea for years, and this made perfect sense. I tried using the Levels function instead of the Curves function for the final step, and my results were great.

[@aminalwamba2007]

thank you so much for this amazing and detailed tutorial😘

[@bbsaid218]

Awesome. This is going to be a game changer for me. Thank you so much.😊 😊

[@joshuazeigler1310]

thank you for this

[@JanaeFoster-cx7zu]

Thank you so much! This was very helpful and easy to follow. Thank you again.

[@CKbyKoah]

You’re very talented that looks amazing thank you for sharing ❤🌹

[@atarikid7424]

Straight to the point!!

[@julliensincere]

Make more these please! Very helpful.

[@poornimasingh3229]

Beautiful, indeed.Thank you!

[@Bhau-fd1fb]

You are amazing yaar ❤ after watching 10s of videos i got someone who is patient and actually want us to follow and make a design❤

[@aslamrdn]

THANKS FOR LEARN, I'M FROM INDONESIA

[@coleodle5980]

This was a big help! Thank you!

[@edvarvanzann]

Saved my life. Thanks.

[@DonnyDaison]

That worked really well, thanks!

[@ChrisLKF]

thank you

[@doc.greenthumb]

Very helpful. But I had two problems. Even though my design has a transparent background, I could see the square line on the edges of the design, very subtle, but is there. I noticed that my T-shirt got very shiny after the adjustments .

[@claurebeca4124]

amazing thank you so much !

[@mubdeekamalanim7671]

Thank you very much.💜

[@armies2446]

So helpful

[@studiofifty]

This is weird hahaha I'm following your steps in Photoshop. And it worked. Thanks! :)

[@princessworld1009]

Thank u that was really useful ❤❤❤

[@johnbywaters9357]

Nicely done , how do we change tee shirts to Black ?

[@Ganjigpt30]

Thankyouuu

[@dtbbb]

i started creating roblox shirts and i need this thanks much girl!

[@baron10.]

thanks may god guide u

[@Somerann]

How can I make the white shirt on a hanger?

[@marian7176]

thx😘

[@Kyros-ut1gh]

thanks

[@aniketbangde5788]

Thank you mam

[@chakirechakibe4862]

Thank you please i have creat image for gpt how to upscayl and vector image please

[@minnieshao8108]

Hi I am a beginner do I need a printer to copy on a T shirt

[@susaneckersley202]

how do you download that as a psd mockup to use again in the future

[@mockuploft]

I used the font "Stay Trendy" by KAFontDesigns on Etsy. Here's a link to it! 😊
www.etsy.com/listing/977452234/stay-trendy-font-retro-font-groovy-font?click_key=3b5bed09d8aef1ce9f3beaf3e0ba413d872e499f%3A977452234&click_sum=f12cb0bf&ga_search_query=stay%2Btrendy&ref=shop_items_search_1&pro=1&sts=1
😃I watched these tutorials to learn how to add a font to Photopea.com and give it a wavy effect:
ua-cam.com/video/rld9vi846a8/v-deo.html
Here's another great tutorial:
ua-cam.com/video/WR7zsKqYK0U/v-deo.html

[@HumanBeingPresent]

Gaaaaa thank you!

[@Truthseeking2022]

thanks, can you show one in Canva? Thank you

[@mockuploft]

Sure thing! Just a side note, I absolutely LOVE Canva, however it has limitations and will not be able to get you the same results with the realistic highlights and shadows on the design. With Canva, you'll only be able to overlay your design and lower the opacity just a little bit!

[@krystalminton9899]

Why did you save as jpg instead of png?

[@PlaguesPosies]

I'm following the steps but for some reason it's making my image look grainy :( I'm sure I'm doing something wrong but I'm just not sure what it is.

[@lisadoesstuff9368]

this may be because you are stretching the image?

[@PlaguesPosies]

@lisadoesstuff9368 I think I just needed more practice with messing with the "curves" 🤷🏻‍♀️ honestly I don't know why it was like that but it's gotten better

[@lisadoesstuff9368]

@@PlaguesPosies curves shouldn't make your image blurry, is your original image a low resolution? if you want i can help you create the shirt mockup :)

[@PlaguesPosies]

@lisadoesstuff9368 I'm not sure, I was using mockups I bought on Etsy and my design only looked grainy after messing with the curves. But I know that makes no sense. Thank you for your kindness and your offer to help but it's actually been working better lately :)

[@lisadoesstuff9368]

@@PlaguesPosies that's good :) and no worries

[@cjgroove2]

Can you do this on Canva?

[@thavelogue_chronicles]

difficult, but can through Canva pro

[@Zoff17th_]

After im finished done with my design. Does photopea let you order them

[@40Goon]

What's the name of the font?

[@mockuploft]

I used the font "Stay Trendy" by KAFontDesigns on Etsy. Here's a link to it! 😊
www.etsy.com/listing/977452234/stay-trendy-font-retro-font-groovy-font?click_key=3b5bed09d8aef1ce9f3beaf3e0ba413d872e499f%3A977452234&click_sum=f12cb0bf&ga_search_query=stay%2Btrendy&ref=shop_items_search_1&pro=1&sts=1
😃I watched these tutorials to learn how to add a font to Photopea.com and give it a wavy effect:
ua-cam.com/video/rld9vi846a8/v-deo.html
Here's another great tutorial:
ua-cam.com/video/WR7zsKqYK0U/v-deo.html

[@iamshekhu37]

Name of the font maam ?

[@mockuploft]

I used the font "Stay Trendy" by KAFontDesigns on Etsy. Here's a link to it! 😊
www.etsy.com/listing/977452234/stay-trendy-font-retro-font-groovy-font?click_key=3b5bed09d8aef1ce9f3beaf3e0ba413d872e499f%3A977452234&click_sum=f12cb0bf&ga_search_query=stay%2Btrendy&ref=shop_items_search_1&pro=1&sts=1
😃I watched these tutorials to learn how to add a font to Photopea.com and give it a wavy effect:
ua-cam.com/video/rld9vi846a8/v-deo.html
Here's another great tutorial:
ua-cam.com/video/WR7zsKqYK0U/v-deo.html

[@kathi111]

Thank you!!! ❤