Posts Tagged ‘digital’

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

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.

Dream Animation Stills

Dream Animation Stills, Giles Timms 2008
Dream Animation Stills, Giles Timms 2008
Dream Animation Stills, Giles Timms 2008
Dream Animation Stills, Giles Timms 2008
Dream Animation Stills, Giles Timms 2008
Dream Animation Stills, Giles Timms 2008
Dream Animation Stills, Giles Timms 2008
Dream Animation Stills, Giles Timms 2008
Dream Animation Stills, Giles Timms 2008
Dream Animation Stills, Giles Timms 2008
Dream Animation Stills, Giles Timms 2008
Dream Animation Stills, Giles Timms 2008

More Dream animation stills from scene two of my short film. This is from the latest render of my loose narrative, music video/short film that I have been working on at UCLA this quarter. The music is by the amazingly talented Welsh composer Ceri Frost.

This film is a combination of TVPaint, Flash, hand drawn, hand painted, and Photoshop elements put together in After Effects. This film is almost finished and should be complete before January :)

Dream Animation Stills

Dream Animation Stills, Giles Timms 2008
Dream Animation Stills, Giles Timms 2008
Dream Animation Stills, Giles Timms 2008
Dream Animation Stills, Giles Timms 2008
Dream Animation Stills, Giles Timms 2008
Some stills from a non-narrative, dream short I am working on. I have been really lucky to work with Ceri Frost, an amazing and inspiring composer.

Hand drawn and Photoshop elements animated in After Effects and Flash.

Peekle

Peekle in color, Giles Timms 2008

Peekle, Giles Timms 2008

Character design and color comp for Peekle. Watercolor, pen and ink and digital.

Background Painting: Cityscape

Background Painting: Cityscape, Giles Timms 2008

Background painting of a cityscape for a Flash project at UCLA. Created with Photoshop.

Image Stills From Walk Vignette

Image still from walk vignette
Image still from walk vignette
Image still from walk vignette
Image still from walk vignette
Image still from walk vignette
Image still from walk vignette
Image still from walk vignette
Image still from walk vignette
Image still from walk vignette

Image stills from my walk cycle vignette. Created with Photoshop and Flash at UCLA’s Animation Workshop.

I guess this vignette is sort of inspired by my weekly experiences of taking the bus in LA :)

Background Painting: Street

Background Painting: Street, Giles Timms 2008

Background painting of a city street created in Photoshop. This is for a project for my Flash class at UCLA.

Rat-A-Tat

Rat-A-Tat

More soldiers, ‘Rat-a-Tat.’ Original pencil, pen and ink drawing, colored and edited in Photoshop. Mixed media and digital, summer 2008

Return top