How to Make Zoom and Rotate Transitions

Zoom and Rotate Transitions

In this tutorial, I will take you through the creation of 2 transitions that are going to work amazingly for your travel and vacation videos!

You’ve probably seen this trend started by Sam Kolder all over the internet, and today I’ll show you how to create this kind of After Effects transitions and how to take them to the next level.

The Rotation Transition

Let’s get started, in this composition we have 2 shots: one of them I shot with my drone and the other one was taken from Dissolve – a website I love and use a lot.

I’m going to hit Alt together with the Left Bracket key to trim my video and cut its motionless beginning.

Now, that I have these 2 videos ready, I want to create a spin transition between them.

Color Correction

We can see that the colors of the videos don’t match, so I’m going to fix that. To do this, I’ll select the bottom layer (the one I shot with my drone) and then go to Effects – Color Correction – Tint. Then I’m going to go to Effects – Color Correction – Curves.

Effects - Color Correction - Tint

I’ll reduce the Amount of Tint to about 20%, and on the Curves, I’m going to reduce the amount of light in the video (see image), then I’ll duplicate the curves, and this time I’m going to add some more contrast to the video.

Reducing the amount of light in the video using the Curves

Now, the bottom video has little more greens in it, so I’ll go to the Green Channel and reduce the greens a little bit, then head to the Blue Channel and add a bit of blue, to make the videos more similar color-wise.

Color Channel adjustments to make the videos more similar color-wise.

Video Rotation

I want to rotate both videos 360 degrees, so we’ll go to Effects & Presets, choose the CC RepeTile effect and put it on the video. To see what happened on the video, I have to scale it down, pressing S on the keyboard and scale it down.

Dragging the CC RepeTile Effect to the video

I expand the CC RepeTile to the right, left, down and up – it’s like I’m duplicating the video and putting another layer next to it.

expanding the the right, left, upper and bottom edges with CC RepeTile

Now, I have those replications, but I also got some sharp and obvious edges. To handle that, we need to choose the Unfold option in the Tiling.

Getting rid of the sharp edges with the Unfold option

I’ll scale the video up to 100%, and when I rotate it, we don’t see the edges, so that’s an easy way to trick the audience.

Now we can't see those sharp edges when we rotate the video

I’m going to copy the CC RepeTile and put it on the top video (copy paste). Now I’ll click on the Parent Button of the bottom video and drag it to the top video; this tells the top video to move like the bottom one, so I don’t have to do anything else with that video.

Parenting the videos to each other

Let’s zero out the rotation and create rotation 2 keyframes between the videos, and turn the 2nd keyframe 360 degrees – a full rotation.

Creating and editing the Rotation Keyframes

Now I’ll go to the top layer, hit T for Opacity and create a keyframe where I want my Transition to be, then move a couple of frames backward and reduce the Opacity to zero to create some fade effect.

Secondly, we’re going to click on the Motion Blur icon on both layers and on the composition itself, and now when we render this out again, you’ll see it looks way better.

Pressing the Motion Blur icon on both layers and on the composition itself

Final Adjustments

Now we’ll tweak those keyframes to make the transition a bit faster.

I’m going to decrease the distance between the keyframes; then selecting them, right clicking them and go to Keyframe Assistant, then I’ll select Easy Ease, to make the motion slower as we’re getting closer to the keyframes.

Use the Easy Ease option to make the motion slower

Make sure the keyframes are selected and choose the Graph Editor to see the velocity (the lower the slope is, the slower the motion will be).

I’m going to grab the bottom handle and drag it while holding the Shift Button to make that area slower; then I’ll do the same thing on the top handle to kind of ease it out better.

Using the Graph Editor handles to adjust the transition's velocity

So there you have it, a simple and smooth transition you can make in no time!

The Zoom Transition

So here we have a new composition, we have this aerial shot of a beach in the sunset, and another shot of a woman surfing (both videos downloaded from Dissolve).

I want to create a Zoom In transition between those videos.

First off, I’m going to parent those layers by clicking on the Parent Button of the bottom layer and dragging it towards the top one, so now when I scale one of the layers up – it applies the other layer as well.

Now I’m going to create a scaling keyframe near the end of the top layer, then reduce the size of the bottom layer to about 30% and scale the top layer up to about 500%.

Create Scaling Keyframes and changing the sizes

Let’s grab the keyframes and make them easy ease by pressing F9 on the keyboard, then go to the Graph Editor and handle the velocity to make the transition ease in and out.

Next, we’ll turn on the Motion Blur for the composition and the layers and adjust the keyframes (I wanted the distance between them to be short.)

Now when I preview the project, I see that the layer has some black edges. To handle that, I’m going to scale the top layer up to 900% and scale down the bottom one to about 17%.

The 2nd thing I want to do is to drag the CC RepeTile to the lower video and increase the edges until they’re filled out.

Using the CC RepeTile to cover up the edges

On the Tiling choose Unfold, then select the top layer, press T on the keyboard and create a 0% opacity keyframe at the end of the top video.

Now create a new opacity keyframe just before the previous one and set it at 100%.

RGB Split

Let me show you how to upgrade these 2 transitions:

For that, we’ll change the name of our video; I’ll call it ‘Footage.’ Then, we’ll drag the footage into our New Comp button.

Changing the video's name to 'Footage' Drag the footage into the New Comp button

I’m going to add a Marker on the layer (Layer – Add Marker) to mark where the transition is. Next, I’ll duplicate this layer twice, so I’m having 3 layers overall.

3 layers overall (2 were duplicated)

Now, I’m heading to Effects & Presets and dragging the Channel Mixer Effect to all 3 layers.

On each layer, I’m going to zero out 2 out of the 3 RGB channels, for example, on the bottom layer, I’m going to set the Red-Red and Green-Green at 0 and leave the Blue-Blue at 100. Make sure each layer has only 1 different RGB channel set at 100 and the 2 other ones set at 0 to create a separate color channel to each layer.

On each Layer- set 2 RGB channels at 0 and one at 100

Once each of all 3 layers has it’s own RGB channel; I’ll select the 2 top layers, holding down Shift and pick the Screen mode from the Blending Modes.

Select the 2 top layers, and pick the Screen mode from the Blending Modes

I place the Current Time Indicator on the Marker area and create 2 Scaling keyframes, close to each other. In the middle of those keyframes, I’ll scale to about 104 to create that RGB split look.

Creating the RGB Split look

Repeat those actions for the 2 other layers and play around with the scaling to your satisfaction.

That was it, I hope you liked this video! Make sure to subscribe to our mailing list to get our future tutorials, updates, and freebies!

Take care,

Category: After Effects