Hey, everyone. Thanks so much for joining us today. I'm Caitlin Rossi. I'm the Creative Director at Storyblocks. Storyblocks is a stock media subscription service who helps brands and creators make better video content faster than ever by offering an unlimited access to a library of footage, audio, templates, and more. I'm so thrilled to have you all here today for another live editing demo. You're going to learn how to customize templates in both Premiere Pro and After Effects and turn those into MOBERTS, with a little help from Storyblocks. If this is your first time joining us today, with one of our enemy demos, I'm excited to introduce you to your teacher, who is Kelsey Brennan. She is the creator and host of the YouTube channel Premiere Gal. Kelsey has empowered millions of video editors with her weekly editing tutorials, tech reviews, and video tips. Kelsey, thank you so much for being here today. Thank you, Caitlin. Excited. Just like last time, it's gonna be a good one. Before we jump in, I just wanna add a quick PSA for the audience. You'll notice on the right hand that there's a chat window and a q and a. You can ask any questions there anytime throughout the demo. Kelsey is gonna try to address questions as we go through them as in real time. But if not, we'll try to get to those at the end of the tutorial. And also a note for the audience, this event will be recorded and shared afterwards. So if you have to drop early or if you wanna come back to this later, you'll have a link to that in your email, probably tomorrow. And with that, I'm gonna pass it over to Kelsey to take it from here. Right on. So welcome, everybody. Today, we're going to be customizing MOGRTs. Before we jump in, just a little bit about myself. So I'm Kelsey. I started my YouTube channel, in twenty sixteen. It was kind of experimental. I didn't really know what was gonna happen. I was working a full time job as a shredder. And, you know, when you're editing, you need to problem solve. I was googling different things, and I really enjoyed helping others. So I thought why not, you know, share what I learned online. And here we are about eight and a half, almost nine years later, which is crazy. Over six hundred videos, we have, you know, almost, well, over half a million of subscribers and, you know, forty two million views and probably more than that across other platforms, which is wild. And what I've done is over the past fifteen years, I've collected all this knowledge and, I published an ebook, which you can check out after this if you're interested, called the video editors checklist. But you can, you know, check out the channel for anything. You can use a little search icon if there's a particular question you have and most likely we likely we have it. We cover more than Premiere Pro but that has kind of been the legacy. Alright. So now into what is a MOGRT? Well, MOGRTs came out in about twenty seventeen, and they were kind of basic when they first came out. They were really just designed so you could, you know, quickly take the power of after effects design and import it into Premiere Pro and then just quickly update the text. So the first MOGRTs were essentially they just had one field that you can edit which was just the actual content of the text. You couldn't actually update the font, the colors, and all of that stuff. And MOGRT as you can see on the screen it stands for motion graphics template. We just say MOGRT there might be other pronunciations of it but that's just the short form of it and basically you can import it into Premiere Pro's graphics templates folder where you can drag and drop it and customize it. And of course, as part of this, tutorial here, the live tutorial, we're gonna show you how to customize it further by kind of reverse engineering it, opening it up in after effects, and making customizations. So let's talk about different types of MOGRTs that you can find. So there are a lot now that have evolved over the years, and what's really cool about the kind of core principle of a MOGRT is that not only if you work on a team, let's say you work with a few other people and you design a MOGRT to speed up the process, you can share it within your team. So if it's a logo reveal, a brand asset, a lower third, or anything on anything like that, you can share it on your team. But if you're a motion designer, you can also design all different types of MOGRTs like transitions, logo reveals, captions, titles, as you see on screen here, documentary slideshows now, intros, and you can, you know, take those animations and you can sell them on platforms like Storyblocks. So if you're not a designer and you're not gonna sell on Storyblocks, how do you use these? We're gonna start with how to import your MOGRTs, and there's two different ways. So Kyle just shared my screen with you here, and you can see that I have, Storyblocks website open. And when you're searching for a MOGRT, you typically wanna go underneath templates, which is what I have selected here. You can also filter just by Premiere Pro but that's pretty much a given when you search MOGRT's title and then you can browse all of your options here. You can add them to collections and whatnot and download them. There's one in particular that I really liked here and it's this one typography text titles and I'm just going to download this. So if you choose this method from the website, you know, obviously, you can, import it another way, which I'll show you in a moment inside the app. But let me just show you how this works. So let's go into Premiere Pro, and let's go to graphics templates. Graphics templates is what I mentioned before. It's a panel inside of Premiere Pro that holds all of the templates that you import. You can see I have a lot that I've collected over the years, even switching computers importing them over. So you may not have as much as me and that's completely fine. So if you don't see this open here when you're inside of Premiere Pro because that's possible, you can go to window and go to graphics templates and this pops open. So then what you're gonna do is go to your downloads folder, right, because we downloaded that pack and we're just going to grab these MOBRITS. You can drag them one by one. You can see that there's nine of them or you can press shift and select the last one and drag and drop it into the graphics templates. I already have these installed but if you don't you won't get that message. So here you go you can see all of them popped up here just like that and they're ready to be dragged into the timeline. Now the second way that you can import is actually more convenient and it's using the Storyblocks plugin. So the Storyblocks plugin is actually free but you do need a subscription to be able to download assets and use them. It's an extension that will open up, underneath window extensions, story blocks. So you can also search here for templates. So we can go to templates. Let's also search typography. There we go. And if there's one that we like here, you just click on download. Now the reason why some people might might like this method actually, sorry. Not this one cancel I forgot to type in MOGRT here let me undo that let's say we want to install these MOGRT here let's go ahead and download and one thing before you download it that's why I canceled this you should make sure to change your download location. This is really important because when you're editing, you wanna stay organized. I mean, most of editing is organization. So you wanna go to your download settings and make sure that you save it into a folder. That's kind of where your project is located. So this is my Storyblocks webinar folder and I just created a folder called downloads. Right? So I'm gonna hit confirm. And so now I can go ahead and click download and this will get downloaded into that folder for organizations plus it's gonna automatically import automatically import into the graphics templates folder for us which is just fantastic. So let's go over to graphics templates. Oh, there it goes. There's a little pop up that comes up that says please navigate to window essential graphics to find the installed motion graphics templates. Now if you're on a previous version of Premiere Pro, it was previously called essential graphics but it is actually now called the graphics templates folder or panel and then where you edit the MOGRTs is in the properties panel which we'll get to in just a moment. So it's all here. These are the the different ones we just installed here from the Storyblocks plugin. Right? And the most recently imported will appear first. So you can see these are the ones that we imported manually by dragging and dropping, and these are the ones that we installed from the plug in. If there are any questions, be sure to leave it in the chat here. And Caitlin, at any time, if there's anything that people say and you can interrupt me and read the question too, that's totally fine. Okay. So let's edit our first Mobert. Alright. So I'm gonna do one of these typography ones. I think typography where is it? Zero one. This one. I like this one a lot. So I'm gonna drag and drop it on top of this video clip I have in my timeline. It'll just take a second to load up here. There we go, and you'll see that it's bigger than my sequence. My sequence is in ten eighty p, and the MOGRT was designed in four k. And that's actually beneficial, right, because, you know, you have more resolution to work with. But it's easy enough to scale down you can go to the properties panel and you can click on fit and voila it's fit into place so now how do we customize further using the properties panel? We can go to all transform this allows us to manipulate the position scale and rotation of the overall design if we need to there's also color which is most likely what you're going to be updating. Right? So you can update the color to, let's say, an orange color. We can do a line color And if you don't see the line, that's because we actually need to adjust the stroke width, which you can use the slider for, and you can add a little bit more padding and some routeness. Let's reduce the width box. Again, it's kind of like, you know, being an artiste a little bit adjusting these sliders until it looks right and and whatnot. We'll get to the position boxes in a moment, but first of all, we need to update our text. So let's type in underneath our text group here. Notice how there's like a little carrot that symbol there. If you just open that up, it just opened that box essentially. So now we can type in whatever we want. Let's say, MOGRT's save you time and energy. And notice how I pressed enter to create a new line. Right? That's important because if you just do one line, then the Mobra, it's just gonna display one line. Right? Alright. So now let's do a little bit more customization here. So let's say we want if you need to move one of the boxes over to a different word, this is pretty cool. So you can go to the you can kinda count the numbers of boxes here. So the first box, the second box. Let's say you wanna move the second box to the third word. Find the position control for the second box, which is right here, and then all you need to do is change the position to three, not two, and see how it moves. So before it was two, and now it's three. So this was a handy little thing that the designer decided to give you. Right? Because the designer controls what you can control basically. So they decided to allow you to change where the box location is. In this case, though, I actually prefer it on the two. I think it makes more sense for this particular one. I'm also going to change the text color to white because I think that looks good. Now the only thing that I wish that I could do here, if I scroll down, I don't see any drop shadow controls. Right? I wanna add a drop shadow. Now we can reverse engineer this in After Effects to show you how to do that, but you can also just go to effects and you can search for drop shadow and drag and drop it on the text. And from here, you can control any effect that you apply on your MOGRT from the effect controls panel. So let's go ahead and increase the opacity. I like to bring it up to a hundred percent so it's more visible, And then I like to increase the distance to around ten and the softness. I'll just click on it to drag it, and maybe I'll make the distance a little bit more and a little bit less soft. So you get the idea. This is the before drop shadow and after. It just pops a little bit more. Alright. So you're like, okay. Gal, this is great and all. Like, I know how to, you know, edit these MOGRTs using these parameters, and I've done this before. But what if you're like, you know what? I want to save what I changed here so I never have to redo it again to save you time in the future. You know what I mean? So the changes you just made, you wanna keep in this MOGRT because next time you open up a project, you're gonna have to start from scratch from the existing branding that's already here. Right? So what we need to do is open up this Mobert inside of after effects. So remember how I showed you to change your download location to your project files? So whether you download from the website or if you download from the story box plug in you can find those MOGRTs and open them up in after effects. So let's go over to after effects here and let's go up to let me just expand my window here. There we go. So we can go up to file and you're going to go to open project, which doesn't seem right, but it is right, and we're gonna open up a MOGRT. So you can see, this is my download folder for the text titles I'm gonna open up that zero one MOGRT and press open and then it's gonna ask you do you want to extract this basically and you're extracting the after effects project file from the MOGRT because remember in the beginning I said most MOGRTs are designed in after effects. Right? So we're going to extract this. There we go. And sometimes you will get this message saying, oh, this file needs to be converted because it was designed on a different computer. And that's great. I'm glad it converts. Okay. Perfect. So now one thing you need to be aware of in after effects when you're customizing MOGRTs is you need to have the essential graphics panel open, which you see I have open here. If you don't see it you can go to window and you can go to essential graphics and you'll see that those same groupings that we saw inside our properties panel in Premiere Pro are already here because the designer added them. But I'm gonna show you how you can add more effects here and then you can re export it also with a little moving GIF image as well, which is pretty neat. So the key to understanding after effects and the way Mograts work is kind of like I like to compare it, the compositions to, like, a Russian doll. There's, like, compositions with inside of compositions, which if you're used to Premiere Pro, it's like a sequence with inside of a sequence. So you'll see like this little comp icon here and this is within an existing comp and you just kind of have to get used to like there's comps inside of comps and you needed to make sure you have the right comp open. I hope that that made sense. So inside of essential graphics you'll find that there's a primary comp it's called text titles typography zero one. So you can find that comp which is already open here and you can see there's a comp inside of there. So what we can do is apply a drop shadow effect to this comp inside of a comp. I think we should have a timer during this webinar. How many times I say comp. Right? Drop shadow. Here we go. Just like in Premiere Pro, drag and drop it. Pretty simple. And what's really neat is you can open this up. Again, the little caret thing is very popular here in Adobe software. Carets. So now what we can do is we can actually add all of these parameters into our essential graphics panel. But first of all, once again, organization. We need to add a group and let's call it drop shadow. Oh, and by the way, I forgot to mention this. If you have a MOGRT from Storyblocks that you want to learn how to customize further that you've already used, you know, drop a link to it in the chat, and the Storyblocks team will take a look at it, and we'll see if we can customize that. I also have a backup later on. It doesn't you know? So don't feel like there's pressure to send anything. I just wanted to see if I could help you guys out if you had any questions around that. So let's go ahead and let's drag in all of these elements by pressing shift and click to select all of them and drag and drop it into our little drop shadow right here. Look at that the essential graphics panel essentially takes these parameters and makes them edible inside of Premiere Pro once we export it. So from here we can make changes, we can do the same thing that we did before. Let's update the distance slightly. Oh, I do like kind of the boxy look there that looks nice, But we can always add some softness. Basically, we're customizing it here to what we want it to be to save us time. It may seem like a lot of things to do, but this is kind of like, you know, the behind the scenes stuff that you kinda have to do to save you time later on even though it takes up more time right now. And then, you know, we can go ahead and update the text if we want to again. Save you time and energy, and we'll update the colors again like we did before. Again, remember, with the colors, you can use hex codes. There's a little hex code box here. So if you work with a brand that sends you a brand guide with their color swatch, you can copy and paste the colors in here as well. I'm just guessing the colors here for the demo. Right? Of course, I would be more exact with the hex that was working with the client. Rounded, padding, stroke width, too much stroke. Alright. It's looking pretty good. One thing I forgot to mention too is you'll notice inside of this comp that there are these blue handles here. See this blue handle between zero seconds and three seconds and also between twelve and fifteen seconds? These are actually predesigned, animation handles so you can stretch the animation inside of Premiere Pro maybe not stretch but you can update the duration so that way the animation stays the same so the out animation will always remain there if you decide oh you know what I want this title to be a little bit shorter You don't have to worry about that out animation disappearing. So that's one benefit of using a mogrt. Right? Alright. So that's all done. It looks like everything's looking good here. This is how I want it to be. Oh, there's one more thing. What if you want it to be scaled automatically at ten eighty p? Well, what we can do because this is a four k composition and we don't wanna have to start from scratch by creating a new composition, we can actually just scale this down to fifty percent. And, actually, before we do that, here's a clever little tip. We'll keep it at a hundred at a hundred percent, but then we'll go here and set poster time. So that way it has, like, a freeze frame of the look at that current scale, and then we can go down to fifty percent. So the next step to get it back in Premiere Pro or send it to your editor who lives somewhere else who needs access to this, we can update the name. I'll just call this custom typography orange, something like that, and then click export motion graphics template. Oh, yeah. Somebody asked, can we change the font style? Yes. You can. So you see underneath text here, there's currently a font, type, and style. So if we if we wanted this to be italic, it would update. You see that? So I'm gonna undo that and keep it back to black. But, yeah, you can change the font to anything you want. And remember, you can always limit what properties people can change. This is one other benefit of a MOGRT, right, is you can limit what people do. That's the whole point. Right? Let's say you have really strict brand guidelines and you don't want people updating the font. You can remove this. You can click on edit properties and you can disable custom font selection, disable font size adjustment, disable the faux styles. So there's, you know, there's pros and cons. Right? Depending on you know, you don't want somebody to use the wrong font if you have strict brand guidelines. And somebody else asked, when you when you originally changed the MOGRT parameters in Premiere, could you have saved the new MOGRT from there? No. You cannot save another MOGRT from there. Otherwise, I wouldn't be in After Effects. But you can what you can do is you can create titles in Premiere Pro and export them as a motion graphics template. They have a little bit different of a look and they're limited to what you can do in Premiere Pro, but you can't resave it in Premiere Pro, unfortunately, especially ones that were designed originally in After Effects. I have designed some Mograts in Premiere Pro back in the day, and they work okay. They're just not as, like, fancy as after effects. You know what I mean? They just don't have that same style. Okay. So let's go ahead and let's export motion graphics template, and this is pretty cool here. So first of all, we need to save, the AAP file, which is After Effects project. Inside of the same folder is fine. Hit save. After Effects is working. Saving. And then a new box will come up. And so this is important, the destination, local templates folder. This is where you wanna save it if you want it to automatically appear in Premiere Pro right away. Like, as soon as it's done exporting, you'll see it there. If you need to share it with somebody else so that Mogrt is saved on your drive, you can choose your local drive. Right? In this case, we're gonna choose local templates folder, and there's something new. Well, it's not that new new, but new enough that not a lot of people know about it is that you can now include a video preview. So if you have that checked, I actually prefer that because then I can hover over the Mobert inside my graphics templates folder in Premiere Pro and see what it looks like. And then these little compatibility warnings here, you know, basically, what you can do is you can choose to use Adobe fonts only. And that means that if you have this check warn me if the motion graphics template uses fonts that are not available from Adobe fonts and in this case I'm not sure if Montserrat is in Adobe fonts so you'll get a warning saying, oh, Montserrat isn't available in Adobe Fonts, but you don't have to use Adobe Fonts. The only benefit of using a font from Adobe Fonts is that if anybody else uses that MOGRT, when they import it, Adobe will resolve any machine fonts automatically for you, which is beneficial for the end user. Right? Because if you have a Creative Cloud account, you import a MOGRT, you don't have that font. You don't have to go to the font help folder and manually install that font in your font book. It'll automatically find it for you as part of your Creative Cloud subscription. That was a long explanation for it, but it's it's good to know that stuff. Right? Warn me if After Effects needs to be installed in order to customize the motion graphics template. Sometimes some MOBRTS require After Effects to be installed on your computer because it uses different types of effects and engines that's only available in After Effects. Even if you just have the trial version of After Effects installed, it'll still work. In this case, I'm going to ignore that and now I'm just gonna type in keywords. You can type in anything here that will help you find it such as story blocks. Let's do typography. Anything that will help you find this in the future and press okay. So this is now going to create a video preview and send it over to Premiere Pro. It looks like we have a couple other questions here as well. Somebody asked, can you select an array of fonts to choose from in the MOGRT? Yes. You can choose whatever fonts, you like. You can even install new fonts from the Internet, and it will appear in this drop down. Right? You can choose any one of these. Like, these are all the ones that I have installed on my computer. It depends on what you have installed on yours. And most MOGRTs now, the designers, they allow for font selection because they understand that you wanna change the font, of course. Another question is, so saving us a dot a e p leaves original MOGRT unchanged. Correct. The original MOGRT is untouched because we had to save it as a new a a e p after effects project and then we had to, save it as a new Mogrt which I titled custom typography orange such a random name. Alright. Now let's go over to graphics templates, and here we are. And look at that we have let's actually make this bigger. And now we have our little animation when we hover. You can see when I scrub we have our little animation and it looks smaller because it actually corrected it. I I tried to hack it there by making it bigger and it didn't it didn't let me. So let's go ahead and let's delete that. The reason why it's smaller is because, I made it so it would work with ten eighty p. So now when we drag and drop this, we don't have to fit because with editing, right, it's all about how many less clicks do we have to do to get the project done. Right? That's always been a theme of video editing. How do I get home in time for dinner? You know? How do I streamline my workflow? And this is one way of doing that. So that's one, MOGRT. I don't know if anybody sent anything in the chat for another MOGRT that we want to manipulate, but I have another one. And it's a logo reveal, which involves a placeholder, which is another thing that came later with Moberts. I think I already installed it here. Let me use the slider to make my panel a bit smaller. So I went to Storyblocks, and I basically searched for logo reveal, Mogrt, or, actually, I did glitch logo reveal. And this is the one. I liked this one, and I was like, oh, okay. I wanna download it. So I downloaded it. It installed automatically, and let me see where it is. Here it is, and it's black. Some of the MOGRTs that you install might appear black without a preview, and it doesn't mean that it's broken. It probably just means that it was designed five ish years ago, which is still legit. I mean, After Effects has been powerful for a long time, but MOGRTs have evolved a lot to allow for more previews. Right? So hold on one second. I'm just gonna fix my camera here, and we'll carry on. Alright. So we have our black previewed here. Let's just get rid of this. This is what we're gonna customize now. And let's drag and drop our logo reveal inside of our timeline. We're going to keep existing settings because we don't wanna change our sequence. And if we play this back, should come up here. Did I drag the right one here? Oh, yeah. I did. It's just a little slow. So what we need to do is go to properties, first of all, and update our logo because there's no logo currently. If we open up our little logo drop down thingy and go to project, you can see I've already imported my GAO logo. So you can add any assets or it could even be a video if you want. The the placeholder can be anything. It's not just limited to a PNG file or a JPEG. It can be a video clip too. So I can just drag this from the project panel inside of Premiere Pro and bam. There we go. This is just part of the animation here. That's why it looks funky. And once again, we can fit it because I believe it was in four k. Some of the logo reveals are a little bit slower to respond because they do use more effects inside of after effects. Let me just see if this is fit to frame. Maybe it is fit to frame. Yeah. It looks good. Alright. So you can always use these position scale and rotation controls to manipulate the scale of your logo a little bit more. In my case, I'm gonna make mine about thirty percent, a little bit smaller. And then, as we go over here, you'll see that this text has a sound effect. But, I mean, the sound effects is cool. Right? Because you can now have sound effects inside of Mobritts as well, which is very useful. You just have to add the sound effect inside of after effects, and when you export it, it comes with it automatically. There's nothing special to it. This text, however, if I go and open the text, I can update this just like before, and I can update the font if I want to. Let's say I want it to be a bold. Again, it just happens to be Montserrat. I guess Montserrat is a popular one, but it can be any of these fonts. Right? You'll notice that the it's being cut off, and I believe we need to scale it down, and then it's fixed. Right? One thing with this design, though, is that I actually want this text to be white. I don't want it to be kind of this rainbow y color. If I go down to color, it looks like the designer didn't include it or it was just forgotten, and that's fine. There's the logo scale, logo position, text position, scale. But if you're like, wait, I wanna change the color of that particular text you can open it up in after effects and fix it that way. So we'll do that again. Once again we'll go back to after effects and I'm gonna go back to file and open project And I'm going to save our previous one, and let's go find the glitch, Mogrt. Here it is. Open it on up. Extract. Lots of steps. There we go. Okay. So now I need to import my logo in here, which I have in my recurring assets folder. Here's my logo, and let's drag and drop it into our project panel just like I did in Premiere Pro. Very similar. So if we open up the essential graphics panel and, you know, double click here on this empty spot, you know, it'll open up where the logo is supposed to be And double click to open up that comp. Remember comp within a comp. And then drag in this logo. And then we can scale it. By pressing s on your keyboard. It brings up the scale parameter, which is pretty handy to know, and you can scale it down. Like so. There we go. Now you might be wondering about the text color and adding this here, right, to correct it. So what we need to do is go back to our primary, which is the render. So we need to go to render, and we need to see it. This is our text here, your text. So I think what we should do to change the color is add a fill to this comp. I think that should work. Or, actually, first of all, let's open up this comp, and let's see if adding it to your text might be better. I think that might be better. You know, when I was a shredder it's like story time. When I was a shredder back in the day, I, this is how I learned after effects. Like, I I would deconstruct templates because I was doing everything. I didn't really have time to animate. Right? So I was using, Mogr's when they came out, of course. But before that, I was using after effects templates because Mogr's didn't exist. So I had to, like, go in and be like, what the heck is this comp? Like, where is this effect? Like, how do I change this? And that's how I started to learn where everything was. I realized I really gotta learn after effects here, and that's how I learned it through the help of templates. Alright. I'm gonna search for this effect called fill, which is basically a color fill. So I'm gonna drag and drop this onto my text, and you can see now it defaults to red, which we don't want. That's fine. We can go over here, click on that, change it to whatever color you want here. You can see it change in real time. Press okay. So now we have our text white. And let's say you wanna change that color in the future. You're like, you know what? I don't I I wanna change this in the future. You can open up effects, go to fill, and then you can take this color fill parameter just like we did with the drop shadow and we can drag and drop it up here. And now we have our fill color and we can rename it to something else like text color. So now that's updated. Now let's go back to render and now we can see how it's looking. It's looking good. Looks great. We can update our scale slightly and we can move up our text position. I think that looks better. Let's preview this. Play it back. Nice glitchy effect. You know what? I want it to be a little bit longer. This is another benefit of opening it up in After Effects is you can extend this work area. So we can make this a little bit longer. So that will be included in the MOGRT. So that way, you know, I could add a little cross dissolve at the end inside of Premiere Pro, to transition on to the next scene, and there's just a little bit more frames to work with, literally. Alright. Next up, we can do a set poster frame, and we can update this Mogrt. I'll just do underscore new. I think I updated everything. Any new questions in here? Are there any elements of an AE comp that you can't save and edit in a MOGRT? You know, in the very beginning, in the early days of MOGRTs, there were a lot of parameters that you couldn't change, and that was frustrating. But now most of them you can drag in to the essential graphics panel, which is really helpful. Right? You can just take any parameters and drag and drop it. For a text element, you know, the way it works is if you open up text, you can see underneath text, there's an area here called source text. Source text is what you drag up to edit. Oh, it's already in here. It's warning me because it's already here. You can see this is the source text that's already added. You can't just drag let me explain this better. You can't just drag this text element. It's not gonna work. You have to actually dig down into the parameters, like source text is a parameter. Different animation stuff is a parameter. You know, these different glow effects are parameters that you can add. So there's lots of different things. If there's a little stopwatch next to it, most likely, you can add it in here to manipulate inside of Premiere Pro, but you'll get a warning if it doesn't work. That's basically it. Okay. Everything looks good. Let's go ahead and export motion graphics template. Once again, we have to save the after effects project. Not a problem. Save. And here we go. We'll save it to local templates and include video preview. Press okay. I wish there was a way to bulk do this. You know? Like, I have so many MOGRTs inside my properties panel. There might be a plug in that does it because, like, that's one thing that I want to update is, like, all of my older MOGRTs to have video previews because the video preview is actually not that big. It's a compressed m p four. Okay. Now let's go back to graphics templates, and look at that. It's no longer black. It's pretty. There we go. Wee. The things that I appreciate as a video editor. So now I can delete that mogrt from before, and I can even delete this one. If you control click on any MOGRT, you can rename it. You can get more info. You can copy to a different library if you need to, or you can just delete it. I'm gonna delete it. Press okay. And then let's, actually, let's add a because this should be transparent, I'm going to take this, stock footage clip that I got from Storyblocks, and I'm gonna take the Mogrt and drag it on top. And a quick little tip here, if you want to extend the duration of a video clip and you're like, wait. It's not extending. You can use, the rate stretch tool to extend it. So you can go up here to this one. Not REMAX. What am I doing? Rate stretch tool. R r is the shortcut, so you can press r and then you can drag this to the end and that just basically slows it down. There is another thing that's new in Premiere Pro and it's called generative extend, which basically extends it by I think it's limited to two seconds, and it basically uses AI to extend your video a couple more seconds without changing the speed, which is pretty neat. It's really designed just to help you get that extra few frames you need in moments like this, for example. In this case, I'm just gonna use the right stretch tool because it's not really a live action video, so you're not gonna see any distortion from changing the frame rate per se. The only thing that I would recommend doing is right clicking on it and going to speed and duration and changing it from frame sampling to optical flow, which basically also kind of does this predictive analysis of creating new frames. Not really quite sure how it works. It just works. So let's go ahead and let's press o for out and press enter to to render that. And that's it. I'll see that there's a glow here too. I'm gonna see if I can go back into after effects and customize that glow as well so you can show you how to do that. Because what if you don't want that glow there? That's another reason why you wanna use After Effects. Don't be shy, guys. You can ask questions. We can also do another template. We still have, you know, ten, fifteen minutes or so. What do you guys think about MOGRTs? Do you use MOGRTs? Do you wanna use MOGRTs? Look at that. If it was me, I would probably drop down the sound effects by using essential sound, and I would just drop the clip volume slightly. Of course, I'd probably download some pretty cool sound effects and more music from Storyblocks as well, which is pretty neat. You can go over here and download music and sound effects. I'm gonna go back to after effects while you guys think of your questions or comments. And let me chat check the main chat here. Okay. Looks like, Diana Bowen said that she loves Mogherts, but she, hasn't messed with customizing them yet. Right on. And you're gonna be doing this more, Diana. You are. Can you show us how to create a template in Premiere Pro? Maybe that's a good idea, Augustine, instead of what do you guys want? Do you guys want me to show how to well, now the now the comments questions are coming in. Can you show us how to edit a MOGRT with images doc, images documentary like? Oh, okay. Well, Elaine, you're gonna don't worry. You're gonna after you practice with mogrts, it's kind of like a an acquired taste. You know? Like, maybe the taste of truffle is too strong in the beginning, but then you just grow to love that, you know, on your pasta. You're gonna love your moquettes soon. Let's see what else. So okay. There's a couple options here. We can, show you how to make a template in Premiere Pro, but, you know, Nancy, I'm kind of worried about that because that's actually gonna take a little bit more time than I think we have because I basically have to design something from scratch, but I can do something really basic. And then if there's time, I can show you an image documentary Mogrt and how that works. I believe three d comps work with Mogrt's, but they perform slower in Premiere Pro. Let's be honest. Because after effects is multi frame rendering, and it's just designed for this stuff. So when you pull that into a different engine like Premiere Pro, it just performs a bit slower. But they have made improvements, and I haven't tested it in the latest version. So I would recommend, you know, going to Storyblocks and looking for three d MOGRTs and trying it yourself. Why not? Alright. So let's do, I believe that was Nancy's question, Premiere Pro. Let's go over here, and let's create a new sequence. And I'm gonna call this Mogrt PP for Premiere Pro. And so what you can do here is you can, you know, create a title with the text tool, And we can call this lower third, and we can use the properties panel to customize this text, add a background. These are all the built in controls in Premiere Pro. It's not a MOGRT. It's just, you know, the parameters to design. Let's update our fill to be black. And once again, Montserrat. Montserrat is our font of choice today. It actually is the font that I use on my YouTube channel, so it makes sense. And I'll increase the padding. Look at that. You can add a stroke, but the stroke only affects actually, yeah, the stroke only affects the text, not the background. And just trying to keep this as simple as possible. So if we go to the wrench tool, we can actually change it to transparency grid. So you can see it's actually transparent. The black is just kind of a placeholder here, but if you wanna see a a drop shadow or anything like that, you can go to transparency. So we can, what's what's one thing that we wanna do here? We want to have it left aligned, and let's go ahead and let's scale it up, and let's move it over. Maybe that's a little bit too big, but you get the idea. There's also, to help you design, if this is useful, you can select the program monitor, and you can go to view, show guides, guide templates, safe margins, and that'll show you, like, what is typically safe in a landscape. You can also make your own guides, which I recommend doing for vertical video because vertical video is so popular now. And on the right side, are the social media icons and, like, the description at the bottom. And so you wanna make sure your captions are not getting cut off by those. So you can, like, you know, save yourself a guide template. You can always go up here, guide templates, save guides as template. If you're working in a vertical workspace, and that's really useful. Right? So we can move this over a little bit. Lower third. Again, this is super basic, Nancy, because, again, we're we're short on time. I would probably do some more here, but let's say we want it to animate up. So we have to go over to effect controls and go to position. Let's say we want it to animate up and land here, which is about fifteen frames in. Select the stopwatch, which creates a keyframe. Go back, and then we can use the y parameters here. Let me make this a little bit bigger. This is the y coordinates, which is up down, and then we drag to the right to go down. So now it goes up. And let's make it more smooth so we can right click on this. Go to ease in. And the first one, which is counterintuitive, is ease out. It's the opposite. And it's more of a curved shape now. If we open this up, you can see a little curve. Before, it's just like a linear line. So now it's more smooth, and you can adjust the space in between. Yeah. Like that. And then you can make those animation handles so the animation stays the same by just dragging this little blue icon. It's very tiny. It's like a little blue thing. Now it's a handle. And at the very end, we can do the same thing. Keyframe, move over, pull down. There we go. And this handle as well. So now this let's make this bigger. We have our animation handles here for a little lower third that goes in and out. And if you wanna save this as a motion graphics template, you can right click on it, export as motion graphics template, and we can save this as basic lower third. Once again, local templates folder, just like in After Effects, you can add keywords, include video preview. Oh, the same name already exists. I've already done a basic lower third. Basic lower third, zero one. Press okay. I was worried if there was gonna be one taken for that one too. So now inside of graphics templates, you can see that we have our basic lower third here and the out animation. So you can just drag and drop this and use it. And some people prefer to make, like, really basic templates like this. There's nothing wrong with, like, a basic lower third. I mean, clarity is the most important thing sometimes these days. We have so much noise on social media. I feel like this is too flashy all the time. We're gonna like, shut down, you know, it's just not gonna, we cannot consume, does not operate, gal breaks down. So we have lower third here. And I think, Nancy, you can you can handle this. Like, you could probably make this yourself right now. You can also share this. The only thing that's different is that when you select this now, when you go to properties panel, and you go here, you're given the same controls as the built in Premiere Pro versus with an After Effects Mocha, it looks a bit different. Right? Because these are customized parameters that they added inside of After Effects. Right on. I'll check the chat now because I jumped out for a second. Let's see if there's anything else, Caitlin, here that I missed. Yeah. We had a bunch of questions come in right at the end. So I don't know if we can get if we can get to all of them, but, I will, throw a couple your way. So alright. We covered how to create a MOGRT from scratch. One question here. If you're using an existing MOGRT that is only optimized for one line of text, is there a way to add a second line in AE? Oh, I see what you mean. I I think that gets a little bit tricky because you do need to know, like, how to duplicate that text element and make sure that it carries over that same animation properties. But if you open it up in After Effects and you see and you find where that text layer is, I would recommend duplicating it. I think it's just command d or control d and then pulling that source text up into the essential graphics panel. You know? Yeah. One more I'm gonna ask here because I actually don't know the answer to this one. Can you show us how to replace footage in a motor with a video that has sound? Is that something that you're able to add to a motor and replace, or is that something you do more at the premier level is, like, switching out a footage clip? Like, switching out are are they talking about the sound effects or the footage? I'm a bit confused. It sounds like it's they're talking about a footage clip with sound. Well, some of the Mogrids come with a media placeholder. Right? Like I was showing you with the logo reveal. This one has a placeholder. Actually, where did it go? Did it delete? Thought it was there. Should exist. And you should yeah. There we go. You usually just drag the footage in there. Like, for example, if you wanted to replace this with the Videoblocks video, it could be that instead of a logo. You know? But, I mean, if it's actually inside the after effects comp, of course, you can just find that footage inside of that composition and replace it there, and you can always replace the sound effects too and export it just like I showed you with that new sound. I hope that answered that. I wasn't sure how to answer it completely. I think that's I think that covers it. Yeah. I we have, oh, probably one more question that we can squeeze in here. Alright. So today's devices sometimes need horizontal and vertical configurations, you know, when you're designing for, let's say, YouTube and then a social video. Do you have any tips on creating two configurations of the same, graphic template? Two configurations of the same one. Mhmm. So probably, you know, taking something that maybe is horizontal and converting that to a vertical. I see. There actually are some MOGRTs that auto resize to the frame, which is really cool. I'd recommend actually going to, the Storyblocks website for that one. Let me I don't know where I have it open here. Let me open up a new window and drag it over. So if you go to I don't think I've searched for one. I think it's called auto resize mogrt. So these ones here, the auto resize means that the shapes adapt to the size, not necessarily the the frame. There are ways in Premiere Pro where you can pin certain elements to the framing, but what I always find is is that it gets kinda tricky. And what I end up doing is, you know, for example, just with the mogrt that I made here, this lower third, I'll just scale it down a little bit and move it over using the position and scale controls. But transitions should auto resize for you, you know, but you may have to play around with the scale. But I would do a a search if you have time to see what you'll find on Storyblocks, but I have seen them before. Yeah. Yeah. We do have some that are, specifically designed for that vertical orientation. And what I've done in maybe in After Effects is just, like, duplicate the comp and resize it in that frame and then save that as an additional Mocha. So they do the same function Totally. Totally. Have a little bit of a different orientation. Yeah. That's a good point. Yeah. You can open that up in after effects like I showed you and, you know, create a new comp and then drag in the elements like I showed you for that vertical version if again, it's it's just a nice to have that extra one so you don't have to redo it every time. Yeah. Alright, Kelsey. Well, thank you so much for teaching this. We took ourselves right up to time today. So really appreciate you leading such a thoughtful demo. Really quickly, just to plug a couple of things here. We're taking a break in July and we'll be hosting the webinar that month. So our next one is actually going to be another edit with me in August. And that's going to be creative ways that you can produce commercial style edits with Josh Alofemi of the channel Alofemi. And then if you haven't yet, please check out Kelsey on YouTube at premier gal, and visit storyblocks dot com slash resources if you want to find more tutorials, or find any of our past webinar recordings that we have saved there. Thank you all again for joining. We really appreciate your time today and thanks again, Kelsey. Bye, everybody. Thanks for joining. Bye.
