In this tutorial we’ll draw a very realistic cup of coffee. Underneath the cup we’ll add some stain using custom brush. This tutorial may look advance but the techniques are simple.
Preview of Final Results
Step 1 – Drawing Coffee
Start by creating circle shape using ellipse tool. Set foreground color to #F2F2F2. Make sure you have selected shape icon from the option bar, then shift+drag to create a circle. From the Layers panel, double click circle shape layer and add layer style Inner Shadow, Outer Glow, and Bevel and Emboss.
Create smaller circle inside the previous circle. Double click its thumbnail layer and in Layer Style dialog box make sure you activate Layer Mask Effects. Also, add layer style Inner Shadow and Outer Glow to the circle.
In Layers panel, click Add Layer Mask icon, black square with circle inside it. Paint left bottom of the circle to hide some of the shadow.
Our previous steps has add shadow to the cup but still not enough. So, we’ll need to create darker shadow. (a) Start by creating a circle selection covering our previous circle and fill it with black. (b) While marquee tool still selected, hit left arrow three times and down arrow three times to nudge the selection 3 pixels down and 3 pixels left. (c) Hit Delete and remove selection (ctrl+D). (d) Click Filter > Blur > Gaussian Blur to soften the shadow (e). (f) Bring down the opacity to 5%.
We’re done with the shadow and now move on to the highlight. Highlight should be in opposite side of the highlight. Repeat same techniques in previous step, but this time fill with white and use up and right arrow key.
We’re done with the cup. Create a circle shape with color #1F120D. Add layer style Outer Glow with gradient white suddenly stop to black.
Again, create smaller circle with same color. Double click layer and activate Layer Mask Hides Effects then add Gradient Overlay with black to white gradient at 52 degree. Paint bottom left of the circle to create highlight on the water.
We’ll also need to create some bubble floating above the water. To do this, select the coffee and subtract it using lasso tool. See image below for reference.
Create new layer. Click Edit > Fill. Choose Use: Color and pick #765E36.
Now select eraser tool and choose hard edge brush, harness: 95%. Use [ and ] to increase and decrease brush size. Paint on the brown color to draw holes for the bubble.
To give a 3D look, we just need to paint white inside the holes for the highlights.
Another highlight is needed near those bubbles. Create selection inside the coffee using lasso tool. Paint it with white using soft brush.
We’re done with the water. Using rounded rectangle tool draw the cup’s handle. Make sure you put the layer under the cup. Add Inner Shadow, Outer Glow, and Bevel and Emboss to give it a three-dimensional look.
Duplicate the cup’s handle. Put it under the original handle. Use same layer style but for this one raise Inner shadow to make it darker. This will add a bit perspective to the cup.