Posts Tagged ‘after effects’

ROBOT Love

ROBOT Love, Giles Timms 2009

ROBOT Love – Here’s a robot design I made for a character concept as part of a music video treatment. Hand drawn, edited in photoshop, built in 3D (2.5D) and rendered in After Effects.

ROBOT Love, Giles Timms 2009

Below is the pen and ink, original drawing showing the character design of the robot bits.
Fairly simple :)

ROBOT Love design, Giles Timms 2009

How to render an iPhone wallpaper from After Effects

iPhone/iTouch Wallpaper, Yorrick from 'Dead All Along,' © Giles Timms 2009

Above is my first iPhone/iTouch wallpaper, which was created from my animated music video ‘Dead All Along.’ I’ve added a wallpaper section to my website so that I can add more free wallpapers for download.

The following is an easy tutorial on how to render out stills from your After Effects film and create great looking wallpapers for an iPhone or iTouch, by taking advantage of the iPhone and iTouch native resolution.

    Technical Info

An iPhone and iTouch both have display sizes of 320×480px, at 2:3 aspect ratio and a resolution of 163ppi. After Effects renders out stills at 72ppi. So to ensure that the film frames look as good as possible on the small iPhone and iTouch screens we simply have to render out a larger still image from After effects at a 2:3 aspect ratio and then resize in Photoshop. The larger After Effect image needs to be 2.26388889 times (163 divided by 72) larger than the iPhone/iTouch display and use a composition size of 724 x 1086.

    Steps

1. With your scene selected in After Effects, change the Composition Settings (composition–>settings) so that the width and height are 724 by 1086 (see screenshot below)

After Effects Composition Settings

2. Move the camera, and possibly props/characters to ensure the composition is still good
3. Render out the single frame as a PNG sequence
4. Open the png render in Photoshop and resize the image’s Resolution setting (Image–>Image Size) to 163 making sure to deselect the ‘Resample Image:’ check box (see screen shot below)

Photoshop Resize

5. Save the image
6. Lastly, two optional steps you can perform to increase the quality of your image are to increase the Saturation (Image–>Adjustments–>Hue/Saturation) and apply an Unsharp Mask (Filter–>Sharpen–>Unsharp Mask). The amount is dependent upon the image so you will probably have to fiddle and test the results.

Animator on Jeffrey Blitz’s Lucky

One of my animated stills from the film Lucky, by Jeffrey Blitz

The above is a still from one of the animated sequences I illustrated and animated for Jeffrey Blitz’s new documentary, Lucky. Lucky premiered at Sundance 2010. I was fortunate to work again as an animator and illustrator with Bill Barminski from Walter Robot on this production and it was also great working with Jeffrey Blitz. I found Jeffrey to be a very intelligent and challenging director. The sequences were animated in After Effects, with the illustrations drawn and colored/textured in photoshop.

The reviews of Lucky have been positive and it seems people also liked the animated sequences, as this review from Scott Weinberg testifies “with nifty animated interstitials full of interesting jackpot stats.” You can read Scott’s full review here:

http://www.cinematical.com/2010/01/27/sundance-review-lucky/

I’m excited to see the full film. Please leave a comment if you’ve seen the film and let me know what you thought, thanks.

UCLA Anderson School of Management

This is the animated video I completed for the UCLA Anderson School of Management for their home page video and call to action campaign. It’s an animated video of Max Ohlendorf’s original audio application for the MBA program at UCLA. The production company was Fraser Communications.

Hand drawn, Photoshop and TVPaint elements with compositing and animation in After Effects.

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

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:

Dead All Along, Opening Scene

Dead All Along, Opening Scene, Giles Timms 2009
A still image from the opening scene for my animated music video, ‘Dead All Along’ performed by Welsh musician Ceri Frost.

Here is the revised treatment for the music video.

Logline: Enchanted by a fairy and transformed into a faun, a child called Yorick briefly journeys in the fairy kingdom, but when Yorick returns to his family he discovers that he and his family are already dead.

This is based on the myth of Tir Nan Og, an alternate or parallel universe, a place where time stands still and there is no sickness or death. The fairy kingdom is said to be a hilltop one, but invisible, or composed of magnificent underground cities. Fairy kings and queens rule there. Humans who enter the fairy realm cannot leave once the door closes behind them. Those who do leave may find that years have passed on earth during what was, for them, but minutes in the fairy kingdom.

I’m working hard on finishing this up this weekend so that it can be shown at UCLA’s PROM, the Animation Film Festival, on June 6th :)

Hand drawn and Photoshop with compositing in After Effects.

Manifestions on YouTube



Manifestations:
“Il faut trouver l’amour”…one must find love. The courageous Mr. Chip travels in search of love.

Music is by Welsh composer Ceri Frost: www.cerifrostmusic.com

Vote if you like it =)

Manifestations – an animated music video

Manifestations, Giles Timms 2009

Today I released my animated music video, Manifestations, featuring music by Welsh composer, Ceri Frost.

Manifestations:
“Il faut trouver l’amour”…one must find love. The courageous Mr. Chip travels in search of love.
Music by Ceri Frost, www.cerifrostmusic.com

You can view Manifestations at the following sites:

2D animation using Flash, TVPaint and After Effects. Created at the Animation Workshop at the UCLA School of Theater, Film and Television.

Please rate it/vote for it if you like it, thanks!

Giant Bird and Mr. Chip

Giant Bird and Mr. Chip, Giles Timms 2009

First pass render of a scene from Manifestations, my animated music video with music by Welsh composer Ceri Frost. In this scene a giant bird walks by Mr. Chip in his truck.

Rendered in After Effects, work in progress.

Return top