For this project my brief was pretty open but I had to include graphic elements from the Crime and Investigation network’s existing identity along with key words and footage from various “ci” programs. The channel tagline is “look closer” so I decided to use glass panels similar to the glass slides one uses to examine specimens under a microscope.
After extensive testing in Cinema 4D (and with help from Ko Maruyama) I decided to create a single hero plate and then duplicate that in After Effects. I would have loved to do all the animation in C4D but there wasn’t time.
The main vision base was cut to an audio track which I then used to get the timing for the camera moves. All of the movement is done using the After Effects’ camera. Depth of field is used throughout to push and pull focus onto the main “hero” panel.
The background is a combination of an existing ci background and Fractal Noise. The color grade was done using the Curves effect and Add Grain was used over the whole thing via an adjustment layer to help integrate all of the elements and to give the spot a more “filmic” look. Prior to the final render the project was set to float to minimize banding and blow out the whites while leaving subtle details intact.
The comparison movie will give you a clear idea of what the base edit for this spot looks like. You’ll notice that some of the shots in the final spot differ from the edit. In those cases I replaced shots with others that I felt worked better, particularly some of the darker shots. Also notice that much of the vision is poor quality; to clean it up I used the Remove Grain effect as well as tweaking the contrast of many shots for consistency and clarity.
Watch movie Watch comparison movie
002.jpg










50 Responses to this post
June 15, 2007 at 12:35 am |
I’m new to AE and motion graphics in general… typically, how long does a project of this type usually take? How much time is normally allotted? I appreciate your detailed explanations — thanks!
June 15, 2007 at 1:16 am |
Amazing work John! I love it! You’re a hugh inspiration!
Dave
June 15, 2007 at 6:47 am |
Thanks. I had about a week’s planning time in which I prepared example frames, created my glass material, received the base edit etc. The work in AE took a week (about 8 hours a day). Working with this many layers and using depth of field can slow things down.
June 15, 2007 at 11:47 am |
Hey John, I’m fairly good at AE but are looking to get up to speed on some 3D software. I’m familar with Invigorator and the like but I’m really tossing up between Lightwave and Cinema 4D, is there one tool or program that you prefer or find easier to use – I for one don’t have tons of 3D experience. Thanks in advance.
June 15, 2007 at 11:56 am |
I haven’t used Lightwave but have been enjoying getting up to speed with Cinema 4D. It has a great reputation for ease of use and is very approachable for beginners. It is also well integrated with After Effects.
June 15, 2007 at 6:22 pm |
Hi John…Like always you work ist fantastic.I would like to ask you…How are you editing the sound to match so good with video material?Thank you!
June 15, 2007 at 6:50 pm |
The basic audio was given to me with the base edit. I then decided how many “moves” I wanted based on edit points/audio cues. So I matched my graphics to the audio, not the other way around. However, once I had finished the graphics the audio was again adjusted (certain swooshes and other sound effects were added) to enhance the moves.
June 15, 2007 at 10:55 pm |
Hi John,
How did you make the piece so seamless? Did you set up the graphics on a larger plane than what is seen by the camera? Thanks for explaining!
June 16, 2007 at 3:23 am |
Can you give us an idea of what the “base edit” looks like when it arrives on your desk?
June 16, 2007 at 5:49 am |
Oh, and GREAT work by the way!
June 16, 2007 at 6:51 am |
The whole thing can be broken down to about 10 moves. I did single moves in some precomps and multiple moves in others then placed each of the precomps into a main comp where I added flashes between some of the transitions. The whole spot was created in After Effects CS3 but could have been done in AE 7. When you do the main vision edit first (with the base audio) that drives the whole animation and allows you to synchronise the camera moves. I used the exact same camera rig as the Fox Classics spot. Do a search and you can download the project file the rig.
June 16, 2007 at 8:33 am |
Hey John,
Amazing job as always… how can you do the sound matching with the footage so precise without using an editig program? I was doing a job last week and I had to use Final Cut because whith AE was impossible (for me)
Thanks!
June 16, 2007 at 10:11 am |
AE has a number of features for zeroing in on audio tracks including audio scrubbing (hold down Command or Control and move the Current Time Indicator) which I use all the time to find the exact moment I want a move to start. I’m going to do a more detailed breakdown of this job sometime soon.
June 16, 2007 at 4:45 am |
Its Great work. John ! Tell please how you Synchronize visual effects & all video with audio in this promo movie ? Do you using an Video Editing Program or……….all work will created in After Effects ? And what version of After Effects you use 7.0 or CS3………Thanks very mach for answer
June 17, 2007 at 8:01 am |
John!
tu trabajo es EXCELENTE!
Bravo!
June 16, 2007 at 9:02 pm |
Great job there. Could you explain how you set this comp? Are the comps all set in 3D space and the camera just move between them? How you put the videos on the glass plates? i guess you did them in Cinema 4D but then how you add the videos? It would be great to see this project in details.
June 19, 2007 at 12:12 am |
John,
Did you use an expression on depth of field? IF so can you explain?
Thanks for sharing!
June 19, 2007 at 12:14 am |
“When you do the main vision edit first (with the base audio) that drives the whole animation and allows you to synchronise the camera moves.”
What do you mean by “main vision edit?”
June 19, 2007 at 6:18 am |
No expressions used for depth of field, just keyframes for “Focus Distance”. The main vision edit is the edited footage that the client gave me – it is always visible in each shot and drives the pace of the spot.
June 20, 2007 at 1:21 am |
John,
I downloaded the camera rig [thanks for sharing] but where are the camera options [i.e. focus distance]?
June 20, 2007 at 6:34 am |
Awesome! Nothing more to say…
I would be interrested in what the “edited footage that the client gave me” looked like. This would be an awesome example of what your work flow was on this project. I was working on something for a pharmaceutical client where I wanted to achiev a very similar look, but failed badly because the whole project was unorganised from day one and me and my co-worker (he did the editing) are very unhappy with the result…
June 20, 2007 at 6:41 am |
You can find the Focus Distance by selecting the Camera layer and pressing AA on the keyboard.
June 20, 2007 at 7:17 am |
John,
Do I have the right file? All I am getting is the anchor point popping up when I press AA. In the camera setup project there is a comp ‘MAIN’ with 2 layers: a “Master Controller’ null layer and a nested ‘cube_precomp” layer. The “Master Controller’ null layer has a Camera listed under effects with no camera options. What am I doing wrong?
June 20, 2007 at 2:01 pm |
Great work John. I love the color scheme. If you’d like to do an interview about the project at Toolfarm, drop me an email. It sounds like there are a lot of people interested in your technique!
So why do most of the people on the voice over have American accents? Not enough crime in New Zealand?
June 25, 2007 at 10:15 pm |
There ya go again John copying my stuff
this is a fun project .
January 10, 2008 at 10:18 pm |
John you are my hero! Thanks for all free tutorials..Your CSI ( Opener )spot is my
dreamjob. Sorry my english is not enough
(for now).. See you
October 9, 2009 at 4:22 am |
Hi John,
Long time viewer first time commenter :p I thought the Fox Classics was as good as camera moves between footage plates could get, but this is in a class of its own. Great work
Best
Alex
Young After Effecter from the good ol’ UK.
October 9, 2009 at 8:59 pm |
Hi Alex, welcome to the conversation
Having a great music track for timing made creating the camera moves easier. Best, John.
October 9, 2009 at 11:41 am |
John, simply outstanding…technically and artistically.
Did you use Planespace or Echospace at the end when you had lots of 3d duplicates?
October 9, 2009 at 9:01 pm |
Hi Craig, thanks. The layout at the end was done manually. Best, John.
October 9, 2009 at 3:16 pm |
I don’t know whether to be inspired or defeated : – )
Great work.
October 9, 2009 at 9:03 pm |
Feel inspired Jim, feel inspired!
Best, John.
October 10, 2009 at 11:07 am |
Great John!! Great!!
October 10, 2009 at 3:54 pm |
Thank you Javier.
October 10, 2009 at 11:53 pm |
Hi John, that was very nice!!
I really liked the rythm of the project.
//Klas
October 11, 2009 at 2:52 pm |
Hi Klas, it’s amazing what you can do when the client supplies a music track from the start of the project. I’ll be posting another tutorial today that uses the music to drive the animation via Trapcode Soundkeys. Best wishes, John.
October 11, 2009 at 2:10 pm |
Hey JD, fantastic job as usual! I have a question though. I am a LightWave artist but you mentioned C4D has better integration w/ AE. I need to know how easy is it to port C4D animations over to AE before I invest my time and money. Any clues? Thanks in advance!!
Hussin
Coventry, UK
October 11, 2009 at 2:54 pm |
Hi Hussin, I’ll be posting a tutorial later this week (recorded eSeminar) that touches on exporting to After Effects from Cinema 4D. Best, John.
October 13, 2009 at 12:47 am |
Amazing work there, John, as always. I’d love to see a workflow on this one (hint, hint!)
Know that what you do for the AFX community is greatly appreciated.
Cheers!
Leo
Kansas City
October 13, 2009 at 2:22 pm |
Thanks Leo, I’m not planning any tutorials on this one, sorry about that. Best, John.
October 14, 2009 at 3:53 am |
hey john, this is very cool. and im from new zealand, this threw me abit, how does new zealand play into this? i dont have sky tv, maybe thats it. oh and i have a job interview tomorrow for an editing job. thanks bod
October 16, 2009 at 11:42 am |
Awesome John, as always!! You’re a source of inspiration to me, thanks a lot for sharing your expertice..
Greetings from Córdoba, Argentina!
October 16, 2009 at 3:30 pm |
Hi Manuel, you’re welcome. Greetings to you in Argentina! Best, John.
November 6, 2009 at 11:29 am |
John, an off-topic question.. I was wondering what settings do you use for compress your videos in Motionworks?
Thanks a lot!
November 8, 2009 at 2:26 am |
Hi Manuel, I use a now extinct application for mac named VisualHub . I compress to H264 then open the movie in Quicktime, resave it as a .mov, then rename the .mov to .flv (simple!). If anyone knows of a good replacement for VisualHub I’m all ears!
Best, John.
October 19, 2009 at 2:02 pm |
Amazing work! love it.
Greetings from Nøtterøy, Norway
October 19, 2009 at 3:17 pm |
Thanks Jonas.
November 10, 2009 at 6:29 pm |
How did you execute the glass panel in C4D? I’ve been experimented with the Banji material and cannot achieve decent results.
November 11, 2009 at 2:23 pm |
Hi Brandon, check out http://www.c4dtextures.com. They have plenty of glass textures. Best, John.
Trackbacks