After many months of planning, preparation, and hard work, the 34th annual conference of the Educational Computing Organization of Ontario (ECOO) is underway. Following regular increases in yearly attendance in recent years, the decision was made to move the conference to a larger venue, resulting in our hosting of #ecoo13 in Niagara Falls, Ontario.
Arriving at the conference centre yesterday evening, it was not long until darkness fell and I had an opportunity to appreciate the marquee on display outside the ScotiaBank Convention Centre of Niagara (SCCN) — no one image fully captured the full message or the impact of the marquee. Having spent considerable time working on the branding and promotion of the conference (bringITtogether.ca), it was gratifying to see the culmination of things.
An Animated GIF was called for.
Following a series of full-day Wednesday Workshops today, we move ahead to two days of core conference session — each day featuring 75+ sessions and events, as well as a series of social events. All told, over 250 educators will share their expertise with the 1300+ attendees (or more — on-site registrations continue) over the course of the three days.
The full conference schedule of events is available and searchable on our Lanyrd site.
The Daily Create for September 17th tdc618 prompts us to “create a Face Swap image of yourself swapped with Talky Tina’s face!”
Since John Johnston (@johnjohnston, on Twitter) had done such a masterful face swap already with iamTalkyTina (@iamTalkyTina, on Twitter), I decided that I would riff on his image and swap my face with his. So my face winds up on Tina, Tina’s face winds up on John, and John’s face winds up on me.
If anyone is interested in joining us, I’ve extended the wall and carpeting even further to John’s right so that there is room for you to crowd in.
It’s also nice to see three different ds106 shirts represented — the ds106radio shirt (which I am now wearing), the Giulia Forsythe (@GiuliaForsythe, on Twitter) Kickstarter campaign shirt (which Tina is now wearing) and the ds106zone shirt from summer2013 (which John is now wearing).
Success! Oh Happy Day!! The flat original animated GIF layers, after being Grouped and Duplicated into the 3D Book template .psd, managed to hold their alignment as a group while the scale, rotate, and skew tranforms were applied.
After that, it was necessary to create 42 frames to re-make the animation (copying GIF layers to another file as a group keeps them together and in order as layers, but the frame animation information is lost) and then sequentially re-assign the GIF layers to the frames in order and then re-apply the frame intervals to restore the animation.
But it worked! Just as it should. No photoshop futzing required.
Hooray for the tool allowing the implementation of a vision in support of the refinement of a technical skill and acquisition of new learning all while some Art is being made.
TDC612: We predict the next book by @anya1anya is about #ds106. Design her some cover art.
I had to do a bit of research on the web to get an initial context, but after following a link from Anya’s Twitter profile, I quickly found something that I thought I could work with.
After some initial attempts at trying to get a decent screen capture, I decided that, yes, even better, the product would be GIFfable. (DS106 Art is almost always better when GIFfable. It is that oh-so-minor GIF-EYE-TIS affliction that compels me so.)
As I write this, I have several variations to share — and will be challenging myself to see if it is technically possible to do a final version — which if successful, will be posted on its own. However, in the mean time, there is not only the GIF-supported animated version displayed to the left (click on the image or this link to see a larger version) but also some nice, 3D representations of the book cove below.
Note that as I moved from the GIF version to the 3D versions, it made sense to slightly alter the cover to arrive at a more appropriate static image that put the DS106 pirate logo in-place on the matrix rather than sitting off to the side like a colour key as it does in the animated version.
Screen captures for the cover were obtained from The Edupunks’ Atlas — which made for quite an interesting challenge as I adjusted both my browser window width and my browser magnification to get as close to the right layout as possible.
The 3D book cover template was sourced originally from Google Images, but led me on a merry chase for the free source PSD files that led to many sites offering premium download speeds — at a price. In the end, I found a working link for a “free” slow (23 seconds) option that finally gave me the paltry 6.1MB .rar file and was able to extract and use the .psd file with only a small lingering concern that the file might be a vector for malware. Fingers crossed on that.
Making the 3D versions wasn’t too difficult once the background image had been obtained.
Essentially, the cover image is
I also explored a static 3D version of the original GIF layout ….
and, of course, had to first make flat version of the modified (non-animated version) before the 3D treatment could be done.
I’m now going to challenge myself to see if a nicely grouped set of layers from the animated GIF version will behave nicely when I try the scale, rotate, skew them into place on the 3D template. Fingers crossed for success in my pending attempt at a 3D animated GIF version….
UPDATE: It worked!!!!
And, for those looking for a little more, here’s a GIF version:
The instructions on assignment page for The Daily Create tdc604 provide just enough simple direction to make this a great little task.
Here some hints- take your own photo, then step out of the frame, and take the exact some picture without you in it (having your camera on a tripod or in a fixed position on a table helps, as does knowing how to use a self-timer on your camera). Use a photo editing program that uses layers- e.g. GIMP, Photoshop, or the web editor pixlr. Put the photo without you in a lower layer. Use the eraser tool in the upper layer to remove your own head.
I used a the timer in the PowerCam iphone app, together with a glyf iPhone camera mount and a Joby Gorilla Pod to capture two photos, one with me, and one without. Importing both images into Photoshop as discrete layers, I made a copy of the one with me in it before deleting the my head using the eraser tool. I also erased the wall behind me in that photo so that the reflected light off of the wall would be consistent whether my head was there or not. Once the .jpg for flicker was exported (I went with a 1200 pixel width), I then re-introduced the original layer that still included my head and made several duplicate frames with the head-included layer increasing in transparency from 0% through to about 30% in 5% increments. Duplicating those frames and reversing their order then gave a sequence where my head becomes increasingly more transparent until it is once again invisible. I then fiddled with the timing to give a 5 second period where there is no head, followed by a brief interval where the head becomes visible and then transparent again.
As with many GIFs, having minimal movement for the things you want to keep consistent is a key — starting with two images taken using a tripod was a huge help. Multiple frames with additional movements could result in a more complex stop motion. But that would be for another day!
I’m happy to see that this product is available through Amazon. When I first encountered it, the Glyf was a Kickstarter project and was the first Kickstarter project I ever funded. Such a wonderful vision, process, and resulting product — I carry my Glyf to this day in my backpack camera bag and it works wonderfully for those instances when an iPhone photo needs the support of a tripod or a timed-exposure. Like today!
The Daily Create tdc 595 for August 25th asks us to “build a monster out of items in your kitchen and post of photo of it.” I posted a static image of my monster to Flickr, but this Wigglegram version is perhaps a bit more animated.
Can you dig it?