Category Archives: ds106

Headless13 Week 1 Summary

5 Replies

Headless_Rockylou_3_GIF_Final_500

August GIF Challenge: My Headless self. [link to post]


DS106 Fall Headless course started on August 26, 2013. Our first week’s assignments were pretty easy for me since I already had my blog up and running, [About Page ] I just needed to tweek it a little. The biggest tasks for me were around building the digital infrastructure for my 3M-DS106 Salon for which I’ll publish a separate non-proprietary blog post. I’m pretty much into the swing of doing the daily creates and we watched three short videos.

Along with the videos were a set of “Rules for Students and Teachers” by John Cage we were to read over.

JohnCageRules

My three nuggets to report were:

  • Ideas take time to incubate, sometimes one, two years, sometimes 10 or 20 years. I often feel if I don’t get it right away something is wrong.  But 10 or 20 years? Now I can have a more compassion with myself over the radical collaboration ideas I am trying to introduce to the 3M corporate system.
  • Nothing is a mistake. There is no win & no fail. There is only make. This reminds me that it’s okay to be vulnerable amongst the DS106 crowd. We are here to create, to learn, to share at our own pace and level of expertise.

  • Do not try to create and analyze at the same time.  They are different processes. Boy do I know this – even though I forget at times.  I need to stay out of my own way when I’m in creation mode, and it is important that I go into analyze/reflect mode and write up my process when I’m finished.  It took me about a month to get my Etude de la Musique posted.

What advice from previous students seems most useful? Why?

Don’t be afraid to try new things and make “mistakes”.  Push your creative edge. For me that initially took the form of not pulling myself back for those daily creates that involved video, which has historically been my most used digital story telling media format.  For TDC 597 we were to take a video clip and add something unexpected.  In my Star Spangled… WHAT?! I had a lot of fun looking at other people’s work and finally deciding to use John Johnston’s chicken GIFs to add an unexpected visitor to a previous daily create of mine.

Another edge for me is with drawing. I don’t have much confidence in that area, but with some gentle nudging and encouragement from other DS106ers who I follow, I took a stab at it by drawing birthday wishes for Giulia.

 

Birthday Wishes Doodle

My attempt at today’s ds106 daily create tdc599 to doodle for doodler Giulia our wishes for an ideal birthday. I didn’t feel confident that I could do a drawing create. But at the gentle nudging of Stefanie Sofie and a subversive CogDog, I gave it ago on my iPad with a sketching app called Paper 53. There was a lot of erasing and deleting as I practiced with the tools. But in the end, I’m glad I stretched my art making boundaries. I won’t be so apprehensive next time.

A couple of other daily creates… (Click on captions below images for blog posts and more information)

BuildABug

Build-A-Bug – more info  tdc598

600BCHorse

600BC horse celebrating the DS106 600th daily create TDC600

Making my DS106 impression at 3M for TDC596 . The photo was taken at home with my iPhone mounted on a tripod with an Anycase Tripod Adapter. Then using my earbuds’ volume control to activate the shutter.

Making a DS106 impression at 3M

Making a DS106 impression at 3M for TDC596

GETTING SOCIAL: I’ve had a Twitter account, @rockylou22, for at least 3 years and finally tweeted my first tweet in June as I started the DS106Zone summer 2013 session.  YIPEE! Learning the proper etiquette and how to utilize the hashtags correctly has been quite a learning curve.  I’ve also had a Flickr account for quite some time, but never posted anything until I needed it for my first DS106 Daily Creates.

Before that I had just used Flickr to gather creative commons photographs for some of my video creations that I post to my YouTube channel.  My SoundCloud account is up and running…

Vader_DS106_GroomJoinAlliance_2

and I added Tumblr in August- mostly for posting GIFs like this one.  [Link to post about creating this and other similar GIFs]

 

 

 

Moving on to Embedding Twitter with an example using the #ds106 hash tag in your message was not as easy as our week 1 assignment suggested.

To do this, go to your twitter home page (http://twitter.com when logged in) and click “Tweets” in the upper left. If you click on the date/time stamp of any of your messages, it will load that tweet in a single page with a unique URL. WordPress users can easily embed a tweet by copying that URL and pasting it on a blank line in your Editor.

I tried for a couple of hours to get this to work.  Copying the URL into either the visual or text page of my WordPress blog only gave me a link to click on.  If I copied the imbed code I code get a parent tweet and one reply by pasting it into the text view.  I, however, wanted to embed an entire conversation, without resorting to imbedding a single tweet at a time.  I searched the web and widgets for help, but notta! I’m wondering if the recent Twitter conversation upgrade is the culprit here.

But I was able this week to imbed my own Twitter feed with a nice looking user interface into the sidebar of my blog.  Previously it was just an ugly text list.

To do this I went to my Twitter home page and clicked on the settings gear icon in the upper right corner. In the drop down menu I selected settings. In the settings screen select widgets in the left hand column.

EmbedTweetStream

1. To embed your Twitter stream on your WordPress blog.  Under settings choose Widgets.

2. Make your configuration choices and copy the automatically generated HTML code from the lower right hand box.EmbedTweet_Code

3. In WordPress make sure you have already downloaded and installed the Text plug in widget.  Then open Appearance => Widgets and pull the text widget over to the Main sidebar. Open it by clicking on the arrow in the upper right corner and paste in your HTML code you generated from Twitter.TwiiterEmbed_WidgetSidebar

 

Star Spangled… WHAT?!

6 Replies

Star Spangled What?! video link

Today’s DS106 Daily Create tdc597 was to “edit an existing video clip to include an unexpected object in the story.”

StarSpangled_WHATVideo is my “thing”.  Not so the case for many of the DS106ers.  And I didn’t realize until I read a couple of comments in the DS106 Google + community today that some of you have felt intimidated to try your hand at the animated GIFs and videos from previous daily creates once you’d seen submitted projects.  A tip for maximizing the value from this course? Don’t compare your art contributions to anyone else’s.  Do what works for you. Do what you enjoy. Don’t worry about your level of expertise with the tools.  We are all beginners in some areas and there are those with more experience we can learn from. The DS106 community is a supportive group of individuals who hold a space and offer encouragement for us to take risks and move outside of our comfort zone.  It’s okay to be vulnerable here.

For me today that took the form of not pulling myself back.  But I also decided to take on the challenge of seeing how quickly I could produce the video.  (I really need to get some sleep tonight. Too many late nights working on DS106 stuff!)

chicken_2

B&W Chicken GIF  courtesy of John Johnston

My first creative inspiration was to use John Johnston’s chicken GIFs: Red ‘Chicken Talking  and his B&W Chicken (He would be considered one of our ds106 experts in the GIF arena.) Based on my personal experience this summer with a previous project [Talky Tina – Sweet as Tupelo Honey] I knew if I used the original GIF files in my Adobe Premiere Elements 11 video editor, I’d have to string together multiple copies of the still images to have continuous movement over several seconds. This would not be conducive to going to bed early.  Ding! I could use my screen capture software, Camtasia, to actually capture the GIF in action over several seconds. It would already be in video format and could easily be inserted into any video I wanted.

chick-01

Chicken Talking  from John Johnston

Next, I started looking at YouTube videos made by other DS106ers.  I downloaded a few of them to my computer with the Firefox Video DownloadHelper extension. Nothing was working.  I then remembered an earlier daily create of my own, Speedy Star Spangled Banner.  I thought it would be really funny to have John’s  red ‘Chicken Talking’ GIF  do the singing, but it took me a little trial and error to make a “logical” substitution of the B&W GIF.

My video editing software allows me to have several layers, and all I had to do was to put the video versions of the GIFs onto a layer above my original video. I then spliced out a segment at the beginning that referred to the previous daily create, added a video title image that comes with the program, personalized the text, rendered the video, and published it to YouTube.

In John’s podcast today, Evidently Not ChickenTown, he talked about how we can have a flurry of ideas after seeing other DS106 projects.  Here’s proof.

Original Video:

Etude de la Musique

3 Replies

A study of music….

Music is a powerful force that can change the mood and even the meaning of a video. I’ve been wanting to illustrate this concept for awhile and when I saw the tweet and original video created by Brian Bennett I knew this was my opportunity.  Because of the video’s simplicity with one on-going activity (Brian painting a room) as the viewer moves through different styles of music one can feel the effects of each piece as it relates to how the video is experienced emotionally.

Watch & listen to the original video by Brian Bennett & read his blog post here.

Painting_Music_Title

“A Study of Music” illustrating the power of audio.

Brian  and I talked about the power of music and we both thought there was/should be a ds106 audio assignment that did this, but we didn’t find one.  I tweeted Brian (@bennettscience) that I had wanted do this sort of video and put up an assignment, but didn’t have a good illustrative video to use as an example yet.  I asked if he’d mind me using his.  It was no problem. Now one of us just needs to write up and submit the assignment.[UPDATE: AudioAssignments1193 has been created and ready for you to try.]

This music video was very simple to make. I knew that I wanted a variety of music styles: soundeffectish, comedic, dramatic, simple, complex, ect.  Figuring out how to search on the freemusicarchive.org site took a little time, since this was only my second time visiting.  But once I had my key words down I was able to locate about 15 songs that I thought might work and downloaded them.  I was able to keep track of the artists names and songs for later attribution from their file names.  That was a nice bonus, as properly siting my sources can be a real headache and time hog as I try to rekindle my search logic when I found them the first time around.  HINT: To keep track of sources pulled from the internet, create a new post, keep it in draft mode, and copy & paste all of your links with a summary of what they are into the awaiting post.  When it comes time to write up your post you already have a big chunk completed, and no retracing your steps.

Painting_Music_WindowInside

B. Bennett painting room time lapse video

Once I had the songs it was a matter of placing them onto the timeline and seeing what fit where. (I used Adobe Premiere 11 as my video editing software.)  Making effective transitions between the pieces of video and music are important so that the viewer is not distracted or irritated, but instead able to easily go with the flow.  Fortunately, I didn’t have to resort to my first plans of chopping into the video and adding fade to black transitions with each change of music. As I worked with the media I noticed there were natural transition points that I could use instead.  That made it an even more powerful illustration because there was a continuos visual flow.

Having Brian’s original music, My One True Love by Ben Saretan remaining at the beginning, middle, and end of the video was important to me. As with many of my projects, I continue to be amazed at how things can miraculously fall into place.  And that was certainly the case here as I noticed and worked with the natural transitions. Brian’s music remained in the locations I had intended and the music selections on either side “made sense”.  There is a nice flow both from a visual and auditory perspective.

Did you experience the video segments differently as I had intended? What emotions did they bring up? Which music selection(s) did you enjoy more? [Start time links provided below.] Did you feel that one song was more suited to Brian’s video throughout? Why? I’d be very interested to hear your reactions and comments to the piece.

All music licensed under Creative Commons from freemusicarchive.org

Painting_TitleCardIntro

Monster In The Kitchen

3 Replies
IMG_1342

DS106 tdc595 “Monster In The Kitchen”

DS106 Daily Create tdc595 was to “Build a monster out of items in your kitchen.”  I tried a few things on my countertop with a teapot, an over-ripe banana, a recipe book holder, a cup tree, some tongs, knives, beaters, a cork screw, and a tea tin, among other various items. But my attempted kitchen Frankenstiens were too complicated and seemed forced.

I was also thinking about turning the photo into a stop-motion build of the monster or a GIF with moving parts.  So I needed it to be simpler to get photos in a sequence that had a minimum of camera movement. In the end the GIF idea faded away in exchange for taking the time instead to write this blog post.

The_Scream

The Scream by Edvard Munch

Since nothing was working I decided to start over from scratch.  What else could I use? Where else could I build it? By moving to the range top I noticed my spoon holder looked like The Scream by Edvard Munch. Now that was something I could work with.

The simplicity of my new monster was appealing. The corkscrew placed underneath was at first supposed to be ears or arms. It eventually became horns. Then I wanted to add a splash of color and found a red plastic fork that doubled as a nose and sharp teeth.  Ta Da! My monster was born.  Now to capture it on “film”.

IMG_1334

Monster looking down

The photos were taken with my iPhone in the Camera+ app and then I applied a filter called Mammoth. As I was taking the shots I noticed the monster’s eyes changed from angle to angle. And tried to capture several angles to work with. Here it is looking down.

 

The final image with a large straight-on stare looked the most monster like. The application of the mammoth filter made the eyes bigger, provided the vignette shading around the outside, and a tinge more dark silver tone. It reminded me of something you’d see in a horror movie.

FilterComparison

Final kitchen monster image with the addition of the Camera+ Mammoth filter

Chomp Chomp The GIF Fight

3 Replies

PacMan_400

As I become more and more experienced with any of the digital media platforms we play with here in DS106, my thought process for how I choose and go about creating matures. Let me walk you through how this one went.

I read the tweet announcing the new #GIFFight challenge photo had been posted at about 9:30pm.

I was seriously considering going to bed early. But now my mind started thinking about what in the photo I could animate. That was it. I was sucked in. But I really did want to get to bed at a decent hour. So… it went something like this.

Run! Run! I forgot my meds again!

Run! Run! I forgot my meds again!

Hmmm… I could animate Superman flying across the page… Yeah, that might work…. Or I could add the ‘Batman & Robin Run Away From $#!%’ GIF to up top under one of the monster guys. Nah… would probably make the GIF too big. Tumblr only gives you 1Mb and 500px to work with. Let’s see. Oh, how about incorporating the headless theme? I could have Pac-Man come in and eat Batman and Robin’s heads off. Nah… I’d have to rebuild background. Hey.. That Pac-Man concept is good. I think Pac-Man is an 80’s thing too. Yep. Trusty ol’ Wikipedia confirms it. First introduced into the US in Oct. 1980.

1024px-Pacman_HD

Public Domain Image

Let’s find a usable, non-copyrighted image with a Google search. Drat, all of these are copyrighted or unknown licenses. Wait, here’s a simple-looking one. And what luck. It’s a CC Public Domain licensed wikimages.

 

 

PacMan_Lines

Pac-Man can move along the white lines, looking like original game.

Now that I have my image, how shall I move the little guy across the page. Hey wait a second, there are white dividing lines between the images, sort of like the video game. Yeah… I can make him move along the lines.

 

 

PacMan_Only

Pac-Man open, closed & change directions

Oh, but I’ll need to have his mouth open and close. Let’s do some copying, pasting and a little band-aid work to create a Pac-Man with a closed mouth.

Great I have all of the pieces. Let’s start him moving along the line. No that’s not right. He is moving too far from frame to frame. That’s better when they are closer. Hmmm.. he has to turn the corner, I need to duplicate my two pacman layers and rotate them 90deg clockwise. Chomp, chomp, chomp. He finishes his way out of the GIF.

PacMan_Pellets

Pac-Man can eat the pellets

Let’s take a look at it. Yep. That looks right. Hey wait…. There are little pieces as he’s heading out of the frame that look like the pellets that Pac-Man eats. Oh… I have to do something with that.  Another round of copying, pasting, resizing of a layer to cover the objects as he passes by. Now this is lucky… Because of the way I have Pa-cMan moving across the screen and his size, I won’t have to make the pellets disappear gradually. They can all be eaten in one pass as Pac-Man chomps by. Now we’ll post to Tumblr. Tweet out #GIFFight completed.

Oh that’s really ni…. wait a minute, hold the Tweets.  The shadow by the pellets is partially obscured by the new layer covering them up. Drat. I want to fix that. Let’s see if Tumblr will let you replace a photo without having to change the post link. YES! I can delete the old one and add a new one in its place and no one needs to know about the mistake at this point. Go back into Photoshop. Erase a bit of the new cover layer so that the entire shadow is visible. Save as a GIF remembering to bring it down to 500px. Open Tumblr post, delete old version and replace with new version.

Ta Da!

DS106 Invitation to 3M

8 Replies

This invitation was posted on my internal 3M blog inviting my colleagues to join a DS106 experiment I wanted to run from behind the firewall of a corporation. 

Your Invitation

FdeTroyLectureMoliere_DS106-3M

Coming soon! DS106@3M

Want to have some fun improving your 3M digital communication & collaboration skills? This is your invitation to join me in creating our first 3M DS106 Salon*. Where we’ll develop our digital presence and learn the power and responsibilities that come with good digital citizenship – more important than ever as our digital lives blur between private, public, professional, and proprietary. The goal isn’t just to learn the technology.  It is to do something much larger by using these tools as resources to improve our positive impact and effectiveness inside and outside of 3M.  You can participate as much or as little as you like, drop-in, drop-out, drop back in again, as we create and collaborate alongside the 15-week open-online course in digital storytelling, DS106 headquartered out of Mary Washington University, which begins August 26, 2013. 

* A salon is a gathering of people under the roof of an inspiring host, held partly to amuse one another and partly to refine the taste and increase the knowledge of the participants through conversation.  [Source: Wikipedia  Salon Image Source ]

Intrigued and want to learn more?

Try a link or two…

Still interested in joining the fun?

 Contact Rochelle Lockridge ASAP to let me know you’re interested.  Feel free to use your favored communication mode: e-mail, spark, text, phone, blog comments, etc..

image 

   

DJ B-day Dance Photostrip GIF

7 Replies
DJDanceGIF_Strip_2

The DJ Birthday Dance Fim/GIF Photostrip

You know how you can take those quick burst photo strips at the mall or the fair? Wouldn’t it be cool if you could bring it to life with a GIF? That was my inspiration for making this Film/GIF Strip extracted from a short video clip taken on my grandson’s 2nd birthday this past weekend. [See his birthday cake here]

HOW IT WAS MADE

DJGIFDance

DJ Birthday Dance Still

I first downloaded the 9 second video clip my daughter sent into Adobe Premiere Elements, where I promptly exported it as an image sequence choosing 10 frames per second as my download. This significantly reduces the number of JPEGs produced. [Read how here]  I choose the images I wanted to use to make 4 different GIFs. Then I downloaded a free to use film strip image from Imikimi to use as my border.

With a little trick I learned yesterday, I duplicated the layers from each potential GIF and when the dialog box comes up, lo-and-behold, it asks me where I’d like to duplicate them to.  Of course it defaults to the file you are in at the moment, but by changing that drop down selection to my working consolidated file, I can easily move them without much of a bother. (Unlike what I’ve been trudging through on previous projects.)

Once all of the images were aligned onto one strip, using the full version of Photoshop , (each GIF having its own location) I created two animation frames and set them to 0.2 seconds.  There is no need for merging of the layers like when I’m using Photoshop Elements. THANK GOODNESS! My first attempt with all four GIF frames moving didn’t appeal to me.  [See below] It felt just too busy. I also wasn’t real pleased with the first GIF in the series. After some trial and error I decided I liked the look of the film/GIF strip with Photo A and D remaining stationary, while the two center GIFs of DJ really dancing continued to move.

DJDanceGIF_Strip_4

All frames moving are too busy for this Film/GIF strip

I’m now contemplating how I could turn one of these into a 3D Stereo Wigglegram GIF like Rockin’ The Rocks in 3D. The background is basically still with mostly DJ moving.  I think that means I can extract DJ from each photo and keep a single background image without needing to do much work rebuilding the chair.  Hmmmm……

Gluten-Free Chocolate Cherry Bundt Cake (Microwaved)

3 Replies
IMG_1213

Gluten-Free Chocolate Cherry Bundt Cake made in microwave from Rochelle’s kitchen

Gluten-free, Microwaved Chocolate Cherry Bundt Cake
1 hr prep time + overnight in refrigerator

1 tablespoon sugar
1 package Betty Crocker Gluten Free Devil’s Food Cake Mix
1 cup cherry pie filling (non-high fructose corn syrup)
3 eggs
3/4 cup water
1/4 cup vegetable oil
1 tsp almond extract
24oz Plain Greek Yogurt as cake frosting

Generously grease 12-cup microproof bundt-type  pan; chill.  Sprinkle with 1 tablespoon sugar; shake well to coat.

Mix all remaining ingredients (except yogurt and cherries) on high for 2min.  Add the cherries and mix by hand. Pour carefully into prepared pan, making sure the cherries are evenly distributed without removing the grease/sugar coating of your prepared pan.

Cook on 30% power (defrost) for 27-30 minutes, or until cake tests done, rotating if cake is rising unevenly.  (DO NOT OVERCOOK!)

Let stand 10 min before inverting onto serving plate to cool. Use a knife to loosen the sides of the cake from the pan before inverting.  NOTE: If your cake sticks to the pan in some spots, simply remove the stuck pieces from the pan  and place them back on the cake.  The moisture from the still cooling cake will often help to attach it back again.  And you can work wonders with the thick yogurt frosting to hide just about any imperfection.

When cake is cooled, carefully spread the Greek Yogurt over the entire cake.  Take the remaining cherries and use a toothpick to place them in a ring around the top of the cake.  Now warm what’s left of the cherry pie filling in the microwave to make it “runny”. Drizzle the cherry liquid over the cherry ring. Pour any remaining pie filling into the hole in the center of the cake.

Cover and let sit in refrigerator overnight.  This is very important to create and maintain a moist cake.

I have been on a gluten-free diet since the late 90’s – long before it was mainstream like it is today, and this cake has become a must have and favorite by anyone visiting my house for birthdays. We celebrated my grandson’s 2nd birthday last weekend and of course have lots of pictures celebrating the day and the cake.

10. Cake_Cropped

Let’s see if this is really as good as it was last year.

00_DJLick2

So this is what two tastes like. Yum!

DJDanceGIF_1

Yay for Nana’s Chocolate Birthday Cake! [See a film/GIF photostrip here]

DJBDay1_ChildMuseum_thumb3_edited-1

Here’s the Klingon version of the cake I “made” for DS106 Daily Create tdc582 a few days ago.

Klingon Cake

Polar RIFF-A-GIF

3 Replies

 

jim_groom_dance_Freezer

DS106′ Jim Groom doing the Polar Bear Polka in Viv’s Freezer

Some of the best parts of ds106 happens when people spontaneously build off of the whacky things others share. Rapid fire style. Your assignment is to riff on someone else’s ds106 work and make it new in a GIF form. It can be revising an existing GIF, or taking a graphic and turning it into a GIF. [ Animated GIF Assignment 859 ]

Where in the world is Jim Groom? He’s moved from Christina’s refrigerator
http://ds-ina.tumblr.com/post/57311409496/groominmyfridge
to Viv’s freezer. http://flic.kr/p/eSZKx7

Talk about reduce-reuse-recycle.  I get a three-for-1 on a GIF I made for fun some days ago.

  1. Talky Tina’s August 2013 GIF Challenge #13: RIFF-a-GIF 
  2. DS106 RIFF A GIF Animated GIF Assignment 859
  3. Dancing Jim All Over The World: Animated GIF Assignment 1001

Notice how Jim is nestled in the polar bear’s arm? By wisely choosing my original photo there was no need for rebuilding a part of the image.  It was a simple wave of the magic wand tool over the polar bears leg in Photoshop Elements. Then the new layer was placed in front of dancing Jim.

jim_groom_dance_RLL

Dancing Jim Groom. Right click to download & open as layers in photo editor.

Get Ready to Tumbl! The #GIFFight is on.

11 Replies
Vader_DS106_GroomJoinAlliance_2

“DS106 Joins the Rebel Alliance” and the Tumblr #GIFFight by @Rockylou22

DS106 joined in the Tumblr GIF Fight (#GIFFight) this week.  Our subject?… to GIF-ify Darth Vader. A few of us (who I knew about) stepped right up when the tweet from @mbransons came across our screens.

And now Talky Tina has posted August 2013 GIF Challenge #12: You Ain’t My Father, Bub! GIF Fight! [ Animated GIF Assignment 1190]

Vader_DS106_GroomJoyRide

DS106 Joins the Rebel Alliance by @Rockylou22

I had so much fun making Groom Outta This World With Joy, followed by his surfing the DS106 space shuttle in celebration of joining the “rebel alliance”, that I couldn’t help making another, and then another. Since I’ve moved over to the full version of Photoshop I can do so much more. (I apologize for the slight background image bump on animation frame #3.  I tried to fix it, but finally gave up.)

GIF #1: DS106 Joins The Rebel Alliance

There are three moving animations In this GIF. A feat too time consuming and technically difficult to have produced with Photoshop Elements. All those merging of layers just to get an idea of what I had would’ve been a nightmare.  [See earlier post: Groom – Outta This World] In the full version I can maintain all layers and view work in progress by simply selecting and deselecting layers for each animation image. The bouncing globe only required a capture of Vader’s front fingers to be placed as a layer over the globe when in the palm of his hand. What was tricky here was getting Dancing Groom and the DS106 Space Shuttle to align properly as they moved across the screen. Timing, spacing, positioning, etc. But again, through the wonders of really nice (and unfortunately expensive) software it wasn’t a chore – just a little fiddling around.

GIF #2: What Really Happened to Humpty Dumpty

I’ve been downloading images from Microsoft Clip Art lately and would often see animated GIFs that I thought would be fun to use in projects.  But I couldn’t get them to load into Photoshop as layers because the files are what’s called Indexed color mode and they need to be in RGB.  You’ll never believe how easily I got around this technical difficulty. (After a bit of trial and error though.)

  1. Open the GIF in GIMP 2.8 as layers

    Humpty_Dumpty_Transparent

    Humpty Dumpty GIF

  2. Image=>Mode=>RGB (See screen shot below)
  3. File=>Export
  4. Select file type as Photoshop image (*psd).
  5. Click Export
  6. Select “As Animation” in dialog box (see screen shot below)
  7. Click Export
  8. Open with Photoshop.  All layers will be visible.

 

ConvertToRGB

Converting a GIF from Indexed to RGB in GIMP

SelectAnimlayers

Export RGB GIF as animation : GIMP screenshot

Poor little Humpty Dumpty.   He was lulled into a false sense of security watching a sweet little butterfly. Then WHAMMO! The Death Star zooms in and knocks him off his wall.

By hacking into the image layers of the original GIF I…

  • Made the wall shorter.
  • Extracted Humpty from each layer to have more control over how he moved in the scene.
  • Extracted the butterfly to get two separate image layers: wings open, wings closed, to create the illusion of flying away.
  • Put the egg into its own layer. (Which ended up being used in GIF#3.)
  • By lassoing the last pillar and pasting it into a new layer I had a place where the egg could splat.
Vader_Humpty

GIF#2: What Really Happened to Humpty Dumpty by @Rockylou22

GIF #3: Oh Crap! Run, Run

Vader_duck_2

“Oh Crap! Run, Run” Tumblr #GIFFight submission by @Rockylou22

Number three in my Vader series stars a little ducky Duck_Lifesaver_Transparentescaping the wrath of Darth after laying an egg in his hand. I took the egg from the Humpty GIF and placed it in Vader’s hand. I used the same fingers layer I had used in GIF#1 to make it look like Darth was actually holding the egg in the palm of his hand.

Besides getting my duck to run across the railing, the splatter of egg onto the post and slowly sliding down took some creative effort. Thanks to a video tutorial by Michael Branson Smith, I learned how to distort an image by using the transform layer command.  Talky Tina had used this effect in her Flower Power GIF to make the flowers mold around the top of her Drill Sgt hat. I had been wondering how this was accomplished.

Select image layer => Edit => Transform => Warp => adjust handles till it looks right

Vader_duck_WarpEgg

Warped egg in Vader’s hand.

As I was writing up this section of my post to get the correct sequence for transforming an image layer I noticed that I should’ve warped the egg in Darth Vader’s hand too. It looks so much better for dripping if it’s draped.

Feel free to Riff and hack into any of my GIFs. It’s fun to see the creativity of DS106 in action with stuff I’ve posted.

I made a point of including all of the GIF files so you could use them if you wanted and a few other pieces of art used in this post.  [Talky Tina  August 2013 GIF Challenge #13: RIFF-a-GIF]

Transparent GIF of Groom’s Joy Ride on the DS106 Space Shuttle

Groom_DS106Shuttle

Groom’s Joy Ride aboard the DS106 Space Shuttle. Right click to download. Open in photo editor as layers to use.