Posts Tagged ‘cut-out’

Cooler Opening Title Design, Cutout Animation Character Chaz

Cooler Opening Title Design, Cutout Animation Character Chaz, Giles Timms 2011
Above is a cutout animation character called ‘Chaz’ for the opening tile sequence that I am animating for the independent film, ‘Cooler’. I am also animating several animated sequences within the film.

This model sheet shows my cutout character design process and includes my initial character design hand drawn on paper with pencil, pen and ink, the cutout body bits colored and textured in Photoshop and the final character rig assembled in After Effects. I’ve also included screen shots of the cutout character in Photoshop (with the live action character reference) and the rigged character in After Effects.

Cooler Opening Title Design, Cutout Animation Character Chaz in Photoshop, Giles Timms 2011

Cooler Opening Title Design, Cutout Animation Character Chaz in After Effects, Giles Timms 2011

‘Cooler’ is directed by Silas Howard and Ernesto Foronda.
‘Cooler’ on IMDB

Basic Shot Types with Cut-Outs

Shot Type: ECU, Giles Timms 2010
ECU = Extreme Close Up
Choker – mouth/eyes

Shot Type: CU, Giles Timms 2010
CU = Close Up
Shoulder to head
Used to show facial emotion

Shot Type: MS, Giles Timms 2010
MS = Medium Shot
Waist up
Used as a transition between LS and CU. Good for showing body language.

Shot Type: MLS, Giles Timms 2010
MLS = Medium Long Shot or ‘Cowboy Shot’
Frames the figure just above the knees. Also called a ‘Cowboy Shot’ because this shot type was commonly used in westerns to show the gunslingers and their holsters.

Shot Type: LS, Giles Timms 2010
LS = Long Shot or Wide Shot (WS) or Establishing Shot
Frames the whole figure. Used to show where we are, who is there and where they are in relation to one another – the establishing shot.

Shot Type: ELS, Giles Timms 2010
ELS = Extreme Long Shot
The figure is an element within the environment. Used to show the figure’s relationship to the environment. Can be used as an establishing shot.

Shot Type: OTS, Giles Timms 2010
OTS = Over The Shoulder

Here are some basic shot types or framing methods that I put together with some of my animated cut-outs for teaching material. I’ve never been able to find images of shot types that I’ve really liked so I decided to make my own using my cut-out figures from previous projects.

The top series of images, of the 1960′s Mercury styled astronaut, is created from the animation that I made for a documentary, ‘Lucky.’ I worked as an illustrator/animator/compositor on ‘Lucky.’ ‘Lucky’ was directed by Jeffrey Blitz.

The last image of the OTS is put together from the animation that I made for Death Cab For Cutie’s, Grapevine Fires animated music video. I worked as an illustrator/animator/compositor on Grapevine Fires. The animated music video for Grapevine Fires was directed by Walter Robot.

Lucky, an HBO Documentary

Lucky, an HBO Documentary, Giles Timms 2010

I created several of the animated sequences for ‘Lucky,’ a documentary that aired on HBO last month.
The documentary, by Jeffrey Blitz, aired on July 19th as part of HBO’s summer of documentaries. ‘Lucky’ focuses on “chronicling the many, and often sobering, effects winning a big jackpot can have on a person” (Television review: ‘Lucky’ on HBO by the Los Angeles Times).

The above character design is Miss Lotto. She was one of the characters that never made it into the final cut. Miss Lotto is a very simple cut-out character composited and animated in After Effects. Miss Lotto was drawn in Photoshop with a Wacom, lightly textured in Photoshop, cut out and then all her girly bits were imported into After Effects.

Lucky premiered at Sundance 2010.

Shinedown Music Video Treatment

Emilia Character Title Design, Giles Timms 2010

More artwork from a music video treatment I pitched for the band Shinedown from last year. I use these color comps and cut-out character designs in the treatments so that the client can get an idea of the overall look and feel for the finished piece. Again, this was through my agency, RW Media.

Emilia Character Design, Giles Timms 2010

King and Crony Character Design, Giles Timms 2010

Neil Diamond Treatment

Neil Diamond Cut-Out Design, Giles Timms 2010

Barnaby Character Design, Giles Timms 2010

I’ve been busy with freelance commercial work and have neglected my blog. Plus I had to upgrade WordPress and migrate to a new host, which I just completed this week. With the migration and upgrade complete I’ll be back to posting regularly. Anyway, above is a color comp, cut-out design and character design I put together for a music video treatment I submitted last year for Neil Diamond through RW Media. I didn’t get the gig :(

Illustration Friday: Fast

Illustration Friday: Fast, Giles Timms 2009

My entry for Illustration Friday, ‘Fast.’ Created in Photoshop and After Effects.

Fast - detail, Giles Timms 2009
Detail

Fast - detail, Giles Timms 2009
Detail

I approached the design of the illustration as though I were going to animate it. I drew the cut-out character, props and scenery on paper in pencil, and then pen and ink – archer, bow, arrow, tree etc. Once scanned into the computer I colored and textured the drawings in Photoshop and then imported all the cut-outs into After Effects where I set up 2 scenes; one of the archer in the forest, the other of the arrows. Once the scenes were complete I rendered them out and brought them back into Photoshop to create the final comic-styled illustration.

Archer Cut-out Designs, Giles Timms 2009

Archer Colored Cut-outs, Giles Timms 2009

Scene Setup in After Effects, Giles Timms 2009

Bird Design Cut-Out for Dead All Along

Bird Design Cutout - Dead All Along, Giles Timms 2009

I thought I’d explain the design process for my characters from my animated music video, ‘Dead All Along.’

In the image above you can see the original character design drawing, top left. All the characters for ‘Dead All Along’ started on paper, first as blue pencil drawings, then as pen and ink. I scanned the drawing into photoshop and tweaked the levels so that I the texture of the paper is visible – I really wanted to make the ‘Dead All Along’ world seem as if it was a paper world, almost as though an Edward Gorey inspired book had come to life.

Once in Photoshop, I ‘cut out’ each part of the character so that it can be animated in a cut-out animation style within After Effects. This character didn’t have to animate too much so it only has 9 separate bits, including 2 heads for the blink (eye open, eye closed). You can see the separate body bits in the bottom right of the above image. I cut and separate the body bits using the polygonal lasso tool in Photoshop creating a loose outline of the body part.

For coloring, I like to color in Photoshop. I use Photoshop because I can easily combine textures with the original character drawing and also because I like to be able to experiment with color ideas. I typically use textures in my coloring process and the characters for ‘Dead All Along’ were also colored with a lot of textures. I keep a texture library of textures on my computer that are scans and photographs of textures, patterns etc. One of my favorite set of textures is a book of origami paper that I scanned in – I used several of these origami papers to color and texture the characters in ‘Dead All Along.’ I’m also fond of the Maxon collection of comic patterns, and I have several of these scanned that I use. Below you can see a screen-shot of my texture library (top), a screen-shot of the textures and layers of the coloring process in Photoshop (middle), and a sample of the texture palette I used for the bird (and yes, that is a wallpaper pattern from the 1970′s :)

screen-shot of my texture library

Photoshop screen-shot of texture and color layers

Texture Palette, Giles Timms 2009

Dead All Along – Vimeo Staff Picks

Dead All Along, Giles Timms 2009
Yesterday I released the animated music video for the song ‘Dead All Along’ by Ceri Frost. Today ‘Dead All Along’ was featured on Vimeo’s Staff Picks channel :)

‘Dead All Along’, By Ceri Frost, Dir by Giles Timms (2:13)
Enchanted by a pixie, a child called Yorick enters a magical kingdom, but when Yorick returns he finds his world ravaged by time. Made at the Animation Workshop at UCLA’s Department of Theater, Film and Television, 2009.

The animated music video is set in a hand drawn pen and ink world inspired by Edward Gorey and animated in a cut-out style. Compositing and animation in After Effects.

You can view the video on vimeo here:

Vector Girl Cut-Out

Vector Girl, Giles Timms 2009

Another vector cut-out created in Flash. This is a Tadahiro Uesugi inspired girl that I created for my Manifestation music video. She has 11 separate girly bits so that she can be animated in a cut-out style.

Robot Pull Loop




Loop of a robot pulling. Cut-out and drawn animation created in After Effects and Flash (keyframed and tweened).

Return top