Infographics inside Premiere Pro

Hi everyone, in this video we're going to look at Infographics in Premiere Pro. Basically they are a mogrt, kind of a pre-made template, that we can make adjustments to. I'm going to show you how to get it going here now in Premiere Pro. All right, so let's make that infographic.

So basically we're relying on basically a mogrt, we've done that before. Basically, is under your 'Essential Graphics' panel, and under 'Browse', go to-- you've got some basic stuff in here, but you want to go to 'Adobe Stock', you can use premium or free, depends if you've got a license. Just use the word 'infographic'. So, infographic isn't so much, like 'A' thing, a unique, like importable thing, it's just a style of mogrt, and you saw that one, at the beginning, this is the one we started with. 

So normally, in the past you'd have to use, in conjunction with Premiere Pro, After Effects in Premiere Pro. After Effects makes all those kind of cool infographics, and then you basically just import them into Premiere Pro. Lately, Adobe are giving Premiere Pro users the ability to kind of bring in templates, or mogrts of these infographics, so that you can control them within here, without having to jump into After Effects. Why? Because After Effects works very differently from Premiere Pro, can be quite daunting, if you're not prepared to kind of like learn it. 

So we've got this kind of like in between zone, where we're relying on After Effects to make mogrts. Adobe have made, or at least commissioned a bunch of free ones and premium ones that we can use. So we don't actually have to have any After Effects knowledge, so I've-- Adobe Stock, I've gone free, I've typed in"'infographic", we're going to use this one here, 'Gradient Circle', and before we get into it, there's going to be a level of amazingness, and a level of frustration, because there's a lot of things we want to change in here, and remember, it's up to the After Effects creator, depending on how much control we have, and they can't be, I guess responsible for every use case. 

Have you just noticed, they were drawing a cat in there. I'm sure it was, “Hey, we've got some stock footage, draw anything, look busy.” There's like four people looking at her drawing a cat, well, two cats, anyway. So once you've found the one you want, you can hit the little 'Download' button, and you get this little tick. I already downloaded mine, it takes a little while to download, and then you've got two ways. The easiest way is just to drag it straight from here, straight on to your Timeline, and it will slowly bring it all through. 

If you've imported it a long time ago, you can go to your 'My Templates', and do a search for it. You've got to remember, the words are Gradient Circle. So I'll go back to 'My Templates', and type in "circle", and there it is there, I can drag it across. 

Another handy thing, in your My Templates, it always starts with this, for some reason, see down the bottom here, we can sort by Recent Downloads, so it's going to give me the, that's the one I made earlier, some of the things we've been working on. Anyway, what we want to do now is adjust it, so we click on it, and under 'Effects', and under 'Essential Graphics', 'Edit', you can see, we can change bits. In my case I've got some stats about SMEs, so I'm going to click in there, you see, it's too big, so Top Text Size, so they've given us control from that, which is great. 

Let's play through this animation, actually I'm going to turn mine really low for this tutorial, they're quite complex. Basically they're an After Effects composition, that works good for me. Single Data Set, let's go and change a few things. So Single Data Set, I'm just going to leave off, I want to find the percentage here, and there's just a lot of changing, deciding what you want in there, and let's try and find it. It's quite a good bit of control in here, I'm going to try and find it, speed this up, hang on, wait there. All right, I found it there, Chart Controls, so 65, that's my max value, 100. This data is, 38% of SMEs user co-working, bit of information there while we're doing this course. 

A couple of other things I want to adjust, one thing you might have run into is the font problems. If you've got that already, a couple of things you might do, is back under 'Essential Graphics', I forget, because I've already, you know, did this a while ago. This particular font is already on my machine. So what you can do is you can click on it, right click it, and say 'Sync Missing Font', click that, that is not always going to work, that only relies, that's only if the creator has used a font within the Adobe Fonts library, if it's not, it's not going to work. 

Another thing you might do is click over here, no man's land, go to, can't remember, type in "font", under 'Help'. On my Mac I can type a font, and it points to it, I love that about a Mac, don't think that appears on a PC, but anyway. 'Add Fonts', 'Replace Fonts in Projects', you might get away with this, you might be able to find it and say, actually, this one here, I'm going to replace, with something else that's on my machine, and all of that sometimes doesn't work. 

I've brought in templates where the creator has not made this editable, so it's not changeable, it's just one of the functions that the creator needs to enable. So let's do that, let's, I'm going to do a couple little things, I'm going to get rid of, I'm going to make my top text color white, because I want to get rid of the background color, background stripe color, I want to get rid of whatever that is, weird stripey color, go away. 

Background Opacity, yeah, I probably want the background, there's a gradient on it. I'm just going to make it dark, so I can see my white stuff over the top. Can you see what I'm doing there? Circle Gradient Color, green, Gradient, I don't want. There's quite a bit, this is pretty complex, really well done, whoever created this one. 

So this is kind of like a pre-made bit of infographic. The cool thing about it though, is that it does adjust, like that little slider on the outside, will adjust when I change this from-- where was it, again? So now if I crank it up, can you see, the number that I change here adjusts, both the number on the inside and the graph around here. So it's pretty amazing how far we can get, with just dragging it in and making the adjustments. 

Let's say that though, you do, like there's such a big problem, we need to change this font here, you can't live without it, client won't accept it, and you're like, "Oh, it's just not in here, why can't I change it?" I'm going to show you how to jump into After Effects and do it. This is not an After Effects course, it's just a, just a quick little whirlwind for those people who either, have some After Effects knowledge, or are prepared to like hack in there, and try and get it done, or if you are keen, I have got an After Effects course, specifically called Infographics, where we make stuff like this, but let's say we just want to jump in there. 

So we need to figure out where this file is, because it's actually sitting on our machine somewhere, we need to update it, we're not updating this, like template, that's inside of here, we're updating the single use, in this project. So I need to right click it, you need to make this bigger, so you can see it and right click it. Sometimes that doesn't work, let's 'Reveal in Finder', it'll take you to here, wherever you've saved your file. 

So this is my Co Working Projecty, I spelled that wrong, you will find inside of there, there's my project that I'm working on. There's this folder that Premiere Pro made for me when I drag that across, and inside it is that, a couple of different files, folders, that's the thing that got made, that's there. I can open that up in After Effects, so open up 'After Effects', mine's already open, go to 'File', 'Open Project', and find that. 

It's not going to update on the Timeline, the way that we're going to create it, we're going to create it into another motion graphics that is editable. So there's going to be a kind of a little bit of reworking here. So 'Motion Graphics Template', there you are. Open it up, it doesn't like it in the format that it's in. So we're going to go and call it, on my 'Desktop', let's just stick it here, called, yeah, that's fine. It's a fine name for me, it's going to update the version. 

Now After Effects can be a little bit, I don't know, daunting, it's probably the most daunting of them all, of Adobe World. So what you need to see is, 'Window', let's open up the 'Essential Graphics' panel, and that is what you'll be looking at, and this is what gets added, when the person creates this crazy animation. Lots of expressions, lots of things going on, but this is where they decide how much control you have. 

So in our case the creator of this thing called static-- was statistic, I keep calling static, Top Text, edit the properties, they haven't got this done, or at least when it came out, there was no option. Some of these original graphics were created when there was no time, well, the ability wasn't enabled for them, to create this, to turn it on. So I'm going to 'Enable Custom Font', they've already got custom font size there, and yeah, that looks for me. Now set that going, you can see, there's the font and the style. It's now going to be part of the Essential Graphics that come through on the other side. 

So what we do now is, I'm going to save this project, it's called Circle 01 converted, Desktop, Circle Chart01 is good for me. So I can come back to this and edit this kind of template again, that's not the thing you use, not that thing we just saved. What you're going to use in Premiere Pro is this thing, we're going to export our mogrt-- motion graphics template. Where are we going to put it? We can stick it on our drive, or just say, go straight into my folder for me, ready to use. 

Actually, before I do that I'll change it, so it's different from my other one. The Text Color, this one's going to have pink text to start with. Let's update our poster frame, so that we can recognize it compared to our other one. It needs to be saved, I can do that. So everything that's in here is going to be put into my local templates folder, save it. Now I can go inside Premiere Pro, and remember, this didn't update, you can go over there for a second, you can see, under my 'Essential Graphics', 'Browse', there's that new one we made. I can drag that on and go through my process of changing the statistic, changing the font, but now, look, oh, I can change the font, impact. We're having a terrible font-- client, they say, we now have to use Impact, it's not bad, but nobody really wants to start using Impact on a design job. 

All right, so that was using a kind of a pre-made infographic. It's great that we get given that control now in Premiere Pro, rather than relying on either someone else to create them in After Effects, and we drag them in. Now we can get some control in here, and if the control isn't there, you might, depending on your skills in After Effects, be able to go out, create a new motion graphics template, and turn on some of the features you want. 

You might turn some of them off to tidy it up, and really take ownership of it, and in this case we're going to have to update these colors every time. So back in After Effects, you might go and change all of those things before it comes here in Premiere Pro as a mogrt. All right, that is an infographic, pre-made in Premiere Pro.