The Art of the Animated GIF
theodp writes "Some artists work in oils, some in pastels, some in acrylics. Photographer Jamie Beck and motion graphics artist Kevin Burg? Their medium of choice is animated GIFs. 'We wanted to tell more of a story than a single still frame photograph but didn't want the high maintenance aspect of a video,' said the two of their unusual collaboration. Needless to say, these are not your father's GeoCities 'Under Construction' GIFs — it can take several hours of manual editing for Beck and Burg to breathe the whisper of life into each image."
http://www.effectgames.com/demos/canvascycle/
The images aren't loading on the page, so here is the original blog with more images: right here. And I would also say one of the nicest looking web page designs I've ever seen.
"First they came for the slanderers and i said nothing."
We need to start utilizing APNG or MNG. Firefox does support APNG, most Webkit browsers do not sadly. APNG has the advantage of displaying the first frame in any PNG capable program. http://en.wikipedia.org/wiki/APNG http://en.wikipedia.org/wiki/MNG
...animated gifs
Chaos maximizes locally around me.
I think it's more that Gawker uses a moronic JavaScript method of making pages, with no non-JavaScript fallback. I use NoScript, therefore, I'm not going to see the article. That's fine, as I'm sure that someone else will post all the interesting bits in the discussion thread.
I really wanted to see those animated gifs that take ages to make though. They must be awesome. But not enough to potentially open up my browser to an attack. If Gawker are too incompetent to make a non-JavaScript fallback,I don't thin they'd be able to protect themselves against someone taking over their site and inserting malicious JavaScript in it...
(Also, MNG and APNG, neither of which has any real support. Have the GIF patents expired yet?)
Appended to the end of comments you post. The maximum is 120 characters.
These are some of the best animated gifs I've ever seen.
The CB App. What's your 20?
From the Article
So why did Beck and Burg choose the GIF format, rather than something more flexible like Flash? After all, it doesn't take more than a couple of these gorgeous pics to slow most browsers to a crawl. "The format has interesting capabilities as well as some severe limitations which are very influential in the visual style of our images," say the pair. "GIF is very basic, highly linkable through outlets such as Tumblr, and integrated into the web. Flash certainly has more capabilities but since our images are at their heart a traditional photograph, a format like .gif makes the most sense."
I know its not fully supported across all browsers yet but the format would be even more integrated into the current web. I don’t think GIFs deserve to be called the "Jazz of the Internet"[article]. I was hoping bad GIFs were something from last decade, that stayed there.
Most work well in Firefox 4
http://svg-wow.org/
http://en.wikipedia.org/wiki/SVG_animation
PS the pics are quite good but they promote GIF when it should die
I've always liked these wiggling 3D animated gifs.
Where are the spinning skulls? WHERE?
"Shit, I'm running a quad-core with 8 gigs of RAM and a T-1, with only one tab in a single browser window open, isn't everyone??"
And while you're at it, throw in a lot of JavaScript with loops and poll the server every 9 seconds to see if anything new has been put up on the server. And pull in lots of include scripts from your advertisers doing the same sort of crap. You know, sites like Huffington Post, or, errr, Slashdot....
No folly is more costly than the folly of intolerant idealism. - Winston Churchill
You get the non-javascript fallback by using _escaped_fragment_. Unfortunately half of the page is hidden behind a floating window that doesn't have a close button. :/
Apparently I'm not the only one who dislikes the design. from here:
Appended to the end of comments you post. The maximum is 120 characters.
Skip Gawker. Go to their website directly:
http://fromme-toyou.tumblr.com/tagged/cinemagraph
And yes, they are truly beautiful animations.
// file: mice.h
#include "frickin_lasers.h"
Back when I was in highschool I wasted all my time in Video Production class on YTMND. Luckily most of Adobe's products (including After Effects) exported to GIF's so I could essentially throw together a top-notch YTMND in mere minutes. Anyone young/old enough to remember Pokesex? After effects! :P
At which point you then quote your OS, Architecture, Version, and Plugins, else the "oblig" hasn't really been satisfied.
Instead you've just added more uncertainty... though perhaps elaborate troll is elaborate... hrmmm.
This is my footer. There are many like it, but this one is mine.
Zzz...animated gifs...zzz...1997...zzz...256 colors...zzzzzzz....
Please. Wake me up when we've invented animated PNGs.
lossless + animation = movie-like images
Someday we'll hit the human carrying capacity. And the band will just play on.
I believe you can find the original, with more animations, at http://fromme-toyou.tumblr.com/tagged/cinemagraph
>> too incompetent to make a non-JavaScript fallback
What you said.
At least fall through to a no-script page that tells me my browser sucks instead of failing to render. If they can't understand graceful degradation, they should get out of the business.
I remember exporting individual frames of animated GIFs, correct/add something to, or just reverse it, put it back together and use it on another crappy Geocities website.
Oh, and the "Awards"! Apparently clicking links through images was a difficult task back then. I gotta admit, I have a little corner in my heart for the god damned MIDI files.
All glory to Arstotzka!
I hate the animated gif format because it's so often abused to make shitty, grainy silent versions of clips that could just be put on youtube or elsewhere - and probably take 5x of the bandwidth a proper format would have taken. Idk why people do that other than they lack basic video editing skills.
too incompetent to make a decent functional website
FTFY
Seriously who told them sticking some big ass bar with NO close button was a good idea? because I'd like some of what they are smoking. No wonder their traffic was cut in half and is falling like a stone, 20 seconds on that site and I was "Run away! Run away!" from the horror. Funny that this happens on a discussion of GIFs, as I thought that kind of lame ass web design went out with Geocities and the Timecube guy.
As for TFA, while there are some artistic ones on that site IMHO they like playing with wind too much. The guy reading his paper in the middle of a busy park was cool though. BTW how long is GIF still under patent anyway? Surely it has to be getting close to PD by now? Let us just hope that once it is PD it doesn't become "popular" like it did during the days of Geocities. Between the fifty million bouncing GIFs and the blink tags it was like web design by a committee of color blind drunks.
Of course seeing some of the flash nightmares on the web I can say they have learned to slam a CPU with modern tech just as well as they did during Geocities with blinks, GIFs, and Comet Cursors. Give them credit folks, nobody could slam the living hell out of a CPU like the Geocities "artists" and their websites from hell. The GIF patent mess was one of the few times I was happy about patents . I was like "Go GIFs...and take the blink tag with you!". Maybe it was just me, but I found a web free of GIFs to be a nicer place to be.
ACs don't waste your time replying, your posts are never seen by me.
enable animation for lulz
Maybe there are more patents lurking around animated GIFs, but the main LZW patent that Unisys was using to scare people away from GIF in the 1990's expired years ago.
That page you sent people to is a good example why. the 32k GIF renders extremely slowly on both FF4 and IE9. It goes one block at a time. Also, when I looked at the properties of it in FF, it only showed the first block, and then proceeded to do so on the page, even after a reload. Not the kind of thing you want on your webpage.
Also there's the fact that precious little saves them. The reason is that the GIF format does actually NOT support more than 8-bits per pixel. What they are doing to make those high colour GIFs is messing with animation. You make a non-looping animation that doesn't render the whole image area, but rather tiles. Fine but:
1) It is a rather hacked way of doing things.
2) It is slow in most browsers (as I pointed out).
3) It defeats any hope of having an animated GIF since it is using animation.
For all practical purposes, GIFs are limited to 256 colours. In the case of animations you get 256 per frame, and the frames don't have to be the same though some programs may not support that correctly.
Well, Mr Nonymous didn't specify any of that information either, so it wouldn't serve any use for comparative purposes.
here's a link to the article that gawker used. http://www.fastcodesign.com/1663683/far-better-than-3-d-animated-gifs-that-savor-a-passing-moment
I've decided to Diversify my Holdings. I've divided my cash between my left and right pockets, instead of all in one.
I must say, I've just seen the first animated GIFs that I actually enjoyed.
Thanks, guys.
Assorted stuff I do sometimes: Lemuria.org
Actually, you just mentioned one of the key problems with Web 2.0: "Why bother to link the site of an unknown artist who might be able to use the traffic, when you can link an intermediary aggregator first?"
My first Journal Entry ever, in 8 years! http://slashdot.org/journal/365947/aphelion-scifi-fantasy-horror-poetry-webzine
It would be nice to have pause / slo-mo / select frame / reverse / etc for GIFs.
Prisencolinensinainciusol. Ol Rait!
What about a Slashdot Fork?
Isn't the base code OSS/CC Attribution?
Don't we say that any one of thousands of us has better grammar than what shows up in summaries? Should we link to original sites rather than awker & friends?
All someone needs to figure out is how to keep the trolls from posting stories vs the rate they post comment. Maybe a 5-person metamod before it gets released?
My first Journal Entry ever, in 8 years! http://slashdot.org/journal/365947/aphelion-scifi-fantasy-horror-poetry-webzine
The coolest looking animated gifs I've ever seen are on mspaintadventures.com
if we don't, remember me
Do you even lift?
These aren't the 'roids you're looking for.
GIFs would be downright tasteful these days. The reason GIFs seemed so terrible in the day is because of general crappy design. Flash is animated, these GIFs are clearly more tasteful than most flash, and GIFs can only animate. They can't spew sound or rape your computer. Our ability to design has grown up a lot since geocities and has nothing to do with the specific implementation of animation.
If I can just reach out with my words and touch a butthole, just one, it will all be worth it.
In all fairness, it is an animated gif.
Well said. It seems Web2.0 has come with Stupidity factor without which it does not work.
And, I am anyway not clicking on ANY gawker link. They do not deserve any traffic whatsoever, especially not from /..
Don't waste your time at the scummy Gawker site, click straight through to the artists pages. There's even more amazing stuff there. Some of it very subtle, very beautiful.
I'm pretty impressed with these, though I was pretty impressed with the dancing baby. too, so I'm probably half a moron.
You are welcome on my lawn.
These animated images are very reminiscent of the moving photos in the Harry Potter movies. If they could only figure out how to do that in a print medium....
I blame W3C, who in their small minds failed to create any decent method of creating a div layout with multiple equal height columns, which is what every damn site wants to do.
For me: The images are hosted on a site that is blocked by my workplace so I have:
...animated creations that are "something more than a photo but less than a video."
Here's one of my favorites:
Warning! Access to this site has violated...
The pair was inspired... each image.
Warning! Access to this site has violated...
/sigh
Every time I start to have faith in humanity, I ruin it by driving to work between 7 and 8 am.
But there is enough of each image shown to right-click and open or save the image by itself. Or you could just go to the artists' site, as mentioned by someone below: http://fromme-toyou.tumblr.com/tagged/cinemagraph
It is interesting work based on a really nice concept.
To prevent them from getting slashdotted?
It worked for me once I removed the #! from the url.
try this: http://gawker.com/5795002/the-art-of-the-animated-gif
Doesn't Harry Potter pictures use this technique?
This comment may contain speech figures. Reader discretion is advised.
I find the animated GIFs that they produce to be creepy and unnatural. I would think that most people would respond negatively to partial animation as it is unnatural movement. This is one of the reasons why horror movies use these type of techniques. In addition, one of the stated reasons for not shooting video is because of the amount of effort involved. I'm not sure that I buy this argument as it seems that this technique would require more effort to get it right.
In my opinion either you shoot movies or you shoot stills. If you want to add animation to a scene, then you use a green screen.
David
I'm almost disappointed.
To have a right to do a thing is not at all the same as to be right in doing it
Not only Firefox 4.X but Chrome also PS I'm a big Gawker fan
Think of how stupid the average person is, and realize half of them are stupider than that.
I could take a screenshot and send it to you... :-P
Let's see how long it takes some of you to get that joke...
SIG FAULT: Post index out of bounds.
"an animated gif paranoia about nonstop design workers" - http://www.iamnotanartist.org/index.php