He stood so still

thephoneownsthemoment

He stood so still while the world moved on around him.

Just a little animated gif made from two shots I took walking past this gentleman staring so intently at his phone. He didn’t move a bit but because I was walking the shot shifted some allowing me to animate it and give you this 3D feel. I know I’ve seen this before but my memory of the name for it is hazy. It did lead me to stereoscopy, stereo photography and animated stereograms so sometimes a bad memory leads to good things. And it turns out at least one person would call this a stereoscopic animated gif.

I also figured this was a #ds106 assignment and was not disappointed. Since this was the first #ds106 assignment I’ve done in a long while, I threw in a tutorial as a form of tithing. I do all of this of my own free will and in spite of Jim Groom’s personality rather than because of it.

No Hipsters?

Wiggle

My attempt at this. I’m going to be completely honest here, my reasoning behind the content in this gif was strictly humor based. I found the poster funny. Makes me want to draw a comic featuring a hipster hamster or something.

But in a deeper sense, after looking at it long enough, I do find the simplicity of it charming. The poster up against the plain walls really pops and makes it look its coming out at you. This is something I’ll probably try again in the future.

This was fairly easy to create. I took two different images of the poster from slightly different angles. Then I loaded them into photoshop. To be more specific, I loaded one images and then went up to file –> place and placed the second image on top of the first. After that I went to window and made sure the timeline was visible.

Then I made the actual gif. Theres a little down arrow on the right side of the timeline box, I clicked that and went down to make frames from layers. This loaded the images into the timeline. Finally, I changed the time to 0.1 frames per sec and set the loop on forever.

Moving pictures

Screen Shot 2015-01-26 at 7.37.16 PMScreen Shot 2015-01-26 at 7.37.16 PMScreen Shot 2015-01-26 at 7.37.16 PM

This was definitely one of the most difficult assignments, but I knew I wanted to accomplish it. I was so intrigued by the prompt, and I really wanted to do this as one of my visual assignments this week. It took me a while to figure out how to make the gif itself, but the various tutorials were really helpful. 

I am very grateful to my friend for modeling for me and allowing me to take so many photos to capture the right ones. The most challenging part of this was working with Gimp to resize and format the photos in order to create a gif. It took a lot of control z-ing and re-saving in order to get the perfect gif. One of the hardest things was making sure the two photos layered over one another accurately. I had to resize and crop them so that the visuals lined up correctly.

I’m pretty happy with my results, especially because this was the first gif I’ve ever created. I also liked my visual itself. I think it was a cool concept, and I’m really glad that I took the challenge of this prompt. It wasn’t easy, but I really enjoy the finished product. 

The Energizer Energy Forte

Car GIF

For this assignment we were to take two pictures in slightly different positions to create a GIF that would yield a 3D effect. I chose to take two pictures of my car. At first I could decide what to make my subject, but I finally I thought what better muse than my baby. I like the effect the picture overlap has. Its not necessarily a 3D view, but it gives the car life. To me it looks like the car is beckoning to you to drive it, like a real life car from the movie Cars. I also thought it looked like the car was dancing to some music. In any case I thought it was fun. In regard to the photos I like how the light behind me gives a gleam to the front of the car as it slowing fades to darkness. I chose to do an angled view so only parts of the front were close to add a little depth.

Wiggle Steroscopy

 

 

 

 

 

 

 

 

snow1 (1)

 

Here’s my wiggle steroscopy!

Basically it’s just a two frame gif. I took two pictures at slightly different angles and uploaded them as layers into GIMP. Then just exported it as a gif and here you have it. I do wish the movement was a little smaller to make it look more like a wiggle than a shake.

Wiggle the PUSH Button

"Push" wigglegram animated GIF, by @aforgrave

“Push” wigglegram animated GIF, by @aforgrave

So I pulled out the 3D Camera app today on the train when I saw some discussion on Twitter about making Wigglegrams using mobile applications in response to the August 2013 Animated GIF Challenge #11. I’ve always enjoyed making wigglegrams using the 3D Camera app, and found a quick subject on the train that I could use as the basis for a GIF. There was a nice PUSH button that was within handy access at my feet.

The GIF was made from two photos shot on my iPhone within the 3D Camera app, aligned and merged within the app, emailed to myself (for some reason the app won’t let me save out to my Photos on the phone), re-scaled down to a width of 400 pixels, and then uploaded to WordPress, taking care to embed the 400 pixel sized image rather than allowing WordPress to scale it (and thus convert to a non-animated .jpg).

The original assignment in the assignment bank is Visual Assignments 352: Wiggle Stereoscopy.

Wiggle

Today August 2013 GIF Challenge #11: Get Your Wiggle on based on ds106 Assignments: Wiggle Stereoscopy

There was a bit of chat on twitter today about using a mobile for the upcoming ds106 headless course. I’ve used an iPhone and iPad for a few assignments and a fair number of daily creates so though this might be one t otry. I started with my new fav giffer app, 5SecondsApp, but didn’t get far. It hade worked well for a couple of seamless gifs recently but I could not get a good wiggle. The then turned to giffer pro which did a better job for me.
The whole wiggle process is describe well by Rockylou today.
Photo 12-08-2013 20 17 25

Here is one with iphone photos edited in Fireworks on my mac.

jug

PS 1, there is a nice site: NYPL Labs : Stereogranimator for playing with this stuff with old 3D images from the stereograph collections of The New York Public Library.

Lollipop wiggle – #AAG11

Lollipop wiggle - #AAG11

Took a little break to make a Dum-Dum wiggle :)

Thanks to Tina for the 3D app reccomendation

https://itunes.apple.com/ca/app/3d-camera/id316966270?mt=8

Rockin’ The Rocks in 3D

RaisinJiggleBand_Stonehenge

California Raisins Rockin’ the Rocks at Stonehenge- 3D Stereo Wigglegram GIF

Another kind of GIF that you can make is a Stereo Wigglegram GIF. You take two pictures that are almost the same except they are taken from two slightly different angles. When they are viewed your brain puts them together into one picture that has a 3D effect. Talky Tina’s DS106  August 2013 GIF Challenge #11: Get Your Wiggle on, with Friends! had us creating one of these 3D Jiggle GIFS.

RaisinIPAD_Band_2

Rockin’ The Rocks in 3D

This is one of those projects I’m not going to admit how much time I actually spent on it.  Let’s just say I was fascinated with the process and technical issues learning how to make these and I was really into it. The idea of having the California Raisins rocking with the rocks at Stonehenge tickled me tremendously. I’ve had a set of these little guys since the late 80′s, and now they sit proudly on a shelf in Studio B. (My basement where I do most of my DS106 and other digital storytelling projects.) Now that I’ve dusted them off, I’m thinking they might be making another appearance in a future stop motion video.

I created a couple of different versions and used different techniques and software as I was moving through the project. I started out with the Camera+ App on my iPhone 5 and downloading the pictures into Adobe Photoshop to create the GIF. I didn’t know how or how much I was to move the camera for the two shots to get a “slightly different angle”, so my first attempts didn’t quite look right. I then read Talky Tina’s post a little closer and she recommended an app called 3D Camera by Juicy Bits. The iPad version of the app gave me some guidance on how to actually take the photos.  You don’t just move the camera slightly by rotating your camera on the tripod like I did, You need to slide the camera in a straight line from left to right to get the two shots.

Raisin_StereoImages

To create good 3D stereo images SLIDE your camera left to right, don’t rotate it.

RaisinIPAD_Band

Green Screen Stereo Wigglegram GIF. Created with 3D Camera by Juicy Bits

My decision to take the original stereo photos against a green background so that I could “easily” replace it with a background of my choosing from my own photo collection didn’t turn out as I had expected. I had ambitiously started out with the concept of having the band members and Stonehenge remain stationary, while only the guitar player popped out of the image. This was NOT successful! (See problem plagued GIF below and second successful version at the end of the post.)  Creating layer masks by using the quick selection tool required a lot of fine tuning to remove the haloed green around my raisins.  This was further complicated by the fact that I was doing this process on two different photos and couldn’t select exactly the same areas with each image.  Consequently, I had occasional bulges and valleys along the edges that had to be manually erased or rebuilt for each separate image so that your eye remained focused on the 3D effect and not the little anomalies as the photos switched back and forth. Here’s an original unsuccessful version for your amusement that is a fine illustration of these issues: green halos, bumps & valleys, instead of popping out of the screen it moves back and forth.

RaisinJiggle_GIF_Band

Unsuccessful first attempt at 3D Stereo Wigglegram. Lots of technical issues!

Ahhh… this is better… a second SUCCESSFUL version of the California Raisin solo guitar rockin’ at Stonehenge.

RaisinGuitar_2_Jiggle

Stonehenge Solo 3D Stereo Wigglegram GIF

Two Frame GIFfing

For reasons I fail to devise, on my trip I’ve had an eye for making GIFs, maybe it is traveling be train in that motion that is repeated. I’ve been collecting photos that seem like they might work. sometimes I try to adjust the angle to make a pair that might work well as a ds106 Wiggle Spectroscopy. In a few cases I just have snapped photos in succession that end pairing well.

Heart and Spike Fence, Wooster OH

Heart and Spike Fence, Wooster OH

This fence on one of the Old Founder’s Row homes on Bever Street in Wooster caught my eye, for the contrast of the heart shape topped by a spike. And what is a fence but something that says “Do not enter”? I did not get an optimum angle (and in fact did a bit of PhotoShop brushing in the upper left corner because one photo had more of a white patch). The two frame repeat, also feels like a heart beat (emphasized by having a frame rathe of 0.1 s on one and 0.2 on the other).

My method for most of these is to import into PhotoShop (I have CS5 version) using File -> Scripts -> Load Files into Stack. This lets you take a series of images and have them put into different layers. If it is a motion GIF, I will check the box for “Attempt to Align Objects” which does a nice job of fixing images that do not match up 100%. But for a wiggler, like above, I leave that box unchecked.

In PhotoShop, I see these as separate layers, fine. To animated, I open the Animation palette (Window->Animation). On the right side is a subtle menu, I use “Make Frames From Layers” which puts each layer as an animation frame, in which te other layers are not visible.

If I need to do some masking, I can activate the bottom layer to be visible, and so I can crop things out from higher layers.

free-stamp

Free as in FREE! What part of that do you not understand? When has such a simple word been more mis-understood?

This one was technically two photos imported; it is of Oldenburg’s that giant stamp near Cleveland’s City Hall with FREE on it (more irony in that it was commissioned by an oil company). I tried a bunch of angles thinking a Wiggle Spectroscopy would work, but my camera angle seemed to change the size disproportionately- the idea than of the size change mimic-ing the action of a stamp seemed right. There was a bit more trees in the background than I liked, so I cropped it in more. Then I thought of duplicating one of the layer/frames, and changing up the text of te letters in “Free”. This was done by using the magic wand and the shift key to select the red letters, using Image -> Adjustments -> Hue/Saturation to make it a pale green. Thw Smudge Stick filer gave it a grittier look.

I also made the last frame a tad longer to it breaks up the pace a little

Last is a series of photos that worked just because I left my finger on the shutter and snapped two photos, during the wonderful lunch yesterday at Barbara Ganley’s home in Vermont- Bryan Alexander visited and I liked his gesturing motion in both photos; his hand moved slightly.

bryan-yalks

He is almost conducting, and there is a little bit of headbob. The original pair had a lot of tree motion in the background, so the second frame, I made the bottom layer visible, and cropped out the background of the first. This did not work because his hand showed through, so I went back and subtracted out the appearance of his hand below. So the lower layer appears first, in the second frame, the upper layer is superimposed, and has enough removed that we see through it to the background of the lower layer.

These two framers are fun to do.

I did a bunch of train ones using the Cinemagram app on my iPhone. The biggest challenge is holding the phone steady to avoid mismatched motion. It also helps to look for examples where you can mask the animation parts and leave the rest as non moving.

Sadly Cinemagram follows Instagram formula so much I cannot navigate my Cines via the web, the only way to embed them is to email them to myself, follow the links and grab the code from there (ugh the embeds seem flaky too).

This seemed like a novel idea, to animate just the portions within a plastic cop of unspecified beverage-it does show the weird artifacts you get sometimes if you try to use the mask tools twice — http://cinemagr.am/show/151894725

In Buffalo, the freight trains were constant, here I caught two of them going in opposite direction. The iverlap is fairly clean http://cinemagr.am/show/151894725

And not only trains, this one of Giulia’s wave really works well for me, she just waves and waves and waves and waves http://cinemagr.am/show/152753470

So no, the love of GIFfing (hard g) never stops. It’s more than the result, its the process of capturing motion, a place, in a minimalistic media, and one cannot get too much more minimal than just 2 frames.

For more info on the method, see Photo it Like Peanut Butter and my first efforts of Animating GIFs from Your Own Photos