Flat Coffee Cup (Top View) in Adobe Illustrator

Flat artwork is also known as 2D art. It requires less time and is an easy and creative way to visualize things. Today we will make a Flat Coffee Cup (Top View) in Adobe Illustrator.

We will only use basic shapes and Pencil Tool to make this 2D art.

Launch Adobe Illustrator and create a new document. Now follow the below steps:

Step 1

Select the Rectangle Tool and draw a rectangle the same as the size of the artboard. Turn off the Stroke color and fill the rectangle with color #e4e1e9.

Let the rectangle be selected and press Ctrl + 2 to lock the selected layer.

Step 2

Now select the Ellipse Tool and draw a circle and fill it with color # e2f2e7.

Step 3

Select the circle and then press & hold the Alt key. Now drag the circle slightly towards the southeast direction (see the below image). Change its Fill color to #b6dec2.

Step 4

Again select the Ellipse Tool and draw a circle at the center of the previous circle (circle drawn in Step 3). The size of this circle will be small as compared to other circles.

The color filled in the circle is #ffffff.

Step 5

Let the circle drawn in the above step be selected and press Ctrl + C to Copy the circle then press Ctrl + F to paste the circle in front. The circle pasted will get selected you can now change its fill color to # b6dec2.

After that, reduce its size a bit as shown in the below image.

Step 6

Again draw a circle filled with color #c49a6c at the center of the previous circle. (See the below image)

Step 7

Now select the Pencil Tool and draw a random shape inside the circle. This shape will be filled with color #754c29.

Now with the help of Ellipse Tool draw various size circles filled with the same color. These circles will give an effect of bubbles in your Flat Coffee Cup.

Step 8

In this step, we will draw the handle of our Flat Coffee Cup with the help of the Rectangle Tool.

Press M(Shortcut key for Rectangle Tool) and draw a small rectangle filled with color #ffffff.

You can go into the Layer Panel and move this rectangle layer below the ellipse layer (circle filled with color #ffffff).

Let the rectangle be selected and with the help of the Alt key create a duplicate rectangle and move it slightly downwards. Change the fill color of the rectangle to #b6dec2.

Your Flat Coffee Cup is almost ready but we will now add some shadow to it.

This is how you can make a Flat Coffee Cup (Top View) in Adobe Illustrator. Practice this tutorial and make your own 2D Coffee Cup.

Share your views in the comment section and also share this tutorial with others.

Also, See

Pencil Tool in Adobe Illustrator