Skip to content
YoPrint
November 9, 2026
18 min read

How to Make Mockups for Screen Printing: A Shop Guide

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.
Diagram titled Every proof includes a mockup. A mockup, a planet logo on a blue T-shirt, has an arrow marked plus specs pointing to a proof: a sheet with the same picture between a panel listing garment, print dimensions and ink colors and an Approved line with a signature. Beside them, a sew-out shows the logo stitched on fabric in an embroidery hoop, and a production file shows the logo as two film positives, one per ink color.
The yellow panels are what a proof adds.

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.

MethodBest forWhat to watch out for
Supplier photo + paste Screenshot the blank from S&S Activewear or SanMar, paste the logo on topQuick, free one-off previewsFlat 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 templateRealistic retail flat lays and full creative controlRequires 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, PrintfulFast social media and ecommerce graphics without design skillsThe 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 approvalEveryday shop quotes, customer proofs, and press sheetsOnly 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.

Three grey T-shirts, two fronts and a back, shown to one scale, each print measured from the collar seam. Left chest: 3 to 4 in wide, 3 in below the collar seam and 3.5 to 4 in from the centerline. Full front: 10 to 12 in wide, top edge 2 to 3 in below the collar seam. Full back: 12 to 14 in wide, top edge 3 to 4 in below the collar seam.
Orange: placement. Dark: print width.

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.

Two six-head screen printing presses seen from above. The quote for a 3-color front print loads 3 screens and leaves 3 heads empty. The mockup's 6-color graphic loads all 6 screens, one per ink, with a not-equal sign between 3 and 6.
Dashed heads are the screens the quote didn't price.

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.

Close-up of a white embroidered logo on navy piqué, measured against a clear ruler: the stitched name OWL rises above a dashed line marking the 0.25 in (about 6 mm) minimum letter height, while the small tagline FINE COFFEE stays below the line and its stitches fill in.
Shown to scale.

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.

A 2D mug image shows the made-up logo RIVERBEND flat and whole across the front of a white mug. A 3D model of the real mug, seen from the same angle, shows only BEND: the rest of the logo wraps out of sight around the cylinder. Turned around, the same mug shows RIVER.
The flat image fits the whole logo on the front.

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:

The same blue T-shirt mockup with a planet logo, shown at five numbered steps: 1 Sell the job, printed on a quote; 2 Show options, with black and grey versions fanned behind it; 3 Collect approval, on a signed approval sheet with print size and ink callouts and a check mark; 4 Brief the print team, on a work order on a clipboard; 5 Speed up reorders, on the customer's order history card with a repeat mark.
From step 3 on, the same mockup carries its print size and ink callouts.
  1. 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.
  2. 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.
  3. 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.)
  4. 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.
  5. 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.

YoPrint Mockup Creator editor on job JOB-1, sales order SO0001, for Pine & Peak Coffee Roasters: an artwork approval sheet with front and back views of a black Gildan 5000 T-shirt from S&S Activewear, a 3.5 in by 3.5 in left chest print, an 11 in by 12.3 in full back print, and Pantone ink colors for each.
Built from a YoPrint Gallery template. Fictional shop data.

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.
Mockup Creator Measure grid in inches under a Pine & Peak cap logo, with marks from 0 to 5 in across and 0 to 3 in up, and the logo labeled 4.25 in wide by 2.23 in high.
The Measure inch grid under a cap logo.
  • 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.
The YoPrint Gallery in Mockup Creator, showing six ready-made templates: an artwork approval sheet, a 3D hoodie sales page, a color options sheet, print locations, a cap embroidery approval, and team names and numbers, each with a Use this template button.
Part of the YoPrint Gallery.
Change product in Mockup Creator: the front view has been swapped from a black Gildan 5000 to a Bella+Canvas 3001 Jersey Tee in Deep Teal from S&S Activewear, with the left chest logo still in place and the sidebar showing Product changed.
Change product swaps one picture at a time. Here the front is now teal, with the art in place.
  • 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.
Mockup Creator 3D editor with a black pullover hoodie carrying a Pine & Peak chest print in the 3D preview, beside a model list showing a 40 oz tumbler, apron, baseball cap, beanie, bistro mug, bomber jacket, bucket hat, crewneck sweatshirt, koozie and mug.
The first page of the model list.
  • 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.
YoPrint Customer Portal artwork approval for job JOB-1 on order SO0001: a front and back proof of a black Gildan 5000 T-shirt with Pine & Peak artwork, beside a panel asking Do you approve this artwork? with Approve artwork and Request changes options.
What the customer sees in the Customer Portal.

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.

WithYoprint Team

Stay updated on new features

Join our mailing list to get notified when we release new features and improvements. We only send updates that matter to your print shop.

We respect your privacy. Unsubscribe at any time.

How to Make Mockups for Screen Printing: A Shop Guide