Pin Me

Photoshop Tutorial: Creating a Water Droplet

written by: Bruce Tyson•edited by: Michele McDonough•updated: 12/21/2010

Creating a water droplet is easy by following this water droplet Photoshop tutorial. Complete with step by step instructions and screenshots for illustration, this tutorial will help users get started designing water droplets in just a short period of time.

  • slide 1 of 3

    Getting Started

    Begin by opening Adobe Photoshop. Create a new file of any size. This tutorial uses a 220 pixel by 220 pixel canvas in Adobe Photoshop CS5.

    photoshop106 

    Create a new layer and then grab the elliptical marquee from the toolbox. Draw a circle and then set the background color to white and the foreground color to black.

    Now, grab the gradient tool and set the opacity to 100% and create a linear gradient that goes from black on the left to white on the right. Drag the gradient from the left side of the circle to the right side.

    photoshop107 

    Now, deselect the circular object by clicking "Select" and then "Deselect" from the main menu.

    Next, go to the "Layers" window and select "Overlay" for the blending option.

    photoshop108 

    Select "Drop Shadow" and "Inner Shadow" by clicking the check boxes on the left. For the "Drop Shadow," set the "Opacity" to 55%. Set the angle to 160 degrees. Uncheck the "Use Global Light" box.

    Still on the "Drop Shadow" options window, set "Distance" to 10, "Spread" to 0, and "Size" to 5.

    photoshop109 

    On the "Inner Shadow" settings screen, leave the "Blend Mode" set for "Multiply;" set "Opacity" to 76%; set the angle to -30 degrees; leave the "Use Global Light" box checked.

    Now, grab the brush tool and set background and foreground to white. On a new layer, click once toward the top of the drop to complete the effect.

    photoshop110 

    Users following this Photoshop tutorial now have a water droplet.

  • slide 2 of 3

    Where to Go from Here

    After creating one droplet in Photoshop, it's easy to set the bottom layer to an image such as a leaf or a window, places where water droplets can normally be found. Users can also choose different underlying colors and drop shadow settings to alter the effects described here.

    photoshop111 

    Also, the droplet can be altered in shape by using the "Free Transform" tool from the "Edit" menu on the main menu bar.The key is to take some time and find out which settings work the best for a particular application.

    Another thing that can help make working with droplets easier is to group the layers with the droplet and the light effect together so the can easily be duplicated and reordered within the Adobe Photoshop document.

    For backgrounds with texture, use the bloat tool and the liquefy filter to magnify the area under the droplet. This will help replicate the magnification effect a water drop has on the surface beneath it.

  • slide 3 of 3

    Conclusion

    This Photoshop tutorial showed how to create a water droplet. This is intended to provide a foundation for the development of Photoshop skills. Those who spend some time to refine the water droplet effect will create a new skill that can be applied to a wide variety of creative tasks.

    Image Credits: Screen shots taken by Bruce Tyson