Next lesson playing in 5 seconds

  • Overview
  • Transcript

3.2 Zoom Animations in After Effects

In this lesson, you'll learn how to create the second Instagram Story Template scene transition, featuring exciting zoom animations in After Effects.

1 lesson, 00:56


2.How to Use Instagram Story Templates From Envato Elements
1 lesson, 09:22

How to Use Instagram Story Templates From Envato Elements

3.How to Create an Animated Instagram Story Template
3 lessons, 38:28

Horizontal and Rotational Animations in After Effects

Zoom Animations in After Effects

Growth Animations and Fade Effects in After Effects

3.2 Zoom Animations in After Effects

Hi everyone, and welcome back to the Instagram story templates course. In this lesson, we'll go through how to create our second scene transition that you can use for your Instagram story. So now that we've completed the first scene transition, which moves our images to the left and right, let's add another type of animation to give our Instagram story a little bit more variety. So over in the Project panel here, let's select our first scene, our Scene 01, and duplicate it by pressing Ctrl+d on the keyboard. Now let's move this to Scene 02, and close Scene 01. And inside Scene 02, we want to rename the scene so right-click, go to Composition Settings and rename this to Scene 02 so that's the correct name. And now what we want to do is we want to open this up by double clicking it and now we can close our Scene 01 composition. Now from here, what we want to do is we want to remove all the layers apart from Vid 02 layer. So select the adjustment layer here, press Delete and select the Vid 01 layer here and then press Delete. And now let's go ahead and move our video, so at around let's say around here where he's jumping. Let's move that video across here, like so, where it's just about finishing. And now you can see the beginning of our comp here is where our skateboard is halfway up in the air. And from here, we're going to add our new animation. So let's go to about 115. Like so, so that's about 115 in our preview time. Let's open up the Vid 02 layer here. And we're going to make our layer into a 3D layer by clicking on the cube here to make it 3D. And now this will give us some extra rotational options for our transform. So at the Z Rotation here, let's add a keyframe at 115. We want to add that keyframe and then let's move forwards to about 206 and let's add a another keyframe here. And from there let's change the Z Rotation here to 17 degrees. And then if we move back to the first keyframe here, which is at 115, let's add a position keyframe here and then move forwards back to 206. And we want to change the third position value, so now that's a 3D layer, we've got a third position value here. We can change this to -1500 like so. So hopefully you'll see we've got a nice sort of zoom in effect, like so. And this might be zooming in a little bit too much, so let's bring this back a little bit more. In fact let's bring that forward a bit, so that's -1400, so -1400 should do the trick. Like so, so now it's rotating and zooming in towards the camera, like so. Excellent, so now let's go ahead and add a new adjustment layer on top of this. So let's go to Layer > New > Adjustment Layer, and now let's add Optics Compensation to it again. So go to Effect and let's go to Distorts > Optics Compensation and let's add a Field Of View keyframe at 115. So let's go to 115 in our timer here and then go to Effects > Optics Compensation, add a Field Of View keyframe here, like so. And then at 206, just where it's about zooming in here like that, let's increase it to 100, like so. And then again, let's go ahead and check the Reverse Lens Distortion, like that, just to remove the black borders, excellent. So now, we've got a Field Of View effect here like so, and let's add a final key frame at 301. So let's move forward to 301 and let's change the Field Of View back to 0, like so, and then highlight all three of those keyframes. And as usual, we want to go ahead and right-click Keyframe Assistance and Easy Ease them. Now let's go down the Effects and Controls panel and let's change a few of these things. So make sure that the Reverse Lens Distortion is on, and let's change the Field Of View orientation from Horizontal to Vertical. Now you'll see as we scrub back and forth in the timeline, we've got this nice zoom effect going on in our image. Next, let's add our next image to the comp by clicking and dragging it as we did before, from the Project panel. So let's go back to Edit Files and let's choose our third video here like so, click and drag it into our composition just above Vid 02. And we want to make a pre-comp out of this as well. So let's go ahead and right-click on the video. And I'm just gonna move this up so you can see where the options are. And then select Pre-compose, move all attributes to the new composition, and we want to rename this Vid 03, like so. Now let's go ahead and open up our Vid 03 comp by double-clicking on it and let's go ahead and make some adjustments to our footage. So open up the footage here and let's scale this up so that it fits our comp. And we're going to move our timeline to the beginning and let's see where there's a nice action shot here. So we want our action to start over here and maybe continue for a few seconds like so, cool. So once you're happy with the few seconds of action that you've got in your Vid 03 comp, let's close that. Go back to our Scene 02 and we're going to move our Vid 03 layer forwards to about 206. So let's move that forwards to 206, like so. And what we want to do from here is we want the transition of our video to zoom in. And now we want this one to have a new rotational animation effect. So let's go ahead and give this layer Motion Blur as well, so let's select Motion Blur for this and we also want to make it a 3D layer as well. Now once we've done that, you can see that actually, once we've created it and made into 3D layer, we can actually see the layer below, above our Vid 03. And that's because we've moved the Vid 02 further forwards in our scene. So in order to remove that, let's just crop our Vid 02 all the way to 206 so that we can transition it safely to our Vid 03 layer. And once we can see our Vid 03 layer we can go ahead and start making some more animations. So let's open up the layer of at 206 and we want to give it a Z Rotation of 17 degrees, exactly the same as we did for our previous video. And then at 301 so you can see here at 301 let's add another keyframe and change the Z Rotation back to 0. Awesome, now let's go back to 206 in the timeline, and let's go ahead and add a Position keyframe. So let's add the Position keyframe here, like so. And with that keyframe, we want to change the third value to 8000, like so, so now we've made it really, really small. Let's move forward back to 301 in the timeline, and then we want to change the Position value, the third value here back to 0, to create a new keyframe. And from there, let's go ahead and add a Motion Tile effect to this layer. So make sure that Vid 03 is selected, go to Effect and then go to Stylize and select Motion Tile and now let's use the following settings. So with the Tile Center, that's make the value 540, 960, the Tile Width is going to be 100, Tile Height is 100. The Output Width, we're going to change that to 660, and the Output Height, we're going to change that to 560. Make sure to check Mirror Edges and now as we scrub back and forth, you'll see we've titled our images or video and you can see it sorts of rotates. We're missing a Z Rotation here, so make sure that we've got the 17 degrees keyframe. And now you can see it follows the rotation of our previous image. Excellent, and then once you're happy with this sort of kaleidoscope effect animation, remember to go back to the Project panel and let's do a little bit of tidying up here. So remember to give the Vid 03 comp and move it to the Edit folder for Scene 02 and then close that. And then make sure that the Scene 02 comp is inside the Scene 02 folder. Excellent, so that's it for this lesson, in the next lesson we'll learn how to create the third and final transition scene. See you all there.

Back to the top