INFOGRAPHIC SERIES - COFFEE CUP WITH FOAM

Start any day off with a cup of coffee, or any day with a cup of coffee with some nice foam and a bit if shading. 

---

Start off with an oval, fill with a color, no stroke on the shape.

Create a rectangle over the top of the oval, using the Pathfinder Panel, use the Minus Front action to remove the top of the oval.

This forms the base of the cup but needs a flat bottom.

Repeat the process of drawing a rectangle at the bottom of the half-oval and use the Minus Front action in the Pathfinder Panel.

---

Here is the cup, now we need to add a handle.

Draw an oval, add a stroke to it, same color as the cup and no fill. 

To create the foam, start with a circle and fill with a light color.

Duplicate the circle so the center overlaps to the edge of the second circle.

---

Duplicate the circle several times in a row.

Duplicate the row and move it up so the centers of the first row are at the edge of the second row, now move it half way over to the left or right and remove the overhanging end circle.

Repeat the process with the second row to create the third row. These stack to form a smaller pyramid of circles.

With the top center most circle, use the Direct Selection Tool to select the top most point. Use the UP arrow to move the point up. 

---

Click the Convert Anchor Point in the Control Bar to create a corner point.

Select all the circles and foam tip, use the Unite Action in the Pathfinder Panel to create one single shape.

Take the foam and place it behind the coffee cup.

You can adjust the height of the foam to make it fit correctly.

---

To create a slip shadow on the cup, duplicate the bottom of the cup off to the left.

Select the cup base and the new shape you just duplicated, then apply the Divide Action in the Pathfinder Panel. Ungroup the resulting shapes and delete the left extra shape.
Fill the left shape with a darker color.

Duplicate the new, darker shape on the left side of the cup. Copy the shape and rotate the shape 180° and place it directly on top of the cup. 

Select the flipped shape and the foam, then apply the Divide Action in the Pathfinder Panel. Ungroup the resulting shapes and delete the left extra shape.

Color the new edge of the foam slightly darker.

​Enjoy!