How to Draw a Coffee Mug

⏱️ 8 min 📊 Beginner 🖌️ Tool: Pen

Why this matters: The coffee mug is the perfect object to learn how to combine basic shapes – cylinders, ellipses, and curves – into a recognizable everyday object. By learning to draw a mug, you're practicing the skills you need for vases, bottles, cups, and even human figures (arms and legs are cylinders too!).

🎯 A gentle reminder: Your first few mugs might look a bit lopsided or the handle might look wonky – that's completely normal! What matters is understanding how the basic shapes come together to form a recognizable object. Every mug you draw will get better!

🖥️ For the full interactive experience, try this tutorial on your desktop.

Step 1 Step 2 Step 3 Step 4 Challenge

1 Setup Your Canvas

Look to the right panel – that's your live drawing app. Make sure the Pen is selected. Set your brush size to 5 (click the gear icon on the right toolbar). Pick a dark, bold color like #2D3436 or #1A1A1A.

Optional: Turn on the Grid (Settings → Show Grid) – it can help you keep things symmetrical!

💡 The app auto-saves every stroke. Don't worry if you refresh the page!

2 Draw the Body (The Cylinder)

A coffee mug is basically a cylinder with a handle. Let's start with the body.

Draw a horizontal ellipse at the top – this will be the opening of the mug.
Draw two straight vertical lines going down from the sides of the ellipse.
Draw a curved bottom that connects the two vertical lines – this is the bottom of the mug.
Pro tip: The bottom curve should be slightly flatter than the top ellipse.

The basic mug shape – body only, no handle yet

☕ Pro Tip: Look at your own coffee mug right now. Notice how the opening is wider than the bottom? That's called perspective – and it's what makes your drawing look 3D!

3 Add the Handle

Hit Clear on the right toolbar. Now draw the mug body again, but this time, add the handle.

Draw the mug body first (ellipse + vertical lines + curved bottom).
On the right side (or left, if you're left-handed), draw a curved C-shape attached to the side.
The handle should start about halfway down the mug and loop back to attach near the bottom.
Make sure the handle is thinner than the mug body.

Try this: Draw the handle on the left side instead of the right. This helps you practice drawing in different directions.

✋ Pro Tip: The handle should look like it's attached to the mug, not just floating next to it. Make the connection points clear and smooth.

4 Refine & Add Details

Now let's make your mug look more realistic.

Thickness: Add a small inner ellipse at the top to show the rim of the mug.
Shadows: Add some light shading on one side of the mug to show depth.
Details: Draw a small steam wisp coming from the top, or a coffee line inside!
Don't forget to add a shadow underneath the mug on the table.

Remember: Every detail adds realism. Start with the body, then the handle, then refine!

🎨 Pro Tip: If you want to get fancy, try adding a design on the mug – a heart, a star, or even a simple stripe!

5 🏆 The Challenge

Click "Clear" on the right toolbar. Now set a timer for 3 minutes.

Your mission: Draw as many coffee mugs as you can – but here's the twist – each one must be different.

Mug 1: Tall mug with a small handle
Mug 2: Short, wide mug with a large handle
Mug 3: Mug with a design (stripes, dots, or a heart)
Mug 4: Mug seen from a different angle (slightly tilted)
Mug 5: Your favorite mug from home!

When the timer is up, hit the Save button to download your mug collection!

✅ Remember: The first mug you draw might look like a weird can with a handle. The fifth one will look like a mug. That's the magic of practice. Keep going!

✨ What's next?

⬅️ Previous: Overlapping Circles – master layering and opacity.
➡️ Next: How to Draw a Ball (with Shading) – learn light and shadow!