T-Shirt Design Process | Lindsay Marsh | Skillshare

Playback Speed

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

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

5 Lessons (44m)
    • 1. Class Preview

    • 2. Layout of Our Text

    • 3. Creating Our Icons

    • 4. Adding Dimension to Our Icons

    • 5. Saving and Exporting - Applying Our Grunge Texture!

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





About This Class


This class is one section in my much more extensive Adobe Illustrator Masterclass, also on skillshare. If you are interested in learning the pen tool and Adobe Illustrator in full detail then feel free to check out the full class.

Adobe Illustrator Masterclass

If you already know the pen tool, then let's get started! 

Do you want to create a T-shirt design from scratch using Adobe Illustrator, and see my t-shirt design process from start to finish?

We will first create our circular text by using the type on path tool, 

I will show you how to properly align and balance our graphic to create a professional looking design

Get ready to use the pen tool as we create various icons for our T-shirt design 

I even show you how to use mock-ups in Photoshop to find the right color for our T-shirt and graphics 

As an added bonus, we review how to add a cool grunge texture in vector format to reproduce this high quality custom look

Ready to start designing your t-shirt! Let’s learn together! 


Meet Your Teacher

Teacher Profile Image

Lindsay Marsh

Over 300,000 Design Students & Counting!


I have had many self-made titles over the years: Brand Manager, Digital Architect, Interactive Designer, Graphic Designer, Web Developer and Social Media Expert, to name a few. My name is Lindsay Marsh and I have been creating brand experiences for my clients for over 12+ years. I have worked on a wide variety of projects both digital and print. During those 12 years, I have been a full-time freelancer who made many mistakes along the way, but also realized that there is nothing in the world like being your own boss. 

I have had the wonderful opportunity to be able to take classes at some of the top design schools in the world, Parsons at The New School, The Pratt Institute and NYU. I am currently transitioning to coaching and teaching.


See full profile

Class Ratings

Expectations Met?
  • 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.


1. Class Preview: Do you want to create a T shirt design from scratch using Adobe Illustrator and see my entire T shirt design process from start to finish? We will begin by creating are circular text. By using the type on path tool, I will show you how to properly aligned and balance or graphic to create a professional looking design. Get ready to use the pinch as we create various icons. Bro T shirt design. I even show you how to use mock ups and photo shopped to find the right color Blow T Shirt aircraft has an added bonus. Will review how to add that cool grunge texture, effects and best performer to reproduce this high quality custom, so let's get started. 2. Layout of Our Text: it. No designed horse is complete without a T shirt design section. So I thought we would have some fun and create some T shirt designs of varying styles so we can kind of practice all the tools we've learned so far and maybe even learn you new ones. Let's go ahead and get started. I just opened a simple seven by seven inshore, Just kind of a square document. And one of the first things I do in T shirt design as I like to go ahead and set my background layer. So I'm gonna go over here to my layer panel. I'm gonna create a new layer. This is gonna be our background That's gonna help us pick our T shirt color. Sam's gonna grab such that toe, Phil. I'm grabbing the rectangle tool and I'm just gonna fill in my art board. And what color T shirt do we want to make? I want to make a darker color T shirts. Let's just stick with Dark Ray for right now. And I gotta go to my background layer in lockets and I don't accidentally moving around and I'm gonna shift. Make sure my background layer is our bottom. So here's your design layer. So I'll go ahead, type in the sign, and I'm ready to begin. So for first design, I'm thinking of doing something really simple. Maybe a simple typography circular logo with some symbols inside. Ah, so I'm gonna go ahead and grab our Ellipse tool or circle tools. I like to call it hold down, shift and drag and get going to get a nice circle here. I'm gonna go over and switch it to stroke and gonna grab our pin tool and do the taipan passes. This is what we I just did in a previous lesson. So I'm gonna go ahead and type in something a little generic. Let me make this white. Maybe a light gray that might look cool. So how about, um, graphic design is my best friend. I know that's incredibly cheesy, but we can always change that a little bit later. Gonna make that make the font size little bigger. There's kind of our semicircle. Or I could do design, heat, live design, eat, live, designed and make that a little bit bigger. Maybe we don't need as big. I'd like this to stretch all the way to the top half of the circle. So I am going to widen the spacing between the characters and our character panel. Maybe 200. Let's try 600. And it just keeps stretching him out or making it bigger to stretch all the way across. So we may do something totally different, but we're just kind of having fun and playing around. So I want to kind of create on X on the inside and have four different icons that describe design. So I'm gonna take the pin tool, and this is where we can go ahead and go up top outside of her art board. Um, and I am going to show grid. So view show grid, we're going to some grid works. I'm gonna zoom in 500%. I'm gonna just draw Simple X. And also I'm gonna make sure I'm snapping to grid. You don't have to. You can eyeball it, but this always helps me make it more precise. I'm just gonna draw Big X to stop. Ah, have a point here. But down here looked at the stroke and I'm gonna do the same thing here. And since it snapped a point, it'll do it nicely. Call me. So I made a simple X. I'm gonna increase the stroke. Have our stroke panel here is gonna increase it. And you notice how it has a sharp right corner. So I wanted to be smooth, so I'm gonna select both and put my cap on. It's gonna have a nice round of cap to it. So that looks nice. So right now I don't need the grid, so I'm just gonna total it off. Maybe I'll toggle off snap to grid, cause that might bother me later. Having that on and let's hide grid. So there's are perfect X Go back to where we were. You go ahead and group this together. I'm just going to object group. Let's bring this guy down to where I might need dizzy amount more. It's bring him down to the middle. So now we have our centerpiece. I think I might change that type a little bit. Once we get going, I'm gonna increase the stroke weight like a thicker. And there's our X. And now what I want to start doing and I am I am gonna make this type a little less intense . This move my circle. I want to make sure it's even on the e bottom of the and aligned with the end. And right now it's not. So I'm just gonna tilt it until it is. Have a go. We're going to four little emblems, and I think I'm going to do something down here to let me go ahead and do that. So an easy thing to do since I already have a type on path circle the lips tool, I'm just gonna copy and paste this element. And I actually think I want to just rotate it, and I would I do with the words upside down. I know in the last thing we did, I did not like it upside down. But I think for this one gonna make an exception. And I'd like something to separate this phrase from this phrase so I could do a couple things. I could make this a different color. I could make that like a red, right. So that kind of could definitely see the separation there. I could even make one of these on the UN group. This one of these lines of color too. Tips. Look that the stroke I think have to do my strokes all over again at a cap. There we go. That's 10 points. And let's see what this one is. 10. Okay, great. So something. I wanted to go over with you guys real quick when we're we're starting to work with the overall designs is going up to view and putting on smart guides. Ah, smart guides could be annoying at times, but when you're doing designs that need to be aligned, bob nicely and doing things with center alignment, I usually like to have smart guides on. So what happens when I have smart guides on? I can go ahead and roll over my mouse and it kind of gives you see that pink line. It lets me know I'm moving the object and it's still aligned with when it horizontally. So you see that pink line when I move it up, kind of just gives me some indications of alignment, and it's just it's just a really nice guide. So you're going and select both of these objects trying to show you an example of smart guides. I'll keep it on, and I'll kind of point out why it's helpful, have on sometimes. So I'd like to have a little element here, uh, right in these areas. So let's copy and paste this X and I do not have my strokes outline or my path outlined. So when I do, when the group this together, when I do shrink it down and hold down, shift and shrink it down, you'll notice it gets much thicker, which doesn't look so bad. I can always mainly adjust it back down. If I were to outline the path, it wouldn't happen. But I wouldn't be able to change the thickness of the stroke once I outlined the path. So sometimes I like to keep it just like this. We could make this a plus sign, maybe course as a accent. Nita Justice a little bit with me on group. Understood. She was smart guys. How that pink line. It's nice. Um, see, that's great. I could not mess with that addition. Sign a little bit later. I may not even included. I'm just I'm just warning some kind of graphic element right there in that empty space. So it's good. Zoom out and see what we have so far, I think probably make my lines a little thicker. Let's see, It's to 12. So now I'm gonna put I think this is too busy. So what I'm gonna do, maybe just do a circle for now? Kind of a bullet point. I know that's not quite as exciting, but maybe we'll figure something else later. Okay, So there's where the smart guides come in handy. I want a line. This on the other side it. So I'm able to do that with smart guides against me. Right there. There it is. See that? That's nice. Nice to be able to have that guide. Okay, so let's start doing the icons were going to four different icons that will go on each empty space of the X. 3. Creating Our Icons: So for the different icon designs, I'm actually scroll up outside of my art board. Go ahead and get my grid going. Show grid. I'm not gonna snap the point, cause I'm gonna do some more curves and and and some other things when using. Then what I'd like to do is to show some design tools and each one of those areas. And when I think about design, I think about the pinto a lot. So what actually did is I am taking a screenshot of the pen tool. Well, I'm actually gonna trace it and create my own little icon from it. We see, I think I actually already have this saved. This is just a screenshot from my computer. I'm gonna blow it up. I could hold down shift, make it big, and they could see it's really blurry. So we're gonna have to kind of get do a little bit of guesswork when it comes to some of the curves. So, um, I'm actually gonna grab the pin, told withdrawal the pin tools. That's kind of funny. I'm just gonna doesn't have to be exact, because we can go back and, uh, fine. Tune it later so I'm just doing It's a more pinto a practice for sure. There's the top section, and this looks like I could just use the rectangle instead of having a hand trace This rectangle already have a rectangle tool. I don't have to sit there and try to make a perfect rectangle. There has a little bit of curves to the edge, so I'm gonna go appear to shape shape properties. I'm gonna make sure all these air linked. So says link corner radius values. Go ahead, make sure that's clicked. So when I up the value, it ups the value on all four corners. So left, right, left, right. And let's do maybe point. 08 was like a little bit less of occur. Perfect. Let's go ahead and delete this. I got my little icon we consume and even further and do little details with our direct selection tool. Go ahead, make things a little bit more precise. I don't like the circle very much. So let's that a little better. And I could even take the lips tool. You put that shape here making a different color. When have that be a perfect circle? I'm actually gonna take. Highlight all my elements. I'm gonna take my shape. Builder Tool. You may or may not have the shape builder tool. If you have an older version of illustrator, you may not have the shape over tool, so just be where he may have to manually do this. So let's see. I want to cut out this shape, but I also want to cut out a circle. There we go. Okay, Now I have a perfect circle, so that's a different. A little bit of a cheat to kind of make your workflow a little faster. So I'm gonna group my little element and go ahead and bring it in to my design. So that's icon number one. That's a little pin tool drawing. It will be on the top, so let's do the next one. So I found two other tools that I think are useful for rapid insiders that I can use on my T shirt design. That's the brush tool in the eyedropper tool. So I'll start with the eyedropper tool. We're gonna do the same thing we did with the last icon. We're gonna go ahead and trace this with our pin tool. There's a couple ways we can do this. I'm actually gonna start. You start with this section here and I'm gonna do what I did last time. Go ahead and shed a little bit and grab my wreck tickle tool to create this square shape. It will be a lot easier to do, but I'm actually going to do it. Copy and paste. I could do it again with this. Any time you can use a shape tool instead, the pin tool to kind of do it quicker the better. So I'm gonna go ahead and add Add curves to this are gonna go up to up here to shape, and I'm gonna add smokers. But I only want to add curves on this side and this side of these corners. Let's go ahead and experiment here. So what I'm gonna do is I'm gonna unlock unlinked them. So now I can edit just one corner at a time. So there's one and there's the other, but I don't want to do it quite as much. So let me do 0.7 Maybe that's great. Let me just copy and paste that number on this side. So it didn't edit these bottom corners. I'm leaving that it zero so great. Same thing with here. But I want all the corners to have rounded edges. I'll just link them all. That's too much to let me back it off a notch. Let me 2.3. Perfect. So now I have the holder part of the eyedropper tool. So now I can do a couple things to trace the bottom part. I might want to do a stroke and leave the center unfilled, so I think I'm going to do that. So I'm just gonna kind of do some guesswork here. We could always find Tune with the direct selection tool, make it a little more even, not going to do a stroke and try to match the same thickness as the icon. Let's go and delete the icon or actually limited, shipped it over the side so I could still take a look at it. Let's go ahead and see. They're going to make that a little quicker. Let's go ahead and bring this point. I'm just getting the direct selection tool. It's gonna straighten those out, and it might even make sense to go ahead and take this copy and paste it and work on it right side up. That might help me get it more even. Go ahead and use the grid system to help me get everything. Even right now, it's not even it. Also, I can also snap to grid that would help you to If I said it on there and kept Let's go ahead and stick with that. Bring this back down to lead the old one. Turn the corner, line it up and there's a little eyedropper tool. I'm gonna make this smaller or bigger. So what I'm gonna do, I'm gonna copy and paste. I'm gonna just keep this up here because I'm gonna outline the path and I wanna have a version where I can still edit the stroke and I'm gonna outline this past. I'm selecting this. I'm gonna outline this path all the way through. Let's go ahead and do that object path outline, stroke. So now it's a solid object. So now when I make it much bigger, it won't change. And I have this extra one here just in case I decide to go back and change the thickness. I still have this and I could still do that right now. Once you outlined the path, that's it. It's an object that could no longer mess with the stroke. Okay, so there's my little eyedropper tool, but a group that go ahead and bring that into our T shirt and he does amount to 100%. Here we go. You make that white. Okay, so there's our second icon. Two more to go. All right, So let's do our third icons of the paint brush tool. This one will be a lot easier to Dio. Go ahead and click right here in the center. You can really start anywhere and let me reduce the stroke on that. Let me see. There's my stroke right here. Is that toe one? So I can kind of see what I'm doing. Misses were mastering the pin tools so handy and to getting this stuff these kind of things traced quickly trying to think of that has a little curve to it all the way down. When I do curves, I usually it's like the center. Go out like this and then go out like that. Definitely gonna need to finesse this a little bit. But the direct selection tool I might be the Titan that corner a little bit. Okay, so let's delete the icon or at least move it over here. Let's switch it to fill Miko in 1200%. Let's take a look. It's messed with my handles. Get a little better. I think that's pretty good right now. So let's zoom out. Go ahead and put this one. This one was easy. Would make that white. And let's group it object group, slide him right here. We have one more to go. So one more tool left. I'm gonna do the direct selection tool. Actually, I'm gonna take my pin tool and start to trace. This is easy. This is all straight lines Just like that. We're done the make that a stroke and try to match the thickness of the stroke with the icon. And I'm gonna go up to go to object path. I'm gonna outline that stroke to bacon object, and I'm already done with that one. So let's go ahead and put our last icon on her T shirt and make it the right size to go ahead and put stroke down here. I think I'm gonna need stroke for a while. so just holding down shift and making some adjustments. So there's kind of a rough sketch of our little design for a T shirt. So all these air kind of facing on the same angle. So I wonder if I can change this a row to kind of have the same angle or even reverse these and at least have these to match just to kind of balance the icon direction a little bit. Let's make sure that's the same. Yep. I think that looks kind of neat. We're going to stick with this, Um, a couple little details we can add. Let me kind of mess with the size is a little bit. They're all balanced. And I wonder if I could change the thickness of this little bit right now. It's on 12. Make it 14. I kind of like it. How it I had it. Okay, I'm gonna I want to add a little bit of three D effects to these two lines, and what I'm gonna do is I'm gonna zoom in and I'm gonna hand draw a drop shadow. What's going to come to T shirt did not design and you're using only one or two colors. It's always nice to ah, do manual drop shadows, which is basically drawing it by hand like we've done in the past. Set the pin told, is doing pretty much a work tangle Trying to match it up. Might have snap to grid on smart guides. I'm just gonna take off smart guides for right now, just so I can have a little bit more control over exactly where? Putting it right there. Okay, great. So I'm gonna take the eyedropper tool. I'm gonna sample this red. I believe it's a stroke. So let me flip it to fill, and I'm gonna adjust the color just slightly darker. Maybe right there. So when we zoom out, would be able to see the shadow. Looks like a shadow cast like that. A little bit smaller right there when you take this and make sure that's in the front. So arrange bring to front bringing this gray one of the front toe overlap. This. It just adds a nice element. Little three d Looks like this is over top of this and casting a shadow down on this one. And I could even add shadow effects to the icons, but let me kind of play around with the overall design. Maybe I could play around with the type a little bit, see if I could get something I like. 4. Adding Dimension to Our Icons: so I did a few tweaks to the type a little bit. I actually changed it to sleep. Live design pista change it from eating and it did the bottom Teoh. I also change the font I didn't change The font type are the thought name. It's still Helvetica new, but I change it to a condensed, bold and what's great about a condensed, bold font as I could make it. It's condensed so it can fit more of the font and a smaller space. I was able to make the type a little bit bigger and more visible. I just thought it looked nicer and also took a raid. The bullet points and added kind of some nice bars here, just using the rectangle tool. And so let's say these bars were off centre and I'm trying to finalize my design. You want to make sure everything is centered? I gotta go and select this object and select this object. I'm gonna go up here to a line or I can call it out on my window here a line and I'm gonna do I can't align all to the top working aligned them to the bottom. So I'm gonna line into the top. So I know these are perfectly lined up. I'm just using my keyboard down arrow Key and just doing some slight adjustments. I could do the same thing with my rectangle tool and see if the bottom of the s of sleep make sure this aligns with this and it doesn't. So I'm glad I did this. Make sure that more evenly spaced. Same thing with this. This one looks a little bit better. Make sure everything's concise. We're doing a T shirt design. It's gonna be blown up to a larger size. So little mistakes add up. So little tiny things that are not lined up will be magnified when the design is much bigger. I'm very happy with that. I'm gonna go and save my file and I think I'm gonna experiment a little bit. And, um, see this little drop shadow effect kind of flat design shadow I designed here. I couldn't see what I could do with some icons to see if I could make them a little bit more three d. I'm gonna zoom in and here's a trick, and it's gonna require the Schapelle of Tool or the Pathfinder tool. I'm gonna go ahead and bring out my Pathfinder tool or my panel. Anyway, let's start with the pinto one's got a copy. Go back up here to this blank space and paste, and I'm gonna turn off the grid. I don't think I'm gonna hide grid. There we go. So I'm gonna make a replica. So copy and paste, I make this a different color, but what I'm gonna try to do is cut half of this out. So if I wanted if I have the shape older to live the right version of Illustrator, the newer version illustrator, this is the easiest way to go about it. I am just gonna create a shape and I'm literally gonna cut this half out. It's gonna make this solid, Make it a fill, think of a select both objects, grab my shape a little. Ah, hold down option so I could see the subtract, and I'm gonna just subtract this half everything on that half. And the remainder is a perfect half of this icon that I could place overtop so perfect. So now I'm gonna take the I I'm gonna bring it back in. So let's copy and paste. Got my icon. Um, let's go ahead and just delete that one. I want to take the eyedropper tool. I'm gonna sample this white gray color. Not gonna make it slightly darker, just a little darker. And he noticed the icon kind of takes a really cool three D appearance when I take half of it and making a little bit darker. So let's do that again with the remaining icons. I'm gonna do the same thing to this direct selection tool icon, get a copy and paste it, But I think I'm gonna try something a little bit different. I'm to use the Pathfinder tool for those who don't have the shape color tool over here, which is, I believe if you have illustrator 5.0 r earlier, you will not have the shape older tool. So this is a little bit of the harder way to kind of cut objects out, but still very doable. You pretty much do the same method kind of draw. Joel kind of cut in the shape in half and studies in the shape it'll tool and subtracting. I'm going to select the objects and I'm gonna go over here and I'm not sure which one when we try. Exclude, I'm on Pathfinder, not exclude. So I'm just going to command Z undo Intersect. There we go. That's the adds the right one. So intersect, which was right here. So I just did the same thing. Take the eyedropper tool, making a little darker snow. I have two ways to cut objects out and I could actually go in. I didn't do that perfectly, did I? And this is may just being very precise. I'm actually going to take the pin tool, delete anchor point. And I don't need these right here. Delete time ago. And I think there's an extra one there. Now that's perfectly centred. Go and group are object and bring it down. Just has a much better effective my opinion. I'm gonna go, and I like to keep elements just to have extra ones. You never know if I want to go back to how it used to be. With that out of the way and I'm gonna un group grab this bottom one. I'm gonna take the eyedropper tool and have the same shade when it comes T shirt design, the less colors you use, the better. Um, unless you're doing digital T shirt design in which you can use this many colors as you want. So it really depends on if you're gonna dio screen printing the fear screen, printing the T shirt or sending them to a local printer to have screen printed, um, less coloring paper color. So less colors the better. If you're doing digital printing, which is most likely likely the case if you're ordering the T shirt online. If you order a T shirt online's probably digital printing, but you can always email them and ask if it's gonna be digital our screen printing. So just a little tip there. So I was doing this. Ah, this brush icon and I had a little trick I wanted to show you. So I did the thing with up. I actually used the shape older tool, and I was ableto create this divided half. I have this half right here than I over laid on top to create my highlight and shadow, but I want this claim to have kind of a curve to it and said it just a straight up and down divide, so I'm actually gonna take this is my shape. I'm gonna take my pen tool. Actually, I'm gonna go over here to my curvature tool. We haven't gone over this yet. Too much detail, but I have my curvature tool What this is gonna allow me to do but go ahead and click. This is going to allow me to create kind of a bend really easily. So I'm gonna create a little bit just like that. So I just went to my curvature tool and has clicked and dragged. This is a little trick. Let's make these make sure these air aligned So let's go ahead and select both Go up to alignment and do horizontal align center. Let's also do the same thing. I'm just gonna manually move this kind of over to where I like it. And let's make sure these air also aligned centers. We're gonna dio horizontal, are vertical distribute center and just play around to get the right alignment. Took me a while to kind of memorize all these different linemen options. So now everything is aligned perfectly. Ah, this is still a path. So I got a copy and paste this live path and just kind of took it over here. And I gotta outline the path because I think I'm ready to go. I think I like the thickness object path outlined. Stroke there would announce an object. So let me just kind of select all. Make sure everything looks OK. We don't have any stray objects anywhere. I think I'm ready. I think I like this. Um, I can actually check a few things to draw a box here, make a different color with bright color copy paste. You have the same spacing between lettering on the top of the bottom. And I could probably select all of my text and my bars here, shift it down just a notch. Just making sure the same spacing is here as it is here, so it's totally in the center. Great. So now we're gonna try it on a mock up T shirt to see if we like the color and this will give us give us a chance to try out different colors and design setups. 5. Saving and Exporting - Applying Our Grunge Texture! : so I have a few options right now. I'm in photo shop and I have a T shirt mock up. I downloaded from graphic burger dot com, and it's the same T shirt I use for my, uh, Coffee express logo. I did it a little bit earlier so we can go ahead and drag our local, and we could do it this way. If you don't have access to photo shop or you're not comfortable with using mock ups and Photoshopped, you could simply just drag a picture online of the color T shirt that you like and overlay this design on top of it and kind of size it to where you like. So we're just kind of testing out how it looks. It's really for us as a designer to find the right size and placement for our design. So I'm gonna go ahead and, um, this is a mock up. I'm in photo shop. It's gonna double click my mock. A player could lead the old design. I'm select everything we have here and bring it over. Yeah, press enter. Close this window, save it apps. Okay. So that the T shirt and the size needs to change, So let me double click the design, make it a lot smaller. The only thing with mock ups is it's hard when you're doing it on this layer to find out what it's gonna look like when it's applied to the T shirt. So I like the sizing of that. But let's change the T shirt color to our gray. Oh, that's nice. I don't think it's perfectly center, so let's go ahead on double click on my layer. You can do the same thing manually and illustrator, just by bringing in a photo of a T shirt. But I just like the way mock ups look with the the ripples and texture. This looks more professional, so, yeah, that's really neat. Museum toe. 1 50 100. There's this actually a women's T shirt, I think a women's V neck. But there's a little design we did, and probably about an hour or 45 minutes. The icons and everything. We can always adjust it later. We can adjust colors. Let's test out some other colors, because why not? We're having fun. Oh, that's crazy. You know, purple doesn't look too bad. Especially like a dark purple if I wanted to be a woman's T shirt. Or I mean, what if we tried like a light gray, a light gray. And then we go back to our design and we change the colors a little bit. So all everything that's light needs to be dark. So what I'd like to do is go ahead and copy, paste or design over here so I can keep my version that I have here. So this is a second iteration in the second version. Select all this doesn't make it kind of dark. I don't make it black. I want to make it kind of a dark gray. All that is gonna have to change all of these colors. So give me a moment to swap out. All of these will be right back. So I swapped out all icons using the eyedropper tool. Kind of changed it from a light to a dark kind of theme. Let's go ahead and double click are layer where we can change our mock up and pop this in here to see if I like this color kind of do a different lighter color theme. We'll see the sizing of that. So let's not quite perfectly center and let me make it just a tiny bit smaller. Save whatever it is, I'll deal with it. There we go. So let's try outs and different lighter colors now do kind of a light. Wow, that is very weren't looks kind of cool, maybe a light orange, but that red doesn't pair very well, so Oh, that could look cool. Well, we just don't like a light gray. That looks neat, but I still think Let me go back in history. I'm in photo shop right now. I'm going back in time. In my history, I think that looks the best. So that's kind of on. Just why I love mock ups is I could test out different colors and settle on a T shirt color . That's my T shirt color, and I really love this grunge texture. So how do I apply that to my T shirt design? Because right now this is just a mock up, so it's not gonna actually print that way, but I wanted to look like that, So let me go over that in the next video. So first things first before we dive into applying or grunge texture I wanted to take the finished design we have that we put into our little mock up and voter shop. I want taken illustrator and prepare it to be able to export its file that could be used for the printer to be able to put on the T shirt design or actually any type of marketing product or apparel. So we everything is pretty much ready. Um, this is not a drop shadow that's added manual little box that we made. So that's good. Everything seems to be outlined. The only issue I see is our Texas still a live edit herbal text path. Let me show you so I could still edit this text. We need to outline the little strokes so that each object, it's not live edible text. But it's now an object similar to when we outline a path. So I'm gonna do that with both of my tech circles that have two circles at this one and this one, I'm just gonna select both Slyke the top hold down ship, select the bottom and to create outlines under to simply right click and go to create outlines, so you'll notice I can edit it and when I click on create outlines, it creates little outlines so that the text is no longer edit herbal. But that's the format that most printers need the file, and they'll always say, Make sure you create your outlines. This is what they need to select, and a lot of times I'll just select everything and then right click and create out wants. And that helps to. So this is ready to go. So I'm just could expand this out to the square a little bit more, and most of the time you could do a save as and you could do an illustrator file. That's fine. E. P s is another very common file extension that people want. That's also a vector file and a PdF. So between the these three different options pdf E P s and and illustrator file Those are all great vector options, our files to send on to the printer, and a lot of times I'll go ahead and send them a J peg of my mock up that I just didn't photo shop so they can see the right placement and size on the T shirt. That's really important for them to kind of see that mock up to see you know, what's the sizing that I want this to be? So I wanted to be super large. Do I wanted to just be a little emblem that's on the pocket. You know that that mock up will help them decide placement, but that's it. Pretty much just done a T shirt design. So let's finally add the grunge texture as a second logo design adoration for this T shirt . Okay, so we're ready to add the grunge texture. Finally, I'm just gonna go ahead and reduce this to a little bit smaller of a size. And I found this. This is a vector grunge. And I found this. I couldn't go ahead and show you the website where I found it. I think it's three picks dot com, and I found this free vector texture. It's different than a texture. That's a picture this actually has. This is ah, made up of tiny little anchor points, All these air tiny little anchor points s so that means it's factor and the texture is gonna be able to scale. That's exactly what we want. Okay, so let's get started. I'm gonna go ahead and group this object so that my entire thing is now grouped and I'm gonna make it all one color. So I'm just gonna make it all white. That's gonna be easy for the texture delude on top. And this is where it does get tricky. I'm gonna go ahead and call out my transparency window. Our panel. Okay, So if this isn't an advanced techniques, so feel free to re watch the video, don't feel overwhelmed. This could be a little bit complicated cause we're dealing with masks, So this will be an extra mask layer on top of our base layers or base layer. Is this graphic? This is a little mask similar to adding a transparency or blending mode on top. If you're a voter shop, it's very similar. So I'm gonna make a mask, and I got to go up to this little top box and make sure I have my show options checked. Great. So now what I'm gonna do is I'm gonna take this texture a copy it Go back to my I have to select my object. This is where my mask is. I want to get the texture over on top of my mask, so I'm pasting it on top of my mask. So now I'm gonna go click back onto my object and you could see the texture has been applied to my graphic and I'm ready to go. Ah, problem is this This texture is almost too complicated where it's subtracting too much of the design elements where I can't read it. So let's find a solution next. So, Rick, run just a little bit too faded. So let's reverse it a little bit. We're gonna go back to our transparency and this is our mask layer, and this is our regular vector layer. So I'm gonna go ahead, click on the mask, and I'm gonna make sure that clip is unchecked and invert mask is checked. So that basically reversed it. So now Ah, what was faded? It's now wide. And what was white is now punched out on this faded, so that looks a lot better. I no longer need this texture over here. I'm gonna keep it. So I got a foot back to this. I'm not gonna be able if I am set on this mask and I try to click on other things that won't allow me to select it. So make sure you click back on this, which is our main design. Click away from the mask. Basically, Inter able to edit stuff again. Just a little trick. If you feel like you're not able to select anything all of a sudden, So there we go. We have our texture applied. We could do the same thing that we've done with our other file and this is ready to go. I just have to good file, save and save this E P s. Um usually they don't like to have a background layer. So what I'll do is I'll just go ahead and delete this background layer, and I'll save the file. It looks like there's nothing there, but it's white, or you can apply a different color and just tell the printer you wanted to be blue week. Um, if you're ordered online, sometimes they have. You have J pegs or they want you to have PDS when you're ordering online, and they have like a little builder where you can put the design of the T shirt and move it around. If that's the case, go ahead, make it the correct color like this and you can actually export us. Maybe a PNG, if that's an acceptable file or PdF. And then when he loaded on the builder and he loaded on the color T shirt, it'll show up. So don't worry if you can't see it. It's supposed to be white ink in this particular design, so we'll hadn't exported, and we have our T shirt design.