Realistic basic Making text animation: mask and track matte
Hello this is Jiwon Choi
In this lecture, we will talk about creating text animation
masks and track mattes
First, let's start with today's learning content
Create an effect where text layers appear sequentially
Through this, in After Effects
Let's understand the concept of mask and track matte
Secondly, we will practice applying a gradient effect to text
Let's learn about Gradient Ramp Effect with Keyframes
and Luma Inverted Matte settings
The concept of mask and track matte
First, let's learn about masks
Masks are a representative use case of layers
This is a function that reveals only a portion of a layer
or hides certain parts
It is often used in image compositing and animation
You can think of it as a very core function
We're going to practice the mask function later
Before we start practicing it
I think it would be good to go in and find out the properties of the mask path
What is mask path, feather, opacity, expansion?
It has these four functions:
Mask path is to set the shape of the mask path
And you can create keyframes
It is a function usefel to animate the
shape change of the mask
Mask path that sets the shape
Next mask feather
What is a feather?
This adjusts the softness of the mask path border
Are the edges sharp or soft?
You can think of it as adjusting that level
As you can guess, the higher the value,
The smoother the edges
So, 'please increase the feather value a bit '
means, "Please soften the edges a bit "
The third, opacity
This is not just for masks
It is equipped with the transformation function of all layers
This indicates the degree of transparency and is also used a lot
You can adjust the transparency of the mask
100 is the most opaque
As it gets closer to 0, it disappears
You can understand it that way
Lastly, there is the mask extension property of the mask path
Mask extension extends the mask path area
It acts as a zoom in or zoom out function
So, if the mask path that was drawn in advance
is too small, you can just enlarge it
If it's big, you can make it smaller
Like this, the shape of the mask and the edge value
And the transparency of the mask itself, the size of the mask
By adjusting these four functions in detail,
You can design a mask
Please understand that it has such a function
So, let's take a look at the shortcut keys
If you press M on the mask shortcut key,
The selected layer in the timeline panel's
mask path options will expand
Then, the second F, you could guess a little bit
F is a shortcut to expand the mask feather options
M,M This is to unfolded all the options
related to the mask at once
Shift + Alt + M This is for the keyframe creation
in mask path option
As you can guess, the shape of the mask is also
You can probably guess that we can incorporate the concept of speed
Secondly, we will look at the concept of track matte
It's very similar to a mask
Track mattes are organized with Alpha Matte
and Luma Matte
The matte has a similar function to a mask
They make only part of the screen visible
or cover a part
If you watch commercial videos carefully,
I think you can imagine it a little bit
Among the many motions
Because it is very common to see mattes being used
I hope you take a look
Matte has this meaning of tracking
What does tracking mean?
Track a certain value and adjust only that value
You can think of it as a word with this kind of feeling
Connect two layers or
You can apply the matte properties of a layer to another layer
This concept is a bit applied
It means that it can be applied
by connecting the track matte to two layers
You will understand this as soon as you try it out
Next is Alpha Matte
Alpha matte is, by dragging the Track matte pick whip
When you connect the layer that will track the matte,
Alpha matte is applied, it says here
Only the alpha channel area of ​​the layer to be used as a matte is displayed
Please be aware of this content as well
You will understand it all when you practice
Next, there is something called the Alpha Inversion Matte
Alpha Inversion Matte is the reverse effect of the previously mentioned Alpha Matte
So the transparent parts and opaque parts
appear reversed
This feature only displays the opposite area of
the Alpha channel of the layer to be used as a matte
Next, there is Luma Matte
Luma is an abbreviation for Luminance
It indicates the brightness of the image
The results will vary depending on the brightness of the layer you use as a matte
Brightness is important
It only appears in the bright areas of the layer you want to use as a matte
It says brightness, brightness, brightness
This is luma matte where brightness is very important
Next, guess what the Luma inverted matte is?
It is written in English as Luma Inverted Matte
Only the dark areas of the layer to be mated are displayed
If you think about it as a reversal, it'll be easier to understand
So we've learned about the concepts related to masks and track mattes
Based on this concept
Let's try a practical application
Mask and track matte practice
If you look at the practice screen, let's see the track matte completed
the track matte completed, the second composition
Let's move the indicator forward and play it
The Happy New Year message
appears with this animation
Let's try this effect
Please open the fifth composition file
I wrote it like this in advance
I wrote some text, this text layer
And you can see that there is a solid layer
How to create a text layer
Right click in the timeline panel
If you create a new one and click on the text, a cursor will appear
You can write it like this
The second way is to click on the text in the toolbar
You can write it like this by dragging it
I already wrote it so I did Ctrl + Z
I'm going to copy the text that's written
I'm going to duplicate it to create movement
With the Happy New Year text layer selected
press Ctrl + D
If you press once and press twice, three layers will appear like this
We're going to put the mask on top of these three layers
Select the bottommost layer
Select the rectangle tool from the tool bar above
and drag it like this to the Happy section
Then the Happy part will be masked on the lowest layer
You can see the mask on the timeline
And I'll try the second one too
After selecting the middle layer
Drag the New section in the middle with the rectangle tool
Then the second mask will be put on too
Finally, click on the source at the top
Select the rectangle tool
This time, it is the Year section at the very bottom
Please select here
This will create 3 masks
The process of doing this is
This is to separate the masks by row
So, let's start from the top
For Year and New, we will turn off the eyes
If you close the eyes, they will be temporarily hidden and you will not be able to see them
Then we have the third source
I'm going to try it with Happy
What is important here is
I will work on this Happy
Click the cursor on an empty space
in the timeline so that nothing is selected
Then no source is selected
On top of this, select the rectangle shape from the tool bar
Please drag it like this and hide it
Now let's break this shape layer down to make it easier to distinguish
I'll change the name to box 1
You can change the name like this
Are you following well so far?
So, what we're working on is number 4
Open layer 4, Happy New Year
I'm going to change the location value a bit
Go to Transform
The indicator is now at zero
Please click on the position
So now you have a rhombus shape
Here, let's just change the Y value once
Please change the Y value to 660
Then go for about 20 frames
I will only change the Y value to 410
Because it has to be hidden
Let's change it to 376
Take the motion indicator to the zero point
If you press the space bar
It should fit inside the rectangular box and be invisible
We made it like this
If you made it like this, this layer
This Happy layer
If you look next to this layer, you'll see a track matte
Here it says No Matte now
I made this box 1 earlier
I'll put it in box 1
You can put it in like this
And I'll press the space bar once
If you press it, Happy will go up
So now Box 1 and Happy are connected
Then I guess I should give animation to the remaining two as well
Next, it would be good to try the middle one
Let's try the middle one
I'll open the eyes If you open the eyes, you can see now
The word New is written there
Again, to have no layer selected
Please press another place once
Drag a rectangular layer over it to hide it
If you hide it, a shape layer 1 will appear on the timeline
I'll change the name as well
I'll change it to box 2 You can just change it to box 2
Then now New Layer
You can't see it now because it's covered by a box
Let's change the position value by pressing the transform button in the same way
What do you change the position value to?
I'm just going to change the Y value
With the indicator at 0
I'm going to change the Y value in the position value
What I'm going to change it to is 195
Change it to 195 and do the same as before
Please move the indicator to frame 20
Here we will now change the Y value to 410
I'll move it to 385 so that it doesn't stick out
So what's left to do?
Now the track matte, from No Matte
You can change it to the newly created box 2
Let's take a look
The position value is not assigned
I'll check the position value again
First, set it to No Matte
I set the position value to box 1 195
I changed it to 410 here
If that happens, it overlaps like this
If you set a value but the motion does not come out properly,
You can open it and check it like this
Because the position value wasn't assigned earlier
I made it by moving the indicator again
I set the rhombus
Okay, you can make it like this
Since it's slightly cut off now, I changed the position value to 392
We're almost there, we did 2
I'll turn the eyes on the last third one There's still year left
How did you do it?
Please click on a blank space in the timeline panel
If you draw a rectangle on the Year section, a box will appear
I'll rename the box to Box 3
Please change it to box 3
Please check the mask in the Year section
Now again the position values ​​in Transform
I will definitely change it right this time
A rhombus appeared
If you see a rhombus, you would change the value
What will you change it to?
I'll just change the Y value again Just change the Y value to 186
I'll just change the Y value to 0 when it reaches 20 frames
The rhombus is still right there
From 186 to 0
Please change it like this
You can change the matte to box 3
Where did it go? I changed it to box 3
Let me check again
Year This guy shouldn't have existed in the first place
Let's reverse the position
In frame 20, it should appear below this
So I changed the Y value to 388
Because at first it must be covered with box 3
I changed to 189
So if the value you thought of turns out to be imperfect
You can change the value by checking it
Let me tell you again, the zero point
The location is Y 189 and then
The position of frame 20 is Y value 388
You can change it like this
Then let's play it once
From nothing visible
The words “Happy New Year” will appear like this
If you've followed along this far
Let's take a look at some other features as well
I'm going to create a solid layer behind it
I'm going to create a solid layer
First of all, the solid setting is Ctrl + Y
Press Ctrl + Y and from there
Let's make a solid layer with the color FFFFFF
White
I'll change the name and erase the black one
Let's change it to ramp like this
Here we will now apply an effect
If you look on the right, you will see Effects & Presets
Let's search for gradient ramp here
If you search gradient ramp, one will appear
I'm going to drag this effect and put it on this ramp
Then what happens?
The screen changes
So let's take a look to see what effect this ramp has
When you apply an effect in the Effects Control panel,
It will appear in the upper left corner
That's why you can see it here
Here you can see the effects
There is ramp shape
If you choose the second option here,
You can see a slightly different effect
There is Start of Ramp and Start Color
There is End of Ramp and End Color
This is about choosing how to change the motion
from the starting point and the ending point
So let's take a look at the timeline panel
It also appears in the timeline panel
First, Start of Ramp
Please apply one
Because we're going to go up to 20
I'll reduce the Y value like this
Drag the Y value to the right
I'll add some
496 You can make it like this
Then, according to the motion of the letters like this
You can also change the background
First, by utilizing text
If you have ever created an animation using a track matte
Now I have the completed thief-finding mask
Let's try making an animation with a mask
Let's try playing it Press the space bar
Detective, looking for a thief in the dark
Found them but got lost in a maze
The story of a thief who never gets caught
To help you have fun
I tried making this simple story
Using mask keyframes like this
You can also try to make a simple story
So not only text animation
you can create animations using characters like this
I made it like this because I wanted you to see it
Also, this example in particular has sound
When writing a story
If you work with sound, your work will be faster
It becomes easier to create stories
If you put motion to match that sound source,
you can create animations
that are much more realistic and immersive
I recommend that you always work with a sound source
As you might have guessed, where a mask is used is
the background part
Behind the dark monochrome is this background
Using this background part and the solid color part,
This is how light is expressed, space is expressed
And it can be expressed in animation
So we'll keep it simple
I don't know if we'll be able to finish this story, but
But still, we'll try to understand the principle
Let's start practicing this lighting-like expression
Now go to the fourth composition
I brought a detective
I brought a detective, a color background, and a black background
Here, in the project panel
Please also bring the music called Spy Swing
I'll bring the thief too
Please put the thief at the very bottom
First of all, I will be working in the order of
detective, color background, black
You can think of it that way
First, I need to try making a flashlight shine in the dark
How to make it
There's a color background, right?
Please click on this color background once
We're going to create this with this color background layer selected
If we were only using rectangular shape layers before
This time, from the toolbar
After creating the shape layer
Here I'm going to draw an ellipse
So please click on the oval, the third one
Please draw it like this in an appropriate size on top of this
The moment you draw
A mask was created on the color background layer
A mask was created
Here, if it's an oval shape, it's a little bit
Because the shape of the light is not expressed
We're going to press the pen tool here Press the pen tool
Convert Vertex Tool in Pen Tool
Please press the third pen tool
I'm going to try to move the point like this a little bit
If you pull the cursor like this, it will become narrower
If you pull it outwards, it gets wider
I just adjusted the angle a little bit and made it like this
I'll try to give it a bit of a light-gathering feel
If you do it like this, the outside should be a little blunt
So I'm going to drag it outward a little bit
This should be enough
This kind of delicate work is also required
Please do this and to make it slightly diagonal
Please adjust the shape and size of this mask a bit more
Please give it some rotation too
You can do it all in transform
Please slightly increase the Y value and slightly increase the X value for the location value
You can do it like this
I won't show you the exact values ​​because
If you see it with your own eyes and make it like this, that's good enough
Something a little bit more important is the mask feather
The more mask feather values ​​you give,the better
It would be nice to have that spreading feeling
So actually the feather value is very important in expressing light
So right click
To get a good feel of the spread, adjust it like this
This way, you can utilize the mask
to shape light in the darkness
Now you can make it by changing the value of feather
Did you follow along well? I think I went a little too fast
Well then, let me play the audio here
I think I need to create a frame here
I want this detective with this light to keep going forward
so that it feels like he's looking for something until the 5 second mark
We learned about keyframes, right? Let's try it with keyframes
Detective and the colored background at the same time
Please click while holding down Ctrl
Transform will appear Click on transform
I'm going to change the location values ​​simultaneously
Please give it the position value and this one was also taken together
This location is now assigned to the position value
It will move a little bit until 4.5 seconds
I'll reduce the X value together, but what should I do with the Y value?
I'll shorten it and move in a diagonal direction
So if you drag it like this, you can go in a straight line
'Straight lines are a bit boring', then
You can just take a point in the middle
Somewhere in the middle
Please move the position value, the X-axis like this
and move the Y axis just a little bit
Put the indicator in at about 4.5 seconds
Here, please go one more time along the X axis
The Y-axis also, go up further
Using keyframes like this
I took 3 key frames like this
Well then, let me play it again to see how it goes
Not boring, not too straight
It went up nicely like this in a curve
Here, according to the time
I feel like
I think it would be fun if the value of the mask spreads out a bit
So, let's try to change the mask value a little bit
I think that would be good
Please mark the scale value of the color background at zero point
Now instead of Transform, in Mask
I'll give it some Mask Expansion like this
It's getting bigger and bigger Mask Expansion is expanding the mask
As it grows, I will also give it more feather value Feather value is at 0
This is the default value, but I'll give it more feather value here
It expands more and more, and at the end, please take one more shot
With the sound, I'll give it much Mask Expansion
I'll give it a little more mask feather too
Then the flashlight light expands into a light for the whole space
Remember this motion and let's watch it from the beginning
Like this, smoothly, following the sound source
the shape and size of the light and the feather value can be adjusted
I've managed to create a natural motion Let's take a look again
In this way, character animation also
Using the mask like this
Creating natural light motion
That's what we should take from this
I hope you understand that
In this lecture
we created an effect in which text layers appear sequentially
and created a gradient effect on the text
Not only pictures or photos, but also title sequence in
in intros and outros
are being treated as an important independent genre
I think you could think this lecture as a time to learn
the basics of text animation
Then, let's wrap up by summarizing what we learned this time
Thank you
Understanding Mask
Mask: A representative use of layers, often used for image composition and animation
Ability to reveal or hide only certain parts of a layer
Mask properties
Mask Path: Set the shape and create keyframes, making it easy to animate the shape changes of the mask
Mask Feather: Controls the softness of the mask pass border
Mask Opacity: Controls the transparency of the mask
Mask Expansion: Enlarge or reduce the mask path area
Understanding Track Mattes
Track mattes: classified into alpha mattes and luma mattes
A matte has a similar function to a mask, allowing you to show only part of the screen or hide part of it
Connect two layers or apply the matte properties of a layer to another layer
Alpha Matte: Drag the Track matte pick whip to connect the layer you want to track the matte on
Only the alpha channel area of ​​the layer to be used as a matte is displayed
Luma Matte: Luma is an abbreviation for Luminance and indicates the brightness of an image
The results will vary depending on the brightness of the layer you use as a matte
Only visible in the bright areas of the layer to be matted