Pods embed error: Pod not found

I made an animated GIF for you!

How I did it:

week6

I wasn’t crazy about the design week since I am pre-internet era.  However, I was able to combine the two for this old school/new age GIF.  I drew a stickman flip book on post it notes (totally old school).  Poor little stickman learns about gravity.  Then I went new age on it . . . with my phone I took a picture of each post-it note individually, emailed them to myself and uploaded them to my pictures folder. Then I went to google.com and found a  gif making website. This was the truly scary part since I am using my husbands laptop after killing mine with an infected download last week!  But all is well and this website made it very easy to create the gif.  I just uploaded the pictures and then clicked generate and that was it.  I set the speed so the notes flipped a little quicker but that was all I had to do. I saved the gif to my folder and uploaded into this blog post.  Now you too can enjoy my blend of old and new.

Hope you like it.

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!

AnimatedGIF Assignments: TXT Gifs

“In 2 or more frames write a contradicting thought.” I did the words STAY and GO as my contradicting thought.

GO/STAY

AnimatedGIF Assignment: Highlight Reel

“Create an animated GIF of a sports moment to be played over and over again. It doesn’t matter what sport, but make sure its a cool moment in that sport, which would belong on a highlight reel.”

This is one of the five moments that the USA Woman’s Soccer team scored in the World Cup Final against Japan! It is definitely a BIG moment for not only America, but for the world! Go USA!!

USA v. Japan - FIFA 01

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

Graphic Gift: Bodiless Starched Jeans on a Desert Road with Animated Back Pockets

I finished up my second visual assignment of the week last night, but things got too crazy for me to post it earlier. Michael Branson Smith‘s “Graphic Gift” assignment is one I really appreciated because it forced me to dig in a bit on my image editing skills.

Find or scan an old advertisement (high resolution) and create a piece of cool clip art by extracting and cleaning up a particular element. Be sure to use a PNG file type to preserve transparencies, and try to make a high and medium resolution version. Inspired by Phil A Go’s awesome Toyota Corona Graphic Gift.

Smith writes about the value of assignment on his own blog, and I think he’s right on:

This exercise would be a great ds106 assignment for a couple reasons. One it’s a great for working on digital imaging skills. A good graphic gift would require a student to work with selections, the eraser tool, image touch ups (via contrast, sharpening, and possibly the clone stamp to remove scratches), and image resizing to create different versions. Also to maintain transparency and post to the web the image should likely be a PNG file.

Given we’ll be doing some more image editing intensive work during the design week of noir106 soon enough, I figured this would be a good assignment to help me shake off some of the dust. I’m a total hack when it comes to GIMP, but as a result of teaching this class for five years my skills are almost passable….almost.

On a related note, I refuse to use Photoshop for ds106 assignments on principle. First, it’s costly, and while you can get a free trial, why use something that you won’t be willing or able to afford long term? Second, and more importantly, ds106 is not about a specific tool, but about wrapping your head around certain elements crucial to digital media editing, such as layering, scaling, cloning. recombining, distorting, etc. If you want to use Photoshop, you can. Although providing free, open source options that teach you these basic image editing concepts, such as GIMP, helps level the playing field and lighten the financial burden. That said, we never tell students what tool they should use, that’s not ds106—we teach freedom!

Anyway, I started looking for catalogue products to make a graphic gift, and I consulted the Flickr WishBook account, which has scans of the old school Sears Christmas Wishbooks. I chose a mid-1980s catalog thinking I would grab a toy, but it didn’t work out that way. I got stuck on this image of Roebucks men’s jeans.

1985-xx-xx Sears Christmas Catalog P258

I don’t think I have ever seen such beautifully starched jeans. I got inspired to not only cut out the jeans, but also one of the back pockets. I needed to employ all the tools Smith suggested, selections (lasso and magic wand), the eraser, clone, blur, and more. It was a workout, and my final product is far from perfect.

Screen Shot 2015-01-29 at 4.28.07 PM

My idea was to have a new background image, and then something animated in the back pocket for fun. Then, like a diamond through my forehead, I remembered a dream I had long ago wherein a pair of bodiless, well-starched jeans were standing on a desert road with Jack Nicholson’s character from The Shining animated in the back pocket. I then knew this is what I had to do. Think of it as therapy.

I found the following image of Jack Nicholson animated:

jack-nicholson-gif-7-1

And this image of a desert road on Wikipedia:

Desert_road_UAE

I spent some time combining these layers, pushing some to the front, and others to the back. The transparency of my graphic gift—which I accomplished thanks to the eraser— made these other elements of my Dali-esque dream possible.

desert_pants_scaled

I don’t know how I feel about the actual creation, but I do feel better that I finally got this monstrosity out of my psyche for the low, low cost of 3 stars. That’s 6 down, and 4 more to go.

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!