Complete T-Shirt Tutorial - From Design To Mockup Using Canva. | Peter Johnson | Skillshare

Playback Speed


1.0x


  • 0.5x
  • 0.75x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Complete T-Shirt Tutorial - From Design To Mockup Using Canva.

teacher avatar Peter Johnson, Software Engineer

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

    • 1.

      Introduction

      1:12

    • 2.

      Basic of Canva

      4:09

    • 3.

      Designing of T-Shirt

      5:45

    • 4.

      Exporting Design with Transparent Background

      3:13

    • 5.

      Mockup Imposing

      3:20

    • 6.

      Conclusion

      0:58

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

422

Students

1

Project

About This Class

Through this Course, I am going to show you how you can create custom T-Shirt Designs using free online resources from Scratch .

We will be using Canva a free graphic design platform that's perfect for making T-Shirt designs. Canva helps you to create custom t-shirt designs without any graphic design experience.

We will be exporting the Design that we created with a Transparent background all using free online resources..

Most Importantly I'll help you guys impose the Design onto a T-Shirt Mockup and a Model Mockup which makes your design look stunning.

 Requirements : 

  • A Computer
  • A Canva account (Free or Pro)

 I'm Exited to see you Guys…

Meet Your Teacher

Teacher Profile Image

Peter Johnson

Software Engineer

Teacher

Peter Johnson is a software engineer and creative storyteller passionate about programming, videography, and business. He loves sharing what he learns to help others build, create, and grow.

See full profile

Level: Beginner

Class Ratings

Expectations Met?
    Exceeded!
  • 0%
  • Yes
  • 0%
  • Somewhat
  • 0%
  • Not really
  • 0%

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.

Transcripts

1. Introduction : Hi, guys. My name is Peter Johnson, and I will come to the media course in which I want to help you guys to design a T shirt using a free online. Graphical isn't black from the mass Camba. So guys I love you guys have. You can create a teacher descent entirely from scratch. On day I'll be giving guys did necessary guidelines so you can a exploitation designed with the transferred in Baghdad. And we thought you seek my quality. And most importantly, I like 32 guys. Have Buchanan Borsa decide that you have created onto a teacher Mocha Asprilla's onto immortal local So that chicken a promoter post tell your teacher design onto instagram face because any other social platform with a more realistic in appealing manner on this particular courses tailored for another different or light be or diesel visas so we can indirectly watch this course. I learned the basics affectation, designing on get on with the T shirt business. So, guys, I'm Judy that this particular video course can help you guys increase your knowledge of border. He should be signed as a lot of different guidelines you need to follow before designing a teacher as a last have. You cannot export a teacher designing the maximum possible quality so that your customers can really enjoy the Michael to design on the shirt. So guys, welcome and I'll see you on the other end. 2. Basic of Canva : Hi, guys. Welcome to the first video. And in this video, I'm gonna give you guys a basic introduction to Canada. A free or line graphical isn't platform. So to make use of can breakfast if all you need to create an accord so faster for you guys need to go to can murder come and create a free or a pro cone. But the freak only sufficient creator almost any kind of design. Once you have greater, the accord will be taken to the home page. And this is how the home, which looks like an African see, we have a lot of pretty find templates like Instagram Post logo supposed to you do Tom nails, Facebook posts, presentation, you name it. You can create almost any kind of things on camera, but we're going to create a teacher design on. We don't have a pre defined template, uh, for their teacher designs. So we need to create a custom work space to create a custom workspace. Let's go to create decent section, click on custom dimensions. Andi, I want to enter 5000 by 5000 pixels on, but this particular dimension actually creates esquire workspace, and I descend suitable for the bot services like a T Springer bubble ex cetera. But if you're specifically creating a teacher designed for the Amazon P already, you need to have a different I mentioned. That is a four months 67 to 5000 pixels on. You can use this particular night Mention if you like to do creating the designed specifically for the Amazon PR deserve ease. But I'm going to use 35,000 by 5000. Pixel are dimension And once you have entered the pretender height, just click on the create design on Canada meanwhile, creates a custom work space for you. So lies This is the workspace Ondas again. See, we have a square workspace because we have actually choose to 10,000 pixels On the workspace is a place where we are different designs elements, text, ex cetera Onda. Here we have three different option. The first option is to add a note for example, if you want to remember something, why you are designing gonna that nor right here we have an option that core piece a page as a last, another option that actually adds a new bait moving to the left are. This is the heart of Canada, and I want to give you guys a basically about all these different options. And let's start with the templates templates. As you can see, it's a collection of pre defined elements. As you can see, we have a lot of amazing, good quality elements like here. For example, consider this scenario in which you have actually found this particular template that's really close to what you have been taking off making, So their game situation. Mitchell. While a browsing through the temporary section, you could find a pre defined template that is really close to What do you have in thinking off making so literally can try that complaint? Or do your works present cause to myself? Texter, based on your need and again literally exported because all the templates that can be used for commercial purpose as well. So that is one thing that you need to look before creating and custom designed from Scott. Just browse through the template section. If you could find some Martin blades that are really close to our do you have in thinking off making you can make use off that as well So that is the first section that is to the temporary section. Next section we have the photo section, where you can see a lot of amazing photos. Some photos are for only produces, but there's a lot of photos for free. Uses has been, and we can notice it for four days right here. The next option is theorem adoption, and it is on offer the most heavily used to option on camera. As again, see, you can search for an element right here on day. All the elements are over illegal quality, and some are only for produces and somewhere for fuses. Hospital and also we have a lot off elementary stood here as well, like featured some elements related. The Koran awareness Gates shapes, frames to go start circulated in the lines, and there's a lot off Kula elements as well. Now let's move to the next section. As again, see, we have a lot of amazing pretty find Tex, and I can literally dragged them. Won't be workspace on in the works basic and for the customized Some, like again, the leader party cannot customize the style of the texter went into size color, and there's a lot of amazing options here as well than me of the music option, the video option, the background option as a lesson upload some custom in majors offer. You were owner here as well, so guys said this is a basic orry about can We are under the different features of Camba. In the next video, we are gonna build a teacher design and dial it from scratch, so I'll catch you over the next video. 3. Designing of T-Shirt: Hi, guys. Welcome to the second video. And in this video, I want help. You guys a designer T shirt and I leave from scratch. So before getting into the designing part, I want you guys to have a basic idea about what you're gonna design. Either. It can be our custom designed order. Eddie signed out that you got inspired from some other design in either way. You need to have a basic idea about a lot you're gonna design on the ones you have figured out taken directly. Execute those designer onto the workspace of Camba Onda. In my case, I have actually decided that I'm gonna make a design that relates to the people who are born in the 19 eighties and 19 nineties. Onda, the extent I wanna put onto my designing extras are 90 skid. So that is what I have actually planned to design. That is the basic foundational idea that I have made on the design. And the expression can change our survey for their proceed through the designing part. But my foundation like that used to have a text named ASA nineties Good. So once I have a girl out of what I want to design what the X that I want to put down the mighty sign. The next thing that I wanna do is I'm gonna add extra into my workspace. So let's do that right now. So, guys, now let's add some text onto the workspace. So I'm gonna go to the text section night here, and the first thing that I do is I'm gonna go to the plead if I in the next section right here as against we have a lot of pre defined textile listed on. What I'm gonna look is that I'm gonna look for their texture that actually satisfies my creative design. That is, ah, if any offer these text right here actually satisfies my need, I'm gonna at the model workspace and customize them accordingly. Even I know for the pre defined text variety is I despise my need. I'm gonna go to the top section and I want to add a normal headline onto my workspace on. The next thing that I won't do is I'm gonna under my text that I won't impose on into my design on in my case that is a 90 s kid, so I don't enter that right now. So I have entered my text to that. I want in Boston to my design One study, Stern, I want to say, like the entire text. Then I'm gonna go to the next style editor on Gus again. CB have an end diet list off. Amazing Texted Mr Right here. And you can choose to believe in in your for these text or a texter that actually matches your design. Or if you want a specific text or you can search here as well, I wonder Texture that is a bit more cartoonish in bolt. So I research for the bold text. All right here and canned opera wise. An entire list. Oh, for all the designs that actually really hurt my search on a CNC This particular text writers I despise my newly dietary looks a bit cartoonish as the last extremely bold as well. So I won't say like this particular text right here, Onda uh saw the next selection process is complete. Now I wanna adjusted Dexter in the way I want us against he These do text titles are a bit fire away so I can sell it and I text right here, then I want to do this basing section on. Duh! I am going to adjust to the line height sitting as against See, the two texter lines have become a bit more closer together. Now I'm gonna make the good section. That is the second text, The line a bit begun. So I'm gonna said, like that part on the angry signal the size right now. So as you can see that the doctor looks far better than before on gonna make it to to the center for no. But we are not just to the position later on, guys. As you can see, we have a completed the text section right now. Now we're going to add some background elements to this particular text. So let's do that. So, guys, let's go to the 11 section on, Duh! The type of design that I want is some sort off splashy design. So I research for us flash right here, so as against he can were provided an entire list off for the different kinds off splashy designs on. I'm gonna choose one not for the design that is really suitable for other designed that I want to make So this particle design right here actually satisfies my need. So I'm gonna add I don't do my workspace. And as you can see, that at the end, I have beside looks a far better than before on that no one will know basically, at just the displeasure s so that it looks more appealing. So, guys, I am done with my design, and I have made some slight adjustments to make it more appealing, as you can see, that this particular Texas are lined up to the center off the world's peace. So if you want to put a text, isn't that airlines on the chest off his shirt? You need to keep it on the top part. So to do that, I don't like the end. I text and I hit the group. Aiken. So the end I text is actually made onto a single element, and I'm gonna make it on the top part right here so that I didn't really see when we actually applaud out this particular design onto a shirt in nature off the P already services or under a moka pot, it actually makes things up more easy. So I have actually made it on dope or for the workspace. Once this particular designs are lined at the top of the workspace on guys, I'm gonna impose this design onto a black shirt. So I want to make this particular text right here to White Color. As you can see, that I have already on group that this particular design on. The next thing that I want to do is I'm gonna say, like, the entire text right here, and I want to see in particular toe white it cannot you look a bit beard here, but the ones you actually export I don't do a T shirt. Design attacks. He looks fine. Andan owners actually export this particle order. Our design. There are different kinds of ways in which you can export are a particular design from Canada on. I'll talk about that in the next video, so I'll catch you up with the next one 4. Exporting Design with Transparent Background : Hi, guys. Welcome to the third video. And in this video I'm gonna teach you guys have you can export a 30 cent that you have made with the transparent bag down on DA. First of all, if you look at my design, I have actually made a slight change that this I have made my color back to black from white because I'm gonna put this particularly between on a white T shirt rather than a black T shirt. So I have actually made at the college change on a guy so you can actually export at this, particularly signing with the transparent background are in a multiple ways so you can't actually export at this particular are designed with a transparent background. Unless you are a pro or a premium subscriber off can budgets like me, In my case, I can just go to the dollar section. I choose my form it and just click on. Now this particular I can right here that is transparent background Aiken on like a little Oh, Lord, this particular designer in the top knows quality along with the transparent background. But I'm sure that the most or for you guys have a freak and back on. So duty to guys have you can remove the background after downloading the major. I'm gonna on check this particular option. Right now, I want our Lord image in PNG format on ironically called the dollar Aiken on Don't Why meeting for this particular designed to be the road onto my computer on day After that, I want to legalize the different ways in which you can remove the background. So my decent has been our lorded. So guys disease study sign As against it, we have a white bag alone on Della. The first way in which you can remove the background is applicable only to MK uses. I repeat the first option. It's a particularly to MK uses. If you're in a McCoy's, just click on a the Market toolbar on Tap Owner, the Instant Alfa Tool. And then the next thing that you need to do is click on the white space on dragged Down, and as you can see that if I scroll in, you can see that all the white background has been de selected. On only the main. Descended is a writer and a black party selector. Now, just hit delete on your keyboard and as you can see, that the bag on this removed. But we do have some white part right here. You can just do the same thing that this click and drag undergoing to you that, but so for my accuses is a really simple way to remove the bag down. And this is how we can remove the background on for Windows or any other uses. You can go to two different online sites right here. One of my personal favorite is to remove PT. That is, you can literally just drag an image onto this particular site on that they actually removes the bagman for you. But the issue right here is that the quality off the major is already used to buy a certain extent. And you can now lord the high resolution image about that. They are actually asking for the Lord of formalities like a you need to sign in to their website and email. I d. You cannot only one imagine there's a lot off unnecessary for money that you need to follow . And as you can see that we have gotta our image with the background removed and Also, we have another side right here that is called us our line, PNG tools and A does the same thing on still there and uses the quality by a bit. And these are the different ways in which you can remove the bag round off our design. So, guys, now let's actually artists particularly sign onto a mock up on that. We will be doing that in the next video, so I'll see you there. 5. Mockup Imposing: Hi, guys. Welcome to the fourth video. And in this video, I'm gonna teach you guys. Have you can in Borsa the design that we have created onto a monk up. So I'll be teaching Guys, have you can impose it or not? A T shirt. More capacity last a mortal moke up. So I hope you guys have created a for inspiring background. And one is that Eastern opened the browser on Duh. This is the side that do we do, we are gonna add the design woke up onto so the side name is called us. Place it on the place it actually offer some free templates on as you can see, that we have Ah, a collection off freedom blades we have Ah, a template. It is so for a T shirt hanging a mortal mocha possible is available. So I'm going to do so. A t shirt, mocha poster food, and I have already opened it in a new tab. And as you can see that the U wise producing Belinda, it's really easy to actually add and edit designed. So I'm gonna click on upload image on, gonna applaud the reason that we have created on that here we can actually a dictator. The design under the required a ratio. So for it off reference, I'm gonna click on the crop Aiken right now on that, so that I would get a basic idea on how the decent looks so I can make some further adjustment on right now. I'm gonna make some offer. There are dis mender to make this particular designer appealing on. Duh. Let me just do that. So, guys, I have finalized to my decide on this to see how it actually looks. And we have a lot of other options. Like I can add a text you can apart a logo alec graphics part time actually find with their design and how it is looking. Now, I want all of this particular more cups. So it would already directly called the feudal or like right here and here against your declaration that states that commission usage is actually applicable. So nothing to worry about that. Now, right? Click on the $3 taken on. Duh. As you can see, that my Mocumbi is being processed. So right now, when I click on another, like unto the Lord, our my more cope. As you can see that my more copies are under the DeLorean process on guys. As you can see, the more countries looking absolutely gorgeous and there's off really good quality. And it actually looks for are more than really so. This is how you can create a T shirt. More cup. Now I'm not sure you guys have. You can actually create a mortal markup, and it's the same way like that. We have created a teacher mocha accidentally. We have a lot off mortal markup. The templates right here. And I'm gonna choose this particular template right here. Andi. It's the same process that needed for the teacher Mocha beauty clean you to add that the design on duty site and I cannot just it accordingly. And you're good to go. You can actually create an amazing mortal mocha on. Actually, Guy said complete Onda doubted guys, I have already made a mortal more cup. Andi can now a lot it right here as the same person that we did before. So guys, did you so you can make a mortal moke up a celesta teacher mocha Andi, I hope you guys got a clear idea about all these process. So So that's it, guys. I'll see you on the other end 6. Conclusion : Hi, guys. First of all, congratulations. You have completed the cords on the basic designing part of a teacher, and I'm sure that that you guys got a basic idea about how you can design a T shirt online on guys. Most importantly, the media's off or lady free or lines are visas available even for designing, exporting and most importantly, even for the more coping boasting we made use offer on old line free service. So as you can see that afford a that featured business, we have actually created a workspace that is actually completely free. And you can really a porno or these 30 friend, only three resources that I have told you guys in this video course to create some really good designs on to export early design high called Piazza last side of in both of these designs onto a markup in a more realistic weight. Andi, I hope you guys that I really enjoyed the course. Please let me know if I wonder in blue something and our police share your thoughts as well so that the guys spirit owns and signing off