130 New Street
Decatur, Ga 30030
404 419 7227
  Contact Us

Twinsparc is a design studio.

We mostly design and build web sites, but we are also known for our print and identity work.

Our goal is to make sites that are easy to use, accessible to more people, and play nice on more browsers.

FROM THE ARCHIVE

WetFloor

WetFloor

October 13th, 2005 by Nate

It’s been around a while in Steve Job’s keynote presentations, but with the new Mac OS X application “Front Row” it seems Apple has fully embraced an image treatment I’m calling “wet floor”. You’ll also see it used in the new video interface for iTunes 6. Want to do something like this yourself?

Here’s an Adobe Photoshop action set you can load in that will automagically create this effect for any image. We’ve included an action that works on black backgrounds and one that works on white backgrounds. Download WetFloor.zip here.

Some tips: Make sure your image and background color are a flat image in their own layer, not in the background layer. The margin underneath your image will be doubled to make the space between your image and the reflection, keep it slim. Have fun.

Want a little more direction? Watch me demo the photoshop action in this quicktime movie (zipped it’s 3.6 MB): Download.

Update: Someone who goes by “Cow” made a javascript effect that does the same thing, no need to open Photoshop.


 
130 New Street
Decatur, Ga 30030
404 419 7227