Start learning with our library of video tutorials taught by experts. Get started

CINEMA 4D: Rendering Motion Graphics for After Effects

Transitioning to full-screen video


From:

CINEMA 4D: Rendering Motion Graphics for After Effects

with Rob Garrott

Video: Transitioning to full-screen video

The next step in the evolution of our project is to combine this animation with the raw snowboard render. The movement that we have on our camera has it coming to screen and then hitting the screen and that's really the transition point for us to get to full screen video. And so we're going to combine this video with our full screen video in a third composition and that will become our final rendered composition. So over here in the Project window I am going to go up to the very top and I have a folder here called Render. This is a folder that I put things in when I know it's the final composition in the pipeline that's going to be rendered out for the client.
Expand all | Collapse all
  1. 5m 48s
    1. Welcome
      57s
    2. Using the exercise files
      50s
    3. Essential plug-ins
      4m 1s
  2. 51m 44s
    1. Essential render settings
      6m 24s
    2. Setting up an object buffer list
      6m 17s
    3. Creating object buffer tags
      10m 48s
    4. Setting up multi-pass image layers
      5m 37s
    5. Creating an external compositing tag
      1m 47s
    6. Creating render passes using the Render Elements plug-in
      9m 39s
    7. Using Render Elements to optimize render passes
      5m 12s
    8. Batch rendering
      6m 0s
  3. 31m 33s
    1. Importing files and organizing an After Effects project
      6m 58s
    2. Creating a 3D object precomp
      3m 15s
    3. Attaching a video layer to a 3D object
      8m 17s
    4. Compositing 3D text
      2m 47s
    5. Compositing a dynamic 3D background
      4m 23s
    6. Setting markers for major events
      5m 53s
  4. 39m 46s
    1. Adding the Star Glow effect to a layer
      4m 32s
    2. Creating a glow on the stadium background
      5m 56s
    3. Revealing the background glow using a 3D layer mask
      7m 19s
    4. Creating a glow using the Ambient Occlusion pass
      6m 9s
    5. Using the Ambient Occlusion glow to create an energy animation
      4m 25s
    6. Creating a stadium light effect using object buffers
      4m 38s
    7. Adding flash bulbs with the CC Light Rays effect
      6m 47s
  5. 53m 16s
    1. Creating the phone reveal
      5m 10s
    2. Creating the phone reveal glow
      7m 49s
    3. Creating the phone reveal beams
      7m 17s
    4. Colorizing the energy beams
      6m 21s
    5. Creating the energy burst
      10m 19s
    6. Using Trapcode Particular to add sparks to the phone reveal
      10m 53s
    7. Creating the phone screen video
      5m 27s
  6. 15m 37s
    1. Creating the type glows
      9m 36s
    2. Adding the type glint
      6m 1s
  7. 34m 33s
    1. Creating a camera shake effect using precomps
      8m 12s
    2. Adding depth of field with the Lens Blur effect
      8m 14s
    3. Transitioning to full-screen video
      8m 17s
    4. Using the ReelSmart Motion Blur effect
      4m 17s
    5. Putting together the final comp
      5m 33s
  8. 1m 25s
    1. Next Steps
      1m 25s

Watch this entire course now—plus get access to every course in the library. Each course includes high-quality videos taught by expert instructors.

Become a member
Please wait...
CINEMA 4D: Rendering Motion Graphics for After Effects
3h 53m Intermediate Apr 22, 2011

Viewers: in countries Watching now:

CINEMA 4D: Rendering Motion Graphics for After Effects demonstrates how to take a simple logo animation in CINEMA 4D and transform it into a compelling motion graphic with After Effects, incorporating two distinct visual styles. Starting with a prebuilt animation rendered from CINEMA 4D, author Rob Garrott employs industry-standard techniques, utilizing materials, lights, and the library of effects in After Effects, to enhance the project's look and feel. Exercise files accompany the course.

Topics include:
  • Setting up a multi-pass render
  • Batch rendering in CINEMA 4D
  • Importing 3D elements into After Effects
  • Creating and using precomps for compositing control
  • Compositing 3D text in a dynamic 3D environment
  • Creating a glow effect using Trapcode Starglow
  • Using 3D layers to create masking effects
  • Adding a flash bulb effect with CC Light Rays
  • Adding glows and glints to type
  • Creating a 2D camera shake effect using pre-comps
  • Adding depth of field with the Lens Blur effect
Subjects:
3D + Animation Rendering Video Motion Graphics Compositing
Software:
After Effects CINEMA 4D
Author:
Rob Garrott

Transitioning to full-screen video

The next step in the evolution of our project is to combine this animation with the raw snowboard render. The movement that we have on our camera has it coming to screen and then hitting the screen and that's really the transition point for us to get to full screen video. And so we're going to combine this video with our full screen video in a third composition and that will become our final rendered composition. So over here in the Project window I am going to go up to the very top and I have a folder here called Render. This is a folder that I put things in when I know it's the final composition in the pipeline that's going to be rendered out for the client.

And so I click on this folder and I am going to hit the New Composition button, and I am going to call this one MMM- 001 and then RSMB as in ReelSmart Motion Blur and then render. We're not going to be adding our ReelSmart Motion Blur in this particular movie. We're going to do that in the next movie, but I want to make sure to notate that on the name of the composition right now. This composition needs to be long enough to account for the length of our animation plus the snowboarder video, so I am going to make it 300 Frames long. And you can see I've already got a composition 960x540, 30 frames per second, 300 frames long.

I am going to hit OK. Now, we've got our composition open. And the two parts that we need are the composition that has the camera shake on it and then the full screen snowboarder video. Let's close up that video folder. And in the Working COMP's folder I am going to grab the shake composition and bring that in. And then in the Pre-COMP's folder I am going to get the Phone Screen PRE and bring that in. Now, I need to know where the Phone Screen is going to start. What I need to do is to go into the actual Phone Pass Pre and find out where that Phone Screen starts.

And so if I go into the Phone Pass Pre, I can back out in time here, I can see that here's my Phone Screen Pre layer and the video comes on at Frame 120. You can see I moved the time slider there. It shows me Frame 120 is where we're coming in at. So now, After Effects does a really cool thing. If you have compositions that are all linked together, it keeps the timelines of those and the time markers of those compositions all lined up. So if I go back to my ReelSmart Motion Blur render fold composition, I can go into that composition and it has already moved it to Frame 120 for me.

So now I can select my Phone Screen Pre and then hit the left bracket on the keyboard just above the Return key, and that automatically pops my layer in point to the current time marker. So now what I can do is check the transition from the animation where the phone hits the screen to the full screen video. So I am going to go forward in time to just before the phone hits and I'll use the Page Down key to go forward. So I am going to Page Down until the phone hits. And there is the last frame of the video. And when I go forward, you can see there's a jump.

I am hitting Page Up and Page Down to get back and forth. This is the last frame in the animation where the phone hits the screen and this is the full screen video. What's happening? There's two things going on. It's being colorized and also it's not the right size and position. So we're going to need to do some tweaks inside the precomps in order to make this video line up and also to change the color of it back to the more original color. We're going to go into the MMM-001 composition and inside there I am going to go to the last frame. I will hit End on the keyboard.

You can see that our video is in fact a little bit orange, and what's causing that orange are the light beams that we added to make our platform feel like it was emanating light. And so what we want to do is to keyframe the opacity of the light beams over time. Let's make this window just a just little bit larger. If I grab all three of these beams, I will hold down the Command or Ctrl key to select all three of those and hit T on the keyboard, I can see that at this point in time these two layers are all 0 and this third layer is at 50% and that's the layer that's colorizing my video.

So if I turn that layer off, you can see my video goes back to clear and so that's what I want to do. I am going to keyframe this Opacity. So I am going to back up in time, about five frames so I will Page Up, there we go, 144. I think that's good. And I am going to set an Opacity keyframe by clicking on the Make Keyframe button, go to the end of the composition again, and I am going to change the Opacity to 0%. So now that Opacity for that Beams layer will gradually turn to 0 and our video will become the correct color.

Now what we need to do is to go into the Phone Pass Pre and make some tweaks in there. So we're going to go into the Phone Pass Pre composition and there's two tweaks we need to make here. The first tweak we need to make is the Opacity of the reflection. The reflection at the very last frame needs to be out of the way. It needs to be off. And so at that point in time we need to make it 0% Opacity. So let's hit T on the keyboard for that layer. We've got the Phone_reflection there selected. And I am going to set a keyframe for that by clicking on the stopwatch.

That keyframe is 100% at the end frame. I am going to move this keyframe back to about Frame 146 or so and then let's go back in time. You know what, let's move it to about Frame 144. So I am going to move it to that point in time right there. Now I will scrub back to the end of that actual layer. And be careful. There's a slight discrepancy in the length of this composition. It's one frame too long and that was because of a render setting that we had set in CINEMA 4D. It's not a big deal for the compositing process, but it's something to be aware of. And so what I need to do is if you hit End on the keyboard, it takes you to this transparent frame, and I am going to hit Page Up on time.

That's the actual last frame of our actual animation. And so I am going to set the Opacity keyframe to be 0 here. So I'll set that to be 0% and now my reflections are out of the way. The last thing I need to do is to adjust the Position, Scale, and Rotation of our snowboard video so that it more closely lines up with the boundaries of the frame. That's going to make that transition to the full screen video much smoother. So let's find our Phone Screen PRE. That's this layer right here and I want to adjust the Position, Scale, and Rotation over time. So if I hit the P on the keyboard and that brings up the Position.

If I hold down the Shift key and hit R for Rotation and S for Scale, that brings up all those parameters. I only need to change the Position, the Scale, and then instead of the Orientation, we're going to change the X and Y and Z Rotation. And I think we're probably only going to have to change Y but I'll set the keyframes for all of those. Now, I am going to back up in time about to Frame 144 again-- And actually I am going to do it right about Frame 146. And at Frame 146 I am going to set keyframes again and these are going to be our starting point keyframes.

So now let's click to the next keyframe button and at this keyframe let's adjust our video so that it more closely matches the actual boundaries of the frame. So to do that, I am going to make this a little bit smaller and the first thing I am going to do is adjust the Rotation to try and get this line here parallel with the top of the frame. So if I go to the Rotation, I'll scroll down here and grab the Y Rotation, and if I actually scrub that forward, I can see that I have to go into the positive range to try and get it.

Now, I don't have to get it exact. I just need to get it close enough and I think I just about hit it with 2 degrees. Now what I need to do is adjust the Scale down. I am going to click on the transform handle and start to drag and then I'll hold the Shift key down and scale this into position. What I am looking for is the top and bottom of the frame to line up and that's pretty close right there. Now, the next thing I need to do is move it over to left so I don't have this black gap over here. So I will take this X handle and just drag it to the left so that our frame edges are even on both sides.

And I think I've got that pretty close. The way we can check it is by going back to the final composition and then paging up and down through the frames to check the smoothness of the transition. So let's go back to that composition and I am going to Page Up a few frames. And now I'll Page Down again and look at our video and you can see that's a much smoother transition. There we go! And I think that's going to work just fine. Checking the accuracy of that transition is really a crucial step and one that can't be overlooked, but as you can see, the effect of going from full screen animation to full screen video really creates a dynamic transition.

There are currently no FAQs about CINEMA 4D: Rendering Motion Graphics for After Effects.

Share a link to this course
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.
Upgrade now


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.

Upgrade now

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: Rendering Motion Graphics for After Effects.

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
Welcome to the redesigned course page.

We’ve moved some things around, and now you can



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.

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