Experimental Fun with Backgrounds & Transparent PNGs

Posted by Paul Trusik |26 Apr 11 | 0 comments

Experimental Fun with Backgrounds & Transparent PNGs

For the last few weeks I’ve been tasked with a LARGE (and somewhat tedious) website overhaul, normalizing/organizing lots of data and reading up on usability, with very little breathing room for creative fun.

Even though I was exhausted, it didn’t prevent me from waking up in the middle of the night with an idea that I believe has been festering for some time. My photographer friend Josh Williams was concerned about running into complications with celeb agents/publicists (understandably), so instead of using his stunning B&W photos I went with my first inclination to use a bunch of Versace photography from the early 90s by Ritts, Avedon, and Weber that I fancied growing up; think I even used some of these in my first college Visual Literacy project.

Have fun seeing how the vertical scroll bar interacts with the embedded transparent images (where I knocked out some of the black elements for the backgrounds to bleed through). Eventually, I’d like to carry this over to an experiment utilizing some HTML5 animation effects in Safari and perhaps some parallax effects.

UPDATE: whomp whomp whomp…known issue with scrolling iFrames on iPad/iPhone interface. I normally don’t like iFrames if it weren’t for demo purposes only. Looking for a workaround/hack…for now, please view in desktop browser:)

Example 1:

Example 2:

Example 3:

Example 4:

Example 5:

Leave a Reply

Your email address will not be published. Required fields are marked *