Next lesson playing in 5 seconds

Cancel
  • Overview
  • Transcript

2.1 How to Use Instagram Story Templates From Envato Elements

In this lesson, you'll learn how to download, set up and use the '50 Instagram Stories' template available on Envato Elements. You'll learn how to customise IG Story templates and get familiar with the types of animations you'll learn how to create later in the course.

Related Links

1.Introduction
1 lesson, 00:56

1.1
Introduction
00:56

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

2.1
How to Use Instagram Story Templates From Envato Elements
09:22

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

3.1
Horizontal and Rotational Animations in After Effects
11:31

3.2
Zoom Animations in After Effects
11:50

3.3
Growth Animations and Fade Effects in After Effects
15:07


2.1 How to Use Instagram Story Templates From Envato Elements

Hi everyone, and welcome back to the Instagram story templates course. In this lesson, we'll go through how to download, set up, and use the Instagram story templates available in Envato Elements. Simply sign up with a free account. And then, in the search menu bar here, just type in Instagram story, and then click on the search button. We're going to download, and use the 50 Instagram stories over here. So this is the fourth option. So we can click into that. And then just click on the download button, and we'll head into After Effects where we can begin to work on them. Now that we're in After Effects, the first thing we want to do is open up our downloaded file. To do this, go to File, Open project, and then navigate to the directory where we unzipped the downloaded templates. And then you'll find that this template includes a whole bunch of ready-made templates that we can pick and choose from. These are all named according to a theme. So let's go ahead, and click on 10 stories here for an example. And we can see that we've got things like car logo reveal, Christmas, fast opener, music planner, and so on. They all work exactly the same way however, so let's go ahead and pick one to get started. So for this tutorial, we're gonna go ahead and choose a fast opener, as this can be used for a variety of different themes. So let's click on that. And then let's click on FAST_OPENER_INSTAGRAM to open up the After Effects file and click Open. Now this, depending on what version of After Effects you have, you may need to convert the version. So let's go ahead and click OK. And here you'll see that we are greeted with two different compositions. So the first one here is All Scene, which is a breakdown of all the different comps that make up the 14-second story. So for this one, it's broken down into four separate scenes. So if we scrub back and forth in the timeline, you can see how each of them is animated. Next thing we need to do is replace the background images with our own. So to do this, let's go ahead and create a new folder here. And this folderm we're going to call edit files. Now let's go ahead and go to File, Import, and let's import multiple files, and then navigate to where your stock images or videos are. And then we're just going to select all the videos or images that we want to use for our project, and then click Import. And then you'll see that all those videos are now imported into our project. Let's just click and drag those files, make sure they're inside the Edit file folder, like so, and now they're ready to use for our project. So let's begin to replace our images by looking at the first scene. So double-click on the first scene here and you can see we've got two comps. So we've got SCENE_001_COMP_01, and SCENE_001_COMP_02. And if we open these up, you'll see that we've got the text and the images that we want to replace. So let's close these over here. And let's go ahead and open up scene one. And let's look at the image or video file. So you can see that they're labelled image or video, and once you go ahead and open up the IMG_OR_VID_001_01, and this will be the first image that we want to replace. So you can see here this is the image here, replace this, so we can hide that. Let's go ahead and replace this with our first video here, like so. And if we zoom out, so we can fit this to our video, we may want to make some few adjustments to our video. So let's open this up, go to transform, and you can see how we can scale it up or down. And we can also change the position of our video, like so. So let's go ahead and go to the beginning of our timeline. Let's find a nice section of the video here to start our Instagram stories. So, we can start with this little video here, like so, cool. And then if we go back to our All Scene video here, we can scrub forwards and you can see our first video has been replaced, like so. So let's go ahead and replace the next video. So we want to replace this one here, say's open up IMG_OR_VID_001_02_A. Open this up, and you can see we've also got a replace this file here. So let's hide that, and open up our next video here. Click and drag this into our comp, like so, remember to make sure that this video fits our templates. Let's open this up. Go to transform, then scale this up a little bit so that it fits. And we want to make sure that we are finding a nice section of the video here. So this nice little action scene here would be good for a start. So let's do that. And let's change the position slightly here as well so we can see our subject in the middle of the video. Let's just move this forwards a bit, just to get a bit more action in there like that. That's looking good. And then just go back to the All Scene video here just to see what that looks like. Awesome. And now we want to change the next transition. So this is going to correlate to the final image of seeing one. So let's open this one up, and let's choose another image or video here, so hide that. Click and drag, that went in. And let's go ahead, and fit this to our composition, to transform, scale it up. And let's find a nice, little action sequence, like so. And then go back to All Scene, and you can see that's now been replaced. Excellent. So now that we've replaced the images with our videos that we want for our Instagram story. The next thing that we might want to do is also change the text over here as well. So you can see that scene one has three text scenes that we can go ahead and edit. So let's go ahead and do that now. So the first text over here is Envato Presents. So we can easily go ahead and double-click here. And change this to whatever we like. So, let's go ahead and change this to, let's say, Instagram, and then change the second text here to Stories, like so. And now that we've changed this comp here, if we go back to All Scenes, and remove caps lock, you can see that Instagram Stories is the new text that we got for our scene here. Awesome. Now, I've just gone ahead and replace all the scenes now with our own custom videos. So you can see scene two, I've gone ahead and replace the image or video comps, like so, with our own videos, and the same with scene three. You can see over here in this little preview thumbnail button, we've got our own custom videos here. And the same with scene four, so under the Edit folder again, just replacing the image or video folder. And now, if we go over to render comp, our render composition, we can go ahead, and review our Instagram story one final time by clicking on the play preview button over here, like so. And here we have it. You can see how easy it is to use the Envato Elements templates to make a really nice, dynamic looking Instagram story ready to use. Awesome. So that's it for this lesson. In the next lesson, we'll learn how to create one of these Instagram story transitions from scratch. See you all there.

Back to the top