Your First Mockup

This guide walks you through creating your first mockup in MockOS. You'll place artwork on a real product, set print dimensions, and have it ready for customer approval.

Step 1: Open MockOS

Click MockOS in your sidebar. You'll see the mockup builder interface.

Step 2: Choose a product

1. Click Select Product (or search by style number)
2. Browse or search the SanMar catalog
3. Pick your style — you'll see all available colors
4. Select the color(s) you want to mock up

The product image loads with the actual blank — front, back, and sleeve views.

Step 3: Upload your artwork

1. Click Add Artwork or drag a file onto the canvas
2. Choose from:
   • Upload new — pick a file from your computer
   • From PrepOS — use artwork you've already prepped (background removed, upscaled, etc.)
   • From library — reuse artwork from a previous job

The artwork appears on the product, ready to position.

Step 4: Set print location

Choose where the artwork goes:

• Front chest — centered, typically 3.5"–4" wide
• Full front — larger placement, 10"–12" wide
• Full back — usually 12"–14" wide
• Left chest — logo placement, 3"–4" wide
• Sleeve — left or right, typically 3"–4" wide

Click the location and the artwork snaps into position.

Step 5: Set print dimensions

Enter the exact width and height in inches:

• Type it manually (e.g., 10" × 13.32")
• Or let MockOS auto-calculate from the artwork's DPI and your shop settings

These dimensions are what goes on the gang sheet and determines decoration pricing.

Step 6: Preview

Look at your mockup. What you see is what the customer sees:

• Artwork placed on the real blank
• Correct size relative to the garment
• Clear view of what they're approving

Want to show multiple colors? Add another color variant — the artwork placement stays the same.

Step 7: Save and send

Click Save Mockup. From here you can:

• Attach to a quote — the mockup shows up next to the product pricing
• Send for approval — customer sees it in their portal and can approve or request changes
• Use in a gang sheet — the artwork and dimensions are ready for GangOS

What the customer sees

In their portal, the customer sees:

• The mockup image (artwork on the blank)
• Print location and dimensions
• An Approve button or a Request Revision button with a notes field

When they approve, you're ready to build gang sheets and start production.

Tips

• Prep artwork first — run it through PrepOS (background removal, upscaling) before mocking up. Cleaner artwork = better mockups.
• Multiple locations — add as many print locations as needed (front + back, etc.) on a single mockup
• Quick edits — if the customer requests a change, edit the mockup and re-send. They see the updated version instantly.