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.

4_Create_realistic_glass__urfaces

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.

5_Create_realistic_glass__urfaces

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.

6_Create_realistic_glass__urfaces

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.

7_Create_realistic_glass__urfaces

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.

Join the newsletter!

Error: Please check your email address.
Rocket to Success - Your 10 Tips for Smarter ERP System Selection

Tags adobe illustrator

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

James Arnott

Digital Arts Magazine
Show Comments

Most Popular Reviews

Latest Articles

Resources

PCW Evaluation Team

Ben Ramsden

Sharp PN-40TC1 Huddle Board

Brainstorming, innovation, problem solving, and negotiation have all become much more productive and valuable if people can easily collaborate in real time with minimal friction.

Sarah Ieroianni

Brother QL-820NWB Professional Label Printer

The print quality also does not disappoint, it’s clear, bold, doesn’t smudge and the text is perfectly sized.

Ratchada Dunn

Sharp PN-40TC1 Huddle Board

The Huddle Board’s built in program; Sharp Touch Viewing software allows us to easily manipulate and edit our documents (jpegs and PDFs) all at the same time on the dashboard.

George Khoury

Sharp PN-40TC1 Huddle Board

The biggest perks for me would be that it comes with easy to use and comprehensive programs that make the collaboration process a whole lot more intuitive and organic

David Coyle

Brother PocketJet PJ-773 A4 Portable Thermal Printer

I rate the printer as a 5 out of 5 stars as it has been able to fit seamlessly into my busy and mobile lifestyle.

Kurt Hegetschweiler

Brother PocketJet PJ-773 A4 Portable Thermal Printer

It’s perfect for mobile workers. Just take it out — it’s small enough to sit anywhere — turn it on, load a sheet of paper, and start printing.

Featured Content

Product Launch Showcase

Latest Jobs

Don’t have an account? Sign up here

Don't have an account? Sign up now

Forgot password?