Tag Archives: animatedGIF

Depth of a Field with Skeleton

Now that the Anaglyph-A-GIF has been a little more clearly defined, I’ve decided to add it (along with the simpler, static 3D Anaglyph to the ds106 Assignment Bank.

I did a search for anaglyph and 3D, and didn’t really turn anything up that is similar aside from Bill Genereux’s Wiggle Stereoscopy (Visual Assignment 352),  the similar 2-frame stereoscopic wiggle gram Stereo GIFs (Animated GIF assignment 991),  and iamTalkyTina‘s Monster Chiller Horror Theatre 3D GIF (Animated GIF Assignment 1191). So I think it’s a safe bet that these two items featuring a cyan/magenta anaglyph can be added in.

Having decided that, I then spent a bit of time revisiting the George Wither illustration 8 to come up with a couple of clear examples for the assignment pages. One needed to move, and the other needed to illustrate the static “popping out” that seems to be nice to have in a 3D image. Knowing that the assignment bank GIF thumbnails are best at 300 pixels square, I wanted to plan to fit into that space. The extra space required in my original “Boo” Skeleton GIF wouldn’t work well there.

With that in mind, I revised my original Depth of A Field image (separated layers) and added the Skeleton back in (minus the hand, stick, and cup). I scaled the skele up a bit to obscure the bits of content-aware fill that existed in the existing background layers that were previously hidden by the hand. (I had branched off from the original Depth of a Field .psd to create the Boo image with the Skeleton. The Boo .psd simply had a merged and static anaglyph background and so editing in that file wasn’t going to work if I wanted to stay within the bounds of the circle. I decided to remove the bounding lines to result in something with as clean and distraction-free as possible.

The Results

First, the static “Depth of a Field, with Skeleton” image, with the popping out skeleton.

"Depth of A Field, with Skeleton (Static)" 3D Anaglyph by @aforgrave based on Geo Wither Illustration 8 (1635)

“Depth of A Field, with Skeleton (Static)” 3D Anaglyph by @aforgrave based on Geo Wither Illustration 8 (1635)

And the new badge to go along with it:
3D Glasses_FLAT AnaglyphBADGE GREY fill BLACK

Second, the animated “Depth of a Field, with Skeleton” GIF.

"Depth of A Field, with Skeleton (Static)" 3D Anaglyph-A-GIF by @aforgrave based on Geo Wither Illustration 8 (1635)

“Depth of A Field, with Skeleton (Static)” 3D Anaglyph-A-GIF by @aforgrave based on Geo Wither Illustration 8 (1635)

And the other new badge for the animated GIF anaglyphs:
3D Glasses_FLAT Anaglyph-A-GIF BADGE GREY fill BLACK

New Assignments

The new assignments in the ds106 Assignment Bank are as follows:

I’ve been working on a new George Wither Anaglyph/Anaglyph-A-GIF over the past day, and I’ve been assembling some components for illustration and tutorial purposes. I hope to post a tutorial in the next day or so.

Let the submissions begin!

A Newly Improved Boo

REVISED version of "Boo" animated Anaglyph-A-GIF by @aforgrave, based on p8 from Geo. Wither's Emblemes (1635)

REVISED version of “Boo” animated Anaglyph-A-GIF by @aforgrave, based on p8 from Geo. Wither’s Emblemes (1635)


In revisiting the George Wither, page 8, ‘Boo’ GIF in order to update the misspelling in the “view with Cyan-Magenta 3D glasses” text, I have uncovered another issue and made another little improvement.

I had originally provided a transparent background for the full image. My thinking was that a uniform, white background might telegraph to the viewer the actual size of the image — and thus raise a question of “why the empty white space?” before the larger skeleton makes his appearance there. With a transparent background, the natural background colour of the page would border the smaller art image, and folks would assume that edge to be the boundary within which to expect motion.  I think that remains the case.

However, in the intervening day, I’ve noticed two things.

  1. As originally published, there appears an unintended black “shadow” extending upwards from the top edge of the page scan, appearing behind the skeleton when he emerges to his “boo” size. It’s somehow an artifact of the transparency that only appears when viewed with the anaglyph glasses.
  2. When viewed on Mariana’s Jux page, the black page behind emphasizes all kinds of jaggies around the large skeleton, and also around the “view with Cyan-Magenta 3D glasses” text.

In both instances, it’s noisier than I had intended.  And noise (aural or visual) can be a distraction to the art.

Experimenting with a white background layer in Photoshop seems to do away with the “shadow” behind the skeleton.  It also decreases the emphasis of the jaggies around the skeleton’s head and hands — allowing for a fuller appreciation of the scariness!

FIXED "Boo" on White Background, previous jaggie "Boo" on Lux site.

FIXED “Boo” on White Background, previous jaggie “Boo” on Lux site.

I’ve also selected and inserted the finalized Anaglyph-A-GIF badge. I replaced the Propaganda font from the draft badges with the cleaner Arial Black. It’s still a bit blurry for smaller resolutions, but not as much as with the stylized font. So the GIF at the top of the page has those two changes — a white background, and the updated badge.

And now, I’m off to finish the next George Wither piece …


Badges, and Properly Spelled

Anaglyph-A-GIF Badge DRAFTS

DRAFT Badges by @aforgrave (NOTE that the lens colours have been corrected now read Red-Cyan)

In the depths of meticulous attention that supported the exploration of my initial Anaglyph-a-GIF process this week, I managed to publish several pieces (to three different sites) with a glaring error in spelling in all of them. Introduced in an original source file and then copied across several versions, an incorrect spelling of Magenta smiled out at me through multiple stages of the production process. It was not until the end had arrived and I finally sat back from the screen, that I noticed the error. At that point, spent, I lamented to Melissa Techman (@mtechman), “As simple a fix as that may seem, it is buried deep in several files. It will wait until later. ;-)”

And waited it has.

In the interim, urged on by the pleasure and satisfaction of exploring the process of creating animated anaglyphs (see yesterday’s post, “George Wither, page 8, ‘Boo!'”) from the  illustrations the 1635 publication, Emblemes, Illustrations by George Wither, I have moved another image from static scan in PDF form towards a renewed piece of digital, interactive art.

However, in preparing to share the result, and with the intentions of developing several additional pieces in the coming days, I revisitied my earlier files with the intention of adjusting the spelling error. I was unhappy with the pixellated text output from photoshop, and so I fiddled in Illustrator and Fireworks to find a better result. Deciding that the “view with Red-Cyan Cyan-Magenta 3D glasses” notice needed to be perceived as being separate from the art piece itself, I also experimented with the font, the glasses image, a border, and some colour schemes.

Badges for 3D Art Pieces

In looking to review the badges in the context where they will potentially viewed, I decided to compare them in a web browser, and shortly thereafter, this post was done.

My thoughts:

  1. The black border conflicts with the black outline of the glasses in versions 1.
  2. A grey border reduces the conflict, and de-emphasizes the border.
  3. A grey background helps the badge to stand out from a white background colour.
  4. The black border with a grey background isn’t so bad as the white.
  5. I’m not 100% sold on the bold font as it has a slight distressed character that looks a bit fuzzy at this size. We’ll see.

In the end, there will be a plain “Anaglyph” badge for static 3D images, and an “Anaglyph-a-GIF” badge for animated 3D images.   I think I’m tending to go with this design. Input?

3D Glasses_FLAT AnaglyphBADGE GREY fill BLACK

Mariana Funes (@mdvfunes) has this afternoon started to collect the George Wither GIFs in a #4life Jux gallery. You can also see more curated by MBS (@mbransons) and Ryan Seslow (@ryanseslow) on the GIFfight tumblr.


July 26th NOTE: Subsequent to publishing this post, I have poked around a little bit more into 3D glasses and have decided that the lenses should be identified as Red-Cyan. So I’ve edited the badges and will adjust as necessary.



GIFfight: Whither George Fate Spinner

"George Wither for ds106 Spinner" animated GIF by @aforgrave

“George Wither for ds106 Spinner” animated GIF by @aforgrave

For aMUSE and GUIDE to things you doth CREATE,
Spin now and TRUST the hand of fickle FATE

Geo Wither Frontspage

The #GIFfight topic that appeared on the Twitter horizon today involves the animation of images from the Emblemes, Illustrated by Geo. Wither, A Collection of Emblemes, Ancient and Moderne, Quickened with Metricall Illustrations, both Morall and Devine, and disposed into Lotteries, That Instruction, and Good Counsell may be furthered by an Honest and Pleasant Recreation, published in London in 1635 (MDCXXXV)

Wow! There were a number of variations already posted to tumblr of a marvellous skeleton from page 8 of the document.  Conversations on Twitter have raised the spectre (sorry) of riffing the image in 3D, and so that is next on my plate, now that the GIF above is finished. However, my attention was already captured by the time the 3D discussion came along, and I was already started on the ds106 spinner, based on the image from the pages at the end following the Fourth Lotterie.

Interactive, Randomized Passage Selectors in 1635

The two spinners provide a mechanism where by the reader can randomly select a passage for review and reflection.

“Turne one of the Indexes in the Figures, which are in the following Page, without casting your eyes thereupon, to observe where it stayeth until your hand ceaseth to give it motion. If it be the upper Figure, while Index you moved; than, that Number whereupon it resteth, is the number of your lot, or Blancke. 

This being known, move the other Index in like manner, and that Quarter of the said Figure whereupon the same standeth (when your hand is taken away) sheath in which of the four Bookes, or Lotteries, that Chance is to be expected, whereunto your Number doth send you, whether it be Lot, or Blanke. If it be any Number above Fifty, it is a Blancke Chance, and you are to look no further. If it be any of the other Numbers, it sends you to the Emblem answering to the same Number, in the Booke next before the same Lotterie …” 

Fancy! An interactive, randomized method for selecting passages, built in to the book! Engaging and fun!

I used a couple of font matching sites to try to find a nice font that would let me emulate the type in the old print of 1635.

sample of font uploaded to my for matching

sample of font uploaded to my for matching

The closest I could find was Oronteus Finaeus Regular and Oronteus Finaeus Small Caps by Type Innovations, but each one sells for $39 each, and so that was a bit too much to splurge. In the end, I used a font called Experiement1-Elongated Ears by Opipick and fiddled around to make the text look aged, following the directions as documented by Jeff Finley Aged Type Effect in Photoshop (w/PS Action) — I didn’t try the Photoshop Action, but might do that another time. The result was okay, not as good as I’d like, but an acceptable approximation.

I decided against using the skeleton hand from the Page 8 illustration, opting instead to download a bony hand from Google Images and using that.  It has a bit more definition and I searched specifically for one that was pointing like the Grim Reaper in Monty Python’s Meaning of Life.

My scan through the second half of the text has resulted in about 15  selections ripe for GIFfing. There is certainly plenty of material there to work with. And of course, after that, there is the first half of the book!  Wow! What a great source for inspiration.

GIF-an-Anaglyph or Anaglyph-a-GIF

However, before tackling any new images, I want to explore a 3D GIF of the page 8 skeleton. My glasses are all set and ready to go.

3D glasses


A Different View to Car 106

"A Different View to Car 106" animated GIF by aforgrave (dedicated to @JimGroom)

“A Different View to Car 106” animated GIF by aforgrave (dedicated to @JimGroom)

Yesterday Jim Groom (@jimgroom, on Twitter) was writing about Silicon Valley (End the Domination of Silicon Valley) and the 1985 Bond film, “A View to a Kill,” when he came across Car 106. Having long sought an image of a police car bearing the 106 number, he captured the image and posted it.

Now I see image captures of 106 frequently in @cogdog‘s photostream. He seems to have a sixth sense in operation and he finds them all the time. He has over 106 of them! Me, I look periodically, but really don’t have a lot of success. I likely need to look harder.  Such images respond to Visual Assignment 35, “Cogdog’s Illustrate 106.”

But upon inspecting Jim’s image, I noticed that the number appeared to be a bit crudely positioned, and I wondered whether the image had been visited a Doctor (Oblivion). After all, creative juices are always flowing in the DS106 community, and a lot of Art gets made through the magic of image editing programs.

My curiosity piqued, I decided to go to the source, and a few moments later, determined a couple of things.

  1. catching sight of police car numbers during chase scenes in movies is tricky business.
  2. the numbers appearing on the cars in the film ARE crudely positioned — either hastily renumbered by the prop company, or just naturally messy.
  3. the car on the bridge is indeed numbered 106.

Not only that, the car perched on the edge of the bridge was ripe for GIFfing.

And so, as a token apology to Jim for doubting him, I dedicate the above GIF of Car 106 to him.  And thank him for creating the conditions for a little pause for creativity.  (And more profusely thank him for creating the conditions for a much larger community for creativity!)

#ds106  #4life

Daily Create Shirt – 2017

What Is Your Question Today?

#prisoner106 Summer 2015

#noir106 Winter 2015

ECOO 2014 #bit14

#ecoo14 #bit14 Bring IT Together

#wire106 Fall 2014

Bava/Nobody WIRE106 T-Shirt

3D Anaglyphs

3D Glasses_FLAT AnaglyphBADGE GREY fill BLACK

3D Glasses_FLAT Anaglyph-A-GIF BADGE GREY fill BLACK

The Daily Create T-Shirt


ds106 Spring 2014

#ds106 The DS106 Workplace

ds106 Summer 2013

Posts by Date

January 2019
« Jul    

Creative Commons

Visitors to de•tri•tus

MiniCYHMN? | Status | 64K | Listening Options

Winampwindows Media PlayerReal PlayerQuickTime
Listening to 105theHive - details FAQs

What is is #4life.
Why do you
Who is is of The Earth. That's you, brother! MiniPlayer

MiniCYHMN? | Status | 64K | Listening Options