A mockup is a blank garment template you drop your own designs onto. That's it. It lets you show a manufacturer exactly what you're after, post designs to socials without paying for a sample and a photoshoot, and see what your next collection looks like before you commit money to it.
Most brand owners either pay for mockups or grab a free PSD that looks like every other free PSD out there. Building your own in Illustrator means every part is editable, every colour is one click, and the file is yours.
Here's the full build start to finish, including the shadow tip at the end that almost nobody covers. The written version is below if you'd rather read it.
1. Set up and get your reference in
Two panels do most of the work: Layers and Properties. If you can't see them, go to Window in the top menu and turn them on. The Properties panel on the right is where you'll change strokes, fills and weights without hunting through menus.
You don't need to shoot anything for the reference. Pull a garment photo from Pinterest, a brand's product page, wherever, as long as it's shot straight on. Drag it into Illustrator and turn the opacity down so it sits faint in the background.
Then lock the layer. In the Layers panel, click the empty box just right of the eyeball icon and a padlock appears. Do this, or you'll spend the next hour accidentally dragging your reference around underneath work you've already traced.
Last bit of setup: grab the Line tool, pick a stroke colour that stands out (red works), and draw a vertical line straight down the middle of the garment at around 3pt. It keeps everything symmetrical while you build and you'll turn it off at the end. Lock that layer too.
2. Trace the base outline
Pen tool, black stroke, around 2pt weight. Trace one side only, collar down to hem.
Take your time here. This is the foundation everything else sits inside, and if the outline is sloppy the whole mockup looks off no matter what you do afterwards. For curved sections, don't just click — click and drag, and you'll pull out handles you can rotate to shape the curve. Fewer anchor points is better. Place one where the direction genuinely changes, not every few pixels.
Now mirror it. Select your traced side, hold Alt (Option on Mac) until the cursor changes to a double arrow, then click and drag while holding Shift so it stays level. With the copy on the other side, right click > Transform > Reflect, and make sure Vertical is selected. Horizontal flips it upside down.
Zoom in on the collar and hem and check whether the two halves actually meet. Usually one edge sits slightly off. Grab the Direct Selection tool, select the loose anchor points and drag them together until they're clean. Then select both halves, right click, and hit Join. That turns two paths into one closed outline.
3. Build the details
Pockets, panels and any structural piece get built exactly the same way: trace one side, Alt-drag a copy across, reflect vertical, fix the anchor points, join.
Seams and stitching. Draw a seam line with the pen tool, duplicate it and move the copy down slightly so you've got two parallel lines, then fix the ends with the Direct Selection tool. Select the line and change the stroke to Dashed Line. A 3pt dash reads best as stitching, but drop the stroke weight to 1pt so it looks like thread rather than a chunky dotted line. That's what a manufacturer looks for — they see the dashes and know exactly where the stitch runs.
Group each component as you finish it. Select the parts, right click, Group. Keeps the file manageable once you've got forty paths going.
Inner fabric. On a hoodie, the inside of the hood is a different surface to the outside, and flat colour across both makes it look like a sticker. Pen tool with no fill or stroke selected, rough out the inner hood shape — it doesn't need to be precise since it's going behind other lines. Fill it with a darker version of your base garment colour. Not a different colour, just darker.
It'll be sitting on top of your linework, which looks wrong. In the Layers panel, drag that path down the stack until it sits behind the lines. Just don't drag it below your base outline layer or the base colour will cover it entirely. Everything you build has to live above that layer.
While you're in there, add a neck tag. Thirty seconds, and it's another placement detail your manufacturer can see.
Then colour it: select the base outline and change the fill. That's the whole point of building in vector — every colourway is a fill change, not a rebuild.
4. Clipping masks, which change everything
This is the part that turns a template into something you can actually put designs on properly.
Say you want a graphic on the sleeve, but you want it to wrap around the arm and cut off at the edge instead of floating on top like a sticker.
- Put your design roughly where you want it.
- Pen tool, no fill and no stroke colour selected.
- Trace the area where the design should show, following the edge of the garment exactly where it needs to cut off. Make sure the shape you're closing is the part you want visible, not the part you want hidden.
- Select both the path you just drew and the design underneath it — click one, hold Shift, click the other.
- Right click > Make Clipping Mask.
The design now sits inside the garment shape and reads like it's printed on the fabric. To reposition it, double click into the clipping mask and move it around inside. Anything past the edge gets cut off, exactly like a real print would.
Use this for sleeve prints, chest graphics, accent panels, anything that needs to follow the shape of the garment.
5. Shadows, the tip nobody talks about
Without shadows your mockup looks flat. That's fine for a manufacturer, they only care about construction. But for socials it doesn't hold up next to a photo. Adding shadows is the bare minimum if the mockup is going anywhere public.
- Brush tool, black stroke.
- Draw roughly where the shadow should fall — under the hood, along a fold, wherever the fabric catches less light. It'll look like a black scribble. That's fine.
- With it selected, go to Effect > Blur > Gaussian Blur and push it until it reads as a soft shadow rather than a mark.
- The blur will bleed past the edge of the garment. Fix it the same way as before: pen tool with no fill or stroke, outline exactly where the shadow should show, select both, right click, Make Clipping Mask.
- Drop the opacity. Straight black is too harsh. You want it sitting under the surface, not on top of it.
Repeat anywhere else the garment folds. Turn the shadow layer off and on and you'll see it immediately — same shape either way, it just stops looking like a diagram.
If you want to push it further, fabric textures on top add another layer of realism. That's doable in Illustrator but easier in Procreate, which is why I keep a set of fabric texture assets for exactly this.
6. Refining the shape
You'll want to adjust proportions at some point. Direct Selection tool again. Drag a box over the anchor points you want to move, making sure you've grabbed all of them, then move them together — miss one and the shape distorts. To move a single point without touching its neighbours, hold Alt while you drag.
Shortening a garment often causes overlap at the seams. Just nudge the offending anchor point until it sits clean.
For sharp corners, select an anchor point with the Direct Selection tool and a small circular handle appears near it. Drag that inward to round the corner off. Do this anywhere the shape looks too sharp to be fabric. Small thing, but it makes it read as a garment rather than a graphic.
How long this actually takes
I've been doing this four years and a hoodie takes me about forty minutes. Your first one will take considerably longer, and most of that goes into the base outline and the shadows. That's normal. The second is much faster because you understand the structure, and by the fourth or fifth you're moving properly.
If you'd rather skip the build
Building your own is worth doing at least once. Even if you never draw another, understanding how these files are put together is what lets you use them properly instead of fighting them.
But if you've got a collection to get on a page this week, that's a different problem. The Ultimate Vector Mockup Pack covers hoodies, outerwear, pants, sweaters, shirts and accessories, all built this way with the parts separated and ready to edit. Open one, drop your artwork in with a clipping mask, change the fill, export. You can also browse the full vector mockup range if you only need specific garments.
Any questions on the process, drop them under the video and I'll get back to you.
