How to Make a Realistic T-shirt Mockup with Shadows & Highlights (Dark T-shirt) Photopea Tutorial

#mockup
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. Right-click on the top layer then scroll down and select "Clipping Mask".
3. Go to: -Image -Adjustments -Hue & Saturation
Move the saturation slider all the way to the left to desaturate the image.
4. Go to: -Image -Adjustments -Curves
Adjust the curve to change the highlights and shadows. Bring the line up on 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 using a white t-shirt:
• 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

[@STACIELYNNN]

Wow! Awesome technique, thank you!

[@JeaneaElaineCreates]

That was awesome! Thank you very much, can’t wait to try

[@snappywing]

Amazing tutorial!! Much thanks!!

[@AliAbbas-dm9si]

Thanks a ton for the tutorial you saved me

[@MuhammadAmaan-eq4ux]

Short and simple. Liked it!!

[@3dprintmakersclub43]

Beautiful explanation and easy to do. Thank you 😊

[@zeus5490]

This video was so helpful, and so clearly explained!! Thank you for this!!!!!

[@vaishaliverma2880]

Beautifully explain

[@strassekrieger]

This is perfect! Thank you!

[@Zwilson76]

Great easy tut.

[@asifulislamshakib8260]

Smooth presentation. Thanks a lot dear. Take love

[@Chetan16jul]

Please create a video on remove watermarks from image

[@shailujesi6517]

Thank you very much ❤❤❤

[@Amaymay1000]

lol brilliant. Thank you

[@Straingelove]

That’s awesome! Can you lower opacity before starting those steps?

[@SolomonYash]

It turn my white colour into grey?

[@susaneckersley202]

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

[@Zenartbliss]

Thanks

[@Natia.Tchelidze]

cool

[@suzanapassos5176]

Whats the name of this type of letter? How can I write something I want on this typography

[@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

[@thetrollmaster2228]

Hello. 1 question. Are the steps and procedures the same even if my design contains a lot of different colors? Hope to hear from you. ❤ thank you for this btw.

[@CherryStudios2]

I was wondering this too...

[@printondemandhowto9703]

I’m having the same questions

[@printondemandhowto9703]

I tried it myself and it works with the same technique, i use photoshop btw

[@lisadoesstuff9368]

yes, everything would be the same except for the hue/saturation layer. Don't add the hue/saturation layer

[@krystalminton9899]

Why did you save as a jpg instead of png?

[@printondemandhowto9703]

Because the photo don’t have transparent background?

[@patrickbateman228]

Font name?

[@mockuploft]

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.)

[@QUAZIWHATSAPPSTATUS]

DNG please

[@asifulislamshakib8260]

Beautiful explanation and easy to do. Thank you 😊