Pin Me

How to Make a Drinking Glass in Photoshop

written by: Amber Neely•edited by: Tricia Goss•updated: 4/22/2012

Interested in making a clear drinking glass in Photoshop? Look no further than this article! If you've got Adobe Photoshop, a bit of time to learn, and the desire to learn a really cool effect you can apply to other projects, this tutorial will teach you a new trick.

  • slide 1 of 16

    Making a Clear Drinking Glass in Photoshop: A Bit of Photoshop Magic!

    This Tutorial Uses Adobe Phohotshop CS4 If you've ever wondered how to go about making a clear drinking glass in Photoshop - or any clear, reflective object in general - this tutorial is for you. You can fill the glass with absolutely anything, and achieves a stunning effect! This tutorial uses Photoshop CS4, but should work well for anyone using Photoshop CS or higher. This tutorial is also intended for people who have an intermediate knowledge of Photoshop or are prepared to spend a little time learning as you go.

  • slide 2 of 16

    Creating the Glass Itself

    Open Photoshop and create a new document. Here I'll be using a 900px by 900px document. For the sake of ease, draw a line down the approximate center of your image on a new layer. This is a guide to help you make sure your glass looks symmetrical. You can go ahead and name the separate layer "guide" if you would like.

    Guide 

  • slide 3 of 16

    Create a layer named "Glass" Now, using the pen tool, draw yourself a glass! Generally tumbler-style glasses work best, but if you really feel like you could get fancy with a martini glass or anything nifty like that, go for it! Me, I'm lazy, so I'm going to stick with a highball glass.

    Glass 

  • slide 4 of 16

    Right click on the path and select Fill Path and fill it with a glassy color - here I'm using #C2DAFF. Delete the path when finished.

    Fill the Path 

  • slide 5 of 16

    Now, a glass isn't a glass unless it looks transparent, right? So go into a layer styles and find Gradient Overlay. Set the mode to overlay and the opacity at 50%. Leave the style at Linear. As for your angle, you're going to want to take a moment to think about light source. If this is part of a larger picture, you'll probably want to make sure that the gradient reflects the light source. I'm just going to leave it at 90, as though the light source was coming directly from the top of the image.

    Creating the layer styles 

  • slide 6 of 16

    Now duplicate your glass layer, and name it something different, like "inner glass" or "glass2" or "inside". Press CTRL+T (Mac: CMD+T) to bring up your free transform option. Set your width scale to 92-95% and your height scale to 90-95%. This will largely depend on how thick you want your glass to appear, and how thick you want the base of your glass to be. When you're satisfied, press enter to set the transformation.

    Resize the hollow center 

  • slide 7 of 16

    Change your gradient Overlay layer style on your glass2 (or whatever you'd named it) layer to Color Burn, and slide your opacity all the way up to about 50%-70% - eyeball it to where you think it looks good.

    Blending Mode: Burn 

  • slide 8 of 16

    Move your glass2 layer upwards so it looks a bit more like the picture below. Basically what you're doing is aligning the glass so the base is thicker, and the glass is thinner at the top.

    Scoot your glass2 layer upward 

  • slide 9 of 16

    Using the method of your choice, select the opening of the glass as I have done below, and when you are done, create a new layer named "top" and fill it with a darker color. Here I'm using #ABCDFF which I sampled from the image itself.

    Creating the mouth of the glass 

  • slide 10 of 16

    And here's our glass! It still looks a little plastic, though, so read on to see how to make it look more glassy!

    Plastic form of our glass glass! 

  • slide 11 of 16

    Creating Light Reflections

    To create a clear drinking glass in Photoshop, you'll have to employ a little "Photoshop Magic" - as just messing with the opacity will leave your images feeling flat and plastic. Grab yourself a rectangular marquee and select the area directly around your glass as I have done below

    Marquee 

  • slide 12 of 16

    Create a new layer named "Light" Fill the area with a gradient - a black-to-white-to-black gradient generally works best, but you really do have a bit of artistic license here. Set the layer opacity to around 50% to make things a little easier to see.

    Gradient 

  • slide 13 of 16

    Press CTRL+M (Mac: CMD+M) to enter the Curves panel. Create a reflection like I have done below.

    Curves 

  • slide 14 of 16

    Now go to Edit, Transform, and then Warp. Bend your gradient around your glass. If it's a little larger, simply clean up the edges when you are done.

    Warping the Gradient 

  • slide 15 of 16

    On your "Light" layer, set the opacity to 60-80%, and the blending mode to Screen. Feel free to actually change the opacity and blending of your layers to achieve different effects! Here's the finished product!The completed glass! 

  • slide 16 of 16

    Here's just one of many things you can do with the finished product!

    Cola Glass 

    Like this tutorial? I've also created one for Making a Bow in Photoshop.