Apparel Design Using Adobe Photoshop | Derrick Mitchell | Skillshare

Apparel Design Using Adobe Photoshop

Derrick Mitchell, I make bland things beautiful!

Apparel Design Using Adobe Photoshop

Derrick Mitchell, I make bland things beautiful!

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
5 Lessons (36m)
    • 1. Introduction

      2:00
    • 2. Layer Style Blending Options

      6:49
    • 3. Masking

      10:30
    • 4. Displacement Map Filter

      9:35
    • 5. Ecommerce Product Mockup

      7:02
  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels
  • Beg/Int level
  • Int/Adv level

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.

51

Students

--

Projects

About This Class

Apparel Design is one of my favorite things to do! You can follow along with this lesson by downloading the attached exercise files in the class project area. You can also use these resources to create your own mockups and share your designs with the class! Learn how to make your apparel mockups look real using blending techniques and masks so that the finished product is polished and professional. 

Meet Your Teacher

Teacher Profile Image

Derrick Mitchell

I make bland things beautiful!

Teacher

 

 

Hello! My name is Derrick, and I’m so stoked to be teaching here on Skillshare!

Are you interested in making a living in the creative arts industry as a graphic designer, freelancer, videographer, photographer, or web developer?

If yes, then be sure to join me in these courses here on Skillshare as I show you what it’s like to be a graphic designer and make a living doing something that you love!

I will help you master the skills you need to become successful. I’ll show all of my processes so you can accelerate your success, while also learning from my mistakes so you don’t have to repeat them yourself and fall into the same traps that I did.

I have spent my entire career in the creative arts and market... See full profile

Class Ratings

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

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

Your creative journey starts here.

  • Unlimited access to every class
  • Supportive online creative community
  • Learn offline with Skillshare’s app

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.

phone

Transcripts

1. Introduction: Alright, guys, we're gonna have some fun in this, uh, lesson here we're gonna do with some apparel design, which is one of my favorite things to do. I've done it for a lot of brands, and I'm gonna show you how to take any design logo. In this case, we work with a good copy co. And apply it to the sweatshirt in a real. In this case, it's a hoody, and in a way, that looks real. So this is a logo, actually, that I've designed for a real client. This is really happening. Something that I've done. But before we actually send it to print, we want to look like so I actually mocked it up to look as real as possible. So you see, it even has his wrinkle on here. And it the strings, the pull strings on the hoody come in front of logo like you would expect. But this is just a graphic that have placed on top of it. Photoshopped. Okay, here's another example. Same logo that I designed on top of a white sweatshirt and these assets I downloaded from Adobe stock. I'm pretty sure it's been a while ago, but um, you can get them in the exercise files. I do want to note real quick. So with the exercise files, I don't mention this in other videos. You are welcome to play with them and use them for your own personal use. And I'd love to have you used them and post your work in our Facebook group. Ah, but unless you buy the licenses from adobe stock or inventory elements, you can't use these in real client work. Just a disclaimer to make sure you don't get yourself in trouble. But you are free to play with these as much as you want. All right, So what we're gonna do is we want I'm gonna show you how to apply the design we made for the Good Coffee Co into this mock up. And then we're going to get into some more advanced techniques as well to really bend it around the shape of the shirt as well. All right. And then one more thing we're gonna get into is in Adobe Illustrator. I have this vector T shirt. Mark Oppa's well, so the background. You can change any color you want on this shirt by just clicking over here and click in a color. Um, and this is how I mock up some T shirts as well. When I'm doing a local design for a client will use these to do like a first round mock up as well. 2. Layer Style Blending Options: All right, so let's jump over into photo shop real quick. We're gonna jump over into the green hooded PSD file, and I want to point out that if you look at this curious, does anything stand out to you? I mean, besides the obvious, Like, you know, the blackout head part in the drop said I'm talking about, um let me just show you. Let me let me just show you. If I turn off his top layer, you'll notice there was a logo on here before from something else from another project that I didn't do actually borrowed this graphic from the web. Um, just to show you this technique. So what we're going to do is we're gonna remove this logo and the quickest, fastest way to do that. I've got this layer down here that we're actually working with. I'm gonna hit command J to jump cut this to a new layer just to be working on this copies. We have a backup, made the letter M to get my rectangular marquee tool. I'm gonna make a selection around the part that I want to disappear on a Mac amid control shift and the delete key on a PC. It's gonna edit Go fill or shift of five lots of ways to do the same thing. And we're going to fill with the content aware fill. It is going to look at everything around it and blend it a normal blend mode with 100% opacity. We completed those. Those are fun options for other things. But when I click OK and a man, it almost made it perfect. Except we've got this little string hanging out over on the sides when it commanded you to de select. Drop a selection around this and do it again is in my shortcut content aware Fill. Click. Okay. Ah, it's close. Okay, well, let's let's make it. Let's use another tool. Is it Jay? Ah, the letter j to get our patch tool. If you don't see that, uh, it's it's in your toolbar right here, this patch tool and we're just going to draw a circle around the part we want to fix. So we're going to be replacing what's in the selection with whatever wherever I drop this. So I want the colors to be similar was gonna come up here, and it's going to replace it with that texture and it doesn't look too bad. It's kind of doing some weird stuff. That's better. I could do this all day. It's kind of addicting. I'm not gonna lie. Ah, but this is a quick, easy way using this patch tool to kind of clean things up. So we've got that logo removed Looking good. That was pretty easy. Um, if there were other spots that I wanted to fix the problem areas or even, like, say, blemishes on somebody's face, you could, uh, highlight that and, you know, remove it if they're having a bad day. You know what I mean? Um, all right, so let's see. Here. Let's see here. All right. Looking good. Okay, so we've got our base ready to drop in our logo. Let's go find that logo file. I'm actually just going to copy and paste from this Photoshopped document we've made earlier. You can find this in the exercise files if you want. So I've got the smart object selected is gonna it? Command C to copy. It will come over into the green Hoody file and hit command V to paste it. Let's scale this thing down and because my bounding handles their way over here, I can also just click up here in the W and scrub it down a little bit. Well, this could be kind of cool. I could throw it behind the hoody. We could do some fun stuff of that. Um, I'll do that real quick. I'm just going to double click on the layer, not on the word and not on the smart object, but over here on the side, double click to open up the layer styles, and I want to blend the underlying layer. If it's dark, someone click this and I'm scrubbing it to the right. And as idea, you'll notice that even though this layers on top of it, anything underneath that has a dark value now jumps in front of an idea. Holland Option or Ault on the PC, and we can break this a little bit more. Um, split thes handles to kind of make fade a little better. So now, even though this good coffee logo is in front if I move it around and here's another shortcut to so you'll notice about auto Select selected. But if I don't click exactly on the artwork, it's going to select a different layer. So if I hold down the command key or control on a PC, I contol go this on and off road. Quick said that the move to a selected hold on come in. I could just talk with that. So I didn't click anywhere my campus and just kind of play around with, you know, I don't know, just doing stuff. Cool. All right. Um, we're not gonna do that. Those were just a couple side tips that I was thinking about as we were playing around. But let's go back into this. Let's scrub this down a little bit. And to be honest, as cool as this is, it is very small, and you can't see it right now because our blend modes I've still been changed in our layer style. So we got a double click over here and again. If you click on the name, it's going to try and rename it. If you click on the smart object that's gonna try and open the smart objects, we want to click right off into the side here, and we have our blending options. We've got a lot of different tabs, right? We could turn on and off here. Um, you want to be on blending options? Appear to see this blend if box. OK, so we're going to scrub this backs of the artwork, comes in front of it, and ah is gonna be difficult to see with this color. So maybe we need to change this smart object. Gonna come up here to come down here to color overlay. Let's just make this white Just what really stands out. Come back to our blending options. And now we want that suman even further. And I'm holding down the option key and using my magic mouse here. So I'm just scrubbing my finger up or down on the mouse to zoom in while holding the option key. Um, all right, otherwise, you can't really do it with this window open. So what we gonna do now is we're going to We don't want to mess around with this layer by this layer. It it really means the layer that we have selected the underlying layer, what's beneath it. If it's white or as we scrub towards the left towards the mid tones, they'll start to pop through. So for example, like the zipper. And if I hold on the option key and then drag, you're going to notice, we get some interesting effects here. So as we scrub even further, some of the highlights on this start to pop through. And if we do it from the left side of the Jordan option to click and break this and the two , um I for you with these air called the Handles here and obviously I could push Issa's faras . I want to go to really make it look like it's aged on this T shirt and this underlying layer blend if blending effects, blending options on the layer styles. There's a lot to say is one of my favorite effects, and I use it all of the time when I'm doing mock ups like this when I'm doing T shirt mock ups. Or if I was gonna put this on the side of a truck or do some other things and I want some of that grit to pop through, that's the most textures. That's how I do it. Okay, so now that we've got that looking pretty good, I'm gonna click, OK? And but we still need to make this logo looked like it's behind these threads here. So what I need to do is create a mask to hide it. 3. Masking: e. So what I need to do is create a mask to hide it. So we've got this layout. A smart object. Click on the mask icon down here to add a mask. A manning. There's there's a few ways we can do this. The first thing that wanted to try to do. I was gonna hit the letter B to get my brush tool, and that brushes huge. But we just want a nice soft brush. I'm using the left bracket key to make this smaller left and right brackets next to the letter p on your keyboard. All right. And then we want to paint with black because the black will hide on a mask and white will reveal. So since whites on top, I gotta hit X to swap my colors. Now we're gonna zoom in a little bit too far. It gets pretty pixelated. And now when I paint over this with black on my mask, it's a quick and easy way to knock this back behind that pole string, drawstring, whatever they're called, all right. And you know that's not perfect. But zoomed out. It looks pretty darn good. And you know what? We probably wouldn't. We probably wouldn't have ink on. It depends. It depends where you go to and how they produce this picture. But we're gonna go ahead and remove it from the middle here just to kind of show it. Now, a problem I'm seeing right away is this logo does not play nice because you totally lose the oh, in the middle there. So we should probably nudge it a little bit. So what I'm gonna do if I just nudge this layer right now if I just move it? A bunch of men hold down the command key to turn off my auto select appears to toggle it back and forth, so and click anywhere and just move it and noticed the masks. Comes with the mass, comes with the mask, comes with me, and it breaks the effect. Right? So I'm gonna hit commands. Eat, undo that. So we're gonna do is I'm gonna click on this little lock icon between the two layers. All right? And now the mask won't move. I'll click on the actual smart object layer of the logo. Hold on command again. Toggle on and off this auto select layer. And now, as I move, no matter where I move the logo, those drawstrings pop through unless I go too far up or down where I didn't actually mask out the object. Okay, so let's look at maybe if I don't know if I'd say a faster way. Ah, but but another way to do this. Another tool that's really handy in photo shop. If we come up here to the selection tools, we want the quick to the quick selection tool. So, uh, the keyboard chock it is w all right. And I'm gonna talk with us down and the way that this tool works, let me go ahead and command click. So I'm holding down command to switch from to quickly switch from my selection tool to my move tool just so I can click on this layer. And because I've got my mask unlocked in selected, it's trying to select that mask even though I'm doing this. So let me just, uh, physically click on that layer. All right, So what we're trying to do is is trying to use this layer with sweatshirt as my guide to make a selection with the quick, select tool someone, uh, toggle this down a little bit. And now, as I paint over this photo shop is smart enough to pretty much see the edges that I'm trying to select. Okay? And it's a little rough around the edges because these tones air so similar to each other. Um, and so this maybe isn't the best tool for this specific job, but that's why should you have to use the brush tools? Well, all right, so let's go ahead and clean this up a little bit. Uh, I'm just hitting the option key to remove or leaving it alone toe add to the selection. All right, do that. It's not a great selection, but what we're going to do now is click back helping on this mask layer. And if I fill this selection that we just made on the mask with black betting option delete on a Mac on PC, it's ah, cult elite. So if I do that filled with black, it is going to fill this entire selection with black, and it's really difficult to see down here. But, uh, let me see if we can make this larger. I'm gonna click on this little hamburger menu. We're gonna come down to panel options. We're gonna change the thumbnail size toe. Big, big, huge click. OK, All right. Wow. Um, there. Now we can kind of see what's going on down there. The next thing I could do, let's come back over that hamburger menu come down panel options. And we want the thumbnail contents. Instead of it being the entire document, we're going to do the layer bounds. Okay, So what's going to do is it's only going to show first girl down here that the mask, it's only going to show parts of the mass that are in use, Which that didn't help me out here. Okay. Ah. All right, let's get back to this year. So So as we did this, and I'm gonna I'd actually I don't like this view. Let's change back panel options. Entire document. Let's make it. Maybe not so big. Um, there we go. All right, we're on the mask layer. I'm gonna change over to the smart object layer. I'm gonna get my move. Tool. I've been hit command to talk off the auto, selecting that as we drag this up, you'll notice on the left hand side it pretty much looks like the logo stays behind this string. But on the right hand side, you'll notice where the mask brakes. Okay, so now that we've got that done and that's good enough for now, the reason why I would want to take the time to mask out the rest of the shirt is if I were to turn this into a template that I'm using all of the time for different artwork, I'd want to be able to apply this mask toe other shapes. So let's do that real quick. Let me just for the sake of of showing you another way. Let me jump in here. I'm gonna double click to open up my smart object. I'm gonna copy the good coffee text. Pace it in. Here is text. Let's scale it down. And because this is actually text right now, I'm going to just hit Return to split this into two lines. Highlight everything. Beheading command A. I'm going to hit command option in the up arrow to change the leading on this. If I add shifted ago by on a little make duplicates, we won't do that. Um, what we're doing is we're changing the leading up here. I could also click on this, drop down and go to auto. That's in the character window panel. If you don't see that, go the window down the character. All right, so we've got our text. Let's go ahead and highlight the word. Good. Actually going to cut it? Command X to cut it. Basically modifying this logo on the fly. Let's make this text white so we can see it. Let's hide. This layer will duplicate it. Oops. Holding down the option key and dragging up. There we go. Highlight it. We're gonna paste in the word good that we just had. Let's change the color on that as well. And let's scale it up just to kind of make it just because we can. All right. Good. Coffee. Good. Coffee co. All right. Looking good. All right, so we've got these two words here. I'm gonna go ahead and click both of these. I'm gonna group them by hitting command G over here. So they're in one group, and I'm gonna take this mask right here. I'm just gonna hold down option and drag it on top of this to apply a mask to anything in this folder as well. All right, so now you'll notice it cuts through the letter G over here. And because this is not linked, I can click on the folder or they are the contents in the folder. However, I want to do it, and I can move these around and again. You'll notice in the left hand side how that pull string drops behind. But on the right, it doesn't. It only has a little bit where we brushed out. So, um, all of this to show you that as you build out your templates, you might want to think with the future in mind. All right, So you might want to build this in a way that you could quickly drop in artwork for anything that you're doing. All right, so it looks pretty good. Let's just refine this side a little bit. Let's come to the mask over here. Get my brush tool. We're just gonna paint, making sure that the black is our foreground color. So as we paint, it kind of knocks out the graphic a little bit, and that looks pretty good. Um, and I'm not gonna worry about masking all this other stuff right now Because it doesn't even go across the middle there. All right, now, one last thing that we almost forgot to dio it doesn't look very real right now, So I'm going to double click over here off to the side to pull up my layer style and the underlying layer we want to hold on the option key and break. Uh, this I forget they're called these toggles here. These handles and photo shop is very angry with me right now. Okay, As I scrub there we go all done option and break the dark ones down here to and you can see it start to fade where it's dark, the dark, the dark shadows pop through. The highlights start to pop through a little bit, and it really makes us look like it's actually on this hoody. That's one of the easiest ways that I found to make it look realistic. OK, the other thing we could do we could play with our blend modes right now. I just said to pass three, which means it's going to do whatever each layer is doing through the bottom like each. It's gonna honor whatever layer the layers are set to down below, but I can cycle through these blend modes as well. So I'm just holding down the shift and having the plus or minus keys moved to a selected make sure that moved to a selected or doesn't work too quickly cycle through these blend modes. Okay, So because it's just white text Onley a couple of these, like overlay and you know, soft light and normal are gonna work. Some of them that's actually gonna go. Some of them, like multiply, will completely remove that white text. But like that, there we go dark in a multiply. Alright, Someone cycling through Just coming up with something that looks kind of cool, something that I would want to wear that being cool brand. And in this case, the dark text would be nice or even just the standard white text that we had here. Cool, Good coffee. Sweet. That looks really good. So we're going to save that and then Ah, the next thing we want to play with. Ah, let's go ahead and take a look at the white hoodie over here as well 4. Displacement Map Filter: next thing we want to play with, uh, let's go ahead and take a look at the light over here as well. So the same principle would apply if we're going to apply this same techniques, right? We would just mask out thes drawstrings, which I've already done in this file. And because I've already done that, I could grab this good coffee logo that's grabbed the group. Actually, grab these two layers separately. Command seat a copy. Let's jump over into this document. I'm gonna click right here on this logo. So it shows me right in line with where I'm at my command, v to paste it, and I've got to transform it up. Okay? And we're gonna run into some problems here because it's white text on a white sweatshirt. We're gonna have to do some housekeeping. All right, we've got that in there. Now, what I'm gonna do is on this layer, you'll notice that by default this logo I had was orange and put a color overlay. So if I want to copy that exactly I can right click on this layer anywhere in this layer and then these layer options I want to copy the layer style. So it's going to copy all of these effects that have been applied to it. I'll go ahead and turn this off for a minute. It's also going to a copy. These. See this little square? These two squares with solid square in the centre. That is our blending layer style that we did hear that I did. Just like in the other document. Okay, so it's copying that information as well. Someone copy on the word good. I'm gonna right click, and I'm going to paste layer style. Still, the word good gets that effect. I'm gonna That gets the layer style, and the color overlay would do the same thing to coffee. I'm gonna right click and I'm to go to paste layer style. All right, that's looking good. And let's take a look at this. You'll notice there is no mask currently on these text graphics, but that drawstring still pops through a Why is that? Well, it's because we've got these layer styles with the underlying layer. Anything with a darker value than this great tone right here is gonna pop through. Okay, It looks like I also did a mask on it. let me see if that pops up anywhere. Okay, so what I did because this metal part of this would not follow that rule. Let me de select this. Let me grab these layers. And if I were to drag them down, you'll see it breaks because of lighter tones. All right, so what I did is I added a mask. This mask right here by command, click on the mask. I can see where the selection is. And all I did was brush out physically, making it mask that layer. All right, so that is another fast way to get this mocked up. Okay. All right. So the next thing we want to look at is an advanced technique, a displacement map and what that's going to dio. So far, it's been pretty easy, cause these haven't had many wrinkles, and them in the text doesn't need to look like it's really bending around objects. But what we're gonna do now is we're gonna take a look at what's called the displacement map, which is going to bend the text and make it look realistic. All right, so in this sample, what I want to do is I actually wanna put the logo on the wall and maybe even on the T shirt. And you know what? The teacher has some wrinkles, and the wall does, too. So how can we do this and make it look realistic? Well, we're going to use something called a displacement map. A displacement map is going to take a look at the shadows, the mid tones and the highlights. And it's going to use that as a map to apply to whatever graphic you want and make it bend in certain ways. It's going to use that as its guide. So let's go ahead and just jump into this. So I'm gonna take this document and I'm not gonna do anything different to it other than let's create a new adjustment layer by clicking on this little half circle thing and we're gonna come up to hue and saturation. We'll click on that. We're gonna scrub the saturation slider all the way to the left. Okay, so this is now a black and white image, and we might even want at bump up the contrast a little bit. Usually it's fine. Let's just do that real quick, allowed another layer and we're going to come to brightness and contrast, and they just kind of at a little extra contrast to this and maybe even some brightness. Um, it just kind of depends on. We want some of these shadows to stay there. But we also want that, too, be prevalent here on the T shirt. All right, so we've got that. Now I'm gonna do is I'm going to go ahead and just save this Met command shift s to save as we're going to call this displacement map. Okay, Now, we're gonna go ahead and open up this document again. So now I've got my displacement map here. And then I have the original file here, and what we're gonna do is actually paste in some artwork on top of this. So let's go ahead and grab our good coffee co logo might command. See to copy this smart object. Let's jump over here into the stock from Adobe Stock Command V to paste. Let's move us up here. Okay? And this might be a little subtle. This image might not be strong enough to really show the effect, but if we look at it closely now, it just looks straight and nothing really happened in there. I'm gonna change the blend mode from normal to multiply, which will kind of help a little bit. You'll see some of these shadows pop through very, very, very subtle effect. If I move it over on the sea right here over this dark spot, you'll see it even more. Okay, so we've got that. Now what we're gonna do is we're going to go to filter down to distort, and then over here to displace. Okay, we're gonna click on that. And one thing I should point out, Uh, depending on the version of photo shop you're using, you're gonna want to pay attention. This image is actually, if I see over here in the title in RGB image, let me just cancel this real quick. We're gonna go to image mode. It's an RGB. If you're in seem like a not all of the filters were show up. So if you don't see that, make sure that you're you're working in RGB while you're in photo shop for all of these filters to work. Okay, so gonna come back. Let me try that again. We're under filter distort, displace 10 should be fine. We're gonna leave it a 10 right here. And because we are working with the exact same image one over the top. I don't really need to worry about how any of this stuff right here. So I'm gonna click, OK? And now it's gonna have me go find that displacement maps. So here's that displacement map. I'm gonna click on it, I'll click open, and it's going to use that as the map to apply the filter to this layer. So if I zoom in now, you'll notice right here, like how the sea bends out. So if I turn it on and off, you'll see the before and the after. So it's bending this to make it look like it's really on that wall. Okay? And you're gonna have different results depending on that number, whether you use 10 or larger or smaller number. And if I want to make modifications, I can click down here, double click on the word displace. We'll double click on that, and I could come in here and try some different things. Maybe I make the vertical scale B zero and click. OK, find that displacement map again. Hit open. It's going to reapply that filter and and Ah, it's very, very subtle. It's hardly even worth it in this document. This maybe isn't the best example, but let's throw ahead. Let's go ahead and throw that logo in here again. Should be on my clipboard still tonight. Command V to Paste. Bring it in front of this T shirt and I'm gonna change the color overlay. So I'm on this layer clicked in here in the effects tab. We got a color overlay. We're gonna change this. Make sure it's on white. There we go. Click. OK, scale it down a little bit. And I want this just for the sake of this tutorial to go right through the wrinkle on this shirt. So? So we can really see this. So I'm on that layer, I'm gonna come up to filter distort display, so I'm gonna use the exact same displacement map. Click. OK, we'll grab that Displacement maps PSD file, click open. And it's a little subtle. Still little too subtle. So part of this not working out so well for me is actually a good You know what? I hate it when people use tutorials and they use like the most easy, easy document where you don't have any problems. But this is a good example of real life. So all these, uh, flakes, this shirt, all these highlights there really messing with this graphic on this displacement map. But if this was more wrinkled, like if the if the the wrinkles were a little more apparent, it would bend around this, and it would look so good. So you know what? I'm actually okay. That this this tutorial kind of bombed right here. Uh, and it didn't look nearly as good, because this is the real world stuff. I want you guys to kind of see this. So if you wanted Teoh, we could undo that. Let's undo that again. And ah, maybe we want to physically bend this and warp it and make it look, you know, we could we could physically do this ourselves. So what we're gonna do is hit command T to get a free transform. That's a smart object. And up here, the top. We have this warp, right, this war button. So when I click on that, I can actually physically grab different pieces of this and I could warp it and obviously is gonna take me a lot longer to Dio. But if I wanted to, I could actually manipulate this text to make it look like it was wrapping around this. And obviously, I'm doing a terrible job right now, but the point is this I'm just trying to show you some real life workflow and my thought process as I approach these designs and try and make really cool graphics. So I hope that makes sense. Guys, The displacement filter in the displacement map really cool features and Photoshopped. 5. Ecommerce Product Mockup: way that we can use these mock ups. I'm gonna go ahead and make a new file and we're going to make a new print document. Will just leave it as letter and we're gonna change it to a landscape orientation here. 300 pixels per inch RGB color. We're gonna click create. So now I'm gonna do is gentle friend illustrator real quick. So if you got the creative cloud you can download Illustrator as well. I'm gonna grab his T shirt and I'm going to go ahead and copy this color. I'm sorry. Not copy. I'm going to change the color. I'm gonna click with my direct selection tool in Illustrator The letter A. I'm just gonna fill it with this blue color that I use on everything else and then come back and copy the whole thing and it command C to copy it. We're in a jump into Photoshopped. I'm gonna pace this as a smart object inside of photo shop. So now what that means is it's not tied to that document. I copied it from its not tied to this at all. However, there retains its creditability. So if I were to double click into the smart object here. I could see the T shirt and a new vector Smart object file. So, for example, I don't really like these highlights and how they're looking, So I'm gonna select one. I'm an illustrator. Now, go to select same Fillon stroke. And I could either delete him completely, which I might do, or maybe just make them darker so they look more like a shadow against this shirt. Here. There we go. That's a little bit better. You know what? I still don't like it. I'm just gonna delete it. Hit, save. We'll close that tab and you'll notice it didn't change this original document at all. But if I come back into photo shop, there goes away. All right, so we've got this T shirt mock up here. Want to grab the background? I'll click on this color to get it similar. Open up my color picker by clicking on this thumbnail on rear going. Teoh make this a little bit darker and then fill that background. Okay, that's pretty cool. Uh, maybe a little dark or maybe not dark enough to have enough contrast. But now what I can do is I could take this layer and maybe add a drop shadow to it. Kind of make it stand off the background a little bit. Maybe bump that size up. Just a touch click. OK? When you come back over here and grab our good coffee co logo and maybe I'll grab actually the stacked version. Where was that at? And my open documents. How about this guy right here? The good and the coffee text will grab both of those command see and command V to paste it into this document. And they're not going to show up right now because they have this layer style applied to it . I'm going to double click over here. I had a de select one that we got double click over here. We're gonna turn off this blending underlying layer effect, and I'm going to add a color overlay now it's already white to begin this. We're going to turn them off. I'll click. OK, all right. The meaning to do the same thing for the layer below. So we're gonna double click over here, reset those sliders and turn off color overlay, and there we go. Select both of these. I could put them into a folder or I could right click and I could go click on a link Layers . So now you see a little link icon. And now, no matter which one I choose, they will both move together. Okay, that was just scaled this down. Good copy. All right. And then there is another way that I would do a T shirt mock up in this little line here. I'm not a huge fan that either. It's kind of messing with the designs. Let me open up the smart object. I was going to get my direct selection tool appear the letter A is a shortcut. Right click once on this anchor, point it delete once and then delete one more time to Dio to remove this extra anchor point . We'll save it and we'll close. It will jump back into Photoshopped, and that goes away. All right, so there is another way that I would do my mock up. Now you'll notice if I go to move the shirt. The logo doesn't stay with it, so let's go ahead and grab this. Let's click on our good coffee and them in a shift click or actually gonna command click on this other layer. The T shirt is to right click, and we're going to link this layers. Well, there it is. Link layers. All right, So now no matter what I grab with us the T shirt or the text, it's all going to stay together. So I could drop this in here on this side. Maybe, Uh, the letter t to get my text tool. And I could click and drag to make a text box over here. Let's make this much smaller. Maybe like, I don't know, 18 points. And I could say, um, you know, shirt details, maybe change the font. Something else. Helvetica. How's that type? We're going to paste alarm. Epsom just for filler. Let's change the size toe like I don't know. 12. Change it all. The 12 real quick. That's change are tracking 20 that you still need all this garbage. All right, there we go. So now what I just did real quickly is created basically a mock up that I could send a client to be a lot more text and I would ever send to them. But, um, you know, maybe it's a product description for a website or something like that. And maybe we can bump this up a little bit more. How's that look? Too much. Space 14. Someone hit command option up or down a road. Otago the leading over here. 19. Let's do 16. That's better. Okay, cool. That looks pretty good, guys. So if I go ahead and move to the move tool or click on the check box up here will commit those changes. So now I could say sure details. Maybe it's even got a price over here. I don't know. I don't know. Uh, now we're just making stuff up. Guys, I'm a little bit off script, but this is how I design. And I really love showing you my work flow in my thought process as I get into things. So, um yeah, that's how I would design this mock up. And I hope you really enjoyed this. Be sure to check those exercise files for those assets that have provided to give you a place to explore and design and a quick reminder that those are licensed assets for you to use as a student, but not to use in a really project or to resell to anybody else, so feel free to post them on your personal website portfolios only, or in the Facebook group. Otherwise, you'll need to buy those licenses. But I hope you enjoyed. Please take a minute. Go ahead and create a T shirt design as part of a project here and pick any one of these layouts that we've got, whether it's Thea Green Hoody or the the brick wall layout here that we've got. Or maybe the one that we just made. Grab one of these assets created T shirt design and share it with us in the Facebook group .