Midnight GIF of the Midday VIA

Midnight GIF of the Midday VIA Train

Midnight GIF of the Midday VIA Train, by aforgrave

Sometimes, less is more.

Sometimes, the first photo of the day is the best.

As animated GIFs go, this one had the potential to be the easiest, it-fell-right-into-my-lap-and-it-was-done GIF.

But No.

I remembered Alan Levine‘s  Animated GIF Assignment 857 “All Aboard the GIF Train” earlier this week, and made a quick attempt to grab a video of the train while it was getting ready to leave the local station. By the time I got in position and ready to shoot, I realized that my camera battery was almost dead. Following the rush to swap out the battery, I managed to grab a somewhat shaky hand-held capture as the train was accelerating away from the station.

When I returned to the video , I eyeballed a segment of the video that seemed pretty stable, imported 50 frames, deleted every other one, and then took a look.

This is the video that resulted:

GIF the VIA Train, 600 pixels at 32 colours 1st attempt

GIF the VIA Train, 600 pixels at 32 colours 1st attempt

I should have stopped there. Can you tell the difference between this one, and the one at the top of the page? Look closely, and you probably can. What you don’t see are all the various attempts between the two of them.

You can likely perceive where the jump is, despite my efforts to conceal it. I was very lucky in that the eye-balled selection gave me an almost perfect loop. Almost perfectly matching, beginning and end. The gap between the two cars just happened to almost magically align. At some point, I went back and imported perhaps three additional frames in an attempt to smooth out the jump. But in the end, I wound up deleting a frame instead.

As it turns out,  the challenge to smoothing the loop wasn’t any one of these:

  • the smoke from the station  (you can see it in the upper left in the second GIF, I managed to remove that without too many artifacts)
  • the shaky handheld work (that managed to line up okay),
  • the acceleration of the train (which I tried to do away with by adjusting the timing of almost every frame — in the end, I put every frame at 0.01 seconds).


No, as it turned out, the challenge  comes from something that was kind of hidden in the image, masked by the fact that the boundaries of the train cars lined up and moved in sync so well.  The visual jump that I worked so hard to remove came, in fact, from an almost imperceptible difference between the two train cars. Check out this GIF, using just frames 28 and 1.

GIF-the-VIA-Train_ChallengeUnderstood

GIF the VIA Train, the Challenge Understood, by aforgrave

With just two frames to look at, the subconsciously perceived difference is a lot easier to see. (Hint: count!) And trying to resolve that with a simple adjustment to frame intervals just wasn’t going to work. When I looked back at the earlier image, with the smoke, it somehow looked good enough. And so I just set the intervals back to a constant, and exported, uploaded, and pressed the POST button. At 23:58, the Midday VIA became the Midnight GIF.

You’ve Come A Long Way, GIFby

Watch your step on the sidewalk of yesteryear’s Information Highway

I’m 99.9% convinced that the first time I saw and recognized and animated gif for what it was, it was something very much like one of these:

01_07_T JKHAMMER HEVEQUIP
shake_e0_150 Animated GIF assignments, on ds106.us UNDRBIG_

 

Maybe you have similar memories?  (Hopefully they are not PTSD-induced flashbacks!)  Clearly the image of website construction was influenced by the metaphor of building the Information Highway at the time.

2012 celebrated the 25th anniversary of the GIF, and provided many wonderful examples of how the venerable image format has matured into a platform for art, and as a source of ds106 Assignments. I was so pleased when Alan Levine selected the “man digging quickly” GIF to represent the new Animated GIF category in the Assignment Bank. Alan’s GIF icon fits right in above (second row, centre) doesn’t it?

After posting my Daily Create 386: Blue Screen of Death animated GIF  yesterday (“Windoes has detect s aystem fluat”), I realized that I needed to tweak my blog theme theme (the standard-vanilla base Gantry theme, used with the versatile Gantry Framework plug-in) to allow for a full-page width image — a custom page layout that does not have sidebar. Normally, I can easily do this within this theme (I use it on a number of sites), but for some reason, the current installation on de•tri•tus is being problematic, and I’m going to need to go into Maintenance Mode and likely re-install a few things to sort it out. (I will likely switch to the WP-Maintenance Mode plugin at the same time.)

It was at this point that I then got distracted into thinking about a custom “Under Construction” animated GIF for de•tri•tis.

Let’s Bring the “Under Construction GIF” forward into this Century!

A search on FlickrStorm led me to a nice CC-licensed image from 2006 by Brandon Daniel (bdu on Flickr) , which I then re-worked into an animated GIF. I then personalized the GIF with my blog name and a nice subtle message about the site being in a maintenance situation, and wound up with this.

“System Maintenance Animated GIF (de•tri•tus 2013)” by aforgrave, on Flickr

This sounds like an ideal opportunity for a ds106 Assignment, yes?

I checked the existing assignment bank, and found 2 existing yet different enough animated-GIF assignments:

 

Neither one of these exactly captures the drive for a new, sophisticated “under construction” GIF  for use on your own, personal web page or blog.

So, let’s make one!!

The Challenge

To honour this little progression of the animated GIF, and to provide all new and existing ds106 bloggers with a challenge, I’m suggesting a new Animated GIF Assignment 911: “Sophisticate Your Own, Personal ‘Under Construction’ GIF”.  We all have blogs. We’re all working with GIFs. Make yourself your own, personal animated GIF to use when you are messing around with the gears, or the  innards, or the unicorns, or with whatever keeps your site humming behind the scenes. And give yourself an extra bonus point if you find and use someone else’s CC-licenced image. You need to do the attribution and all that good stuff to claim the point.  Model appropriate blog maintenance, great design aesthetics, and a conscientious web-citizenship sharing ethic all at once.

Got it? Are you up for it? Are you ready? Go!  Be sure to share your result. We aren’t likely to actually see it in use — ’cause we keep our blogs up and running most of the time, right?  – so make sure to show it to us now!

But wait! 

A Little Reflection

As I went to Google “under construction animated GIFs” on the web to use up at the top, I found the result page to be strangely quiet. (Try it!)  Google Images turned up a page of construction images, but they were oddly static. So static, in fact, that I suspect the obnoxiousity of these have resulted in them being systematically purged from Google’s results in an attempt to avoid their resurgence. Not an entirely bad thing. Conspiracy theory aside (or maybe just judicious for-the-better-of-society editing), in the end I had to seek out that media-format of the 90s, the optical disk.

For the first time in years (as I think about it), I visited the shelf in my office cupboard where all of my CD/DVD-based software has been stored. That I didn’t stir up a layer of dust was surprising. I never used it any more. The Internet and things like iTunes and the App Store have changed how we get at our media. Heck, a lot of the apps we use are even web-based now.

However, I found the “Web Graphics” disk from a multi-disk set I purchased long ago (I think it has a quarter of a million graphics and photos distributed over maybe 13 optical disks) and on it was a directory with Animated GIFS. In there, I found a directory labeled “Construction,” and from there, I selected the representative samples shown above.

Knowing that I may likely never revisit this disk (though I think I may just copy the contents to my HD for future use), here is the list of categories provided on this disk, for posterity, and as a little snapshot of what was available in 1997.

Memory Lane: Animated GIF Collections on a 1997 optical disk

3D Balls
Alphabet
Anatomy
Arrows
Backflip
Bouncers
Bullets
Buttons
Computer
Construction
Creatures
Dividers
Elements
Entertainmant
Flags
Flamers
Holidays
Home
LInks
Machines
Mail
Miscellaneous
Money
Music
Notices
People
Plain 3D
Planets
Science Fiction
Shapes
Signs
Sports
Statics
Technology
Time
Transportation
Wood Door

 

When I think about how we are using GIFs now, for telling and augmenting stories, there is no doubt that the GIF has come a long way, baby. And as a technology, it is far from dead.  It’s just gotten a lot more sophisticated.

So let’s (carefully) bring back the “under construction GIF.” Sound like fun?

Now go make your GIF!

“Optical Disks Montage” by aforgrave, on Flickr.

Deleted Scene from “Reçette Pas Nécessaire” Later Shows Up in “The Shining”

“Deleted Scene from “Reçette Pas Nécessaire” (print damaged during processing) by aforgrave, on Flickr

A poorly developed film negative (see above) resulted in this scene being edited out of the final cut of the third film in Julia Child’s “Le Chef de la mort” action trilogy, “Reçette Pas Nécessaire.”

You can get some sense of the original drama in this animated GIF assembled from two frames salvaged from the scene:

“Deleted Scene from “Reçette Pas Nécessaire” (restored as animated GIF) by aforgrave, on Flickr

As her fans know, Child was often heard exclaiming, “Why use just one knife, when a cleaver and a handful of knives can do such a better job?”

It is commonly agreed upon in Hollywood by people in the know that due to the unfortunate mishandling of the original negatives for this scene in “Reçette Pas Nécessaire,” when the effect was again attempted many later by the same cinematographer while working on The Shining, it was the latter film that benefited from the first exposure of the effect to theatre-going audiences.

A GIF from The Shining, commonly agreed to be derivative of the original (but damaged) scene from the much earlier Julia Child film “Reçette Pas Nécessaire.”

Most agree that, despite the improved technology used in the later film (better lenses, larger film stock, and most notably, colour), the use of a single knife and the absence of a corpse within the shot diminishes the effect from that of the Child original. There is no doubt that the later entry is clearly derivative.

“Oh, we saw The Shining once on VHS,” Child said many years later. “It doesn’t bother us in the least. We had fun making our films, and after a career of sharing our expertise in both the cooking and film industries, we’re just happy to see that our work is being valued and re-served to sate the appetites of today’s young people.”

This is my first official (albeit contrived) entry for the Visual Assignment 2: Say It Like the Peanut Butter assignment. Yes, this GIF is from television, rather than from a favourite movie, but it stands on the originality of the flickering knife effect, the resultant homage that it pays to the assignment, and also helps to set the record straight about the true origin that Shining GIF. LOL.

(In actuality, a static image from this would have been my preferred photo source for The Daily Create TDC 381: Julia Child Action Poster, but the quality of the video was too poor and too dark.)

Since Inception, DS106 Radio Is TOPS! #2years #4life

“Since Inception” by aforgrave, on Flickr

Are you listening? Well, ARE you listening?  You better be!

HAPPY BIRTHDAY DS106RADIO !!!! YOU ROCK !!!

#ds106radio is celebrating its second birthday this weekend. Of course you’ve listened to the open, online, free-form internet radio offshoot of the University of Mary Washington’s Digital Storytelling course, DS106, RIGHT??

I’m sure that DS106Radio’s stickiness comes directly off of Grant Potter’s duct tape. The ds106 community embraces, encourages, supports, and requires the striving for creativity and expression.

Happy Birthday, ds106radio!

The image is captured from Christopher Nolan’s 2010 mind-bending film, Inception, from the scene were Cobb confesses as to how he tricked Mal into understanding that they were, indeed, in Limbo, and needed to return to the “real” world. I’ve made several GIFs of the top from the film. As I was finishing this one, the pun came to mind.

At which point GIF became considerably more involved.

Originally down to 15 frames, with an interval of 0.1 seconds per, the rotation rate of the top seemed and looked right. Longer intervals would have made it move slowly, clunky, and defeated the illusion of the endlessly spinning top. So to get enough frames for the text (rather than just an on/off static text at the end, I wound up using the copy all frames – paste after last – reverse selected frames technique to lengthen the loop. That extended it to ~30 frames. Then, as I started adding new layers for the text and checking the timing, I found that things needed considerably more time so as to not look too rushed. And I decided to split the top line into two pieces. And then have ds106radio stick around to resonate with the #4life once all the other text was gone. In the end, there were 90 frames in the final GIF.  They were still based on those original 15 layers/frames, with 5 additional layers added for the text. And then hand toggled on or off (with gradual adjustments to text transparency) to get the end result.

Originally the text was even closer to the dark colour palette (mostly grey), but it was just a bit too subtle. I settled on web-safe #333333 — it might still be a bit subtle, but I’m good with it.   I’m going to stick this one into Animated GIF Assignments 869: GIF the ds106.

It’s been especially fun listening to ds106radio the last few days, as folks drop in and play tunes and celebrate. Although I think the current playlist is on a second repeat since I started listening earlier today. Might need to do something about that.

Is it your time to give Otto a break??

Thanks, DS106radio, for your role in supporting this artistic community.  And now, go make us all some art, dagnabbit!

 

 

Marnie

“Marnie” by aforgrave, on Flickr

From HItchcock‘s 1964 film of the same name. Here, Marnie (played by Tippi Hedren) waits quietly in the washroom stall at work at the end of the day while waiting for everyone else to leave. The camera focuses on her for the duration of the scene, while she listens and waits to hear the other ladies finish their small talk and leave for home. Once all is quiet, she then re-enters the office to burgle the safe.

Over the course of the film, her husband (played by Sean Connery) continues to rescue her from prosecution, and seeks to uncover the mystery behind her compulsive behaviours.

The lighting and framing in this shot is wonderful, emphasizing how isolated and removed Marnie is from everyone. Given that there is virtually no movement for the duration of this piece, aside from a shadow on the wall above Marnie’s head as someone enters, and then subsequently exits the stall behind her as the room empties, it makes for quite a tense shot.

Having been finalized close to the end of my GIFestivus2012 run (although I still have a few left to post), this one was one of the GIFs I was able to work on and apply what I’ve learned to make decisions as I went to move towards the finished product fairly quickly. Reduced from 152 frames down to six frames (with several repetitions), the GIF features a mask for all but the face (could have just gone with the eyes, but there is a bit of head movement and some face shadows), timing intervals ranging from 0 to 8 seconds, an overlay in the upper right (can you see it?) to deal with the aforementioned shadow on the rear wall, and at the full 256 colours, a comfortable 205 kb at 600 pixels wide. (Given that I was posting GIFs > 1GB to begin.)

I’m submitting this one as part of GIFestivus2012, for the ds106 Animated GIF Assignment 865: GIF Me Again About My Eyes.

More Hitchcock to come, though I’m still looking for a nice scary one for MBS’ Animated GIF Assignments891: Psycho GIF.

Advancing Storm

“memories” by jasleen_kaur, on Flickr
(CC BY-SA 2.0)

In support of my renewed commitment to the Photo-A-Day Project 365 endeavour, I’ve been transferring images off of memory cards, and started sorting and cataloging photos from as far back as the summer of 2011. It’s actually been that long since I took a disciplined approach to managing my images!

Some may recall (Giulia, so patient!) that it took me most of August 2011 to get whittled through my 800+ photos from Unplug’d11 (I was somehow quicker this past year! I didn’t take as many pics.).

Things like our family trip to Washington D.C., however, or the Windsor photo walk in August with Diane Bedard (@windsordi) and Alan Levine (@cogdog) never did get sorted out in the mad rush of the weeks preceding the return to school in September. (I was getting ready to teach in a new school you may recall, but we found out the week before that it wouldn’t be ready, so we set-up in my previous school, but I had to unpack in a completely different space, and then we moved to the new school after four weeks once it was ready, … yada, yada, yada…)

So, while I’ve not yet posted any of those images as of yet, I came across an animated GIF that I completed this past summer (2012) during our family holiday in Québec on the shore of the St. Lawrence. In checking back on de•tri•tus, it turns out it got lost in the shuffle and was never posted! (It’s not the only piece of art — or piece of writing — that got misplaced or unfinished when something else captured my attention.)

However, in the spirit of GIFestivus2012 — and perhaps with a nod towards the current political/education situation in Ontario, I present, Advancing Storm.

Advancing Storm” by aforgrave, on Flickr

This GIF was made from two panorama shots that I took with the iPhone PANO app while on the beach below the cliff. Between the time of the first panorama and the second one, the clouds swept up the river, and by the time the app had started stitching the second image together, I was booting it for the stairs back up the escarpment to the house.

Made from only two images, the animation is somewhat artificial — I’m fairly certain I used the ‘tween feature to cause a gradual shift from the first to the second image — either that or I effected something hand-crafted using layers and transparency. But the overall effect is not unlike the very rapid darkening of the sky that took place on or about July 12th, 2012.

As an afterthought, I’m going to submit this for a new Animated GIF Assignment #892: “GIF the Weather, Man!”  Care to join in the fun?

(BTW, I’ve also found my long-uncompleted Bladerunner GIFs from that same week. I’ll get those finally sorted out and post them shortly. My newly GIFestivus2012-enhanced GIFfing skills should help in that regard.)

And thanks to Rowan Peter (@rowan_peter) and Alan Levine (@cogdog) for their support in clarifying that, yes indeed, you CAN post animated GIFs to Flickr (with a name like that, why not??) — AND have them animate!!

Infinite Dash of Rainbow

I’ve had this GIFestivus2012 GIF done for a few days. It’s for Ben Rimes’ Animated GIF Assignment 871: My Little Pony, Friendship is GIFtastic.

Rainbow Dash and the other pony look like they’ll be flying for some time now. Check back later to see if they’re on a break.

RainbowDashRacingFEWER_620at16

It took quite a bit of fiddling to get this one close to a loop. But now it looks like an old Hanna Barbara cartoon where the characters are fake running in front of the rotating scenery. Still a lot of frames — I edit these things down as best I can! It still looks good at 16 colours. But large at 1.3 MB for this 640 pixel wide image.

More recently I’ve had some success reducing file size by adding transparent sections to various frames, and having the non-changing parts present on only one common frame. But there’s nothing in this one that repeats. Each frame is different.

However,  we’re getting there. 

Wishing You the Best for 2013 !!

3_TheBigFireworkShow_640at256

Wishing you the very best for the coming year!!

This animated GIF is made from a series of screen captures from MineCraft, where the sign for 2013 was built during the last two hours of 2012. Rather than using Lego this year (I’ve kept my previous builds for 2010, 2011, 2012 — I’m running out of blocks) this sign was built from hand-crafted sandstone blocks, and decorated with torches and hewn nether rack. Unlike the 3 previous years, where the signs where smaller than me, in this instance (relatively speaking) the sign is several times my height in the Minecraft world. Ladders, climbing, jumping, falling, … and eventually, flying were involved.

Many thanks to EDU Gamer MineCrafters extraordinaire @liamodonnell, @melaniemcbride and @jasonnolan for the wonderful New Years’ fireworks that added so much to the lighting of the 2013 sign. You EDU Gamers truly rock!

A number of different images of the in-world fireworks from various screen captures were composited onto the existing ones so that the final image (with added message) could reflect the true excitement of the transition to the New Year.

A video version of the animated GIF is posted on Flickr. It’s not as sharp as the GIF, despite being a much larger file.

And so, again, my very best wishes for 2013. Be creative, innovative, positive, strong, purposeful, focused, playful, humourous, happy, collaborative, energetic, insightful, wonderful, sharing and caring … and any other fine adjectives that strike your fancy!!

The year has begun!

OSS117?s Bedhead

Prior to the two recent film parodies of OSS117 (Cairo, Nest of Spies, and Rio Doesn’t Answer) starring Jean Dujardin, I’d not heard of the original character, secret agent Hubert Bonisseur de La Bath, who pre-dates Ian Fleming’s James Bond by four years. Appearing first in 1948, OSS 117 was a creation of French author Jean Bruce, who wrote 91 novels in the series, followed by another 143 written by his wife after he passed away, and then continued by their son and daughter, who added another 24 books. That’s a few more books than the 12 Bond books written by Fleming. Although there were a number of OSS 117 spy films made during the late fifties and sixties, they stayed off my radar, which, attuned to such narratives (albeit after the fact), did manage to pick up James Bond, Simon Templar, Napolean Solo, Jim Phelps and crew, Harry Palmer, and even Maxwell Smart, Matt Helm, Derek Flint, and Modesty Blaise.

At any rate, I was impressed with Jean Dujardin’s tongue-in-cheek, yet low-key send-up in  the 2006 film, OSS117: Cairo, Nest of Spies. Dujardin’s physical comedy is less overt that Peter Seller’s Inspector Clouseau, and the humour is more heavily based in subtle digs at the original spy movies and characters of the sixties. Watching Dujardin’s portrayal of Hubert de la Bath reminds you of Connery’s Bond, but in a way that helps you appreciate how ludicrous the character is.

For example, Bond’s hair. Rarely does Bond EVER have a hair out of place. This point is simply emphasized by a single, short scene in Cairo, Nest of Spies. Like Bond, de la Bath’s hair is always immaculate. We are taken aback one morning when he appears with severe bedhead. However (and this takes only seconds in the film), his hair is simply restored to its natural perfect appearance with a single swipe of the hand. And then the movie moves on to the next scene. That’s the extent of the bit. Downplayed, yet so telling.

Here’s a GIF of the short bit.

BedHeadSMALLER_500at64

Lest you think I’ve abandoned GIFestivus2012 (perhaps soon to be extended as GIFestivus2013), I’ve been working on a series of GIFs from a movie over the past week for the Multi-Frame Animated GIF assignment. Or maybe it should be for the Summarize a Movie with Animated GIFs assignment (just ran across that one!) ???  In addition to watching the movie, I pulled around 30 clips as possibles for GIFfing, and have been working away at some of them since then.  I also have plans of trying the Animated Movie Poster assignment, as I think the material would be really good for that. But that project will stay under wraps a bit longer.

I will return to this OSS 117 Cairo, Nest of Spies down the road, but I had this one done and thought I would post it as a one-off. Not sure if it fits into any of the existing assignments. Likely has too many frames for Say It Like the Peanut Butter assignment.

The Slooooow Wait & The Top 89%

Remember dial-up? Remember when your 14.4 modem just screamed in comparison to the earlier one? Remember when you used to watch the status bar as a small file downloaded?

I still remember the magic of the first file arrival, as it came into my computer over the local Datapac dial-up phone connection. Truly amazing at the time.

But I also remember this:

slooooow-connection

Interlacing is an option to this day. But for a lot of folks today, their connection is fast enough that images load all at once. Boom.

But not everyone has a fast connection. While this little display is contrived via the magic of an animated GIF (137 horizontal while lines, covering the image and removed at the rate of one per frame, with various intervals thrown in for realism and to evoke memories of the olden days, and short-term frustration), the Speedtest badge is real. My buddy Doug used to send these to me regularly, as we both have the same ISP, and would compare our download specs on bad days. Typically Doug’s stats would be similar to the one above. Grade: F, slower than 89% of Canada. Mine typically sits at around Grade C or C+, with roughly 52% of Canada enjoying a faster download.

How would YOU like it if your Internet connection were this slow? Or stopped working for hours on end?

Doug recently moved up to the new 4G service, and he tells me that the speeds are better, and more consistent. But now he has to watch that he doesn’t download too much data within the month and incur fees for going over. I’ve been there. Not fun.

Created for GIFestivus2012, this is my second submission for Ben Rimes’ “Hurry Up and Wait” Animated GIF Assignment 864.