RobTheDesigner.com - Design Blog » brainstorming

Intro Sequence v2

rob — Tue, 25 Nov 2008 04:13:00 +0000

Here’s my lastest version of my 8 second intro for this new training video.

I’m going to add a few small dust clouds getting kicked up when the first 3 brains run by… otherwise, Jim loves it! Woo-hoo!

It’s no “Catch Me If You Can” intro, but that’s my dream… =) Your thoughts?

My boss told to look at a few animated intros to get my brain going:

[youtube=http://www.youtube.com/watch?v=b8Gnhc3dlsQ&hl=en&fs=1]

very very preliminary

rob — Thu, 20 Nov 2008 05:22:00 +0000

a sample video of the intro sequence…

i draw pictures all day!

rob — Fri, 14 Nov 2008 06:59:00 +0000

Doing all these drawings for this video is really teaching me a lesson in patience. The show is about 50% hand drawn illustrations and animation… My process goes like this:

I sketch out the drawing in pencil, usually on the back of a print-out to save paper.
I’ll go over the sketch on a piece of tracing paper with these nice office pens… Staples OptiFlow. They work great but they take a while to dry on the tracing paper. (this is whats teaching me patience)
I’ll scan the drawing into Photoshop as a 300dpi grayscale image – then “select all” (cmd-A) and float that to a new layer (cmd-shift-j). Using the magic wand, I’ll select the white of the new layer and then delete the selection. Finally, I’ll set the layer mode to Multiply, which hides white edges. Now I duplicate that lineart layer to darken the lines, then merge the 2 lineart layers (select both layers, cmd-E)

For colored illustrations, I’ll create a new layer underneath the lineart layer, change the color mode to RGB (don’t merge layers), and then use that new layer to apply color to.

Once the drawing is done, since it’s big (300 dpi) then I’ll copy the image into a widescreen screenshot of the video screen which I use as a template. The background layer is set to the bg color of the video, it has “action safe” and “title safe” guidelines on it, and it’s the correct proportions (1280 x 720).

That image makes it easy to either give it to my director who puts everything together in Final Cut Pro, or I can load that PSD into After Effects if I’m animating the sequence myself.

It’s a lot of work for a quick little show, but as they say, patience is a virtue!

another animation

rob — Tue, 11 Nov 2008 08:18:00 +0000

This one is the background, where John is speaking in front (on the right)…

Animation!

rob — Sat, 08 Nov 2008 08:48:00 +0000

Ha! This turned out AWESOME! (sound effects pulled from a clip of Dr. Seuss’ “The Sneetches”.)

Too bad it’s not bigger, but hey. You get the idear.

Brain Balloons?!?

rob — Fri, 07 Nov 2008 02:55:00 +0000

These brains are one of the main visual elements of this movie we’re working on. That being said, look at a little random silliness:

logo mockups…

rob — Thu, 30 Oct 2008 04:56:00 +0000

What do you think? Which do you like?

John Sweeney is a cartoon!

rob — Wed, 01 Oct 2008 01:09:00 +0000

I inked my drawings of John Sweeney. The next step will be learning to animate mouth to speech in After Effects. Any tips?