How to Make Mockups for Screen Printing: A Shop Guide
If you run a screen printing shop, you know the drill. It's late afternoon, a prospect wants to see their logo on a hoodie before they commit to an order, and you take a screenshot of a blank from a distributor's website and paste a JPEG on top of it.
Learning how to make mockups for screen printing well pays off every week. Done right, the same visual sells the job before the quote is signed, locks in customer approval, and shows your print team what to print.
Most guides online treat mockups like a pure graphic design project and walk you through Photoshop displacement maps or print-on-demand lifestyle generators. Those have their place, but a commercial screen printing shop has different priorities: you need the exact blank you order from your supplier, scaled print dimensions, and a layout your press operator can actually reproduce.
Mockup vs. Proof vs. Production File
Shops and customers toss around the terms "mockup" and "proof" like they mean the same thing. In casual conversation, that's fine, but mixing them up in your workflow leads to headaches when a quick sales preview gets sent to the press floor without dimensions attached.
- Mockup: A visual preview of the customer's artwork on the actual product, so the customer sees what they're buying before anything gets printed. A quick sales mockup might show a logo on three shirt colors with zero specifications on the page.
- Proof (Art Proof): A mockup plus the production specifications the customer approves, including garment style and color, print locations, print dimensions, ink or thread colors, and quantities. Every proof includes a mockup, but not every mockup is a proof.
- Sew-out: A physical stitched sample of a digitized embroidery design. Because a flat digital image can't show thread texture, stitch density, or how small lettering behaves on fabric, shops run a sew-out for large or especially important embroidery orders with a newly digitized logo.
- Production file: The file your equipment actually runs from, such as color separations, film positives, print-ready vector art, or DST embroidery files. The mockup shows the buyer the finished shirt; the distinction between production file and mockup file matters because you can't burn screens from a low-resolution preview.
4 Ways to Make a T-Shirt Mockup (and How They Compare)
Looking at how shops actually put mockups together each week, almost every workflow falls into one of four categories. None of them is wrong; the right choice depends on whether you're offering a quick quote, building a retail lookbook, or sending jobs to production.
| Method | Best for | What to watch out for |
|---|---|---|
| Supplier photo + paste Screenshot the blank from S&S Activewear or SanMar, paste the logo on top | Quick, free one-off previews | Flat and often low resolution; scale is guessed; no specifications; every color change is redone by hand |
| Photoshop or Illustrator template Drop the art into a PSD smart object, about $3 to $30 per template | Realistic retail flat lays and full creative control | Requires software and design skill; limited to templates you own; color variants and revisions are manual |
| Online mockup generator Placeit (about $90 a year), Canva Mockups, Kittl, Printful | Fast social media and ecommerce graphics without design skills | The stock shirt rarely matches the blank you order; no print sizes, ink specs, or approval workflow |
| Mockup tool in your shop software Build it on the order from real supplier photos, then send it for approval | Everyday shop quotes, customer proofs, and press sheets | Only as good as its built-in templates and connected supplier catalogs |
Most shops start with the first method, and it works until volume picks up. When you eyeball the logo size, a left chest that looks great on screen can measure six inches wide on the shirt. And when the customer asks for the same art on a hoodie and two more colors, you rebuild it from scratch. Photoshop templates give the most polished image, while a tool inside your shop software keeps the picture, the specs and the approval on the order. Whichever you use, the rules below decide whether the job prints the way the mockup promised.
How to Make Mockups for Screen Printing That Print Right
A mockup is a promise to your buyer. If your preview shows a crisp 14-inch graphic stretching edge to edge across a small hoodie pocket, the customer will expect the printed hoodies in the box to look exactly like that.
To keep your art department and print team out of trouble, build your screen printing mockup around what the press can physically do.
1. Use the Exact Supplier Blank and Color
Never mock an order on a generic white or gray T-shirt template when the quote specifies a particular garment. Pull the exact style and colorway from your distributor, such as a Gildan 5000 in Sport Grey or a Bella+Canvas 3001 in Heather Deep Teal.
Collar widths, sleeve shapes, and fabric textures vary widely between blanks. Showing the real heather, triblend, or dark garment color early sets honest expectations for how the ink will sit on the shirt.
2. Size the Art in Inches, Not by Eye
If you scale a logo until it "looks nice" on a 27-inch monitor, it will almost always be too big on a real shirt. Always measure the artwork at its actual print width and height in inches, and label those numbers right on the mockup.
Common adult print widths usually land around 3 to 4 inches for a left chest, 10 to 12 inches for a full front, and 12 to 14 inches for a full back. If an order runs from Youth Small to Adult 3XL, a single print width won't look the same on every shirt; our guide to the artwork approval process covers how to handle print sizes across full size runs so customers aren't surprised.
3. Measure Placement from a Fixed Point
Floating a logo in the middle of the chest leaves your press operator guessing at setup. Anchor every print location to a physical reference point on the garment, usually measured down from the collar seam:
- Left chest: About 3 to 4 inches wide, placed about 3 inches below the collar seam and centered 3.5 to 4 inches from the shirt's centerline.
- Full front: Top edge of the graphic about 2 to 3 inches below the collar seam.
- Full back: Top edge of the graphic about 3 to 4 inches below the collar seam (or lower if the order includes a printed inside neck label).
Every shop has its own in-house placement standards. What matters is choosing a consistent measurement and showing it on the page.
4. Show Every Side That Gets Ink
If a location gets a screen on press, it gets a view on the mockup. Front, back, left sleeve, right sleeve, and inside neck label should all appear clearly, ideally side by side on one sheet so neither the customer nor the print team misses a second or third print location. Sleeve and side prints are where "that's not the alignment I pictured" happens most often.
5. Respect Seams, Pockets, and Print Limits
A computer screen lets you drag a vector graphic across a ribbed collar, over a shoulder seam, or right across a hoodie zipper without a care. Standard screen printing platens aren't so forgiving. Keep your artwork within realistic print boundaries on the mockup, and leave room above kangaroo pockets and away from thick seams so you never sell a print your press can't pull cleanly.
6. Name the Ink Colors and Total Color Count
In screen printing, every spot color adds a screen, setup time, and cost. If your quote prices a three-color front print, a mockup showing a six-color graphic creates a price dispute immediately. Call out the total color count and label each ink with its Pantone (PMS) number or your shop's standard ink name, and note when a dark garment needs a white underbase.
7. Check Art Resolution Before You Send
A 72-DPI logo pulled from a customer's website header can look acceptable when shrunk down to a small T-shirt thumbnail and hide the fact that the edges will turn into jagged blocks when you output film. As you build the mockup, confirm you have clean vector artwork (or raster artwork at around 300 DPI at full print size), or flag artwork cleanup before the customer approves the layout.
Adjusting Your Mockup for Embroidery, DTF, and Hard Goods
Most screen printing shops don't stop at plastisol and water-based ink. When an order includes embroidered polos, DTF transfers, or promotional drinkware, your mockup needs a few method-specific adjustments.
Embroidery
A digital mockup is great for confirming logo placement, overall dimensions, and thread colors, but pixels on a screen can't replicate stitch direction, loft, or the way thread sinks into fleece and piqué knits.
Pay extra attention to small text on embroidery mockups. As a rule of thumb, letters need to be at least 0.25 inches (about 6 mm) tall to embroider legibly, and thin script fonts or mixed upper- and lowercase usually need even more height. If a customer's logo has tiny tagline text that won't hold up under a needle, adjust it on the mockup and explain why. For complex logos or large corporate orders, follow the digital mockup with a physical sew-out before you run the full order. For more on file prep and stitch counts, see our guides to embroidery digitizing and setting up your embroidery pricing.
DTF and DTG
With direct-to-film (DTF) and direct-to-garment (DTG), full-color photos, gradients, and ten-color logos don't add screen costs, so the spot color count on the mockup matters much less. Focus instead on exact transfer dimensions, placement from the collar, and clean transparent backgrounds so an accidental white box around the customer's PNG doesn't get heat-pressed onto the shirt.
Hard Goods and Headwear
Flat 2D mockups struggle with curved surfaces like mugs, tumblers, structured baseball caps, and tote bags. A wide horizontal logo that looks flat and readable on a 2D mug image can wrap halfway out of sight on the real cylinder. Using a 3D mockup model for drinkware and hats lets you and the buyer rotate the item and see how the artwork wraps before anything goes into production.
5 Jobs One Good Mockup Does in Your Shop
When you build a clean, accurate mockup, don't just use it once and put it away. Well-run shops get five different jobs out of the same visual:
- Sell the job before the quote is signed: Sending a quick mockup along with (or even before) the quote helps a prospect see their brand on the actual garment. A buyer who sees their logo on a heavyweight hoodie says yes much faster than one staring at line items in a spreadsheet.
- Show options side by side: Putting the same design on three shirt colorways, or placing a T-shirt next to a matching hoodie on one page, lets the customer pick a favorite right away instead of asking for another revision round.
- Collect customer approval: Once the buyer picks an option, print sizes, placement measurements, and ink callouts turn that sales mockup into a T-shirt mockup for customer approval. (See our breakdown of the artwork approval process for what a final proof needs and how to get valid approval.)
- Brief the print team: A large, clear mockup with print dimensions and ink names, printed on the work order, opened on a tablet next to the press, or shown on a shop TV, tells the operator at a glance how the finished shirt should look.
- Speed up reorders: When the approved mockup stays on the customer's order history, next season's reorder starts with the exact file they approved last time.
3 Habits to Make Mockups Faster Every Week
You don't need a full-time art department to send professional mockups on every order. A few simple workflow habits keep mockup prep at a few minutes per order:
- Start from saved templates, not a blank page: Almost every shop builds the same few layouts week after week: left chest plus full back, front and back of a T-shirt on one sheet, a multi-colorway pitch sheet, and an embroidered cap proof. Save those page layouts once so you only need to drop in the blank and artwork.
- Create once, then swap the product in place: When a buyer asks how their logo looks on a different style or color, use a setup that swaps the underlying blank while your artwork and print areas stay pinned in position.
- Make a new version for every change: When a customer wants an edit, generate a new version and leave the previous one intact. If they decide they liked the first layout better, you don't have to rebuild it.
Making Mockups Inside YoPrint
If your team is tired of bouncing between distributor tabs, image editors, and email chains, YoPrint's Mockup Creator brings the whole workflow into your shop management software. From any job in YoPrint, Create Mockup opens the editor and saves the finished design right on that job.
Here's how it handles the everyday steps above:
- Real supplier product photos: Browse distributor catalogs right inside the editor and place the actual blank on the canvas, with front, back, and other views the supplier provides on the same page. S&S Activewear works on every plan, while shops on the Pro plan can connect their SanMar, AS Colour, and Momentec accounts to pull those supplier photos too.
- Built-in production callouts and measurement: Remove the white box behind a customer's logo with Remove background, check exact print dimensions with an inch-grid Measure overlay, and add text, shapes, arrows, and labels for ink colors and placement notes.
- Fast product swaps and reusable templates: Start from the YoPrint Gallery of ready-made templates (including approval sheets, embroidery proofs, press and spec sheets, color and size runs, team names and numbers, and 3D sales pages) or save your shop's own layouts for the whole team. When a customer wants to try a different garment or color, Change product swaps the blank in place and keeps your artwork and print areas right where they were while you pick the new color.
- A growing library of interactive 3D models: Alongside flat catalog photos, you can mock up 3D models across apparel, drinkware, headwear, and bags, including T-shirts, hoodies, polos, crewnecks, tanks, bomber jackets, aprons, mugs, tumblers, paper cups, koozies, baseball caps, bucket hats, beanies, visors, and tote bags. Set color and material, rotate the model to its best angle, and place those views right on the sheet.
- Seamless approval and production output: Send a published design for approval in the Customer Portal, where the buyer can rotate a 3D mockup on their phone or desktop, request changes, or approve by typing their name. If you edit an approved design later, YoPrint automatically creates a new draft so the signed-off version stays untouched. When it's time to print, export PNG, JPEG, or PDF files and choose which mockups print on the job PDF for the shop floor.
If you need a heavily stylized photo composite for a retail apparel brand's ad campaign, a designer working in Photoshop with custom PSD templates can still produce the most polished marketing image. Where YoPrint wins is everyday shop production, when the mockup has to use real supplier blanks, carry press specs, collect customer approval, and stay on the order from quote to reorder.
The Mockup Creator is included in every paid YoPrint plan, starting with Basic at $69/month ($59/month with annual billing), as well as in the 14-day free trial.