Transcripts
1. Introduction: In this course, I'm
going to show you how to create a Mogul or our motion graphics
template file inside of Adobe After Effects. This is going to
allow you to create text animation presets
in Adobe After Effects. And then you can use these
presets in After Effects. Or you can use them
in Premiere Pro. If you're a YouTuber or you run a video production
company and you'll creating videos on
a regular basis. And you want a really quick
and easy but consistent look to your text animation, then this is a great option. So all you have to
do is just create the title animation inside
of Adobe After Effects once, export that as a target file, put that into Premier. And then every time you
use that in the future, you just drag and drop and
change the information. It's going to save you loads
of time in the long run. And of course as well,
if you are feeling entrepreneurial than
you could create your own pack of Mogul or motion graphic files and sell these as text animation preset packs. In this course, we're
talking all about creating our text animations or a maggot files inside of After Effects for After
Effects and Premier. But before we jump
into the course, let me please first
introduce myself. My name is Chris burka and I'm a full-time video creator
and video editor. And I use my target
files or motion graphics template files on a
very regular basis. In this course,
I'm going to walk you through the process, what to look out for and
what you need to do and not do in order to create
one of these files. So let's get into it.
2. What is a MOGRT File?: Now before we jump into
Adobe After Effects and start creating one of these
texts animation files. Let me first just clear
things up a little bit because the
insurer might have left you mildly confused. So moguls file or at motion
graphics template file, is basically a file created
inside of Adobe After Effects that allows you to edit more complex animations
in Premiere Pro. Now Premiere Pro is a really
good video editing program, and it does also offer
a lot in terms of text animation and motion
graphics animation. But the problem is it's not as advanced as Adobe After Effects. There's certain
things that will take you a lot longer in Premier or the certain things
that you just simply cannot do in Premiere, but you can do in
Adobe After Effects. With the Mogul file workflow, you create text animation
inside of Adobe. After Effects. You could create a title intro. You could create a lower third. You could create some asteroids. Whatever you want to
create you create that's inside of Adobe After Effects. Convert that into
a dot mogul file or a motion graphics
template file. And then you can import
that into Premier Pro. So it means you can edit
more complex animations. And it means once you've
created the template, you can just keep
reusing that template. And all you have to do is
change the information. So create it once and
then you've got access to that forever inside of
Adobe Premiere Pro. You can also import them into Adobe After Effects as well. But typically, people create
these two put into Premiere. We're going to break
this course down into, first of all, we're
going to create a text animation file. We're going to create
some texts and we'll do some basic animation on that. Then we'll get that imported into the essential
graphics panel. And then we'll export. And then we'll put that
into Premiere Pro, test it and play with
it inside of Premier. So let's begin creating our own motion graphics
template files or text animation template files inside of Adobe After Effects.
3. Creating and Animating a Title: The first step for creating
your motion graphic files or your mogul files inside of Adobe After Effects for Premiere
is to first of all, just begin by creating
a new composition. And then you just
wanted to go ahead and make sure that you set your preset and all of your settings here to the settings
that you are going for. In my example, I'm gonna
go for 1920 by 1080, and that is an aspect ratio
of 16 by nine or widescreen. And I'll just set the duration
to around ten seconds. Then we'll press OK. Now from here, the next
part of the process is to go ahead and
create your title. So we first just go into begin mike going
up to the T icon, will just zoom this out to fit. I'm just going to type out my first word or my first name. So I'm just going
to put my name, which is Chris Brooks. Then I'm just going
to pull the size of this damp using the
character window. And then I'll just place this in the sense of the composition. Now, I am going to use the proportional grid to
help me frame this up. Gonna pull the size of
the standard little bit more and just move
this into the middle. Now, we can go ahead
and create a new title. We got into the T icon and I'm just going to add
some subtext here. So I'll put video creator, own video creates a
will pull this down. So pull the size
of this down and we'll just drop this
underneath the name. So we've got a name and
we've got a subtitle. I've got two different
titles here. And if you wanted to, you could change the color
of this as well. But for now this is a
great starting point. We've got two different
texts layers. Of course, though at the
moment there is no animation, so we need to go
ahead and create the animation that we've actually got settings and
properties to control later on. So first of all, I'm going
to begin with the name. So I'm just going to
do a simple scale in. I'm going to go into transform. Go to scale, will go
across to around 2.5th, then creates a brand new
keyframe on the scale. Then we go over to the left, maybe five or six frames. Pull that up to 110. And then we'll go
back to the beginning and pull that down to 0. When we play this back, you
can see we get that bouncing. I'm going to convert
these keyframes from linear keyframes into
easy ease keyframes. You'll see why. You can see the animation
now it looks like it's got a little bit more
character before it was just suddenly starting
and then suddenly stopping. But now it's easing in
and out of each keyframe. Then I'll just go towards
the end of the composition. And okra, brown and
keyframe on the scale, go a few frames over to the rights and pull
that down to 0. As you can see, we
have animated in and then at the end
we are animating out. Now I just need to go ahead
and animate video creator n. And for ease, I'm just going to do an opacity effects here. So we'll go into the drop-down
arrow, go into transform. Then we just crab run a
keyframe on Opacity at 100%, will get back in time 2.5th
and pull that down to 0. And we will repeat the
process on the side as well. So on the ultra
will just fade out. I'm just going to pull those
back so that it fades out before the other
text scales out. This is our basic animation, really basic at the moment, but that is completely
fine for now because this is a great starting point. Of course, it's completely up to you if you wanted
to enhance this and take this to the next
level and add loads of different lines and motion
graphics into this. But I'm gonna keep it really
super simple for now. So now your next step
is to get this into the essential graphics
panel and convert all of these into adjustable settings that can be adjusted inside of
Adobe Premiere. That will be the next video.
4. Linking into Essential Graphics: Following on from
the previous video, you can see we have this
animation completed. Now we can just go
ahead and get this into the essential
graphics panel. By default, you won't see the essential graphics
panel in After Effects. You either need to change
the window up here. So you can go into an
Essential Graphics window. As you can see, this is the
essential graphics panel, so you can open that up. So you let the essential
graphics here. Or alternatively, if you're
just in the default window, you can activate the
essential graphics panel by going to window, scrolling down to
Essential Graphics and then just enabling
Essential Graphics. And as you can see
that is loaded up on the left of the frame. Essentially with the
essential graphics, we want to create a group. But before we can do that, we want to go ahead
and select which composition we
want to work with. So you can see this is comp one. So we'll just select comp one. Then I'm just going to
select Set Poster time. So I'm gonna hover over
halfway through the video so that we can see the
text and we will select Set Poster time. This is just our thumbnail. And then we'll go ahead and call this basic texts moguls file. There we go. From this point, we just want to go
ahead and split this animation into
different groups. So we've got our first text
and we've got a second texts. And we can also do a
global control as well. In order to do the
global control, get a nest everything
or precompute. But we'll come back
to that in a moment. Let's just focus on this
first text to the name. So we'll go down to the
bottom left corner of the essential graphics
panel and select Add Group. A group is basically
just a folder. And we'll rename this to name. You can call this text one. You could call this big text, large text, whatever you want. That's what you're
going to put in there. Now we'll go into the drop-down
arrow of the text layer. We'll go into the text layer. So we'll open this up. And as you can see,
you've got source texts. You want to right-click
on source text and select Add property to
Essential Graphics. Now in the essential graphics, you can see you've got this
menu here, edit properties. If you select Edit Properties, you want to go ahead and select enabled custom font selection, enable font size adjustments, and enabled faux styles. If you press okay on that, it allows the user of the
presets to change the font, the size of the fonts, and add a photo style. That's a fake bold, fake italic, or these
other options here. Now, you just want to go ahead and control your other settings. So we'll go down to here
in the transform tab. You can have anchor points. So add this to the
essential graphics. Then we'll go to position, will add this to
Essential Graphics. And if I tried to add scale
to essential graphics, we're going to get
this warning and say because this is key framed, the key frames will
be ignored and this means we lose
our animation. So when I put this
into Premiere, the animation won't be there, so we'll undo that. And instead, I'm gonna
go ahead and add another round of
scale on top of this. We'll go into Animate and
we'll go down into scale. Now you'll see
you've got animator want Range Selector scale. If I add this scale, the one without the
keyframe animation, we add that property
to essential graphics. We can now control the scale, but the beauty of that
is it's not going to affect the animation down here. So I can just adjust
the scale like this. So now that we've
added the scale, we can carry on
down in transform, we can go into rotation, will right-click on that, select Add property to
Essential Graphics. And we'll go down into opacity and we'll do
the same thing again. Now as you can see, we've got CRISPR transform anchor points, Chris Broca, transform position. So if you wanted
to clean all this up that you can just click on the names and you can delete any information which
is not relevant. Says you can see
I'm getting rid of this title here and just
having anchor point, position, scale,
rotation, and opacity. So that means when
you're using this as a presets in Premier, or if you plan on selling
this as a preset pack, then everything is nice
and easy to understand. So far we've got the
fonts so we can change the fonts and we can change what the word is actually saying. So this doesn't
have to be My name, this could be
somebody else's name. So we can add that in there. That will update. As you can say. Then of course
we can change the fonts, we can change the
weights of the fonts. We can add some faux styles. And of course we've
added the ability to adjust the position, the scale, and the
rotation and opacity. However, at the moment, we
can't control the color. If you wanted to
change the color, we would have to add an
effect onto the text and add that effect into the
Essential Graphics window. There's multiple
different ways of changing the color button. Just gonna do the
most simple way. And that has to go
into change to color. Drop that onto the text. You can see up here you've
got from white to white. You want to change the
two to a different color. So let's go for
reading this example. And we want to change the
change option from hue, hue, lightness and saturation. Of course, if you
started off with black text or blue text and
you want to change the color, then you want to make
sure that the from is that specific color, but it's wise in this example. So a change you get
from the whites that we started with
into this custom color. Then we can go down into the
effects window down here. That changed the color, will go on the two and we'll
add property to graphics. Then we can just
rename this to color. When we change the color
of this in this window, it should change the color of
the text like it has done. Of course, there's a
few other settings that we can add in as well. So if we go into animates, then we can add some tracking. And tracking is essentially just the spacing
between each character. If I increase the
tracking amount, you can see that's going
to add the spacing them. If we wanted to give you that flexibility to adjust
that's in the template, then you just add
trucking amount to the essential graphics. You can just rename that
to, to tracking amount. At the moment, you can say if I open up or close that folder, nothing is happening
and that's because everything is not in the folder. We just need to drag this up, move everything up
into that folder. And this means that when
we collapse the folder, we've got to have this nice and organized on the left over here. If I close this down,
everything disappears. But now we can move
on to the next text. So we can just go ahead
and add another group. And we'll just call
this subtitle. And again, we can do
the exact same process. So if we go into the
video, creates a layer, we'll open this up, go into
text at the source text. And because I've already enabled all of these
settings here, you'll see all of these settings circulates and populate up here. Then we can carry on and we
can add our anchor point, position, scale, and rotation. I'm highlighting
all of those that I can bulk at those in like this. You can see opacity has got keyframe
animation applied to it. So I'm going to have to add, I pass it in over here, and then I'll add that opacity
to the essential graphics. Then if we look up
here for reference, you can see we've just got
color and tracking amount. So again, we can go
to change the color, drop this onto this text. Would do the same thing,
will go from white to go for a blue this time. Then we want to
change the change to hue, lightness and saturation. We got into effects, change the color
and we'll add the two to the property
Essential Graphics. And we'll just rename
that to color. Then we'll just work
our way up and just clean all these up as well so that we can clearly
see what we're working with. And the one thing
with missing on this one versus this one
is just the tracking. So we can add tracking in
from the animates hub, right-click Add property
to Essential Graphics. And that is everything
now enabled. So we can just drag these
into that subtitle folder. As you can see now, we can adjust both texts
layers individually. However, if you
wanted to control everything in a global control, how would you do that? Well, first of all, you want to pre-compose your sequence. So if we right-click or select everything
in the sequence, we can either drag
and select everything that way or we can
select command or control if you're on Windows and then we right-click
and select pre-compose. You can rename this if you like, but I'm just going to keep
as pre-comp one for now. And now, we can just
go ahead and add all of these settings
in transform, position, scale,
rotation, opacity. We can add those into
a global folder. And that means we can control everything at the same time. In add formatting
will go to Add Group. We'll call this global. In the global folder, we
want to add anchor points, position, scale,
rotation, opacity. Again, we're just clean
these up so we'll get rid of all the information that we
don't need at the beginning. So we'll just have anchor point, position, scale,
rotation opacity. So it's all really clean. Of course, it's about what
you're going through. This process. Makes sure you're
testing each setting. Once you've added it in and
once you've cleaned it up, just go ahead and just
double-check that it's working. As you can see, if I go
into the precomp one, you can say this is why
we originally started. If I adjust the position
on one of these layers, you can see that is working. If we go to rotation
that is working, go to opacity and play with the slider that
he's now working. And they just walked
through every single property here and make sure everything is
working and it's functional. Let me go ahead and create a new layer to show you
what I'm talking about. So we'll go layer new solid
will make this a black solid. Press okay on this. And then in the
effects will go in to wave, will search for wave. You can see we've
got audio waveform, radio waves that stop audio waveform onto
the black solid. And essentially this is
just going to create an audio waveform when we
drop an audio file in. If I just drop an audio file in. So as you can see, I've
dropped this audio file and I'm not going to play this because I don't want to get
in trouble for copyrights. But as you can see, if I go into the black
solid and I changed the source appear
to the music layer. You can see that he's going
to create this animation. However, when I go into
effects on that layer, into the audio waveform, you can see if I try and change audio layer and add this to
the essential graphics panel, it says After Effects
warning property type is not yet supported for using the
essential graphics panel. Even though I can add the
start point and the endpoint, the samples, the
thickness, the softness. Even though I can add all
of these in, unfortunately, I can't add this
audio layer option in because it's not yet enabled
and it doesn't quite work. Unfortunately,
every now and then you will run into this problem. There will be certain
effects that won't work. So you have to find a way of working around
those problems. But most Effects, I'd probably
say 80% of the effects and 80% of the options
in After Effects are going to work with the
essential graphics panel. Now that brings me on to
the points of exports. In the next video,
I'm going to show you how you export this and get this into an actual emoji RTF file or a mogul file into
Adobe Premiere Pro.
5. Export into a .MOGRT file: This part of the course, I'm
going to show you how to export your files from the essential graphics
panel and turn that into an actual amalgam file that
you can import into Premiere. Now you'll notice I'm using a slightly different texts templates and then he's because unfortunately After
Effects crashed before, before I had a chance
to save the project. But everything is
exactly the same. You can see I've got all
the folders labeled and everything is perfectly
organized inside those folders. In order to export this,
you want to just make sure that the name is changed. You want to make sure that
the composition is set. You want to make sure
that these poster time, well, the thumbnail is set
to what you want it to. And then you can just go to Export motion
graphics templates. After Effects will ask
you to save the projects, and that's exactly
what it's going to do. Then you will be
given this option. So you can see you've
got destination. So you can go ahead and
change this if you want. And then of course
you can change the name of this as well. So let's call this Test. Then you've got compatibility. So you've got a
few options here. The first one is warmer if there's motion graphics template uses fonts that are not
available from Adobe fonts. So if you're using this template when you're
not connected to the Internet and you're using an Adobe fonts that requires
an Internet connection, then unfortunately it will
just change the font for you. The next one is warming of After Effects needs to be installed in order to customize this
motion graphics templates. If you have a few options
inside of your template, you have a few effects that
are After Effects specific, they won't walk in Premiere. Then you might want
to select this. And then you've got
warmer if there are any texts controls that
cannot be with edited, that cannot be edited with
the Premier Pro Type Tool. Sorry if there's
any texts issues and it wouldn't work in Premier, you just select this. But I generally keep the
first and the third selected. And then we press OK. It's just going to
verify the fonts from Adobe and then that will export. And if we check the
desktop quickly, you will notice test dot
mortgage is sitting right there. Now in the next video, I'm gonna show you how to take that and put that into
Adobe Premiere Pro.
6. Importing and Testing in Premiere Pro: So we're inside of
Adobe Premiere Pro, and as you can see, we've just got a
brand new projects. We haven't even got a
sequence creates E-jet. So I'm just going to go
and create a new sequence. So we'll go file new sequence. I'm just going to use
one of these presets that I've got created. But if you look over
to the settings, you can say 25
frames per second. Frame size of 1920 by
1080 square pixels, and then everything
else is fine. I will just rename this to test. In order to import that
motion graphics file, we want to change
the graphics window. If you sell it,
that it will load up the motion graphics window. However, though unfortunately,
nothing has happened. Unfortunately this does happen. So generally what I do is I just go to the
editing window. I go to Window a payer, and then I select
Essential Graphics there, and that should pop
up in a separate tab. Now when you first
open up this window, you'll find loads of
different templates that are installed
from Premier Pro. But personally I was
never using them, so I just deleted them out of my essential graphics panel. But if you're going into
this for the first time, you'll probably see anywhere between 30 to 50
different templates here. But to import your template, you just wanted to go
into the bottom right. You can see this rectangle
with this plus select that. And then you just want
to navigate through to your desktop or wherever
you've exported this to. As you can see, test dot moda is there that has been imported. In order to edit that, you can just drag this onto
your sequence like this. And you'll see a
media offline screen just walked, it's loading up. And then if we play this
using the space bar, you can see that animation is now inside of
Adobe Premiere Pro, so they see
successfully installed. However, before you do start using this or before you put this onto the
internet and cell, this is a text template. I would just go into every single folder and
adjust every single setting. In the multiple controls
or the global controls. Just make sure that the
position works on both axes. Make sure that the scale works, make sure they were
rotation is working, adjust the opacity and
then change this text. Change the position, and just go through all of
these menus to make sure everything is working if you do happen to find any
issues along the way. So maybe they scale option
here isn't affecting anything. Then you can go back into
Adobe After Effects. You can go back into
why that problem was. If it was in this text layer, you can just delete that scale, go back into the shape layer, go back into the text, and then re-add that scale, and then just make sure it
works inside of After Effects. And then once that does work, I want you to know it works
in here by testing it. Then you can just drop that
back into the Export window. So we'll export this again. Then you delete
this template from Premiere and re-import
that back into Premier, and you should find the
issue has been fixed. So just make sure you go
through each and every option to make sure that there are no problems whatsoever.
7. Outro: There you go. At
this moment in time, you should feel pretty
comfortable creating a fairly simple text animation
preset or at mogul file. Now there are some
complexities and there are some difficulties when
creating MOG up files, especially when
you're working with more complex texts animation. So if you have any questions, then please do send
me a message or write a comment and I promise
I will get back to you. Or if you have created your own Mogul files and
you wanted to share those, then please do
consider uploading those to the student's
project section. And of course, if you are
interested in learning more about video production
and video editing, and please do check out
some of my other courses. I have loads of courses
available at this point. So consider checking
one of those out. But if not, then thank you ever so much for your
support on this one. And hopefully I will see you on a future course. See you there.
Chris Brooker, Filmmaker & YouTuber
