I’ve No Aversion to GIFfing

Aversion-Therapy300_256_SegmentB0 Aversion-Therapy300_256_Segment2
Aversion-Therapy300_256_Segment3 Aversion-Therapy300_256_Segment6
Aversion-Therapy300_256_Segment5 Aversion-Therapy300_256_Segment7b
Aversion-Therapy300_256_Segment7a Aversion-Therapy300_256_Segment8

I had a instant case of GIF-eye-tis when I saw the poor Resident twitching away in the Aversion Therapy room in the episode A Change of Mind. This one little moment says so much about how The Village seeks to control the individuals and require them to conform to the stated norms. The carrot (“like Number 2″) and the stick (“avoid Rover,” be mutual) are conditioning of the worst kind. That the man progresses from a state of stillness to a Ā state of completely unrestrained fear within a few short seconds and at the whim of Number 2 says so much about the lengths to which “the community” will go.

And as a GIFfing opportunity, a static camera with limited changes in the viewfinder made this a perfect subject.

GIFfing Process

In selecting an excerpt from the scene to start with, I captured about 20 seconds of frames (8 seconds per frame, ~ 160 frames), and as I looked at them more and more, I realized that while the single panel GIF of the resident was something to isolate, the larger story was also important.

My editing process had me working towards a single GIF, but despite a considerable amount of masking of unchanging parts of numerous frames to reduce the file size, the GIF was still way tooĀ large for my liking. Ā In the end, it seemed like a candidate for Animated GIF Assignment 880: Multi-Frame GIF Story, and so I chopped it up with a bit of judicious re-ordering of a couple shots to capture and emphasize this little segment. Ā (4 Credit Units!)

The Multi-Frame GIF Story allows you to re-present appreciate aspects of a sequence by juxtaposing and repeating in a way that is not so possible with a solely linear presentation. Rather that following a flow in sequence, your eye and mind can jump around and appreciate contrasts in elements such as tempoĀ andĀ emotion.Ā  I think it works better in the 8 frames above than the larger single GIF format (you can compare below).

Factors Influencing the File Size of a GIF

Back in the early days of the Internet, small image fileĀ sizes were paramount when everyone was on dial-up with super slow modems. Despite high bandwidth and high speed connections in this age, there is still a philosophy of economy that can lead one towards optimizing the file size.

The file size of a GIF is influenced by a number of factors:

  • Dimensions LxW of the GIF. Decreasing length and width by 1/2Ā decreases the pixels by to 1/4. (Think area.)
  • Colour depth of the GIF. GIFs are restricted to a maximum of 256 colours per frame, Ā but you can use less. Fewer colours means a smaller file.
  • Number of frames. More frames increase the file size.
  • Consistent content from frame to frame. If large areas do not change from one frame to the next, the GIF can economize. Limiting the animated portion of the GIF through techniques such as masking and transparency can significantly reduce the file size.
  • Time intervals between frames may also be a factor. (Or at least theyĀ used to be for Tumblr.)
  • Other factors such as interlacing and various colour reduction and dithering algorithms can all influence both the image quality (positively or negatively) and file size (again, positively or negatively).

Experimentation can result in finding the bestĀ compromiseĀ between file size and image quality. If the GIF dimensions get too small, it can be really difficult to appreciate the detail.

Here are some numbers for those of you who might be interested in seeing how some of theseĀ various factors can influence the size of a GIF.

• InitialĀ GIF • 631×480 pixels, 256 colours 9.9 MB
• Reduced dimensions and colours • 600×456 pixels, 64 colours 5.9 MB
 • Reduced dimensions • 300×228 pixels, 256 colours 3.4 MB
• Panel 1 • 300×228 pixels, 256 colours Ā 385 KB
• PanelĀ 2 Ā 244 KB
• PanelĀ 3 Ā 677 KB
• PanelĀ 4 Ā 339 KB
• PanelĀ 5 Ā 131 KB
• PanelĀ 6 Ā 421 KB
• Panel 7 Ā 437 KB
• Panel 8 Ā 111 KB
"Aversion Therapy, 631x480 , 256 colours" 9.9 MB

“Aversion Therapy, 631×480 , 256 colours” 9.9 MB

"Aversion Therapy, 600x456, 64 colours"

“Aversion Therapy, 600×456, 64 colours” 5.9 MB

"Aversion Therapy 300x228, 256 colours" 3.4 MB

“Aversion Therapy 300×228, 256 colours” 3.4 MB

Multi Frame GIF Story: Beaker’s Hair

The ds106 Digital Storytelling GIFfest (known as GIFestivus2012 around here) continues, this time with a two-fer. As well as providing another submission for the Animated GIF Assignment 856: Muppet GIF assignment, it’s also going to reflect a new Animated GIF Assignment 880: Multi-Frame GIF Story.

Thanks to Jim Groom for pointing me at the multi-framed GIF story idea. It seems like an excellent way to highlight important themes or details within a longer narrative, like a movie (hint, hint). But it also tells a nice visual story here from this short muppet clip.

I’ve always wondered what Beaker did to get his hair like that.

Beaker1_280 Beaker2_280
Beaker3_280 Beaker4_280
Beaker5_280 Beaker6_280

Some thoughts, just as I finish finagling these six GIFs into a nice table so they can be viewed in tandem.

  1. I didn’t know that you could get electric metronomes. I guess you maybe need them for really, really long songs.
  2. The fifth panel was made using a small number of sporadic frames that existed as the lights shorted out now and then in the original clip. I thought it would be neat to envision how this might look with a longer sequence of darkness. The big plume in the upper left was the result of a little photoshop editing.
  3. I wonder how this might be different if I applied the “less is more” approach, say three or four key frames per GIF. Hmmm. Maybe I’ll revisit this when I’m out of other ideas for GIFestivus2012.

Neat, eh? Now I want to do this with a movie. I wonder which one I’ll try? Hmmmmm.