How to Make a T-shirt Mockup with Canva! (2023)

Поділитися
Вставка
  • Опубліковано 6 лют 2025
  • Go to: www.canva.com/
    Canva is an amazing free graphic design website! You can unlock more features by upgrading to Canva Pro.
    Check out Printify's POD products: try.printify.c...
    In this tutorial I'll show you how to overlay your PNG design onto a t-shirt mockup! It's easy and only takes 2 minutes! 😄
    *2024 Update: Canva is always updating the layout and functionality of the platform.
    Follow these updated instructions for importing the mockup image:
    1. Click on "Create a design" and scroll down to "Import file" then "Open".
    2. Click on "Use in a new design" then choose "Custom size".
    (In order to fit within Etsy's 10 MB file size limit, type in 2500 (width) x 2000 (height) pixels, or type 2000 x 2000 pixels (Units - px) to create a square listing image.)
    3. Click on "Create new design".
    4. Adjust the mockup image to fit to the edges of the design area by dragging the corners of the image out the edges of the design. (Cropping of the image may occur.)
    Follow the rest of the steps in the video! :)
    ----------------------------------------
    Mockup that I used for this tutorial:
    mockuploft.ets...
    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.)
    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
    Some links are affiliate links which means if you purchase one of these services I will receive a small commission which helps to support my channel. Thank you so much!

КОМЕНТАРІ • 32

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

    This is so helpful! I just bought a mockup package from your Etsy store and I'm really excited to get started.

  • @Awbskure3am
    @Awbskure3am 4 місяці тому +2

    How do you change the color of the shirts

  • @jonathanbonaparte5673
    @jonathanbonaparte5673 11 місяців тому +5

    so where did you get the mock-up from in the first place

    • @mockuploft
      @mockuploft  11 місяців тому +1

      Hi! Here's a link to the mockup that I used for this tutorial: mockuploft.etsy.com/listing/1283970241

    • @nikiloheit
      @nikiloheit 10 місяців тому

      Etsy!

    • @KamauTheQuietWarya
      @KamauTheQuietWarya 8 місяців тому

      I jus got a tablet & i do not see 'edit photo'... only custom size & import file

    • @mockuploft
      @mockuploft  8 місяців тому +1

      @@KamauTheQuietWarya 2024 Update: Canva is always updating and changing the layout and functionality of the platform.
      Follow these updated instructions for importing the mockup image:
      1. Click on "Create a design" and scroll down to "Import file" then "Open".
      2. Click on "Use in a new design" then choose "Custom size".
      (In order to fit within Etsy's 10 MB file size limit, type in 2500 (width) x 2000 (height) pixels, or type 2000 x 2000 pixels (Units - px) to create a square listing image.)
      3. Click on "Create new design".
      4. Adjust the mockup image to fit to the edges of the design area by dragging the corners of the image out the edges of the design. (Cropping of the image may occur.)
      Follow the rest of the steps in the video! :)

    • @mockuploft
      @mockuploft  8 місяців тому

      @@KamauTheQuietWarya *2024 Update: Canva is always updating the layout and functionality of the platform.
      Follow these updated instructions for importing the mockup image:
      1. Click on "Create a design" and scroll down to "Import file" then "Open".
      2. Click on "Use in a new design" then choose "Custom size".
      (In order to fit within Etsy's 10 MB file size limit, type in 2500 (width) x 2000 (height) pixels, or type 2000 x 2000 pixels (Units - px) to create a square listing image.)
      3. Click on "Create new design".
      4. Adjust the mockup image to fit to the edges of the design area by dragging the corners of the image out the edges of the design. (Cropping of the image may occur.)
      Follow the rest of the steps in the video! :)

  • @SusanDettmer
    @SusanDettmer 25 днів тому

    I’m a newbie. I don’t see edit photo

  • @SusanDettmer
    @SusanDettmer 25 днів тому

    Help, I can’t figure it out

  • @creationsbydee
    @creationsbydee 7 місяців тому

    So glad to have found your video, super helpful.

  • @creatwinkles
    @creatwinkles 7 місяців тому +1

    Good video. Well explained step by step. But, with all the respect, what I was wondering: How to show the design exactly as it will be printed on the product? (So potential costumers won't get dissapointed.)

    • @mockuploft
      @mockuploft  7 місяців тому

      Are you making the shirts or using a "Print-on-Demand" service?

    • @creatwinkles
      @creatwinkles 6 місяців тому

      @@mockuploft I upload own designs to POD sites, which have mockups etc.

    • @mockuploft
      @mockuploft  6 місяців тому +1

      @@creatwinkles Here's a link to a tutorial that shows you how to create more realistic looking mockups with the free website Photopea.com: ua-cam.com/video/tErjU7iLVK8/v-deo.html
      Also, place your design on the mockup exactly the same size and placement of your POD product listing. :)

    • @creatwinkles
      @creatwinkles 6 місяців тому

      @@mockuploft thank you very much!

  • @LightCreed
    @LightCreed 7 місяців тому +1

    Hi, when I try to place my design png file on top of the mock T shirt file, it snaps over the entire T shirt area and replaces it. The blank T shirt file is deleted. I've tried various ways (like converting file to jpg) to overcome this. Do let ke know where I'm going wrong.

    • @rebeccamarcus7335
      @rebeccamarcus7335 2 місяці тому

      I think (I'm not 100% sure but it can't hurt too try!) you have to make the image transparent. I use the PhotoRoom app, which, by the way, is an awesome app for online sellers!

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

    Thank you ❤

  • @Andievlsqz
    @Andievlsqz 4 місяці тому

    But how do I make the tshirt design on canva?

    • @mockuploft
      @mockuploft  4 місяці тому

      Here's a link to a playlist for creating shirt designs in Canva and Kittl:
      ua-cam.com/video/rAurIg9aSCM/v-deo.html

  • @arod88
    @arod88 6 місяців тому

    since the mockup is from canva, will etsy ban you for using it? (as other people will have the same mock up)

    • @mockuploft
      @mockuploft  6 місяців тому

      Here's a link to Etsy's listing image requirements:
      www.etsy.com/legal/policy/listing-image-requirements/253962679005?ref=list

    • @GabStoreStudio
      @GabStoreStudio 6 місяців тому

      You could also redo the picture with your own blank shirt and decorate how you want. You can then use that same picture for your other designs as well, as it'll always be blank.

  • @alansommer
    @alansommer 10 місяців тому

    Doesnt Canva offer t-shirt mockups for us to choose and put our designs on??

    • @mockuploft
      @mockuploft  10 місяців тому

      Yes, this tutorial is for creating mockups with a unique photo of a specific brand of shirt. :)

  • @hit-plaster
    @hit-plaster 8 місяців тому

    where did u get the text from

    • @mockuploft
      @mockuploft  8 місяців тому

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

    • @mockuploft
      @mockuploft  8 місяців тому

      Oops! That link did not work, try this one:
      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

  • @arawilson
    @arawilson 5 місяців тому

    Why jpeg?

    • @mockuploft
      @mockuploft  5 місяців тому +1

      PNG format works too! :)