Skip to main content

How to Draw 3D Cup in Adobe Illustrator

Learn how to draw 3d pictures in this Illustrator tutorial. I will explain how I made this 3D cup with funny smile sticker. This tutorial will cover on how to 3D effects in Adobe Illustrator works. Hope you like it and find it interesting.

You can see all Illustrator tutorials from my blog by the link → CLICK HERE

Create new document (Ctrl+N) with dimensions 500x500 px. Color Mode is RGB. Take the Pen Tool (P) and draw the cup profile.

funny cup 01

Use any color for Fill.

funny cup 02

Go to the menu Effect > 3D > Revolve. Set the options as in the image below. If you can't see all settings click More Options in the window.

funny cup 03

You will get such shape after the effect.

funny cup 04

Now we need work with shadow inside the cup. Draw the ellipse with gradient fill.

funny cup 05

Go to the Transparency panel and set Multiply blending mode. And you can change the Opacity to 70%.

funny cup 06

Next draw the handle. We need little circle for it.

funny cup 07

Go to the meny Effect > 3D > Revolve. Set the options. Check Preview to see all transformations on the Artboard.

funny cup 08

Now the handle is ready.

funny cup 09

Attach it to the mug.

funny cup 10

Then you can draw smile sticker using simple shapes.

funny cup 11

Turn the face of the smiley to the side slightly. Draw another circle with gradient fill above all. Set the Multiply blending mode and Opacity 20%.

funny cup 12

Then create next circle with radial gradient fill. Set the Multiply blending mode for this circle and put it in the bottom Shift+Ctrl+[ .

funny cup 13

Now we have the shadow under the sticker.

funny cup 14

Select the sticker and go to the menu Effect > Warp > Arch. Set Bend value to -10%.

funny cup 15

Glue the sticker on the mug :)

funny cup 16

Use the same technique with gradient ellipse for the shadow for the cup.

funny cup 17

Take the Pen Tool (P) and draw the shape with dark color for the beverage. You can use Opacity for it.

funny cup 18

Would you like some tea?

If you like this article, please leave a comment here or share! You may also thank me using referral links → CLICK HERE



Popular posts from this blog

Free Scripts for Adobe Illustrator

There are ten very useful and interesting scripts for Adobe Illustrator. You can download them in this set. Just click on the title of the script or picture below. Wish you great creative experiments :)

Drag and drop the script file (JSX or JS) to the script folder of your Adobe Illustrator to install the script. Location of the script folder depends on your Adobe Illustrator version and system configuration.

For Windows:
C → Program Files → Adobe → Adobe Illustrator (your version) → Presets → en_GB → Scripts

For Macintosh:
Applications → Adobe → Adobe Illustrator (your version) → Presets → en_GB → Scripts

Then run Adobe Illustrator. You can find the script in the main menu File → Scripts.

You can also run the script without installation. Go to File → Scripts → Other Script (Ctrl+F12). Then open the script file on your computer.

Let's go!

Free Stock Master

Free Stock Master is a script for Adobe Illustrator which automatically prepares vector files for microstocks.

Extended Select


New Vector Inspector Plugin is available now

Do you remember the old Vector Inspector plugin which fixes mistakes in vector illustrations for microstocks? The plugin is very useful. But it was made for the Adobe Illustrator a long time ago. There were no any updates. Unfortunately it does not work in the new Adobe Illustrator CC. Is this the end of the Vector Inspector plugin? Can we change destiny?

And we have such opportunity! A team of young and ambitious developers has already started creating new Vector Inspector plugin for Adobe Illustrator. Here you can observe the development: Vector Inspector Pro - Ai-plugin for fast checking of the vector illustrations.

You can free download Vector Inspector Pro plugin here:
VIP developers page

Installation: drag and drop the AIP file to the plugin folder.
C > Program Files > Adobe > Adobe Illustrator > Plug-ins

This project funded like the Crowdfunding. Join if you have the opportunity. And you will get the new version first of all. $ 10-30 is enough.

Skrill → microvectorone@g…

Stock Master Pro Illustrator script

Present to your attention new Stock Master Pro script for Adobe Illustrator. The Stock Master can prepare and save vector illustrations for microstocks automatically. There are EPS-10 (8), Ai, JPEG, PNG file types. Correcting technical mistakes in a vector file and much more. See this video.

Characteristics of the script Stock Master Pro:
- Settings for scanning a file;
- Automatic mistakes fixing;
- Saving as EPS, Ai, JPEG, PNG;
- Sizes for all file types;
- Set directory for saving;
- Multi-Artboard file support;
- Emergency stop;
- Compatibility Adobe Illustrator CC, CS6 (Windows and Mac);
- Improvements in the interface and performance.

You can see User Guide by this link - Stock Master Pro User Guide (Eng)

The script costs only $ 14. You can buy it on the site

If you like this article, please leave a comment here or share! You may also thank me using referral links -> CLICK HERE