Inspiration: Water and Ice

About six months ago Sean posted Inspiration: Fire, Flames, and Infernos. I thought it would be appropriate and fun to take a look at the opposite end of the spectrum for some additional inspiration. Much like fire and flames, water and ice are prevalent in web and graphic design. Here is a showcase that will give you a taste of what is possible.

Tutorials

• Creating Amazing Photomontages

  Digital Arts Online published this influential tutorial from Nik Ainley that has inspired several Psdtuts+ reads to post their own work with these effects in the Psdtuts+ Flickr Group (some of which are seen in this post). Nik shows you how to take ordinary items like jeans and a shirt and create a stunning and realistic underwater look.

  Visit Tutorial

• Sunken Ship Tutorial

  This tutorial will help you to create a powerful underwater scene without the need to go diving or actually sink a ship. The author uses a typical photo of a boat as the starting point and winds up with something much more interesting. This type of design will allow for all kinds of creativity and improvisations with some willingness to experiment.

  Visit Tutorial

• Realistic Water Running On Tap

  This is a pretty simple tutorial with only a few steps to get a nice-looking flow of water for your Photoshop creations. Flowing water, of course, could be used in various ways besides just this example.

  Visit Tutorial

• Add Realistic Water Drops to a Photo

  Adding some water drops can give a photo a nice touch. There are a number of tutorials available for this purpose, including this one. In my opinion this is not a completely realistic effect, but it certainly can still be used effectively. In the case of this photo it makes the viewer feel more a part of the wave and the ocean.

  Visit Tutorial

• Realistic Rain Tutorial

  Rain can easily be added to a photo to create a completely different look. There are a few other tutorials on this subject (including this one at Photoshop Essentials) if you want to try some different approaches. Combined with the ability to alter and edit skies, any photo can get a serious makeover with this effect.

  Visit Tutorial

• Add a Realistic Water Reflection

  This popular tutorial shows one more way to enhance a photo by creating a realistic effect with water. The author uses a halftone, a blur, and a displacement to create the realistic look of reflecting water. The methods demonstrated in this tutorial could certainly be used creatively in some other ways as well.

  Visit Tutorial

• Learn How to Digitally Paint an Underwater Galaxy

  Psdtuts+ has also contributed a few tutorials involving water and ice, including this one by Brent Nelson (also see Collis's tutorial for creating Icy Text). Brent uses a rather ordinary photo of some fish and plenty of imagination to create this impressive scene.

  Visit Tutorial

• The Ocean's Freshness Photo Effects

  Learn how to create a fun, fresh underwater image featuring some fruit, from Adobe Tutorialz. It produces a more illustrated look as opposed to the realistic tutorials, which could be a nice change of pace.

  Visit Tutorial

• Creating a Stunning Underwater Scene

  GoMediaZine shows us how to create an awesome underwater scene using one of their own vector packs. This tutorial uses Illustrator and some GoMediaZine vectors (as well as Photoshop, of course) to create this beautiful illustration. It's a pretty detailed tutorial that will take some time to follow, but I'm sure you'll learn some new tricks.

  Visit Tutorial

• Water Drops in 5 Minutes

  Over at Abduzeedo, Fabio has a tutorial to quickly create very realistic water drops. This simple effect has plenty of potential. There are also some other good tutorials to create similar effects, including this one at deviantART.

  Visit Tutorial

• Water Ripples Tutorial

  This tutorial at deviantART will show you how to get a surprisingly realistic swirling water effect. It's really just a few simple steps to create this.

  Visit Tutorial

Websites Using Water

• Design Disease

  This site has recently been featured in a number of design galleries. Design Disease shows that some creativity with water as a background can help to create an impressive look.

  Visit Site

• The Wheelhouse

  The Wheelhouse at Noss Mayo uses an illustration of a beach and water for the background of the site. The main content of the site sits in a white box (a postcard) while the water rests quietly in the background.

  Visit Site

• Quinn's Reef

  Quinn's Reef Bed and Breakfast also uses a similar approach with an oceanic background. Obviously, a bed and breakfast located at a reef is a perfect fit for the oceanic theme. A nice clouded sky also helps to complete the look.

  Visit Site

• OSKA

  The site for Olson Sundberg Kundig Allen Architects uses several different large photos that rotate at random. If you refresh the page a few times you should see this striking photo of an ocean horizon.

  Visit Site

• Andrew Gransden Photography

  This photography portfolio site uses an awesome photo of the shoreline in a random rotation of photos. A photography portfolio is always a good place to feature huge, beautiful photos, so why not a beach?

  Visit Site

• Tomas Pojeta

  Using an illustration of water and the horizon, Tomas Pojeta gives his site a beautiful background. Scroll down a bit further and you'll find an underwater scene as well.

  Visit Site

• Dizzain

  Dizzain features a very memorable header of an underwater scene. If you're interested in creating a similar header, try working with the sunken ship tutorial shown above, it should give you a starting point. There's a lot going on in the water at Dizzain!

  Visit Site

Photos

• Water to Ice

  An excellent illustration captures the transition point between ice and water. A similar result could actually be created in Photoshop without using any photos.

  View Photo

• Water Figure

  This photo is one of many with splashing water, but it also has some nice color as well. Capturing an image of splashing water in action always has a certain amount of intrigue.

  View Photo

• Magic Water

  This is a really cool photo of a hand over a fountain. This is a great example of experimentation with water and photography, and a striking end result.

  View Photo

• Beads of Water

  We linked to a few tutorials for creating drops of water. Here is a photo of the real thing. A simple photo of the wood texture and the droplets of water.

  View Photo

• Ice Ice Ice

  A nice photo of ice on a solid black background. Again, this could probably be replicated in Photoshop by a creative designer.

  View Photo

• Great Beach HDR Pictures

  Abduzeedo has an excellent collection of inspirational beach photos that are worth a look. This one that's shown is just one example, the post has 14 photos that are sure to inspire your design creativity.

  View Photo

• Amazing Water Landscapes

  Another large collection of amazing photos of water. There is a good variety of photos here - pools, reflections, underwater, bodies of water, and more. Check them out and I think you'll find something that you like.

  View Photo

Creations from the Psdtuts+ Flickr Group

• Ashes to Splashes

  Inspired by the Nik Ainley tutorial, oligoelement created this. He adds a nice touch by making the pants look like they've been blown off of the rest of the body.

  View Photo

• Drapen

  An excellent photo from audiostein in the Flickr group. An up-close look at water dropping from an icicle with some nice lighting involved in the background.

  View Photo

• Ice

  This creation from simple entanglements takes a photo and gives it an interesting icy look. This is kind of the frozen version of adding water droplets such as in the tutorial of the surfer above.

  View Photo

• Living Water

  This is another piece of work inspired by the Ainley tutorial, this one from loswl. Actually, this one is very similar to the original tutorial - nice work from a Psdtuts+ group member.

  View Photo

Brushes

• 38 Water Brushes

  A large collection of a variety of brushes for creating various water effects in Photoshop. Waterfalls, drops, flowing water and more are available in this pack of brushes.

  Get the Brushes

• 30 Water Brushes Part II

  This collection is a follow up to the one previously listed. If you didn't get enough water the first time around, try these 30 in addition.

  Get the Brushes

• Round Ice Brushes

  This is a collection for icy effects. These brushes really could be used in so many different ways as a texture, they're really not limited to just creating ice.

  Get the Brushes

• Water Splash

  Here's a nice collection to get that splashing water effect in your work. This is one of the easier ways to get the look of splashing water in your designs.

  Get the Brushes