Tutorial

Tutorial How to Make Wine Glass With Adobe Illustrator5

Share This Post


how to draw Wine Glass with Adobe Illustrator

In this tutorial we will guide you how to make a wine glass using simple with Adobe Illustrator using several Filters and Appearance. This tutorial is suitable for beginner and intermediate.

Step 1 Starting Out

Create new document 500 x 500 pixels, with RGB color, and make sure “Align New Object to Pixel Grid” in Advance option is turned off.

Wineglass01

Lets start with the top part of the glass first as starting point. Draw a cricle with width 180px, hieght 28px.

Wineglass2

Step 2 Make the curves

Lets create the glass shape, Pen Tool to create the left side like the image below. Take your time until the shape looks like the example. Make sure the top point is snapped with the top part, and the lower point is at the align center of the top circle.

Wineglass3

Step 3, Bottom Base

Create another circle for the bottom base, make it a bit bigger than top part circle. Placed the cicrcle under previous path you have created.

Wineglass4

Step 4, Connect the Curve

Select the path from step 2, drag the path to the right while pressing Alt/Option key, it will duplicate the path. Then, Right click and choose Transform > Reflect, pick Vertical to mirror the path.

Wineglass5

To connect the both path, choose again Pen Tool. Hover the pen tool on top of the toppest point on either path, the cursor will change into a pen with “slash” that’s mean you will select end of a path point. Click the point, and then pick the other point on the oposite path, when the cursor on top of the other point the cursor will change into a pen with little square, means you will connect two separate point.

Now, you have connected the top point.

Wineglass6

Do the same method for the bottom part, the different is when you pick the second node, the cursor will change into a pen with a circle, its means you will closing the path.

We have finished joining two paths into one object.

Wineglass7

Step 5, Another Circle

Create new smaller circle inside the top cricle, this circle will become the inner part of the glass.

Wineglass8

Step 6, Shade it up

Before coloring, select the shape of the glass and the bigger circle on top, then Unite both objects (click the Unite button in Pathpinder palette).

The object’s use Radial Gradient like in the image bellow. Don’t worry about the bottom part looks white.

Wineglass9

Now we will give the bottom part new shade, in Illustrator we can create many Fill or Stroke on a single object. Open up Appearence Editor, then click the New Fill button, create new gradient with these parameter.

Wineglass10

Step 7, Shading the Inner of the Glass

Pick the small circle on top, then give it Liner gradient, apply color setting like the image bellow. I have mentioned above about multiple Fill or Stroke in one object, in this step we will add more than one stroke color and opacity.

Click the New Stroke button on Appeareance palette, apply the color and opacity just like the image below.

Wineglass11

Step 8, Color the bottom part

Apply Radial Gradient, create color presets like image below.

Wineglass12 1

Step 9, Improve the base

The base is too flat, isn’t it? Lets improve by adding more beveled object.

Select the base circle, and than press Command/Control + C then Command/Control + B (a short for the pasted object will be placed under the copied object) move the circle 2 pixels down, give it white color. Then press again Command/Control + B, move it 4 or 5 pixels, give it liner gradient like the image bellow. Your result shoul be looks like the image below.

Wineglass13

Step 10, Make it shiney

Lets make the glass shiney, create two shapes looks like this. And then applied these color presets to Linear Gradient.

Wineglass13 1

Assign Gaussian Blur effect to make the object less sharp. Give it Gussian Blur 2 pixels radius.

Step11, Add wine

Lets create the wine inside the glass. Draw a rectangular on top of the glass, give it any color you want. Then select the glass shape, and Copy then Paste in place.

With the pasted object selected, also select the rectangle. Go to Pathfinder pallete, and click the Intersect button.

Wineglass14

The result should be looks like this.

Wineglass15 1

The glass supposed to be have tickness, to do that we will make the wine object smaller, so that it will be inside the glass. To do that, choose menu Filter > Path > Offset Path. Give the offset path negative value, it will make the object shrink, positive value makes the object grow. The result looks like this.

Wineglass15b

Step 11, Make it Red

Color up the wine with these Radial Gradient pressets.

Wineglass16

Move the object into behind previous shiney object. Select the shiney objects, and change the mode to Overlay, it will make the shiney looks brighter.

Wineglass17

The perpective of the wine is not right, we need make another circular shape to make impression the wine is inside the glass.

Create new circle on top of the wine, adjust the width to fit with the wine. Apply these color pressent on Linear Gradient.

Wineglass18

Step 12, Create Some Bubbles

Create small circles in the center as the bubbles, will make the it looks nicer and not boring. Apple the Liner Gradient color presets as below, and then set the Tranparency mode to Overlay. Copy the bubles object and resize it, place them random.

Wineglass19

Step13, More Shine!

Lets add more shine to the glass, use Pen tool to create these shapes. You can try different shapes if you want to improvise. Set the color to white, and reduce the opacity between 60%-80%.

Wineglass20

Step14, Shadow

Now lets add shadow. Select the lowerst circle. Copy and then Paste it in place, give it Black color. Go to Filter > Gaussian Blur, set the Raidus to 6.0pixels. Set the opacity to 48% or less.

Wineglass21

Congratulation you have created a wine glass.

Additional. Step 15, Give a Background

This is additional step, create the background using rectangle shape, then apply Linear gradient.

Wineglass22

Final result.

Here’s the final result.

Wineglass23

Let us know if you have any question regarding this tutorial.

  • http://stucel.com Felix Widjaja

    Damn, you guys are making it look too easy.

  • http://www.the-triumph.com Web Design Company Mumbai

    Nice Tutorial.

  • raja ricky

    great design thnks

  • http://bottlecrafters.com/ paul hopper

    Wow, that’s fabulous.

  • http://twitter.com/CathieLive Cathie George

    Thanks for a great tutorial. Very happy with my achievement.