How to make a free 3D mockup with your logo

A 3D mockup shows your logo on a real-looking product — a box, a can, a van — before anything is printed. With TheMark Studio it takes a few minutes, it's free, and it runs in your browser with no sign-up. Here's how, step by step.

What you need

Just your logo, ideally as a PNG with a see-through background or an SVG. A white box around a logo shows up on the product, so a see-through background makes the mockup look printed rather than stuck on. You don't need a 3D model of your own — the templates are ready to use — and you don't need an account.

Step by step

  1. 1
    Pick a product

    Open the Studio and choose a template under “Start with a template” — a box, a drinks can, a coffee cup, a van and more. In Explore → Templates you'll find them all; boxes can be made at your own size in millimetres.

  2. 2
    Set up your brand kit (once)

    On the Studio home, open Brand kit and add your logo, your main colour and your company name. From then on, every template opens with your brand already on it — no placing by hand.

  3. 3
    Or add your logo yourself

    In the project, open Branding → Logos & images → Add logo, choose your logo (a PNG with a see-through background looks best), then click or tap the model where it should go.

  4. 4
    Move and size it

    Drag the round handle on the logo to move it over the surface. Use Size and Turn in its settings. On a curved surface such as a can, choose Bend so the logo wraps around it instead of stretching.

  5. 5
    Choose the angle and the light

    Use the Front, Side and 3/4 buttons at the bottom, or drag to turn the model. In Lighting & background, Studio light suits most products; set Background to None for a picture with no background.

  6. 6
    Download your mockup

    Open Download → Save picture (PNG). 4K is sharp enough for print and presentations. You can also download a 3D model with your branding (.glb) to use in other 3D apps or AR.

Try it on your own model

Upload a GLB and put your logo on it in the browser. No install, and nothing to configure before you can see whether it works.

Make a free mockup now

Tips for a mockup that looks real

Size the logo against the whole product. Zoom out before you judge it. A logo sized while zoomed in on one panel nearly always ends up too big.

Match the finish. In a logo's settings, open Advanced and turn on “Blend with the surface”: the logo then shines and catches the light like the material under it, so it looks printed on.

Use the angle people buy from. The 3/4 view (front corner) is the classic product-shot angle. Check the logo from there as well as head-on — it can cross a seam or a panel edge.

Keep the background simple. Studio light with a plain backdrop, or no background at all if the picture is going on a website or into a presentation.

What you can mock up

Packaging (retail boxes, mailer boxes, drinks cans, glass bottles, jars, coffee cups, stand-up pouches), vehicles (box trucks, vans and ambulances, including full vehicle wraps), signs (shop signs, A-frame signs, roll-up banners, flags) and merch (mugs, tote bags, water bottles, phone cases, laptops). If you have your own 3D model as a .glb or .gltf file, you can open that too.

Your work is saved in your browser, not uploaded anywhere. To keep a copy safe or carry on on another computer, use Download → Download backup (.themark).

Keep reading