Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Timing out the animation

From: CINEMA 4D: Designing a Promo

Video: Timing out the animation

Now that we have all our elements here inside of After Effects, the next in the process is to time out our shots using the audio as a guide. We're going to create a copy here in After Effects and add in our JPEG, then adjust the In and Out points so that they match up to key moments in the audio. Our goal is going to be to understand just how long each shot is going to take. So, I have my project folders here. Let's add in another new subfolder here and call it 3-Working Comps. And this is where I put compositions that I'm going to be using throughout the process, not necessarily final renders but just where they go while I'm working on them.

Timing out the animation

Now that we have all our elements here inside of After Effects, the next in the process is to time out our shots using the audio as a guide. We're going to create a copy here in After Effects and add in our JPEG, then adjust the In and Out points so that they match up to key moments in the audio. Our goal is going to be to understand just how long each shot is going to take. So, I have my project folders here. Let's add in another new subfolder here and call it 3-Working Comps. And this is where I put compositions that I'm going to be using throughout the process, not necessarily final renders but just where they go while I'm working on them.

In the Working Comps folder, I'm going to create a new composition. Now, there's a lot of templates here and I think what I'd rather do is create my own starting point and I'm going to call this 640 and I'll leave the Aspect Ratio at 16:9 which is just fine, and Square Pixels is good, and then the Frame Rate 29.97. Now for the Duration, I know my finished piece is going to be 15 seconds long. So, let's make this 1500 for 15 seconds and then we can call it sz for shark zone and then animatic-001.

Now, I always like to put a version number at the end of my compositions because a lot of times during the production process, you'll make multiple versions and it's always good to be able to tell those apart. So, with all those settings correct, I'll hit OK and that opens this up in the Timeline. Now, I can start adding my JPEGs to the Timeline here. Let's start off by adding in all of the JPEGs for the main shots and let's drag those in to the Timeline. That gives us a stack of JPEGs here.

Now you'll notice that they're all sized up perfectly. That's why in Photoshop I made them 640 x 360, which was the same size as my composition here and that makes it a lot easier to work with the images. Now, they're all of the same length. They come in at 15 seconds which is the total length of the comp. Let's take these and make them all about a second, so let's grab the endpoints and with them all selected, I can bring them bound to about two seconds or so. Now, we'll be adjusting those end points so that how long they are isn't really important right now. I just want to make sure they're all sure enough to work with.

There's also some JPEGs that I did not import and these are the sharkzone-animatic-thrash files. And these are just the images that I used for the thrash, just to represent the thrash, and there's two of them there. So, let's start by importing the sharkzone audio and we'll put that at the very bottom of the composition. And you can see that the audio file times out exactly to 15 seconds. And now I can use that audio as a guide, and there's a couple ways to do that.

I'm going to twirl open the audio and then twirl open the waveform here, so that I can see the actual waveform of the file. And if I do a little audio preview by pressing the Period key on the numeric keypad, (Male speaker: After 400 million years, they're still the scariest thing in the ocean.) Now, that was me doing a scratch VO, read for the script and using the script I just read into a microphone inside of FinalCut Pro and saved that as an audio file. And so, you can see there's a little scratch marks here and that's the actual waveform for the audio. And I'm going to use that as a guide for where I'm going to start my elements.

Let's start with the sharkzone-animatic- 001 and we're going to take the rest of the JPEGs and move them down in time, so that they are out of the way. So, I'll hold down the Shift key to grab all those layers and move them out of the way. So, let's see how long our first shot needs to be. If you hold down the Command key on a Macintosh, Ctrl on the PC, I can scrub through this audio and see where my first shot needs to go. So you can see this first sketch contains the type element, "After 400 Million Years." So, I know that I want this layer to end where the next type element begins.

So let's find out where the next typed element begins. So, we scrub through. (Male speaker: After 400 million years, they're still the scariest thing?) So there it is, right here, they are still the scariest things in the ocean. So, if I take this layer and extend it outward a bit, there's a little bit overlap. It's okay because we're going to put a dissolve in there. And then take the second JPEG and just bring it back to the left here so they overlap, and that gives me my In and Out points. Now, I won't worry about the dissolve right now. I'm just going to put things in position and then add a dissolve later on using the Opacity keyframes.

So, there's this second shot, which is really a continuation of the first. It's just a dissolve and the type. And now, this is where my short transition is going to come in and the short transition is this thrashing element of sharks attacking the camera, and so I've got a little of time. I'm going to leave a gap right there and come back and add that after the fact. So, let's get these quickly roughed in. "Get a little closer if you dare" is where the main type element, Shark Zone, is first seen on camera, so that's going to be in the shot three.

So, let's bring shot three over to the left here. You'll see there is the Shark Zone and a shark swimming out from behind the logo. Now, if we scrub through this... (Male speaker: Get a little closer, if you dare. Shark Zone, all week long on the Adventure Channel.) Okay, cool. That's what I call the hero shot, which is the all of the Shark Zone type and the shark swimming towards the camera. So, what I want to do is time out... I've got actually three JPEGs here. Let's review those real quick. I've got the shark swims out from behind the logo.

He swims towards the camera, and then for the third shot he swims right up to the camera, and then that's where we're going to have another thrashing shark transition. So, let's timeout these shots so that our shark has the appearance of swimming toward the camera and then we have a shark transition. So let's find the Out point. (Male speaker: Shark Zone, all week long on the Adventure Channel.) Boom! Right there is where that shot is going to end. So, I'll leave that third shot and have it end right about there and bring these guys over so there's a little bit of overlap.

So now, when I scrub through this you can see the repeat quickly and it gives the illusion that the sketch is la ittle bit animated. Now, When I take the sixth shot, the sixth shot is where we're going to see the logo for the first time and the logo is going to animate into position after that shark transition. So let's find out where that cut happens. Boom! So that's going to happen right about there, after the thrashing shark transition. And if I go to the number seven, number seven is a continuation of that same thought. So the Adventure Channel animates on, the shark swims across the screen and that reveals the last frame, number eight, which gives us the tagline on screen.

So now I've got the basic frames laid out. I want to quickly create that short transition. The short transition is just a couple of JPEGs stuck together in rapid succession, and so I've got thrash one and thrash two. Let's bring both of these elements into the layer as you see at the end of the composition and let's make them very short, about 10 frames each. I can check my info as I'm resizing that layer and to see exactly how long they are and in the duration field it shows you about 10 frames. You can see it says duration right there, 10 frames.

Now I could take both of these layers. Let's zoom in on the Timeline and drag both of these layers over to the thrash zone. And so this is where the thrashing transition is going to happen. So if I take both of these layers and alternate them in succession, from about a couple about to the length of this gap here. I'll take the second one. Let's go one -two-one for there duration, so I have thrash one, thrash two, and now I'll repeat thrash one again. So, I'll duplicate this layer, Command or Ctrl+D, and that gives me a copy of that layer and I'll just move that over a bit.

It goes one, two, three, like that and then into the next shot. And there's going to be a black gap there. Let's fix that and clean it up a little bit. Oops, there's another gap, let's enlarge that. There we go. Now we can take these same three layers and duplicate all three of them and move those down in time to where the next thrashing transition is going to be. And that's going to happen right about here.

And so now, I can take these three layers and move them right in the position there and now that I have all the basic layers laid out, let's do a quick RAM Preview and see how things are shaping up with relation to the audio. So, I'm going to click the RAM Preview button. (Male speaker: After 400 million years, they're still the scariest thing in the ocean.) (Male speaker: Get a little closer, if you dare. Shark Zone, all week long on the Adventure Channel.) (Male speaker: If it's out there, it's on here.) There we go. So I think that's timing out pretty well.

A lot of times during the animatic process you need to reshuffle things around and, and move the layers forward and backward in time to get them to fit just right. But I think I've got a pretty good starting point here. Now that we've got our JPEGs all-timed out to the audio, it really gives us a good understanding of how long things are going to take and this becomes the foundation for the entire animation process. From here on out, we're going to be using this as a guide so that we can timeout our animation for inside of CINEMA 4D and also for timing out effects here in After Effects.

So it's a really important step.

Show transcript

This video is part of

Image for CINEMA 4D: Designing a Promo
CINEMA 4D: Designing a Promo

70 video lessons · 13499 viewers

Rob Garrott
Author

 
Expand all | Collapse all
  1. 5m 8s
    1. Welcome
      1m 7s
    2. Using the exercise files
      1m 24s
    3. Overview of the project template
      2m 37s
  2. 11m 12s
    1. Creative brief
      1m 57s
    2. Sketches and script
      3m 8s
    3. Understanding the graphic animation process
      6m 7s
  3. 25m 5s
    1. Understanding the animatic process
      2m 15s
    2. Importing sketches into After Effects
      6m 20s
    3. Timing out the animation
      10m 4s
    4. Adding onscreen timecode for reference
      6m 26s
  4. 40m 2s
    1. Creating text and logo elements in Adobe Illustrator
      6m 44s
    2. Importing Illustrator elements into Cinema 4D
      8m 24s
    3. Creating guide planes for modeling a rough shark
      6m 13s
    4. Creating a rough shark model
      12m 14s
    5. Preparing a dummy rig using a Spline Wrap object
      6m 27s
  5. 53m 17s
    1. Setting up a project file for the cameramatic
      6m 15s
    2. Animating the rough shark using the Spline Wrap object
      5m 14s
    3. Animating the camera
      6m 8s
    4. Duplicating an animated rough model to create a school of sharks
      11m 4s
    5. Creating a preview movie and importing it into After Effects
      5m 45s
    6. Assembling the cameramatic
      8m 34s
    7. Fine-tuning the cameramatic timing
      10m 17s
  6. 1h 9m
    1. Preparing for the modeling process
      6m 7s
    2. Outlining the shapes using the Knife tool
      9m 50s
    3. Creating the mouth using the Extrude tool
      10m 40s
    4. Adding eyes using the Symmetry object
      9m 57s
    5. Creating fins using the Extrude tool
      7m 11s
    6. Creating the tail and dorsal fins using the Extrude tool
      10m 38s
    7. Creating gums using the Symmetry object
      6m 45s
    8. Creating teeth and finalizing the model
      8m 6s
  7. 15m 5s
    1. Understanding the rigging process
      2m 0s
    2. Opening the shark mouth using the Morph tag
      5m 9s
    3. Using XPresso to link the jaw to the Morph animation
      7m 56s
  8. 33m 25s
    1. Using BodyPaint to prepare the model for texturing
      8m 22s
    2. Applying color to the shark using BodyPaint
      6m 45s
    3. Giving the shark character by painting in the diffusion channel
      5m 29s
    4. Roughing the surface using the bump channel
      4m 34s
    5. Texturing the eyes
      3m 51s
    6. Texturing the teeth and gums
      4m 24s
  9. 21m 24s
    1. Replacing the rough shark model in the intro shot with the finished model
      6m 47s
    2. Replacing the rough shark model in the transition shot
      3m 43s
    3. Replacing the rough shark model in the hero shot
      4m 28s
    4. Replacing the rough shark model in the end page shot
      3m 42s
    5. Updating the cameramatic with the final animation
      2m 44s
  10. 50m 27s
    1. Creating an underwater look using Global Illumination and atmosphere
      9m 47s
    2. Lighting the objects and creating shadows
      6m 54s
    3. Shading the text using materials
      6m 28s
    4. Creating a reflective floor for the underwater scene
      3m 58s
    5. Lighting shot 1: Copying and pasting a lighting setup from another project
      5m 49s
    6. Lighting shot 2: Pasting a lighting setup and making adjustments
      3m 57s
    7. Lighting shot 4: Separate elements in a shot (the shark)
      3m 13s
    8. Lighting shot 4: Separate elements in a shot (the text)
      10m 21s
  11. 22m 7s
    1. Preparing shot 1 for rendering to After Effects
      6m 20s
    2. Preparing shot 2 for rendering by saving and using render presets
      4m 45s
    3. Preparing shot 3 for rendering
      2m 37s
    4. Setting up shot 4 to render in two passes
      4m 4s
    5. Performing a preflight check to ensure clips are ready to render
      2m 9s
    6. Batch-rendering
      2m 12s
  12. 1h 13m
    1. Importing assets and setting up the After Effects project for final compositing
      6m 5s
    2. The intro shot: Using Photoshop elements and noise effects to add atmosphere
      8m 38s
    3. The intro shot: Compositing in stock video footage to add character
      4m 51s
    4. The intro shot: Adding text elements to the composite
      8m 32s
    5. The hero shot: Controlling the look using precomps
      7m 59s
    6. The hero shot: Using stock video footage to add character
      7m 19s
    7. The end page shot: Combining multiple passes to form a final composite shot
      2m 41s
    8. The end page shot: Adding text elements to the composite
      7m 44s
    9. Compositing the transition shots
      3m 47s
    10. Assembling the final composition
      9m 2s
    11. Adding the final audio to the composition and rendering
      7m 10s
  13. 21s
    1. Goodbye
      21s

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ.

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Join now "Already a member? Log in

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed CINEMA 4D: Designing a Promo.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferencesfrom the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.

Are you sure you want to delete this note?

No

Your file was successfully uploaded.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.