Pods embed error: Pod not found

Animated GIF Warm-ups

Today, at the beginning of week three (visual), I decided I needed to review how to download video, select frames, and make GIFs. I watched the episode The Professor, and noted several opportunities.

To download the episode, I grabbed its URL from the prisoner106 archive, and entered it into the video downloader at en.savefrom.net. I’m hoping this site works well without any malware. So far, looks ok. It took about half an hour to download, then I had to save to a flash drive since I was at work. Once home, I copied the file to my own computer to work from.

To grab frames, I used mpeg Streamclip, a freeware product often recommended within ds106 circles. John Johnston has a basic list of steps, which I have modified since I use GIMP, and list here:

1.Open video in MPEGStreamclip
2.Select in and out points
3.Trim (command T on a mac)
4.Export to Other Formats…
5.Choose Image Sequence
6.I usually click options and choose Jpeg and 12 frames /second
7.Export
8.Open as layers in GIMP
9.Delete unwanted layers
10.Preview with the Effects>Animation tool
11.Adjust layers and timing for best results
12.Export to Gif

And here are my results:

Reading the Input

Reading the Input

Danger Meter

Danger Meter

Professor Worry

Professor Worry

Page Turner

Page Turner

I’ll be trying to improve my technique during the week.
Be Seeing You!

My #ISTE2015 Animated GIF Day

lonely higway gif

For many years I protested that I had no clear need to attend the annual International Society for Technology in Education (ISTE) Conference. From the social media streams and vendor receptions, it has the appearance of an ostentatious event focused on selling the latest and greatest gadgets, apps, and technology solutions to educators. Many of my colleagues and educator friends have protested, “but Ben, the connections?! How can you be missing out?” Truth be told, I’ve been intentional about the individuals that I’ve networked with; I’ve prioritized developing relationships with educators that I have the opportunity to collaborate with face-to-face at state-level or regional events. Many in the ISTE crowds would likely see my actions, and choice not to attend in previous years, as shortsighted, professional unsound, and otherwise snobbish of me.

All of that may be true. Regardless, I didn’t want to attend this major event until I had something to offer to the collective whole. I’ve been to conferences with national scope before, but they’ve all been smaller gatherings focused on specific topics (games, STEM, social activism, etc.) and I’ve played a role in either presenting, volunteering, or leading a workshop. This last year, I finally found a hands-on presentation model that I felt was unique enough to bring to the bigger ISTE table without using the words “best, app, tools, or epic” in the title. On a professional level, I’m prouder than I should be about that.

I’ll be writing about the presentation, and reflecting on how it was received by attendees, later in the week. For know, I wanted to have a bit of fun documenting my first ever day at the ISTE conference with a classic “Animated GIF Day” post! If you’re curious, check in on this post throughout the day for updates.

shaving gif

3:34 AM – I got up at what I like to call “stupid early” and took care of shaving, showering, and heading out for the airport. The last time I can remember getting up this early was for an ill fated attempt to score a Black Friday deal several years ago…looking back, the crummy free webcam I got from Best Buy really wasn’t worth the dark circles under my eyes by 10 am. I’m guessing ISTE will prove to be a much more worthwhile reason for getting up so early.

lonely higway gif

4:30 AM – I can’t remember the last time I drove down such a lonely stretch of road. Other than a few garbage trucks getting an early start on the day, the road was rather empty. I live 45 minutes away from the South Bend Airport, so I had a nice peaceful drive, caught up on a bit of This American Life listening, and fought the urge to stop at McDonald’s (fast food is not good food).

Animated Gif Assignment

Favorite Musician Gif.

Although I have been a self-proclaimed feminist for years, I hadn’t listened the a lot of lady’s performing rock music in my life. When my boyfriend introduced me to Sleater-Kinney a few weeks back, I immediately changed my ways. These girls rock so hard and they do it entirely effortlessly. There were a band through the mid 1990’s, and didn’t break up until 2005, so there is quite a lot of material out there to choose for a gif. However, they got back together and released a new album earlier this year, and performed a show for NPR. The concert is amazing, and I cannot recommend it highly enough. Anyhow, here’s the gif, and a link to the performance if you’re into ladies who shred.

 

XSIx9T

 

Home Video Gif.

My puppy turns two next month! I guess technically that means she’s probably not a puppy anymore, but I am not quite ready to accept that fact. I have endless footage of my little pup, named Cricket, on my phone, and when I saw this as option for a gif, my mind was made up. She’s typically quite energetic, but more than anything Cricket is a goof. She plays dead, rolls over, leaps around, and all sorts of strange dog behavior. This gif is an example of the playing dead. We were in the middle of a game of fetch (which I admit is more her watching me throw the ball and fetching it for myself while she follows me around, but that’s beside the point). She just flopped over on the ground and refused to budge.

xf50S2

Jim Groom Animated GIF

Well, it kind of started with The Daily Create tdc1160 which was to make a ransom note to get Jim Groom back. My True Friend David Kernohan made a fake Tina one saying give him animated GIFs to get Jim out. After that, I got Jim and said make more animated GIFs, but these ones of Jim. Plus, I need 10 Jim Groom Animated GIFs before he gets out. I made a Jim Groom Animated GIF to start the kitty* Then I made an assignment of it. So, now you have to make Animated GIFs of Jim Groom

*noircat did you see what I did there?

Animated GIF of Jim Groom Ransom Art

"Pixellated Groom" animated GIF by @iamTalkyTina

“Pixellated Groom” animated GIF by @iamTalkyTina

It’s a thing to make an Art out of UNCLE @jimgroom. Lots of peoples do it! There are dancing ones, poster ones, and noisy ones, plus more!

Yesterday for The Daily Create tdc1160 was to make a ransom note to get Jim Groom back. My True Friend David Kernohan made a pretender Tina one saying give him animated GIFs to get Jim out.

“…or groom gets the stairs” by David Kernohan, on Flickr

After that, I got Jim and said make more animated GIFs, but these ones of Jim. I found a cool font on dafont.com called mpf-kidnapped and played with that for a while, but in the end, I used a web-based kidnap-letter generator at strix.org.uk/ransom/ and uploaded a custom image background to get UNCLE Jim in the picture.

“@JimGroom Ransom Note” by Talky Tina, on Flickr

So I have Jim now and I am demanding 10 Animated GIFs of Jim Groom to get him out. Not just a plain old animated GIF, but an animated GIF of Jim Groom. Plus, the deadline is midnight tonight, otherwise I will keep him longer. So you DS106 peeps get to work!

I was going to keep him until I got 106 Animated GIFs of Jim Groom, but I would not be able to stand it that long.

To start things going, I am personally donating ONE JimGroom Animated GIF (up above) to the kitty*.

But, to keep it formal and so that you know I mean business, I made an Assignment of it.

Animated GIF Assignments 1633: Jim Groom Animated GIF

So be sure to do the linking correctly from your blog to that assignment so that we know that the ransom is paid up. Any additional Jim Groom Animated GIFs paid after midnight will be applied against random future ransoms. So we will get 106 of them some day.

If you need pictures of Uncle Jim, start here: (it is called Google images)

"Funny thing that happened while searching for Jim Groom on Google"

“Funny thing that happened while searching for Jim Groom on Google”

So go make Animated GIF Art of Jim Groom NOW to get Jim out! Be original. Be creative. Make Art, bub!

————————–

*that’s the #106 #noircat, in case you were wondering

Remembering and misremembering The Story This animated gif is…



Remembering and misremembering

The Story

This animated gif is for the second week of the Headless ds106 for Fall 2013, in which we were asked to do a gif of a scene from one of our favourite (or least favourite) movies.

I immediately thought of Memento, a film I really, really liked when it came out back in 2000. I had seen it a couple of times over the years, but decided to watch it again for this assignment. I found that I had forgotten much of the film, which is not unusual for me—I am not sure that I have a memory “problem” (and certainly nothing on the scale of Leonard Shelby, in the film), but I do have an uncanny knack of forgetting things quickly and easily and regularly. Not just the usual things, like where I put my keys, or what I had for breakfast (though, since I usually have the same thing every day, that’s pretty easy), but things like novels I’ve read, films I’ve watched, how stressed I was last time I taught courses in a certain way—a convenient one for when I’m planning new courses and have all these grand ideas about what to do and I forget how much time all that is going to take.

I do often find that I can re-watch a movie, or re-read a book after a couple of years and it’s almost like new again. Or at least, it has a tinge of the familiar, and a few things will really stand out as recognized, but for the most part it’s like having a new experience. Which is both troubling (what’s wrong with my brain?) and enjoyable (hey, I get to enjoy this story all over again!).

The main character in Memento, Leonard Shelby, is played by Australian Guy Pearce, whom I watched last year in two “tele-movies” filmed in my neighbourhood in Melbourne, where I was living at the time (here’s the trailer for one of them). He’s also pretty famous for his role in The Adventures of Priscilla, Queen of the Desert (trailer). When I first saw Memento, I didn’t make the connection to the Priscilla film, and didn’t realize Guy Pearce was Australian. Watching Memento this time around, I now have a sense of him as an Australian actor, so it was interesting listening to him speak with an American accent.

The main premise of Memento is that Leonard Shelby has a memory issue: after an attack that caused some neurological damage, he is unable to make new memories. Or rather, he can make some, but they disappear after a short time (it’s not clear in the film how long he can retain his memories, but something on the order of 15-20 minutes maximum, I think). After they disappear, he finds himself somewhere and doesn’t know where he is, why he’s there, or what he’s doing. He does, however, remember everything that happened before the attack.

To compensate for this problem, he often tattoos important things on his body, things he decides he must tell himself. He also tells himself things by writing notes to himself, but the really important ones are tattooed.

One of his memories from before the attack is of a man named Sammy Jenkins, who suffered the same problem that Leonard now does. Leonard was a claims investigator for an insurance company, and he denied Sammy’s wife’s insurance claim because tests indicated that physiologically, Sammy should be able to make new memories; the issue seemed to be psychological, and Sammy didn’t have insurance coverage for psychological issues (oh the joys of the U.S. medical and insurance system).

One of the great things about the film is that it is presented in nearly as disorienting a way as Leonard’s life must be—there are fairly short scenes that jump around in time, leaving the viewer disoriented and wondering what is going on. It starts at the end of the story, and while parts of it move backwards from there, other parts move forwards. It’s very difficult to get a handle on what is happening at any given time, until towards the end, when essentially you’re back at the beginning.

There is a lot more going on in the film, but that’s enough to explain this animated gif. I took parts of two different scenes: one where Leonard sees the tattoo on his hand telling him to remember Sammy Jenkins, and one that is a vignette of Sammy Jenkins in a psychological institution of some sort, watching someone go by.

Now, why does Leonard need to remember Sammy Jenkins? The idea given directly in the film is that Sammy couldn’t do well with his condition because he didn’t have a good system for writing notes and organizing them so that he could have a semblance of continuity in his life. But as the film progresses, and especially in the scene where Sammy is sitting in the institution watching someone go by, one begins to wonder if Leonard’s memory of Sammy is correct. Specifically, is Leonard mixing memories of his own life with those of Sammy? Sammy ended up inadvertently doing something very horrible; was it actually Leonard that did this?

“Remember Sammy Jenkins” is tattooed on Leonard’s hand, in a place where he’ll see it often (as opposed to under his shirt or pants, for example). It’s clearly important. But several times throughout the film Leonard is shown rubbing at this tattoo, as if trying to get it off. Trying to not remember. And perhaps he is trying to not remember what he himself has done by remembering it as Sammy Jenkins doing it instead.

At one point in the film, Leonard decides to consciously lie to himself, to write himself a note that he knows at the time is wrong, but he wants his later self to believe it and to act on the basis of it as if it’s true. Which, of course, throws all of Leonard’s notes to himself into question—how much of what he now believes as true may be his own fabrication? Not to mention a fabrication by others who are using him for their own purposes.

Beyond these interesting aspects of the film, it also raises larger issues about memory and our understanding of our lives and the world around us. Sure, Leonard’s memory is faulty, but so is all memory to some degree. And though he knows at one point he is lying to himself to make himself think differently in the future, later he won’t realize that’s the case.  And isn’t such a thing perfectly possible for those of us with “normal” memory, if even less consciously? How much do we alter our own memories without even realizing it?

I have fairly frequently been told I seem to selectively forget certain things, usually negative ones, and imagine the past was better than it really was. But I actually rather prefer it that way.

The process

I found several clips of the film on YouTube, and downloaded them using Clip Converter. I selected the parts of the two separate clips I wanted using MPEG Streamclip, and then imported them into GIMP (see this tutorial for how to make an animated gif with MPEG Streamclip and GIMP).

I had way too many layers/frames (they are both the same in GIMP) at this point…my animated gif needed to be 1MB or less to animate in Tumblr, and I knew I’d be way over that. So I just deleted every other layer, which is a nice way to save file size and still keep the animation pretty smooth. I also took out a few more layers at the beginning of each clip—anything that didn’t seem essential.

One thing I always run into with GIMP is that the animation works backwards—it starts from the bottom of the layer stack and goes up. So you have to rearrange the layers if you want it to go in the right order (sometimes this doesn’t matter, depending on the gif, but for this one it does). When I first started I moved layers one by one, but recently discovered that there’s an easier way to do it: go to “Layer” on the top menu, then “Stack,” then “Reverse layer order.” Voilà! Easy.

The file was still too big when I exported as a gif, so I had to make it even smaller by making the “canvas” even smaller (the dimensions of the whole gif). I just kept using the square selection tool and selecting smaller pieces, then going to “Image,” then “crop to selection,” then exporting as gif to see if it would be small enough. Even though the image was already b/w, I switched it to greyscale instead of RGB (“Image,” then “mode,” then “greyscale”). Not sure that made much of a difference, really.

Finally, while I wanted the tattoo clip to go a bit more slowly than normal, I wanted the Sammy in the institution scene to go quickly. The bit at the end of that clip goes by very, very quickly in the film—so much so that I had to watch it a few times to be sure what was going on. Can’t do that in a theatre! I didn’t want to slow it down too much, though it is slower than in the original film.

I managed these differences in speed two ways:


1. For the institution clip, I set the rate of each layer specifically: at the end of the name of each layer I put “(125ms)”, which tells GIMP to have that layer run for 125 milliseconds. I did that for all the layers in that clip.

2. For the rest, I just set a layer rate for the whole gif when exporting it; there’s an option to set the rate for all unspecified layers, which I set at 200 I think (maybe a bit more).

I had a lot of fun with this, and have been waiting several days to find the time to blog it. Glad I finally did!

Ahhhhhh! The hand! The hand! This is for August Animated GIF…



Ahhhhhh! The hand! The hand!

This is for August Animated GIF challenge #10: Monster Chiller Horror Theatre 3D style GIF. It is also a new animated GIF assignment on ds106. The idea is to find a 3D style movie scene and somehow

find your own way to emphasize the moving of a thing out of the screen and into your face in a GIF.

I found this scene from a 3D Dracula movie trailer on YouTube.

I wanted to try to emphasize the hand moving out of the screen somehow, and came up with the idea of selectively colourizing it. I discovered that if I selected the hand with the lasso, or free select tool, and then inverted the selection (so everything but the hand was selected), then I could go to Colors -> Desaturate, and it would make what was selected b/w (everything but the hand) but not what was unselected (the hand).

I did a few layers that way, but then realized that what would be really cool is if it started off in full colour and gradually went to b/w except for the hand…like the hand was really coming out at you while the background was fading into, well, the background.

So for the layers that would be first in the gif, I kept the first two full colour, and then gradually desaturated the next few: 20%, 40%, 60%, 80%, then one at 90% b/c I wanted another step there. How I did this was to free select around the hand, invert the selection, then use Colors -> Hue-Saturation, and chose the amount of desaturation for each layer. Then the last layers of the gif were full desaturation.

What took the longest, of course, was doing the lasso/free select tool around the hand on each layer. There were a couple of layers where the hand didn’t move very much, so I could keep the selection from one layer and use that for the next layer too, for desaturation purposes. But for most of the layers (12 total, 10 desaturated to some degree) I had to do a new free select around the hand each time.

I actually started off with twice as many layers as I ended up with, and deleted every other layer to end up with half as many. That saved a lot of time, and made the gif file smaller. Desaturating most of the image made the gif file smaller too.

I realized too late that I wanted to have more of the full colour and gradual desaturation layers, so the desaturation was more gradual. But I’d have to re-do all the free selecting to change the saturation level on any of the layers. So instead I just slowed down the first few layers by putting the time in milliseconds I wanted them to last after the layer name (e.g., “full colour (300 ms)”). Then when I exported as a GIF, I chose something like 200 ms for all the layers that weren’t otherwise specified for length. The first few layers go a bit slower than the last ones that way. It’s not quite the effect I wanted, but it’s close. If I were to do it over again I’d have more full colour layers, and do the desaturation more gradually, over more layers, with just a couple at the end fully desaturated.

Finally, I used a new trick I learned from Alan Levine’s comment on my last post, as well as Talky Tina’s reply on Twitter: dithering. When I was done with the layers, I went to Image -> Mode -> Indexed (because GIFs get indexed when exported anyway), and chose the fullest number of possible colours (256 for a GIF) and clicked the check box for dithering. I played around with several dithering options, and just used the first, which is called “Floyd-Steinberg (normal).” And I didn’t get the colour banding I’ve been getting on my other GIFs! Sure, the quality isn’t perfect, but it’s an animated GIF, after all.

I had a lot of fun with this one, even if it took me awhile to finish because of the hand lassoing of most of the layers!

And I think my favourite part is that—ha ha!—Dracula never gets to grab the woman. He keeps trying and trying and he never does it. A nice twist on the fact that these horror creatures continually attack women. Not this time. In your FACE Dracula!

The August Animated GIF Challenge: Challenge 4 – Where Did the Soda Go?

The August Animated GIF Challenge

@iamTalkyTinaHulka challenges you to an awesome August Animated GIF-a-Day. Are you up to it?

@iamTalkyTinaHulka challenges you to an August Animated GIF-a-Day. Are you up to it?

So the fall section of ds106 will be starting in a few short weeks. August 26th to be exact.

During my time observing and then participating in the ds106 Community, it has become apparent to me that each session of ds106 seems to be prefaced by a period of manic GIFfing by various members of the community. And since I have so many Friends here now, I thought it would be fun to contribute to the mania.

So I’m going to do my own little @iamTalkyTinaHulka and challenge you folks to GIF your way through August. Do you think you can do that? A Daily GIF? I’m wondering if @jimgroom will crawl back from his hideaway and make some inroads on that Art Lack of his. Maybe he can do one a week?

I’ve just poked my little eyes through the ds106 Assignment Bank Animated GIF section, and see that there are already 38 GIF assignments there — and there are no doubt some other, older GIF assignments squirrelled away in some of the other categories, too. So I think I’ll have no problem finding some inspiration when I need it, and will rely on my natural imagination the rest of the time.

Each day I will post the August 2013 Animated GIF Challenge here on my blog, and will aggregate the challenges on the August 2013 Animated GIF Challenge page. Each one will be defined in the Assignment Bank — either as an existing assignment or as a new assignment. Just post your contribution to your blog and tag it as usual so that it will syndicate into the Assignment Bank and we can all enjoy them long into the future as examples of wonder, archived for all the future GIFfers. Whoo Hoo! 

I’m going to create a new Animated GIF Assignment for August 1st, but I will post it separately from this post so that it can stand as its own item. And I’ll create another variation of my @iamTalkyTinaHulka animated GIF for it. So that will put me at two for day one. (Did you notice that my @iamTalkyTinaHulka image above was animated? Look closely!

I hope that you will play along! It is so much more fun doing ds106 assignments (they are so much fun, they AREN’T assignments!) when Friends do them too — and riff off of them!  So be a Friend, and play!