Tag: animatedgif

Posted on
by
Replied to #tdc4067 #ds106 Verify that you’re not a robot- V2 by ReverendReverend (daily.ds106.us)

The first reCAPTCHA was simply checking a box or retyping a word. They’ve had to improve the technology to keep ahead of the scammers, bots and other nefarious digital villains out there. Need a laugh after a frustrating day on the web? Check out this YouTube video,”Verifying that you’re not a robot“, a hilarious personification… Read more »

Not a robot #tdc4067 #ds106

Gif of kung fu fighter punching through google captcha

I took an old gif I made back in 2014 and added the captcha frame.

Posted on
by

I was interested to read How to Reverse an Animated GIF

convert water-forward.gif -coalesce -reverse -quiet -layers OptimizePlus -loop 0 water-reversed.gif

So gave it a quick try.  The result wa fine, but my 228kb gif was 1.1 MB in reverse. So I had a wee look art the gifsicle man page and ended up after a few tries with:

gifsicle -U stairs01.gif "#-1-0" --colors 32 -O3 -o downstairsR.gif

249kb

animated gif from black and white film reversed so woman appears to walk down the stairs
I can’t recall when I made the original gif and which film I took it from.

Posted on
by

I’ve been having a wee play with the p5.js web editor.

p5 .js is a JavaScript library that starts with the original goal of Processing, to make coding accessible for artists, designers, educators, and beginners, and reinterprets this for today’s web. Using the original metaphor of a software Sketchbook, p5 .js has a full set of drawing functionality. However, you’re not limited to your drawing canvas, you can think of your whole browser page as your sketch! For this, p5 .js has addon libraries that make it easy to interact with other HT ML5 objects, including text, input, video, webcam, and sound.

I’ve occasionally dipped my toe into processing and found it good fun.

Over the summer I’ve seen a stream of tweets and instagram posts from Tom Smith which got me interested in p5.js.

I don’t really have much of a clue but have had a bit of fun. Especially when I found you can use a library with p5.js to export gifs. The feature image on this post is one made by my sketch: Classy bramble skulls 4. This one has a background image, some animation, the mid-ground, the sleeper and computer and then the window frame which are drawn. If I had though I’d have used 3 image layers sandwiching 2 animation ones. Early days.

There seems to be a ton of learning material available and it is easy to duplicate interesting p5.js sketches to edit and play around with. (The school holidays are not long enough;-))

Posted on
by

I do like a gif. I like to make them in all sorts of ways. Recently I’ve been messing about with Live Photos. The mac Photos app will export gifs from these but they are huge. To my mind a gif should be as small as possible. The other problem wit Live photos is my hands tend to move. Today I tried the iOS app Motion Stills:

Motion Stills is an app from Google Research that uses advanced stabilization and rendering to turn your Live Photos and videos into GIFs

The only problem is that the files are pretty big. I took a photo of a squirrel in the botanic gardens this morning and ran it through the app. The stabilisation was great but the file size for the image was 8.7MB for a 480 × 360 image!

I decided to see if I could shrink it a little and got it down to 331kb. This is how:

  1. I opened in the Gif in FireWorks
  2. The gif had 54 frames at 3/100 of a second and one at 6/100 of a second. I deleted every second frame and doubled the length of each.
  3. The gif was set to have an exact pallet with 256 colours, i changed that to Adaptive and 128 colours.
  4. I set the loss to 20%
  5. I made a new layer which was shared across the frames. copied the first frame to that layer and cut out a space for the squirrel in the top layer. This froze most of the image except for the squirrel.

The featured image of this post is the shrunken gif.