Category: animatedgif

Losing My Head

headless2

As the fall DS106 approaches TalkyTina ups cogodg’s challenge to the gif.

So in my head Grace Slick is now singing ‘lose your head’ and of course I lost my head to ds106 a while ago, and there is zen idea of having no head.

Gif put together from spare body parts, the ds106 radio logo (not sure who to credit for that one), a galaxy from the morgue file using Fireworks CS3.

Just some layers fading in and out.

skew
headlessbackground

ds106 Assignments: Show Us Your Headless13 ds106 Self

The DS106 wheels keep turning

In my day job today I was running a wee holiday course for teachers in digital storytelling. We use the Summerlee Museum of Scottish Industrial Life rather than our usual base for this. It is nice to get folk out and about taking photos and video. (we use ipad 2s as cameras and 3 flavours of the course, editing with mac, ipad and pc).

So I was taking some video which I then though would make a reasonable Cinemagram I didn’t think it turned out very well, it is hard to get the looping smooth so I decide to try and make it a wee bit smoother. I think these, done with quicktime pro 7 (which still works in os x10.8) and fireworks are a lot better.

wheel400

spinn201

these tick the ds106 Assignments: Photo It Like Peanut Butter boxes. I am going to make a quick screencast tutorial on this as I think fireworks is under appreciated in ds1o6.

More than one way to frame a gif

DarknessMirroreyes2oAimEyesArmsDozeoffAntsFacefearJumpout

 

 

I’ve done a fair number of Multi-Frame GIF Story Assignments and I really like them. One thing I do not like is having to have each animation at the same rate and with the same number of frames. You can work round this by ‘freeze’ framing a particular frame or several frames, but I quite like the idea of the gifs all going at their own rate and not moving in sync.

After I’d giffed a few from Perchance to Dream I though I’d try a slightly different approach. I’ve uploaded all the gifs, but instead of inserting them I created a bit of html to show the gifs.

  1. For each gif I found out its url, eg http://johnjohnston.info/106/wp-content/uploads/2013/05/darkness.gif
  2. I then created a img tag for each gif: <img src=”http://johnjohnston.info/106/wp-content/uploads/2013/05/darkness.gif” alt=”Darkness”>
  3. I edit the post, putting the code to show each gif inside a single div tag, that tag has a class:
  4. <div class=”gifgrid”> then a list of the gif tags </div>
  5. I put in a style snippet to scale the gifs to one third of the space they are in each: <style>.gifgrid img{width:33%;float:left}</style>
  6. I made sure there were no returns in the code.
  7. I switched the blog editor to code vive and pasted in the code.

I’ve put the code into an external page too, if you want to have a look: perchance_grid , where you can easily view the code.

Perchance to Dream has been my favourite episode so far. I’ve not left enough time to write much about it and I’ll be stepping out of the ds106zone for the next week, which means I’ll miss audio week. I might join in the odd daly create, but if not I’ll be back in the zone next weekend.

Trapped in the Zone

trapped in the odd zone

A quick gif after yesterday’s daily create. I am looking at you #DS106 | Flickr – Photo Sharing!.

I think this one hits Talky Tina’s ds106 Assignments: From the Twilight Zone, and Beyond … assignments.

I also think a much better job could have been done with the levels if I know a bit more about them. The idea is better that the execution.

Screen capture in Quicktime, my own hand knitted gif extraction. Edited in Fireworks to flip and add the background images.