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/listing/11643649...
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/listing/97745223...
Check out our shop on Etsy!
mockuploft.etsy.com
I hope you enjoyed this tutorial and found it helpful! Thank you for watching!
-Bridget
© Mockup Loft

Пікірлер: 51

  • @boredyoutubeuser
    @boredyoutubeuser2 ай бұрын

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

  • @CKbyKoah
    @CKbyKoah Жыл бұрын

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

  • @bbsaid218
    @bbsaid2188 ай бұрын

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

  • @coleodle5980
    @coleodle598010 ай бұрын

    This was a big help! Thank you!

  • @atarikid7424
    @atarikid7424 Жыл бұрын

    Straight to the point!!

  • @DonnyDaison
    @DonnyDaison10 ай бұрын

    That worked really well, thanks!

  • @SniptoIt
    @SniptoIt21 күн бұрын

    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.

  • @poornimasingh3229
    @poornimasingh32293 ай бұрын

    Beautiful, indeed.Thank you!

  • @manuelacevedo5560
    @manuelacevedo55608 ай бұрын

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

  • @sagebowman8516

    @sagebowman8516

    3 ай бұрын

    Agree!

  • @Bhau-fd1fb
    @Bhau-fd1fb5 ай бұрын

    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❤

  • @JanaeFoster-cx7zu
    @JanaeFoster-cx7zu25 күн бұрын

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

  • @edvarvanzann
    @edvarvanzann10 ай бұрын

    Saved my life. Thanks.

  • @claurebeca4124
    @claurebeca4124 Жыл бұрын

    amazing thank you so much !

  • @julliensincere
    @julliensincereАй бұрын

    Make more these please! Very helpful.

  • @mrgetrext297
    @mrgetrext2972 ай бұрын

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

  • @princessworld1009
    @princessworld100911 ай бұрын

    Thank u that was really useful ❤❤❤

  • @kathi111
    @kathi111 Жыл бұрын

    Thank you!!! ❤

  • @armies2446
    @armies244611 ай бұрын

    So helpful

  • @mubdeekamalanim7671
    @mubdeekamalanim7671 Жыл бұрын

    Thank you very much.💜

  • @aslamrdn
    @aslamrdn17 күн бұрын

    THANKS FOR LEARN, I'M FROM INDONESIA

  • @ald03
    @ald032 ай бұрын

    Thankyouuu

  • @studiofifty
    @studiofifty10 ай бұрын

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

  • @johnbywaters9357
    @johnbywaters93574 ай бұрын

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

  • @marian7176
    @marian71768 ай бұрын

    thx😘

  • @Kyros-ut1gh
    @Kyros-ut1gh8 ай бұрын

    thanks

  • @minnieshao8108
    @minnieshao810811 ай бұрын

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

  • @chakirechakibe4862
    @chakirechakibe48625 ай бұрын

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

  • @aniketbangde5788
    @aniketbangde578811 ай бұрын

    Thank you mam

  • @Somerann
    @Somerann10 күн бұрын

    How can I make the white shirt on a hanger?

  • @susaneckersley202
    @susaneckersley202 Жыл бұрын

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

  • @mockuploft

    @mockuploft

    7 ай бұрын

    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: kzread.info/dash/bejne/pKCYm9iiaJeckZs.html Here's another great tutorial: kzread.info/dash/bejne/iYZr3NWEobyxYLg.html

  • @HumanBeingPresent
    @HumanBeingPresent9 ай бұрын

    Gaaaaa thank you!

  • @baron10.
    @baron10.2 ай бұрын

    thanks may god guide u

  • @Truthseeking2022
    @Truthseeking2022 Жыл бұрын

    thanks, can you show one in Canva? Thank you

  • @mockuploft

    @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

    @krystalminton9899

    Жыл бұрын

    Why did you save as jpg instead of png?

  • @PlaguesPosies
    @PlaguesPosies9 ай бұрын

    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

    @lisadoesstuff9368

    7 ай бұрын

    this may be because you are stretching the image?

  • @PlaguesPosies

    @PlaguesPosies

    7 ай бұрын

    @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

    @lisadoesstuff9368

    7 ай бұрын

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

    @PlaguesPosies

    7 ай бұрын

    @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

    @lisadoesstuff9368

    7 ай бұрын

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

  • @cjgroove2
    @cjgroove210 ай бұрын

    Can you do this on Canva?

  • @thavelogue_chronicles

    @thavelogue_chronicles

    6 ай бұрын

    difficult, but can through Canva pro

  • @dtbbb
    @dtbbb2 ай бұрын

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

  • @Zoff17th_
    @Zoff17th_10 ай бұрын

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

  • @40Goon
    @40Goon11 ай бұрын

    What's the name of the font?

  • @mockuploft

    @mockuploft

    7 ай бұрын

    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: kzread.info/dash/bejne/pKCYm9iiaJeckZs.html Here's another great tutorial: kzread.info/dash/bejne/iYZr3NWEobyxYLg.html

  • @iamshekhu37
    @iamshekhu37 Жыл бұрын

    Name of the font maam ?

  • @mockuploft

    @mockuploft

    7 ай бұрын

    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: kzread.info/dash/bejne/pKCYm9iiaJeckZs.html Here's another great tutorial: kzread.info/dash/bejne/iYZr3NWEobyxYLg.html

Келесі