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

Поделиться
HTML-код
  • Опубликовано: 14 окт 2024
  • #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

Комментарии • 34

  • @tatyanadeniz
    @tatyanadeniz 14 дней назад

    This helped so much! Thank you, it looks really realistic now. 😊

  • @JeaneaElaineCreates
    @JeaneaElaineCreates Месяц назад

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

  • @STACIELYNNN
    @STACIELYNNN Месяц назад

    Wow! Awesome technique, thank you!

  • @AliAbbas-dm9si
    @AliAbbas-dm9si Год назад +3

    Thanks a ton for the tutorial you saved me

  • @MuhammadAmaan-eq4ux
    @MuhammadAmaan-eq4ux 9 месяцев назад

    Short and simple. Liked it!!

  • @snappywing
    @snappywing 6 месяцев назад +1

    Amazing tutorial!! Much thanks!!

  • @3dprintmakersclub43
    @3dprintmakersclub43 Год назад +1

    Beautiful explanation and easy to do. Thank you 😊

  • @zeus5490
    @zeus5490 Год назад

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

  • @asifulislamshakib8260
    @asifulislamshakib8260 Год назад

    Smooth presentation. Thanks a lot dear. Take love

  • @strassekrieger
    @strassekrieger 10 месяцев назад

    This is perfect! Thank you!

  • @vaishaliverma2880
    @vaishaliverma2880 9 месяцев назад

    Beautifully explain

  • @Zwilson76
    @Zwilson76 Год назад +1

    Great easy tut.

  • @Straingelove
    @Straingelove Год назад

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

  • @Amaymay1000
    @Amaymay1000 Год назад

    lol brilliant. Thank you

  • @shailujesi6517
    @shailujesi6517 7 месяцев назад

    Thank you very much ❤❤❤

  • @Chetan16jul
    @Chetan16jul 2 месяца назад

    Please create a video on remove watermarks from image

  • @susaneckersley202
    @susaneckersley202 Год назад

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

  • @SolomonYash
    @SolomonYash 2 месяца назад

    It turn my white colour into grey?

  • @thetrollmaster2228
    @thetrollmaster2228 Год назад +1

    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
      @CherryStudios2 Год назад +1

      I was wondering this too...

    • @printondemandhowto9703
      @printondemandhowto9703 Год назад

      I’m having the same questions

    • @printondemandhowto9703
      @printondemandhowto9703 Год назад

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

    • @lisadoesstuff9368
      @lisadoesstuff9368 10 месяцев назад +1

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

  • @Zenartbliss
    @Zenartbliss Год назад

    Thanks

  • @suzanapassos5176
    @suzanapassos5176 10 месяцев назад

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

    • @mockuploft
      @mockuploft  10 месяцев назад

      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:
      ruclips.net/video/rld9vi846a8/видео.html
      Here's another great tutorial:
      ruclips.net/video/WR7zsKqYK0U/видео.html

  • @Natia.Tchelidze
    @Natia.Tchelidze Год назад

    cool

  • @krystalminton9899
    @krystalminton9899 Год назад

    Why did you save as a jpg instead of png?

  • @patrickbateman228
    @patrickbateman228 4 месяца назад

    Font name?

    • @mockuploft
      @mockuploft  4 месяца назад

      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
    @QUAZIWHATSAPPSTATUS Год назад

    DNG please

  • @asifulislamshakib8260
    @asifulislamshakib8260 Год назад

    Beautiful explanation and easy to do. Thank you 😊