How to Make a Glossy Ball in Illustrator

In this quick tutorial I’ll show you how to make a glossy, 3D ball in Adobe Illustrator using only a couple of basic shapes.

Checkout this video:


A glossy ball is a common 3D design element used in product packaging, advertising, and web design. Creating a glossy ball in Illustrator is easy to do with the help of some basic shapes and the Appearance panel. In this tutorial, you will learn how to create a glossy ball from scratch usingIllustrator’s vector drawing tools.

What You’ll Need

-A vector graphic program like Adobe Illustrator
-A black and white image

Step One: Create a New Document

In order to create a glossy ball in Illustrator, you’ll need to first create a new document. To do this, go to File > New from the main menu.

Step Two: Draw Your Shape

The most important part of making a glossy ball is choosing the right shape. You want to avoid any sharp angles or curves, as they will be very difficult to smooth out later. Instead, go for a simple circular or oval shape. If you want to get really creative, you can even try a more organic shape like a teardrop or a heart.

Once you have your shape selected, it’s time to start drawing. If you’re using a mouse, click and drag to create your desired shape. If you’re using a tablet or stylus, you can draw freehand. Once you’re happy with your shape, release the mouse button or stylus and voila! You’ve created your first glossy ball shape.

Step Three: Apply a Gradient

Next, apply a gradient to your ball. To do this, select the Gradient Tool from the Toolbox. Then, click and drag across your ball to apply the gradient. You can adjust the direction and intensity of the gradient by clicking and dragging the gradient handles.

Step Four: Add a Blending Mode

to add a gradient to your object, create two points on the canvas using the Add Anchor Point Tool (+). Position one point at the top of the object and one point at the bottom. With the Gradient Tool (G), click and drag from the top anchor point to the bottom anchor point. With your object still selected, open the Blending Mode drop-down menu in the Transparency panel and choose Screen.

Step Five: Duplicate the Layer

Duplicate your original shape layer by going to Layer > Duplicate Layer. In the Duplicate Layer dialog box that appears, name the layer “Glossy Ball” and click OK.

Step Six: Apply a Pattern

To add even more interest, let’s apply a pattern. Head up to the Object menu in the top menu bar, choose Pattern, and then choose Make.

This brings up the Pattern Options dialog box. In here, you want to make sure that you set the Tile Type to Hex by Grid, and then set the width and height of the hexagons to 6 px.

Click OK when you’re done to close out of the dialog box, and then click on your object with the black arrow tool to select it.

Step Seven: Export Your File

The last step in creating your glossy ball is to export your file so it can be used on the web or in print. To do this, go to File > Export > Save for Web. In the resulting window, select your file format (JPEG, GIF, or PNG), quality setting, and resolution. Be sure to check the “Apply User Interaction” checkbox so your ball will be interactive when viewed in a browser. When you’re finished, click “Save” and choose a location for your exported file.


In conclusion, follow these basic steps and you’ll be well on your way to creating your own glossy balls in Illustrator!

Scroll to Top