A 3D modeling software interface showing a blue mug with the text "pixels.cool" on its side.

Beginning 3D Modelling: Explainer 3 of 8

Model a 3D coffee mug in Tinkercad

All our workflow explainers are waffle-free and work-tested. That’s the pixels.cool guarantee!

Create a coffee mug using Tinkercad

Overview

Name of explainer: Create a coffee mug in Tinkercad

Creative theme: Beginning 3D Modelling

Software used (for this explainer): Tinkercad

User level: BEGINNER

This is explainer 3 of 8 in this series

This series includes:

  1. Get tooled up for this explainer series
  2. Navigate the Tinkercad interface, add 3d objects to the workplane and rotate & scale them
  3. Create a coffee mug in Tinkercad
  4. Export a coffee mug from Tinkercad in OBJ format
  5. Navigate the Kenney Shape interface and edit built-in objects
  6. ‘Trace’ a Space Invader image in Kenney Shape to create a 3d object and export it in OBJ format
  7. Create a new Unity project and import the objects created in Tinkercad and Kenney Shape
  8. Import a free Unity coffee shop asset and place our 3D objects in the scene

The Software

This series of explainers uses three separate programs:

Tinkercad for introducing basic 3d navigation, scaling and rotating shapes, combining them and exporting 3d objects. Tinkercad is completely free and runs in a web browser. Get yourself a free account now!

A blue 3D mug model with "pixels.cool" text is displayed in the Tinkercad design interface.

Kenney Shape, for ‘tracing’ a 2d image to turn it into a 3d object and export it. At time of writing Kenney Shape costs less than £5 / $5. We’ll be creating and exporting a 3d Space Invader in explainers five and six:

A pixel art editing interface displays a design resembling a classic Space Invader character. The design grid and various editing tools are visible. A small preview of the design is shown on the left.

Unity for importing 3d objects, assembling them into a scene and applying simple textures and lighting. Unity is FREE for personal use. We’ll start assembling our Retro Cafe in explainers seven and eight:

A kitchen counter with breakfast plates, a coffee pot, and a neon "Retro Cafe" sign in the background.
Stack of colorful mugs beside a pastry display in a neon-lit retro cafe setting.
Retro-themed café counter with green pixel art aliens, baked goods, and a neon "Retro Café" sign in the background.

3D Objects created in this series

Using a general theme of ‘Objects for a Retro Cafe’, in this third explainer in the series we’ll create a coffee mug in Tinkercad:

A 3D modeling interface displays a yellow mug with "Retro Cafe" embossed on it. Basic shape tools are visible on the right panel.

Later in the series we’ll ‘trace’ a 2d image of a Space Invader in Kenney Shape to turn it into a 3d object, which could be used as wall-art or even a cookie template in our retro cafe!

A digital interface displaying a pixelated space invader design in grey on a transparent grid, with editing tools and options at the top and bottom of the screen.

…We’ll also have fun with Kenney Shape’s built-in retro objects:

A pixelated spaceship design with various colored blocks and alphanumeric symbols displayed on the screen of a design tool interface.

Finally, we’ll bring our saved objects into Unity and start blocking out a 3d cafe scene!

A display of colorful mugs with "retro cafe" embossed on them is arranged in a cafe, with a neon sign reading "Retro Cafe" in the background.
Colorful mugs with “retro cafe” text are stacked on a counter in front of a neon “Retro Cafe” sign in a stylish, modern café setting.

The pre-requisities

This is a BEGINNER explainer series, starting with beginner-friendly software. You need to have a basic knowledge of using Windows and downloading and installing software to follow this series. Tinkercad and Kenney Shape are beginner-friendly programs. Unity is a complex application and is not recommended for new computing users. For introductory courses and videos for Unity, check out Unity Learn

Why would I do this?

Creating a coffee mug is a perfect first Tinkercad modelling project. It requires combining two primitive shapes – A cylinder and a torus. To ‘hollow out’ the centre of the mug we’ll use the ‘hole’ shape.

Let’s do it!

Click the play icon to watch this explainer video. Subtitles are available – Click the settings cog at the bottom right for options. You can watch this video full-screen by clicking the full-screen icon at the bottom right.

Good to know

Tinkercad saves your work as you go.

As seen in the video explainer, another helpful Tinkercad keyboard shortcut is D for ‘Drop‘. This drops the currently selected object on to the workplane. This is helpful if you accidentally place an object in mid-air!

When we combined the shapes at the end of this explainer, they adopted a single colour. This is correct as we’re combining two ‘meshes’ into one.

If you reach a significant point in your build and want to duplicate your scene before continuing (in case things go wrong or you need to revert to a previous version), head to the dashboard page then tap the cog icon at the top right of your design and select ‘Duplicate’:

Screenshot of a Tinkercad workspace showing a dropdown menu with options: Properties, Duplicate, Add to Class Activity, Add to Collection, and Delete. Two design thumbnails are visible: Coffee mug and Milk 1.

The model is duplicated and opened as a ‘Copy of’ for you to work with. Just change the name and continue:

A digital 3D model of a brown coffee mug with the words "Retro Cafe" in yellow text on the side, created in a Tinkercad interface.

This method will also be useful to save your models at various stages of development to show changes to students or clients.

Where to next?

In the next explainer we’ll export our model from Tinkercad so it can be used in other programs. Remember, this is part of a series of explainers – Join us again for the other explainers in the series 🙂

Notes and updates

There are no notes or advisories at this time. This video explainer was last updated in April 2023. This page was last updated in September 2025.

We at pixels.cool are not responsible for the content of any external webpages or software downloaded from third party sites. Any links are included in good faith at the time of writing. All explainer content is compiled in good faith using processes and methods used by the team. Modern software provides users with many ways to accomplish a task, and for reasons of clarity we choose not to refer to multiple options. All computer users must run up to date virus / security software at all times to minimise risks of data loss.


This is number 3 of 8 explainer videos in this series. Make sure you join us for the others!

A colorful logo with the word "Pixels" in bold, white, and orange letters, above ".cool" in red cursive, outlined with rainbow layers and yellow rays in the background.