Skip to content

From Hokey To Hip: Animated GIF Goes To Hollywood!!

October 14, 2011

Early animated GIFs were pretty simple. Flashing lights were popular. Starting with version CS2, you could build animated GIFs entirely in Photoshop (earlier versions also required ImageReady). Here’s a video tutorial by Howard Pinsky which shows how to construct a “flashing lights” GIF similar to the one shown below. simple animated GIF showing a movie marquee with flashing lights circling around the words Feature Presentation

Because animated GIFs are constructed using layers, you can easily position your “flash” behind an object, like so:
animated GIF showing skull and flames on black background

Using just a few frames, you can construct a humorous animation, like the, um, exotic dancer shown below. This RDesign tutorial shows how to construct a simple GIF animation in Photoshop CS2. This Russell Brown tutorial shows two different approaches to creating a 5-frame animation in Photoshop CS3.
animated GIF of elephant wearing jeans and thong underwear swinging hips and doing exotic dance

Recently, animated GIFs have acquired a new cachet– and a new name: cinemagraphs. Photographer Jamie Beck and graphics artist Kevin Burg are credited with coining this term. They’ve written this very short history of cinemagraphs.

One of their images is shown below. It’s one of the most common types of cinemagraphs: billowing hair and/or clothing in an otherwise still photograph. You can see more of their work at cinemagraphs.com.

animated gif cinemagraph showing fashion model in gown sitting in front of mirror with her long hair gently blowing in the breeze

Rain and snow are also commonly found in cinemagraphs, like this rainy night in the city:
animated GIF cinemagraph showing rain falling on a downtown city street, with neon lights reflecting on wet sidewalk

Below is a good example of my own personal favorite type of cinemagraph: the animation is restricted to a single individual or element in what is otherwise a still photograph. The effect is mesmerizing. It reminds me of certain episodes of Rod Serling’s original Twilight Zone television series, where individuals become trapped in a static or frozen world.  animated GIF cinemagraph of busy city street scene with man sitting on bench turning the pages of his newspaper

Given their potential for easy laughs, it’s not surprising to find cinemagraphs that
feature movie stills– a return to hokiness!! Here’s one from The Shining, starring
Jack Nicholson and his eyebrows…animated GIF cinemagraph showing Jack Nicolson flashing sinister smile at little boy in scene from the horror movie The Shining

How about Lee Van Cleef playing catch with his gun in The Good, The Bad, And The Ugly? Mmm… he’s Bad!!animated GIF cinemagraph showing Lee Van Cleef tossing gun from hand to hand in scene from the movie The Good, The Bad & The Ugly

And here’s a nice bit of creepiness from Alfred Hitchcock’s Psycho, starring Anthony Perkins as Norman Bates. You may have to stare at it a bit before the hair stands up on your neck!animated GIF cinemagraph showing Anthony Perkins as Norman Bates giving sinister smile in scene from the movie Psycho

You can view more movie cinemagraphs at Arshad Cini’s excellent DesignBeep blog.

What do you think? Have animated GIFs evolved, or are they just wearing fashionable new clothes? Hope you’ll leave a comment.

And if you enjoyed this post, I invite you to subscribe. Just click on the Subscribe button below the Portfolio Thumbnails in the sidebar at the top right of this page.