So one of my biggest pet peeves about the essential graphics panel
is that all of the mogrts that are organized
inside the essential graphics panel has a different look.
Some of them are animated.
Some of them don't have a preview and some of them just have a still photo.
And why is that?
And what if I told you that you could change it
so all of them could have this animated preview?
That's what I'm going to show you how to do in today's video.
Hey, everyone, Kelsey here, and welcome back to Gal.
If you're new to the Premiere Gal Channel, I post weekly video editing tips, motion
design and sound effects tutorials to help you become a better video creator.
So if you're new here, consider
subscribing for some more tips and hitting that notification below.
And in this tutorial, I'm going to show you how to open up a motion
graphics template and replace the preview file with an animated video.
So that way in the essential graphics panel,
when you preview it, you can see what it looks like.
You can see here that this mogrt has a preview you can see.
Happy holidays. This one doesn't have a preview.
These ones are completely blank.
I think this one's animated here, the search bar.
But none of them are consistent, right?
And these ones have a different aspect ratio.
So what the heck is going on?
What the hell is going on here?
You know, the
essential graphics panel is constantly evolving,
so there may have been older mogrts from the past
that you've imported that maybe had a different way of being built in.
That's why they have this different structure and a different look.
But there is a way to update them, and I'm hoping that if Adobe is watching this,
they will see what I'm doing and hopefully it'll be an automatic thing
that will be able to do an after effects.
The actual mogrt that I'm using is from Envato Elements.
I downloaded this giant typography pack, but when you imported into these central
graphics panel, all of the previews are just a still image.
But what if we can make this a movie file?
So here is the full pack.
There's like over 100 mogrts in this pack.
I'm going to show you how to update one of the preview images here.
So to set an example, what I've done is I've actually dissected
an Adobe Stock mogrt which has the animation built in.
So to see what's inside of the mogrt we can replace the mogrt extension
with .Zip and double click to open it up.
And essentially this uncompressed the mogrt and shows you what's inside.
So there's this JSON, which just has a bunch of script.
You can ignore that
there's also the AE graphic file, which is an uncompressed mogrt.
And then there is this thumbnail video that's in here.
If you press command I, you can see what the file size is and the dimensions.
So it's 700 by 394.
So this is the little preview movie file
that Adobe creatively put into the mogrt
which we can make ourselves in after effects the same way.
There's also the thumbnail preview as well,
and you can see by pressing command I that it is 500 by 281.
If we dissect one of the Envato typography packs,
what we can do is see that there is a difference.
So again, put .zip use .zip double click to uncompressed it?
And here there's just one thumbnail image.
So what we're going to do is basically take this thumb .mp4
and this PNG and create it
for this envato typography.
In the way we're going to do
that is by opening up the mogrt inside of after effects.
So to do that, we're going to go into after effects.
And by the way, in the latest version of After Effects,
you can now open mogrt files to open up a mogrt file.
You're just going to go to file open project.
I'm going to open up typography 99 and press open,
and we can just
extract it and save it into and after effects project file.
So now the mogrt file is opened up, and now we need to export that preview file.
So to do that, what we're going to do is just change
the frame size of this composition.
So click on this hamburger menu and go to composition settings.
And here we can change the width
and the height of the sequence.
I'm going to change it to that mp4 for preview.
It's 700 by 394.
So just hit OK.
And then what we can do is we can update the scene width.
To fit inside of this new frame.
So now, if we fit this, we now have a preview
of what this looks like and we can then
pull the play head to ten seconds here
and we can move the work area just to ten seconds.
So then we can export this as an MP4 file
so he can go up to file export
and we can add it to Adobe Media Encoder because then we can export it as a dot
and before.
So here I will just go in and match source high bit rate
and I'll save it to that extracted folder that we have here
now. And call it Thumb
And save that.
In all this is going to do
is generate that MP for a preview file for us
and essentially it'll replace that thumbnail that we had before.
So while this is going on,
we can then make that preview image in that aspect ratio as well.
So again, this thumb was 500 by 281.
So again, we can go into the hamburger menu here,
composition settings and update the resolution.
So now this resolution is the exact size of that thumbnail and hit OK,
and then we can fit it to frame,
and we can also update the scene resolution of this moment.
As well.
If you don't have these controls here,
remember you can use the scale and position controls
inside of your competition to scale everything down.
And then from here, I'm not going to export the same way
I'm going to go up to composition, save frame as file,
and I'm going to save this inside of my media folder
inside of that unzipped mogrt that we have here
and I'm going to call it thumb and essentially replace this thumbnail.
It's going to call it thumb
save.
And instead of Photoshop, I'm going to click on Photoshop
and change it to PNG sequence and hit, OK.
So now here is our new thumbnail, and here is the preview
that you will see inside of the central graphics panel and Premiere Pro.
So I'm going to delete this old thumbnail, which doesn't look very good.
It's confusing.
Let's go ahead and just drag that into the trash.
Great.
And I will just change this to thumb.
So then how from here do we get this back into a Mogrt file?
All we need to do is select all of these files together, so
hold shift and click the last file here.
Right click and compress it.
And now this is a new file called archive.
From here, we can change the extension to .mogrt
and it will still use typography
underscore 99 when you import this archive mogrt in essential graphics.
But just for clarity, we can just recall it this exact same name.
So now this is the new Mogrt with this new preview,
so let me show you how it works.
So now back in Premiere Pro, we can then
take this mogrt file and drag and drop it into our essential
graphics panel here if I search for typography.
99. Look at this.
Now we have this preview and we can easily see what's going on.
So in an ideal world, I would love to go through all of my mogrts
and do this exact same process.
But it is tedious for a person purchasing the packs to have to do this.
So if you are a motion designer and you sell mogrt packs,
do this to all of your mogrts.
So the people that are using your motor, it's a they're going to be happy and it's
going to be easier to identify everything inside the essential graphics panel.
And this is a call on Adobe.
They should make this process automatic.
So when you go into after effects and you make these changes
and you're ready as a designer to export your motion graphics template
to save it in your own, you know, local templates folder,
there should be options here for us to export
the .mp4 in the right resolution and the thumbnail image all in one.
So after you hit, OK, you don't have to do anything afterwards.
As I mentioned in the beginning,
Envato Elements is my go to source for motion graphics templates.
It enables me as a video editor to find all these great animations
that will then make it easier for me to complete my edit on time
because I'm not going to go in and design all of the animation.
I need to be able to go in and find a lower third.
A new logo reveal.
And they have everything that I'm looking for
and then I can download it and keep it forever.
So go check it out.
Use my link below
to get 70% off your first month and let me know if you have any questions.
So that's all for this video.
Give it a thumbs up if you want Adobe to include this MP4
in the preview files going forward to that way, it is consistent.
And if you
want any other hack videos like this, be sure to give it a big thumbs up.
That's all for today's video and as always,
keep creating better video with Gal.
See you next time. Bye.