Drawing a Wineglass in Adobe Illustrator

01
of 24

Step 1: Drawing the Wineglass

Starting the Wineglass
Tutorial: Drawing a Wineglass in Illustrator.

Tutorial for Adobe Illustrator 10, CS, and CS2

By Sara Froehlich, Contributor
Learn to use the vector drawing tools in Adobe Illustrator 10 and up to draw a wine glass.

By Sara Froehlich, Contributor

Go to File > New to start a new document. Set your colors to default black outline and no fill. Cmd/ctrl + R to activate the rulers, then right-click (ctrl-click on the Mac) one of the rulers and choose pixels to set the document unit of measurement to pixels.

Choose the Ellipse tool and click once on the page to open the options. Set the size of the ellipse to 88 pixels wide by 136 pixels high and click OK to create the ellipse. With the ellipse selected, go to Object > Path > Offset Path and enter -3 pixels and click OK. Pull the inside ellipse away and set it aside for a minute.

02
of 24

Step 2: Creating the top off the glass

Creating the top off the glass
Tutorial: Drawing a Wineglass in Illustrator.

By Sara Froehlich, Contributor

Make an ellipse 72 wide by 16 high and position it as shown on the larger outer ellipse. (The inner ellipse has been pulled away and set aside, remember?) Select the larger ellipse and the new small ellipse. Open the Align palette (Window > Align) and click the Horizontal Align Center button.

Select the small ellipse and go to Edit > Copy (cmd/ctrl + C), then Edit > Paste in Front (cmd/ctrl + F).

Select the front small ellipse and the larger ellipse. In the Pathfinder palette (Window > Pathfinder), opt/alt + click on the Subtract from Shape Area button. When you hold opt/alt and click, the shapes are expanded without having to click the expand button. Through this whole step you won't see any change in the appearance of the shapes.

03
of 24

Step 3: Removing the top of the glass

Removing the top of the glass
Tutorial: Drawing a Wineglass in Illustrator.

By Sara Froehlich, Contributor

With the pieces still selected, go to Object > Ungroup (shift + cmd/ctrl + G). (If Ungroup is grayed out, go back to the Pathfinder palette and click the Expand button.) Use the select tool to select and press delete to remove the top piece. Select > All (cmd/ctrl + A), then go to Object > Group (cmd/ctrl + G) to group the remaining pieces. You now have the top of the glass.

04
of 24

Step 4: Making the wine

Making the wine
Tutorial: Drawing a Wineglass in Illustrator.

By Sara Froehlich, Contributor

Create a new ellipse 82 wide by 22 high and position it as shown on the left illustration below on the inner ellipse you set aside earlier. Select both pieces and click the Align Horizontal Align Center button on the Align palette. Select the new smaller ellipse, then Edit > Copy (cmd/ctrl + C), then Edit > Paste in Front (cmd/ctrl + F).

In the Pathfinder palette (Window > Pathfinder), opt/alt + click on the Subtract from Shape Area button. Go to Object > Ungroup (shift +cmd/ctrl + G) and then delete the top piece as before. (If Ungroup is grayed out, go back to the Pathfinder palette and click the Expand button.) Select both pieces and go to Object > Group (cmd/ctrl + G). This will be the wine.

05
of 24

Step 5: Add the wine to the glass

Add the wine to the glass
Tutorial: Drawing a Wineglass in Illustrator.

By Sara Froehlich, Contributor

Place the wine in the glass as shown and use the Align palette to align the horizontal centers. Set this aside for now.

06
of 24

Step 6: Constructing the stem

Constructing the stem
Tutorial: Drawing a Wineglass in Illustrator.

By Sara Froehlich, Contributor

Make a 24 pixel wide by 12 pixel high ellipse. Next choose the rounded rectangle tool from the toolbox and click the artboard once to open the options. Set the width to 15 pixels, the height to 100 pixels, and the corner radius to 12. Position the two pieces as shown on the left below. Use the Align palette to align the horizontal centers.

Select only the top ellipse. Hold the opt/alt key and start to drag downward, then press and hold the shift key while you drag in a straight line downward to add another ellipse to the bottom of the stem. Holding the opt/alt key as you drag makes a copy; holding shift constrains the drag to a straight line.

07
of 24

Step 7: Add points to the rounded rectangle

Add points to the rounded rectangle
Tutorial: Drawing a Wineglass in Illustrator.

By Sara Froehlich, Contributor

Drag a guide from the top ruler across the center point of the rounded rectangle. Choose the Add Point tool from the Pen Tool flyout, and add a point on each side of the rectangle.

08
of 24

Step 8: Convert Points to Curves

Convert Points to Curves
Tutorial: Drawing a Wineglass in Illustrator.

By Sara Froehlich, Contributor

Use the convert point tool (shift + C) to convert both of the new points to curves and use the Direct Select tool (A) to push each side inward slightly.

09
of 24

Step 9: Combine 3 Pieces into 1

Combine 3 Pieces into 1
Tutorial: Drawing a Wineglass in Illustrator.

By Sara Froehlich, Contributor

Select all three pieces and on the Pathfinder palette, opt/alt click the Add to Shape Area button to combine all three pieces into one.

10
of 24

Step 10: Adding the foot of the glass

Adding the foot of the glass
Tutorial: Drawing a Wineglass in Illustrator.

By Sara Froehlich, Contributor

Make an ellipse 82 wide by 26 high for the foot of the glass. Select both pieces and align the centers horizontally in the Align palette. Select only the ellipse, and send it to the back of the stem (Object > Arrange > Send to Back). Object > Group (cmd/ctrl + G) to keep the pieces together.

11
of 24

Step 11: Fit the stem to the glass

Fit the stem to the glass
Tutorial: Drawing a Wineglass in Illustrator.

By Sara Froehlich, Contributor

Use the Direct Select tool to curve the top of the stem inward so it will fit against the bottom of the glass.

12
of 24

Step 12: Arranging the stem and glass

Arranging the stem and glass
Tutorial: Drawing a Wineglass in Illustrator.

By Sara Froehlich, Contributor

Push the stem up against the bottom of the glass, select the stem and go to Object > Arrange > Send to Back.

13
of 24

Step 13: Adding the transparency

Adding the transparency
Tutorial: Drawing a Wineglass in Illustrator.

By Sara Froehlich, Contributor

Fill all parts of the wineglass white if they aren't already. The wine pieces we will fill with a gradient in a few minutes.

14
of 24

Step 14: Add an Inner Glow

Add an Inner Glow
Tutorial: Drawing a Wineglass in Illustrator.

By Sara Froehlich, Contributor

This section refers to the pieces as named in the illustration above. Use the direct select tool to select the glass top. Remove the stroke. Don't de-select or you won't be able to see it. Go to Effect > Stylize > Inner Glow, and chose Multiply Mode, Opacity 75%, and Blur 7. Click the Edge button, and then click the color swatch to open the color picker. Type EEEEEE in the hex color box and click OK to set the Inner Glow color to a light gray.

15
of 24

Step 15: Add the glow to more glass pieces

Add the glow to more glass pieces
Tutorial: Drawing a Wineglass in Illustrator.

By Sara Froehlich, Contributor

Use the direct select tool to select the glass bowl, and remove the stroke as you did on the glass top piece. Go to Effect > Inner Glow (the last used Effect will be at the top of the Effect Menu) and set the same settings as above EXCEPT change the blur to about 22 pixels. (Don't forget to change the Mode to Multiply, and you will have to change the color to gray again as well!)

16
of 24

Step 16: Add the Inner Glow to the stem

Add the Inner Glow to the stem
Tutorial: Drawing a Wineglass in Illustrator.

By Sara Froehlich, Contributor

Use the direct select tool so select the stem, remove the stroke, and go to Effect > Inner Glow. Once again set the exact same settings and color but use 2 or 3 pixels for the blur. (Note: By now you've noticed that Illustrator does not save the effect settings and you have to manually enter them every time. Annoying little quirk! You can use Effect > Apply Inner Glow to apply the exact same settings to repeat objects but since we have to change the number of pixels, we are forced to start over each time.) Now select the foot, with the direct select tool, remove the stroke, and go to Effect > Inner Glow. Once again set the exact same settings and color but use 8 pixels for the blur.

17
of 24

Step 17: Adding transparency in the transparency palette

Adding transparency in the transparency palette
Tutorial: Drawing a Wineglass in Illustrator.

By Sara Froehlich, Contributor

Select and group all of the pieces of the wineglass (not the wine pieces) and in the transparency palette, change the mode to Multiply. Below you can see the wineglass at normal mode and at multiply mode. And as you can see it looks about the same. Or does it?

18
of 24

Step 18: Adding transparency in the transparency palette

Adding transparency in the transparency palette
Tutorial: Drawing a Wineglass in Illustrator.

By Sara Froehlich, Contributor

When I place a colored rectangle behind the glasses and you can see the transparency. Notice how the wine is not transparent. We'll fix that next.

19
of 24

Step 19: Creating the wine gradient

Creating the wine gradient
Tutorial: Drawing a Wineglass in Illustrator.

By Sara Froehlich, Contributor

Now let's do the wine. We'll use a red gradient, and fill each part separately. Use the color palette (Window > Color, F6) to mix a new dark red color: Red: 104, Green: 0, Blue: 0. Drag the chip to the swatches palette.

Open the gradient palette and then click on the black and white radial gradient in the swatches palette to load it.
Drag the red swatch from the swatches palette to the white gradient stop and drop it on it to change white to red. Then drag the new dark red swatch to the black gradient stop and drop it to change black to dark red. Click on the red stop on the left, look at the location box, and it should say 0%. If it doesn't slide the stop right or left so it does.
Click on the dark red stop at the right and look at the location box and make sure it says 100%. If it doesn't, adjust it.
Click on the midpoint diamond above the gradient ramp and see if the location box says 50%; if it doesn't type 50 in the box and hit return or enter. Drag the chip to the swatches palette so it's available to use for a fill.

20
of 24

Step 20: Coloring the Wine

Coloring the Wine
Tutorial: Drawing a Wineglass in Illustrator.

By Sara Froehlich, Contributor

Select the wine top with the direct select tool and remove the stroke. Fill it with your new dark red gradient. Repeat with the wine bowl piece.

21
of 24

Step 21: Adjusting the gradient

Adjusting the gradient
Tutorial: Drawing a Wineglass in Illustrator.

By Sara Froehlich, Contributor

Select the wine top with the direct select tool. We need to readjust the gradient. Activate the interactive gradient tool (G) from the toolbox. Place the cursor where the square is on the illustration and click and drag to the end of the arrow on the wine top.

Select the wine bowl piece with the direct select tool, and activate the interactive gradient tool again. Click about where the square is on the illustration and drag to the end of the arrow.

22
of 24

Step 22: Finishing the wine

Finishing the wine
Tutorial: Drawing a Wineglass in Illustrator.

By Sara Froehlich, Contributor

Select the wine top and wine bowl both, and go to Effect > Stylize > Inner Glow. Use these settings: Color: Black; Mode: Multiply; Opacity: 50%; Blur: about 17; Tick Edge. Click OK.
In the transparency palette, set the mode to Multiply, and then go to Object > Arrange > Send to Back to send the wine behind the glass.

23
of 24

Step 23: Adding the highlights

Adding the highlights
Tutorial: Drawing a Wineglass in Illustrator.

By Sara Froehlich, Contributor

Use the pen tool to draw highlights on the glass. Give it a white fill and no stroke. Select the highlight and go to Effect > Stylize > Feather. Make sure the preview box is checked and try different amounts of feathering until it looks right. The amount will depend on how big your highlight is. Mine is set at 6 pixels. In the transparency palette, leave the mode on normal and lower the transparency until it looks right to you; again, this will depend on your highlight. Mine is set at 50%.

24
of 24

Step 24: Embellishing

Embellish the wine glass
Tutorial: Drawing a Wineglass in Illustrator Here's an idea for a way to use your glasses.

By Sara Froehlich, Contributor