Skip to main content
/Documentation

Mug

Your designs printed on a 3D mug that turns on its own. Visitors drag to spin it, zoom in on the print, and switch between designs.

Create a Mug

What is a Mug project?

A Mug project shows your artwork printed on a 3D mug. The mug turns slowly on its own, so the visitor sees the whole print go by, and they can grab it to spin it themselves. Upload several images and each one becomes a design the visitor can switch to, the way a shop shows the same mug in several prints.

  • One image is one design. Upload several and visitors switch between them with the arrows, a tap or the dock.
  • A wide image, about 1.8 to 1 or wider, wraps around the mug. A narrower one, like a logo, is printed centred on the front at its own proportions.
  • The print leaves a gap at the handle, the way a real mug is printed.
  • The mug turns on its own until someone drags it. Drag to spin it, flick to keep it spinning, and use the mouse wheel to zoom.
  • The mug colour, the inside colour and a glossy or matte glaze are settings.

Best for

Print-on-demand shops

Show a new design on a mug before you list it, or share the whole collection from one link.

Coffee shops

Your logo and your seasonal artwork on the mug your customers already know.

Personal gifts

Show a custom design to the person it is for, before anything is made.

Brand kits

Put a logo on a mug next to the rest of the brand, so a client sees it on a real object.

Events and teams

Team mugs, conference merch or a wedding favour, approved from one link.

Portfolios

Illustrators and designers showing how their work looks on a product.

Files and limits

  • Designs as JPG, PNG or WebP. A PDF is not accepted.
  • For a design all the way around, use a wide image: about 2.45 to 1 fills the printable area exactly, for example 2450 by 1000 px.
  • On Auto, an image about 1.8 to 1 or wider wraps around the mug, and a narrower one, like a logo, is printed centred on the front at its own proportions.
  • A PNG with a transparent background lets the mug colour show around your artwork.
  • Upload several at once, or use Import from URL to bring in an image from a web address.
  • Uploads count toward your workspace storage: 50 MB on Free, 10 GB on Pro, 25 GB on Business.

Create a mug

  1. 1. Upload your designs

    Open the Content tab and add your artwork. Each image becomes one design on the mug.

  2. 2. Order and caption them

    Drag the designs into the order visitors will see them; the first one is on the mug when the page opens. Add a caption to any design, like its name, to show it in the counter pill.

  3. 3. Pick the look

    In Settings, under General, set the mug's colours and glaze, and the print placement if Auto picks the wrong one.

  4. 4. Share it

    Save, then copy the link or the embed code from the Share tab.

Print placement is on Auto by default. If a wide image should sit on the front, or a narrow one should wrap around, change Print placement in Settings.

Settings

Everything below is in the editor's Settings tab, listed under the sub-tab where you find it: General, Scene or Camera.

General

Basic info (the project title and description) sits at the top for every type. Below it come the settings for the object itself.

Object

Color is the glaze on the outside, and Inside color the glaze on the inside (both off-white by default). Finish is glossy (the default) or matte. The print sits on top of the colour you pick.

Print

Print placement is Auto, Wrap around or Front only. Auto wraps images about 1.8 to 1 or wider around the mug and prints anything narrower centred on the front. Wrap around fills the printable area and crops what does not fit, without stretching. Front only keeps the image at its own proportions on the side facing the visitor. Show counter, on by default, shows the position pill when there are two designs or more.

Sequence

Loop, on by default, goes back to the first design after the last one; off stops at the last. Autoplay, off by default, shows the next design on a timer, with an Interval from 2 to 15 seconds (5).

Scene

What surrounds the object, and the Realism finish over the whole frame.

Background

A solid colour, a gradient or an image of your own (with an optional blur), plus an optional pattern on top.

Realism

Film grain over the whole frame (0 to 100, 15 by default), still or animated grain, and a vignette. The print takes the full grain, so Grain on the content changes nothing on this type.

Camera

Where the view starts and how much visitors can move it.

Motion

Auto-rotate, on by default, turns the mug slowly on its own. Dragging stops it, and it starts again 2.5 seconds after the visitor lets go. Rotation speed goes from 0.05 to 1.2 (0.35 by default).

Camera angle

Where the mug is seen from at the start. Tilt goes from -15 to 35, Turn up to 60 each way, Move left or right and Move up or down slide the whole view without turning it, and Zoom goes from 0.6 to 1.8.

Hotspots, menu and sounds

Next to Files, the Content tab has two more sub-tabs: Menu and Sounds. This type has no Hotspots tab.

Sounds

Every project type can have background music. Add tracks as MP3, M4A, WAV, OGG or FLAC, up to 20 minutes each. They are compressed to about 1 MB per minute and count toward your workspace storage. You can loop the playlist, set the volume and show a small player next to the dock. Autoplay starts with the visitor's first tap or key press, because browsers block sound until then.

Film it in Studio

Every project type can be filmed in Studio. Open the project's Studio tab, pick camera moves made for this type, and turn the project into a video, a GIF, a still image or a page of its own to share. Studio reads this project's files and settings, so what you set here carries over. Read the Studio docs · See the camera moves for each type

Current limits

  • Every design is a still image. There is no video on this project type.
  • No hotspots. The print is a picture, not a clickable surface.
  • No pinch to zoom on a touch screen, and no swipe to change design: visitors tap or use the dock.
  • One mug shape and size. The handle and the shape are not settings.
  • The print leaves a gap at the handle, so a wrap design never runs under it.
  • It is a preview. i3Dify does not print, sell or ship mugs.
  • Before the first design is uploaded, the mug shows a placeholder print.

Tips

  • Make wrap designs about 2.45 to 1 so nothing is cropped.
  • Keep text and faces away from the left and right edges of a wrap design. Those edges end on either side of the handle.
  • Use a PNG with a transparent background for a logo, so the mug colour shows around it.
  • Put your strongest design first. It is the one on the mug when the page opens.
  • A slow rotation speed reads as a product shot. A fast one gets tiring quickly.
  • Turn on Autoplay with Loop for a screen at a stand or in a shop window.

Credits

The mug model is derived from "Plain Mug" by edwardlewis450 on Sketchfab, licensed under CC BY 4.0. It was rescaled and its material replaced so it can carry your design.