How to Draw Hot Chocolate

CraftsEasy7:5310 stepsPart of DIY Crafts for BeginnersBrowse more →
The finished result: How to Draw Hot Chocolate

By CraftingStepByStepPublished

Based on a video by Art for Kids Hub.

A cartoon mug of hot chocolate is a cozy winter drawing that kids love, because it gets a face. Two of them, in fact, plus two marshmallow buddies floating on top. This version comes from Art for Kids Hub, where a dad and his son draw side by side. You start with the hot chocolate, add the marshmallows and a striped straw, build the mug around them, then color it. Plan on about ten minutes.

You need a black marker, paper and something to color with.

Why this hot chocolate drawing starts inside the mug

Most people draw the cup first and then try to squeeze things into it. This lesson works the other way. You draw the drink, the marshmallows and the straw first. Then the mug rim and sides go around them, and any line that would cross a marshmallow stops and picks up on the other side. That trick is called overlapping. It makes the marshmallows look like they sit in front, and it saves you from erasing.

Markers, paper and coloring supplies

A fine point black permanent marker gives the bold cartoon outline you see in the video. Printer paper is fine for practice. For a piece you want to keep, a heavier drawing pad stops markers from bleeding through. The video colors with colored pencils, and the creators point out that crayons, markers or oil pastels work too. Washable markers are the fastest pick for little kids.

Draw big. Put the first curve in the middle of the page and make it about as wide as your hand. A mug that fills the sheet is much easier to color.

Hot chocolate drawing ideas to try next

The video mug is teal with a red and white straw, but you can pick any colors. Here are a few ways to change it up:

  • Swap the straw for a peppermint stick and add a candy cane hooked on the handle. Our candy cane drawing shows the stripes.
  • Pile whipped cream on top instead of marshmallows and add sprinkles.
  • Give the straw or the drink its own face, the way the son does in the video.
  • Draw a sweater pattern on the mug, like stripes, snowflakes or a reindeer.
  • Set a cookie friend next to it. A gingerbread man drawing pairs well.

Holiday ways to use your hot chocolate drawing

Fold a piece of cardstock in half and draw a small mug on the front for a winter card. Cut a mini one out, punch a hole and tie it to a present; our Christmas gift tags guide has more ideas. A finished drawing also looks great taped to a classroom window next to a snowman drawing. And when the art is done, a real mug of homemade hot chocolate makes a good reward.

Common hot chocolate drawing problems

  • The mug looks flat. Make sure the rim curve sits above the hot chocolate line. That gap shows the drink is lower than the top of the cup.
  • The marshmallows look like flat squares. Add the small curve on top of each one. That one line makes them look 3D.
  • The handle is too thin. Draw the big backward C first, then a smaller one inside it, and leave a fat gap between them.
  • The eyes look blank. Leave two tiny white circles in each eye when you color it in.

New to drawing? Start with how to draw for the basics.

What you'll need

Step-by-Step Guide

10 steps · about 8 minutes.Check off each step as you go and your progress saves automatically.

1

Draw a Smile Curve for the Top of the Hot Chocolate

0:33
Step 1: Draw a Smile Curve for the Top of the Hot Chocolate - How to Draw Hot Chocolate

Find the middle of your paper. Draw a wide curve that dips down and comes back up, like a big smile. This is the front edge of the hot chocolate inside the mug. Make it about as wide as your hand. Everything else in the drawing, from the marshmallows to the cup, gets built around this one line.

Tip

Keep the curve in the center of the page. You need room below it for the mug and above it for the steam.

2

Draw Two Overlapping Marshmallows in the Hot Chocolate

1:24
Step 2: Draw Two Overlapping Marshmallows in the Hot Chocolate - How to Draw Hot Chocolate

Right above the curve, draw a line that goes up, over and down. Connect the bottom with a small curve. That is your first marshmallow. Now draw a second one beside it, tucked behind the first. Start its line where it touches the first marshmallow so it overlaps. Add a little curve on top of each one so they look 3D.

Tip

Round the corners a bit. Soft corners make them read as marshmallows instead of ice cubes.

3

Give the Hot Chocolate Marshmallows Funny Faces

2:25
Step 3: Give the Hot Chocolate Marshmallows Funny Faces - How to Draw Hot Chocolate

On the front marshmallow, draw two small eyes set far apart and a big U for an open mouth. Color the top of the mouth and leave the bottom white. On the back marshmallow, draw two upside-down U shapes for closed, happy eyes and a small smile. Every face can be different. Silly is the goal here.

Tip

Keep the faces low on each marshmallow so there is room for the 3D curve on top.

4

Draw a Striped Candy Cane Straw in the Hot Chocolate

3:20
Step 4: Draw a Striped Candy Cane Straw in the Hot Chocolate - How to Draw Hot Chocolate

Beside the marshmallows, draw a long line that comes down into the hot chocolate. Draw a second line right next to it going the same direction. Close the bottom with a small half circle and the top with a squished oval. Then add curved stripes down the straw. With red stripes, it looks like a candy cane.

Tip

Tilt the straw a little. A slanted straw looks more natural than one standing straight up.

5

Close the Hot Chocolate Surface Behind the Marshmallows

4:04
Step 5: Close the Hot Chocolate Surface Behind the Marshmallows - How to Draw Hot Chocolate

Go back to your first curve. Imagine it going behind the marshmallows and the straw. Draw the same curve coming out on the far side, then bring it around and connect it to where you started. Now the hot chocolate is a flat oval with the marshmallows and the straw floating in it.

Tip

Stop the line wherever it hits a marshmallow or the straw, then start again on the other side.

6

Draw the Mug Rim, Sides and Bottom Around the Hot Chocolate

4:56
Step 6: Draw the Mug Rim, Sides and Bottom Around the Hot Chocolate - How to Draw Hot Chocolate

Draw another curve above the hot chocolate oval for the rim of the cup. Let it go behind the straw. Then pull a line down from each side of the rim, curving in a little toward the bottom. Connect the two sides with a curve at the base. The gap between the rim and the drink shows the hot chocolate sits lower than the top.

Tip

Make the mug tall enough to fit a face. About twice as tall as the marshmallows works well.

7

Draw a Big Backward C Handle on the Hot Chocolate Mug

5:22
Step 7: Draw a Big Backward C Handle on the Hot Chocolate Mug - How to Draw Hot Chocolate

The mug needs a handle. Start near the top of the right side and draw a big backward C shape that curves out and comes back into the cup lower down. Then draw a smaller backward C inside it. The space between the two lines is the thickness of the handle, so keep a nice wide gap.

Tip

A chunky handle looks more cartoon and is easier to color than a thin one.

8

Draw a Cute Cartoon Face on the Hot Chocolate Mug

6:26
Step 8: Draw a Cute Cartoon Face on the Hot Chocolate Mug - How to Draw Hot Chocolate

Draw two circles on the front of the mug for eyes. Inside each, draw a small circle at the top right and a smaller one at the bottom left. Color the big circles in and leave the small ones white so the eyes look shiny. Then draw a short line between the eyes and a big U for an open mouth with a little tongue.

Tip

Keep the face low on the mug, below the hot chocolate line, so it does not crowd the marshmallows.

9

Add a Steam Swirl Above the Hot Chocolate Mug

6:40
Step 9: Add a Steam Swirl Above the Hot Chocolate Mug - How to Draw Hot Chocolate

Above the mug, draw a small swirl that curls up, loops around and comes back down. That wisp of steam tells everyone the hot chocolate is warm. One swirl is enough for a cartoon look. If you want more, add a second smaller one beside it. That finishes the line drawing.

Tip

Leave a little space between the steam and the rim so it looks like it is floating up.

10

Color the Hot Chocolate Mug, Marshmallows and Straw

7:10
Step 10: Color the Hot Chocolate Mug, Marshmallows and Straw - How to Draw Hot Chocolate

Pick your colors. In the video, both mugs are teal with brown hot chocolate, white marshmallows, a red and white straw and pink cheeks. Use colored pencils, markers, crayons or oil pastels. Color the drink brown first, then fill in the mug around the face. Leave the marshmallows and the eye highlights white.

Tip

Two small pink circles under the eyes make the face look extra cute.

Keep going

How to Draw a Moose

Products Used

The Checklist

How to Draw Hot Chocolate

Tools
2
Materials
2
Steps
10
Video
8 min

Tools we recommend

Your Guide

Art for Kids Hub

As an Amazon Associate we earn from qualifying purchases. Links on this page may be affiliate links - clicking them and buying doesn't change your price, but helps support CraftingStepByStep.

Tags

Sunday How-To

New crafts tutorials, every Sunday

One short email with the week's best step-by-step guides. Free, no spam, unsubscribe anytime.

Did this work for you?

What's next

Related collections

Curated theme pages that include this tutorial.

Weekly Digest

Liked this crafts tutorial?

Pick the categories you want to hear about. Weekly digest of new step-by-step tutorials. No spam, easy unsubscribe.

Send me tutorials about

We only email about new tutorials. Easy unsubscribe anytime.