Preview

Inspiration: Water and Ice

Aug 16th in Effects, Inspiration by Steven Snell

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.

Author: Steven Snell

I am a web designer and freelance blogger from the U.S. I maintain a few blogs of my own including Vandelay Design and DesignM.ag. In addition, I’ve written for blogs such as Freelance Switch, Freelance Folder, Smashing Magazine, Most Inspired and several others.

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


Enjoy this Post?

We'd love your vote!

User Comments

( ADD YOURS )
  1. yonu August 16th

    Thank you for all this resources.


  2. Edwin August 16th

    Wow, great pictures! Especially the ice blocks and the water drops are good.


  3. Joe August 16th

    nice work.


  4. Hennessy August 16th

    ohooo 3rd comment, yeah i know ! nobody cares. lol
    great inspiration sources by the way.


  5. JoshB August 16th

    What happened to the Chuck Anderson inspired tutorial? I was going to try that one out today :(


  6. JoshB August 16th

    ^ Never mind, I pulled it out of the cache :)


  7. godonholiday August 16th

    What happened to the chuck anderson style tut?


  8. Eric August 16th

    Very cool collection. I’m working on a water website now so this is perfect timing.


  9. crazyhunk August 16th

    a really gr8 compilation…. truly inspiring…


  10. Craigsnedeker August 16th

    Amazing resources, awesome!


  11. dabbe August 16th

    yeah! What happened to the chuck anderson style tut ?!!!??!


  12. BroOf August 16th

    Very nice collection, but the most of the tuts i already know…


  13. Lamin Barrow August 16th

    WOW.. this is amazing stuff. Thanks for the inspirational post Steven. :)


  14. loswl August 17th

    Thanks Steven for this post, I see so much from which I can draw inspiration!!..I love the “water drops in 5 minutes” and “Sunken Ship” tutorials and I was also surprised to see my “Living Water” Inspirational Picture, featured here…. thanks :o)


  15. Tom Ross August 17th

    Very nice inspiration! I love these works that are based on the elements :)


  16. Dullface August 17th

    SOme nice stuff in there, most helpfull indeed!


  17. solwyvern August 17th

    Wow, very inspiring! I ;o;
    I love the blue. XD


  18. Harry August 17th

    Wow some awesome tuts there :D


  19. Steven Snell August 17th

    loswl,
    I’m glad you found some useful tutorials, and your work was great and deserved to be featured.

    Broof,
    Sorry the tutorials were mostly familiar to you. I tried to keep it to high quality tutorials, but sometimes that means they are already pretty well known.

    Eric,
    Nice, I’m glad it can help.


  20. Jad Graphics August 17th

    Great Inspiration!


  21. Shane August 17th

    very good selection - thanks for posting.


  22. NaldzGraphics August 17th

    the great list i ever seen.thanks for the list.it really helps


  23. homo August 18th

    weeeeeeeeeeeeeeeeee….i love ice…..(not the water type tho) lol! :D


  24. puppu August 18th

    classic collection..! thanks to Steven and PSDTuts.. :)


  25. Daniel August 18th

    very nice ressources. thanks for sharing ;)


  26. Qbrushes August 18th

    great list of resources. thanks


  27. Seraphim Collective August 19th

    Whoa, nice drop, this will keep me busy in my down time. Thanks a lot.


  28. dlv August 19th

    great post, no way !
    thanks for this tone of information, images and more…
    thanks ! congrats


  29. Oisin August 20th

    Hi check out http://www.tricycle.ie its got an amazing animated seascape background.


  30. Best Photos August 20th

    You can also check this nice compilation of Water in Drops and Crystals. I hope you like it ;)


  31. Best Photos August 20th

    You can also check this nice compilation of Water in Drops and Crystals.
    http://photopostcards.blogspot.com/2007/11/macrocosm-water-in-drops-and-crystals.html
    I hope you like it ;)


  32. Audel August 22nd

    Clever use of water….

    http://www.thecoronabeach.com

    Enjoy!


  33. Joe August 28th

    I really like the look of Tomas Pojeta. Um, is that chick topless in the footer, and does that guy have manboobs?


  34. mahendra November 19th

    jek luwungsajan that mean very very very good.keep the good work dude.


Add Your Comment

( GET A GRAVATAR )
  • Gravatar

    Your Name December 4th

Arrow