Categories

A 3D model of a brown mug with “pixels.cool” text, shown in a CAD design software interface.

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

In this series of explainers we use three applications. You can choose to work with only one or two of them if you prefer.

Tinkercad, to introduce 3D navigation, scaling, rotating and combining shapes and exporting 3D objects. Tinkercad is completely free and runs in your web browser. Create a free account now and be ready to use it in explainers 2, 3 and 4, when we model a mug and export it from the program.

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

Kenney Shape, for ‘tracing’ a 2D image and turning it into a 3D voxel object and exporting it. At time of writing Kenney Shape costs less than £5 / $5. We’ll create and export a 3D Space Invader in explainers 5 and 6:

A screenshot of Kenney Shape  design software displaying a pixel art image of a space invader character. The interface includes various tool options and a preview in the bottom left corner.

Unity for importing 3D objects, assembling them in a 3D scene and applying simple textures and lighting. Unity is FREE for personal use. We’ll start assembling a Retro Cafe, incorporating the mug and Space Invader, in explainers 7 and 8:

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.

The 3D Objects modelled in this series

Once we’ve got to grips with Tinkercad we’ll use it to model a coffee mug, complete with text branding:

A Tinkercad 3D design software interface shows a yellow mug with the text "retro cafe" on it. Various 3D shape options are displayed on the right sidebar.

We’ll make a ‘hole’ in the mug to create a design that could be 3D printed or used in a 3D environment or game:

A Tinkercad modeling software window displays a yellow mug with a handle and the text “Retro Cafe” embossed on it. Various basic shapes are shown on the right panel.

We’ll ‘trace’ a 2D image of a Space Invader in Kenney Shape to create a 3D ‘voxel’ object…

A screenshot from Kenney Shape  displaying a pixel art image of a space invader character. The interface includes various tool options and a preview in the bottom left corner.

…while having fun with ‘Grandpa’ Invader and Kenney Shape’s built-in retro objects:

A screenshot from Kenney Shape showing a white, blocky, 3D representation of an 8-bit video game alien character on a black background.
A screenshot from Kenney Shape of a spaceship with a predominantly triangular shape and color-coded pixel numbers displayed on a transparent background. The editing interface of a pixel art design tool is shown.

Finally, we’ll import our mug and Space Invader objects into Unity and start blocking out a 3D cafe scene!

A screenshot from Unity showing 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.

Watch ALL the videos in this series on pixelscoolTV!

Click below to view our dedicated ‘live’ streaming channel featuring all the video explainers from this series, back to back!

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 October 2026.

pixels.cool is 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.