Skip to content

Flat Coffee Cup in Adobe Illustrator

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.

Flat Coffee Cup (Top View) in Adobe Illustrator

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.

How to make Flat Coffee Cup (Top View) in Adobe Illustrator?

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.

How to make Flat Coffee Cup (Top View) in Adobe Illustrator?

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.

How to make Flat Coffee Cup (Top View) in Adobe Illustrator?

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.

How to make Flat Coffee Cup (Top View) in Adobe Illustrator?

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.

How to make Flat Coffee Cup (Top View) in Adobe Illustrator?

Step 6

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

How to make Flat Coffee Cup (Top View) in Adobe Illustrator?

Step 7

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

How to make Flat Coffee Cup (Top View) in Adobe Illustrator?

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.

How to make Flat Coffee Cup (Top View) in Adobe Illustrator?

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).

How to make Flat Coffee Cup (Top View) in Adobe Illustrator?

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.

How to make Flat Coffee Cup (Top View) in Adobe Illustrator?

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

How to make Flat Coffee Cup (Top View) in Adobe Illustrator?

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

 

Author

  • Vivi Designing

    Vivi Designing is a platform for people who are in love with design and are eager to learn for creativity and inspiration. We provide free design resources, articles, tutorials, techniques, and the latest trends in Adobe Illustration and Adobe Photoshop.

Leave a Reply

Your email address will not be published. Required fields are marked *