Create Product Mockups with AI — T-Shirts to Packaging

1. 1

   Prepare Your Design File for Mockup Use

   Before placing your design on any product, it needs to be in the right format. Mockups require high-resolution files with transparent backgrounds — a JPG with a white background will show the background square, not just your design. This step ensures your design assets are ready before you start generating.

   Canva ChatGPT

   I'm preparing design assets for product mockup creation and need to make sure my files are correctly formatted. Please help me prepare the assets and identify any issues before I start generating mockups.
   
   **Design assets I have:**
   [List each asset and what it is, e.g., 'Logo as PNG with white background (needs transparent background)' / 'Text-based design created in Canva' / 'Illustration as JPG' / 'Pattern or repeat design as PNG']
   
   **Products I want to create mockups for:**
   [List: e.g., 'White crew neck t-shirt' / 'Kraft paper box packaging' / 'Glass bottle with label' / 'Canvas tote bag' / 'Coffee mug' / 'Phone case' / 'Poster on wall']
   
   **Intended use of the mockups:**
   [e.g., 'Shopify product listings' / 'Instagram content' / 'Pitch deck for investors' / 'Etsy store' / 'Client presentation']
   
   For each asset, please tell me:
   1. The correct file format and specifications needed: resolution (DPI), color mode (RGB vs. CMYK), and whether a transparent background PNG is required
   2. How to export it correctly from Canva if I designed it there (specific Canva export settings)
   3. If my asset has a white or colored background that needs to be removed: the fastest way to do this (Remove.bg, Canva background remover, or other method)
   4. Any design adjustments needed before it will work well as a mockup placement — e.g., 'Your design is very horizontal, which will look awkward on a vertical tote bag front panel — consider creating a square version too'
   5. A checklist of the 5 most common file preparation mistakes that cause mockups to look wrong or amateur

   Copy

   Tip: Size matters more than you'd expect for digital mockups. A 500px PNG of your logo placed on a high-resolution Midjourney-generated product photo will look pixelated and out of place. Always work with your design at a minimum of 2000px on the longest edge for digital mockup use. If you created your design in Canva, export at the highest resolution available — choose 'Download' → 'PDF Print' if you need a vector, or PNG at maximum resolution for raster use.

2. 2

   Generate Product Mockup Images with Midjourney

   Midjourney is the most powerful tool for generating photorealistic product mockup environments — a lifestyle photo of a t-shirt on a mannequin, a flatlay of packaging on a marble surface, a branded mug on a coffee shop table. Generate the product environment first, then place your design into it using Canva or Photoshop.

   Midjourney DALL-E (OpenAI)

   I'm generating product mockup photography environments using Midjourney that I'll then composite my actual design onto. I need photorealistic product photos that look like professional commercial photography.
   
   **Product I'm creating a mockup for:**
   [Describe specifically: e.g., 'A white heavy-weight crew neck t-shirt, front view, no visible logo or graphics yet' / 'A square kraft paper box, lid slightly off, on a clean surface' / 'A clear glass amber dropper bottle, product label area visible and clear']
   
   **Photography style:**
   [e.g., 'Clean studio white background, product photography style' / 'Lifestyle — coffee shop setting, warm natural window light' / 'Flatlay on marble or linen surface, overhead shot' / 'On-body — worn by a model in a natural outdoor setting' / 'Dark premium product photography — dark background, dramatic single-source lighting']
   
   **Mood and aesthetic:**
   [e.g., 'Clean and premium — suitable for a Shopify product page' / 'Warm and artisan — handmade brand feel' / 'Bold and streetwear — urban energy' / 'Minimalist and Scandinavian — calm, functional']
   
   **Brand color context:**
   Colors in my design that should inform the environment: [e.g., 'My design is mostly forest green and cream, so the mockup environment should complement these']
   
   Please write:
   1. Three Midjourney prompts — one for a clean product photography shot, one for a lifestyle context shot, and one for a flatlay — all for my specific product and style. Each prompt should specify the product without any design/graphics on it (I'll add my design in the next step), the lighting, the environment, and the photographic style. End each with `--ar 1:1 --style raw --v 6`
   2. How to specify in the prompt that the design area (chest of shirt, label area of bottle, front of box) should be clean and free of graphics so I can composite my design onto it
   3. What camera angle and perspective works best for each of my intended use cases (product page vs. social media vs. pitch deck)
   4. If I want a model wearing the t-shirt: how to write the prompt to get diverse model representation and a natural, non-stock-photo feel
   5. A DALL-E alternative prompt for each if I need commercially safer image generation

   Copy

   Tip: For the cleanest mockup compositing result, generate your product environment with the product facing toward the camera as close to straight-on as possible. Extreme angles (looking down at a t-shirt laid flat, or a very sharp 3/4 angle on a box) are harder to composite onto because you need to apply perspective transformation to your design. For your first few mockups, start with a straight-on or very slight angle — it's forgiving and still looks professional.

3. 3

   Place Your Design onto the Product in Canva

   With a clean product environment generated, use Canva to composite your actual design artwork onto the product. Canva's photo editor has transform, blend mode, and shadow tools that make this look realistic without requiring Photoshop skills. The key technique is matching your design's perspective and lighting to the product photo.

   Canva

   I have a product mockup environment photo (generated or from a mockup service) and I need to place my design artwork onto the product realistically in Canva. Please guide me through the compositing process.
   
   **My setup:**
   - Product: [e.g., 'white t-shirt, front view, slight fold in the fabric']
   - My design file: [e.g., 'PNG with transparent background, logo design, roughly square']
   - The product environment photo: [describe: lighting direction, background, angle]
   
   **What 'realistic' placement requires for this specific product:**
   [e.g., 'The t-shirt has folds so the design needs to follow the fabric texture' / 'The box has a slight angle so the design needs perspective correction' / 'The bottle label area is curved']
   
   Please provide step-by-step instructions:
   
   1. How to upload both the product photo and my design PNG into a single Canva canvas and set up the layers correctly (what should be on top, what on bottom)
   
   2. How to resize and position my design to fit correctly in the product area — specific guidance on using Canva's resize handles without distorting proportions
   
   3. If the product surface has perspective or angle (not perfectly flat-on): how to apply perspective transformation to my design in Canva so it matches the product's surface angle
   
   4. How to use Canva blend modes to make my design look like it's printed on the product surface rather than floating on top of it — which blend mode works best for a design on:
      - White fabric (t-shirt, bag)
      - Colored or dark fabric
      - Paper or cardboard packaging
      - A glass or reflective surface
   
   5. How to add a subtle shadow under the design so it looks embedded in the surface rather than pasted on
   
   6. The final quality check: 5 things to look at in the finished composite to confirm it looks realistic before exporting
   
   7. Export settings for the finished mockup for: (a) Shopify product image, (b) Instagram post, (c) pitch deck slide

   Copy

   Tip: The most common mistake in mockup compositing is the wrong blend mode. By default, your design PNG sits on top of the product photo as a solid layer — it floats unnaturally on the surface. Switching to Multiply blend mode makes the white areas of your design transparent, so only the colored parts show through, and the design looks 'printed' into the fabric texture. For dark-background designs, try Screen mode instead. Try both and compare — the right one will immediately look significantly more realistic.

4. 4

   Create Multiple Mockup Variations Efficiently

   One mockup doesn't tell the full story. For a product launch you need multiple mockups: different colorways of the product, different contexts (product page, lifestyle shot, Instagram), and multiple angles. This step shows how to produce a full mockup set without starting from scratch for every variation.

   Canva ChatGPT

   I've created one successful product mockup and want to produce a complete mockup set efficiently. Please help me plan and execute the full variation set.
   
   **My product:**
   [Brief description: product type, my design]
   
   **The mockup variations I need:**
   [Check all that apply and describe each]
   [ ] Different product colors: [e.g., 'Same design on black, white, and heather gray t-shirts']
   [ ] Different product types: [e.g., 'Same design on t-shirt, hoodie, and tote bag']
   [ ] Different contexts: [e.g., 'Clean white background, lifestyle coffeeshop, outdoor lifestyle']
   [ ] Different angles: [e.g., 'Front, back, and detail/close-up views']
   [ ] Different sizes in the lineup: [e.g., 'Products arranged as a product family shot']
   [ ] Different customer types: [e.g., 'Men's and women's fits, different ages']
   
   **Intended deliverables:**
   [e.g., '8 images total: 4 for Shopify product gallery, 2 for Instagram grid, 1 for email header, 1 for pitch deck']
   
   For each variation type I checked, please provide:
   1. The most efficient production method — can I reuse my existing Canva composite or do I need to regenerate the product environment?
   2. For color variation mockups specifically: how to change only the product color in the Canva composite without re-doing the design placement (hint: Canva's image editing tools)
   3. A Midjourney prompt batch I can run to generate all the product environment variants at once (specifying the correct product in each color/context)
   4. The recommended delivery sequence — which variation to create first (the hero shot) and which to create last (the nice-to-haves)
   5. A naming convention for the exported files so the full set is organized and easy to use across platforms
   
   Final question: for my specific intended use (Shopify / Instagram / pitch deck), what is the minimum number of mockup variations I need to do the job well — and which ones are those?

   Copy

   Tip: Before generating 20 mockup variations, decide on your hero shot — the single most important mockup that will be the primary product image in your Shopify store or the main visual in your pitch. Get that one perfect first, then produce the supporting variations. Many people produce 10 mediocre mockups when 2–3 great ones would be more effective. Quality over quantity: a single outstanding lifestyle mockup does more for product perception than a gallery of 8 average ones.

Recommended Tools for This Scenario

Midjourney

Paid

Premier AI image generator known for stunning aesthetic quality

• State-of-the-art aesthetic image generation (v6 model)
• Style Tuner for personalized aesthetic preferences
• Vary, pan, and zoom controls for iterative refinement

View Pricing →

DALL-E (OpenAI)

Freemium

OpenAI's image generation model integrated directly into ChatGPT

• Conversational image generation through ChatGPT
• Superior text rendering within generated images
• Automatic prompt optimization by ChatGPT

Get Started →

Canva

Freemium

All-in-one visual design platform with AI-powered creative tools

• Drag-and-drop visual editor with 250,000+ templates
• Magic Studio AI suite (text-to-image, Magic Eraser, Magic Expand)
• Background Remover for instant subject isolation

Get Started →

ChatGPT

Freemium

The AI assistant that started the generative AI revolution

• GPT-4o multimodal model with text, vision, and audio
• DALL-E 3 image generation
• Code Interpreter for data analysis and visualization

Get Started →