Next lesson playing in 5 seconds

  • Overview
  • Transcript

3.1 Horizontal and Rotational Animations in After Effects

In this lesson, you'll learn how to create the first animated Instagram Story scene transition, featuring horizontal and rotational 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.1 Horizontal and Rotational 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 a scene that you can use for your Instagram Stories from scratch in Adobe After Effects. So let's begin by creating a New Composition After Effects. By clicking on this button here, or going to Composition, New Composition. And we're going to rename this scene 01. We want a height of 1920 and a width of 1080 Frame rates of 30 and a duration of 10 seconds. But this can be changed later if we need more or less time. Once you're happy with that, click OK. And now we've created a new composition here. Now, once you've got a composition ready, let's go ahead and import at the images or videos that we're going to use into our project. So exactly like what we did in the previous lesson. Let's go ahead and create a new folder in the Project panel. And let's rename this into Edit Files. Make sure that the folder is selected, then go to File, Import, Import Multiple Files. And we want to select all the videos or images that we want to use and then click Import. And now this will add all the images or videos into the Edit Files folder. Cool. Now before we begin adding our images and creating our scene, let's start by organizing our project so that that makes a little bit more easier to use in the future. So let's now create a new folder again, and this time let's call it scene01. And then make sure that it's outside of the Edit Files folder like so. And from here let's go ahead and open scene01 and create a new folder here. Let's call this Edits like so. Now, all we have to do from here is select the scene01 folder and press Ctrl D on the keyboard two times to create a scene02 and a scene03 folder respectively. And these will also have an Edit folder inside. Now the Edit folder is where we're going to have our edits, images or videos exactly the same as what the template has in the previous lesson. Awesome. Now we're ready to start our first scene. So let's go to the edit files folder here. And we're going to drag our first footage into our scene like so. And before we do anything else, let's go ahead and Pre-compose this footage. So right click, Pre-compose, move all attributes to the new composition and let's rename this vid01. Like so, click OK. And we're going to move this composition vid01 into the scene01 Edit folder. So let's click and drag this into the scene01 edit folder just to keep things nice and tidy. And let's open up the vid01 folder here and we're going to choose a cool shots of our subjects so this shot of him in the air would be nice to start with. So let's start with him in the air like so. And maybe move the video so that he's In the middle of our composition, cool. So we've got something like that go back into our scene once we're happy with what we've got Like so. And then from there, what we can do is we can start to add some Keyframes to our scene. So, let's begin to add some Keyframes to create our animation for our story. So the first Keyframe is going to be in the first five frames. So let's add a position Keyframe on the fifth frame like so, then moving forwards to 19 frames. Let's add a another keyframe to the position and click and drag our video to the left. Excellent. Now once you've done that, let's go ahead and highlight both of our keyframes like so. Right click, go to Keyframe Assistant. And select Eazy Ease. Then with both these Keyframes still selected, go to the graph editor. And then we want it fit the all graphs to the view. And we want to move the handles all the way to the right, like so. So that we've got a straight line. On the right hand side of the graph. Excellent. So now that we've moved both the handles as far to the right as we possibly can. Let's go out of the graph editor and then just sort of moving back and forth. In our timeline, you can see that our footage is moving over to the left. She's exactly what we want. Next, let's go ahead and enable motion blur to our layer. And we want to add a motion tile to this layer as well. So, let's go to Effect. And then go to stylize and then go to motion tile like sir, and we wants to add a few of these or edit a few of these options here. So the output width, we want to edit this to 400 And the output heights to 200. And then we want to enable mirror edges. And you'll see now once we move over in our timeline, you'll see that we've got a new mirrored footage on the left, excellent. And this will help our transition for our next footage, which we're going to add now. So let's go to Edit Files, go to our next footage that we want to add, click and drag it into our composition like so, and then we gonna pre-compose this. So right click Precompose, rename this vid02 and we're going to move this composition into our Edit folder. Open it up, and let's go ahead and change our video or edit our video so that our subject is in the most interesting pose. So here he is up in the air, like so. And then once you're happy with where your footage is, go back to your scene composition. And let's go ahead and move this forwards into our timeline where it's going to transition. So let's move this to 16 frames and we're going to add some keyframes to this as well. So on the 16th frame, add a keyframe for position and then at 113. Let's add a another position keyframe and moving back to the 16th frame. Let's move our footage over to the right. And then let's move our layer over to the right slightly as well. And then selecting both our Keyframes. Let's move them one frame back to the left. So we've got one Keyframe on 16th and the second Keyframe on 130. And you can see as you move back and forth, our footage is moving from the right into our view. Select both these Keyframes. And then we're going to Easy Ease them. So right click Keyframe assistants, Easy Ease. Go to our Graph Editor. And this time we're going to move our handles all the way to the left. So as left as you possibly can go out of our graph editor and let's choose and select a motion blur effect for this there as well. So once you've done that, we want to add a mirror, a motion title to this layer as well. So we go to Effect and then go to Stylize and select Motion Tile. And there's going to have exactly the same settings as what we had for our previous layer. So 400 for the width 200 for the height and select mirror edges. And now you'll see as we scrub back and forth, our footage is successfully transitioning from one to the other. Now let's add a distortion effect. So go to Layer, New Adjustment Layer and with that list selected to go to Effect, Distorts and Optics Compensation. Now with this added let's go ahead and check reverse lens distortion, like so. And now we're going to add a Keyframe for the field of view effect. So let's go to the fifth frame here and add a Keyframe for field of view and let's open up our effects for the snare. So we can see where it is in our timeline. Then let's move forward to the 18th keyframe and add a another keyframe for our field of view. And this time let's crank this up to, let's say 100 like so. And then from here, let's go to 113 in our timeline, and add a key-frame there as well, and then change the field of view value back down to 0. And then once you've done that, select all the key-frames. And as we've done before, right click Keyframe Assistant, Easy Ease. And now, if we go ahead and preview our story, you'll see that we've got this call distortion effect as we move from one video to the other. So let's go ahead and watch that again. Awesome, so that's it for this lesson. In the next lesson, we'll learn how to create the second transition scene. See you all there.

Back to the top