Short & Gray: Pie Chart

Because bar graphs shouldn’t get all the love.

Short & Gray – Jiggle Text

So I’ve got all of these unfinished projects that are just rotting on my hard drive. I come up with an idea and don’t know what to do with it. They are usually pretty simple, and I rack my brain trying to come up with a ground-breaking way to present my simple idea. It usually results in a dead end. So instead I’m just going to start posting them under the umbrella of “Short & Gray.” Since they will have just a plain old gray texture and be 5 seconds or less, the title fits. Maybe I will be able to use them down the road as part of a bigger project; it’s always good to have a library of random designs built and ready to go.

This is the first one, called Jiggle Text. It’s just some simple MoGraph using a Step Effector and a Delay Effector. The text is bouncy in a Jello type of way.

Text and Arrows – MoGraph’s Formula Effector

Here’s a little something something I came up with just adding a bunch of effectors together in MoGraph.

The main effector in charge here is the formula effector. That is controlling the motion of the text flowing around and the floating of the arrows. The random effector and target effector are also involved. I also like the candy or bubble-gum color scheme got going on here.

Drum Kit made with MoGraph

Here’s an animation I made in CInema 4D using Mograph. It’s a drum kit, made of words, that reacts to the beat.

OK so, I don’t think I’ll be getting a job in the music industry coming up with catchy beats. I made this crappy beat in Garageband, and hooked up each drum to a separate Sound Effector to drive the animation. I could make a better beat, but I wanted to make something simple with all the drums involved. I think it’s a cool way to visualize a drum set. The font is called Chunk Five and it’s my new favorite.

Subway Train Animation/Composite

Here’s a Cinema 4D train moving through a subway station.

The subway platform comes from istockphoto. I modeled the train in Cinema 4D and brought it into After Effects to fit it into the scene. By moving the train so quickly with a heavy motion blur, you can get a way with a relatively basic model of a subway car with not a whole lot of detail. I added some HDRI lighting to simulate the fluorescent lights above and color corrected the train to make it blend in with the color and feel of the environment.

I mean, the clip isn’t anything earth-shattering; you could easily just get a clip of an actual subway train passing by. But sometimes the best part about being a designer is making something out of nothing. A still photo becomes alive with hopes of convincing the audience that there is no animation at all and it goes unnoticed.

A Cold Case Without a Trace of Law & Order CSINCISNYPD Blue: Miami

I don’t watch TV like normal people. Every time I see something on TV, I start breaking things down in terms of how they are produced in post-production. I think about the effects and techniques involve and wonder how I would go about creating something similar.

There’s like 10,000 Police/Crime/Detective dramas shows that have come and gone that I never watched much. I think the major networks have this idea that the good guys need to catch the bad guys in a half an hour or else people won’t watch and they can’t sell any ads. I urge you to forget these broadcast network crime shows and go get your hands on The Wire. Trust me. There are two types of people in this world, people who think The Wire is the best show in TV history, and people who have never seen The Wire. You will regret wasting your time watching people take their sunglasses on and off instead of watching The Wire. It has no discernible line between good guys and bad guys, the stories have a series of causes and effects that span several seasons beautifully, intertwining conflicts get resolved and lead to new ones, and it’s HBO so it doesn’t have to hold back like regular TV.

Oh yea, motion graphics. I made this intro in CInema 4D and After Effects for a shitty crime show that will surely get cancelled.
Continue Reading

Marvelous Spider Text, Man

Something I worked on in After Effects that really doesn’t try to mimic any style or theme you’ve seen before, nope not at all.

I submitted this to get picked up as a tutorial that I would get paid for, and it probably won’t in the end. So if not then I will record the tutorial for this technique and post it here.

Magnetic Animation

I just started messing around with the idea and came up with this. In Cinema 4D of course.

Flipping a Deck of Cards in MoGraph

I was in Las Vegas recently and couldn’t stop thinking about linear cloners and step effectors. I’ve got cards and gambling on my mind. I devised a little project that arranges all 52 playing cards in a linear cloner, thus allowing you to animate a entire deck of cards with different parameters and effectors. This animation here is what it looks like when you fan the whole deck of cards out flat on the table and then start at one end and flip all the cards over sequentially all in one motion.

Not a complex animation but once you’ve got it set up it could unlock some better tricks. I think I’m going to make a tutorial for this.

Aetuts+ Logo Reveal Contest Entry: Puzzle Pieces Animation

I had this idea in my head for awhile. I wanted to create a 3D model of a jigsaw puzzle that can have the pieces animated into solve it with just a few keyframes. It can be textures with whatever, it’s a puzzle so it can be a replaceable image of anything. Well I finally got around to doing it for the Aetuts+ Logo Reveal Contest.

It’s based on my old animation in Mograph, the Current Cubes animation. I thought that if you cloned puzzle pieces into a grid cloner that you could control the assembly of a whole jigsaw puzzle. You could do some could random effectors to make the pieces scatter and have it pop back into place. This logo reveal contest came up with Aetuts+ and I couldn’t come up with anything special in After Effects off the top of my head, so I grabbed the puzzle idea off my idea whiteboard and got to work. I have no graphic moral compass apparently, since I’m primarily using a 3D application to do a logo reveal for a site devoted to tutorials in a 2D application. I’m a monster.
Continue Reading