Adobe Illustrator tutorial: Create realistic glass surfaces

Create a wine glass from scratch in Illustrator using transparency and translucency settings, with tips from Rare Design's James Arnott.
• (Digital Arts Magazine)
• — 22 February, 2010 14:41
• Share

Step 3 Next, we’ll colour the glass with a vertical four-colour gradient. Set the colours to the following: at position 35%, C = 18, M = 10, Y = 22, K = 0; at position 47%, C = 0, M = 0, Y = 0, K = 0; at position 80%, C = 13, M = 14, Y = 22, K = 0; at position 97%, C = 6, M = 3, Y = 7, K = 0. This gives us the basis of the glass colour. Add an inner glow to give the effect of a curved surface: select Effect > Stylize > Inner Glow, set the Mode to Screen, Opacity to 100%, Blur to 68 pixels and ensure that Center is ticked. I used the colour C = 5, M = 2, Y = 10, K = 0, experiment to get the best soft shape to the glass.

Step 4 Now we’ll get started on the transparency. The Transparency palette has a great dropdown that controls the blending mode of all shapes in a similar way to in Photoshop. The options we will be concentrating on are Screen Multiply and Overlay, which when used with black-and-white gradients and a little blur can create some excellent effects.

Step 5 Let’s create the glass’ top. Create an oval at the top of the glass. Fill it with a horizontal white-to-black linear gradient. Keep it selected and change the blending mode from Normal to Screen – this will get rid of the black. Set the transparency to 45% and put a Gaussian blur of three pixels on it to soften the effect.

Step 6 Create an ellipse over the top of the glass so it sits just inside the bowl. Use the Pen tool to remove the point at the top of the ellipse then use the Direct Selection tool (the white arrow) to pull the top two Beziers towards their nodes. We should now have a shape that looks like half a glass of liquid. Create a radial gradient from bottom of the shape to the top, use these three colours: at position 0%, C = 0, M = 0, Y = 0, K = 0; at position 13%, C = 55, M = 90, Y = 60, K = 70; at position 100%, C = 20, M = 100, Y = 75, K = 18.

Keep up with the latest tech news, reviews and previews by subscribing to the Good Gear Guide newsletter.

James Arnott

Digital Arts Magazine

1

thank you very much!!!!!
lovely tutorial=D

Best Deals on GoodGearGuide

Best Deals on PCWorld

NotebooksView all »

\$90.42

\$398.00

\$1098.99

\$949.00

\$8429.00

\$134.00

\$599.00

\$115.00

\$49.00

\$157.27

\$1696.00

\$949.00

\$180.42

\$798.98
• Dell Win 8 M17x R4 I7-3630qm 8...

\$2495.00

\$2033.00
TabletsView all »

\$398.41

\$1946.40

\$904.81

\$569.00

\$1172.72

\$579.08

\$720.88

\$229.95

\$749.60

\$1280.21

\$612.70

\$1073.97

\$89.00

\$949.00

\$3564.75
• Apple Ipad Mini 2 With Retina ...

\$638.22
Mobile PhonesView all »

\$772.90

\$535.00

\$362.90

\$157.00

\$55.55

\$71.40

\$2264.97

\$541.61

\$858.48

\$817.70

\$882.90

\$39.15

\$719.00

\$50.90

\$50.93
• Nokia N9 N9-00 64GB Next G Bla...

\$503.85
Printers & ScannersView all »

\$85.04

\$598.99

\$3297.97

\$3610.50

\$429.00

\$417.97

\$1499.00

\$105.00

\$406.63

\$330.00

\$259.00

\$272.90

\$378.00

\$78.00

\$214.00
• H&L Brother Hl-5450dn Laser Pr...

\$315.00
Networking, Wireless & VoIPView all »

\$216.23

\$331.83

\$107.25

\$129.30

\$162.53

\$119.54

\$230.90

\$214.40

\$75.66

\$89.00

\$108.41

\$109.00

\$203.50

\$211.97

\$206.39

\$267.28

Compare & Save

Use WhistleOut's technology to compare:
Mobile phone plans & deals
Mobile phone models
Mobile phone carriers