Hey, welcome back to my new video. This is
EZ tutorials, and for those of you who are
the first time in this channel, please consider
subscribing. Today we'll be creating this:
Before we start, I'd like to invite you to
support me on Patreon. You can also get access
to all my premium content.
In this tutorial will be using the EZ Tools
script, which is free to download. You can
also download this lower third template. Both
links are in the description. So let's start.
Import your logo into After Effects.
Create a new composition and name it: lower
third. I'm using a FULL HD 1080 pixels preset,
with 30 frames per second, and 5 seconds long.
Create a new null object.
Make it invisible.
And rename it: controller.
Search for color control, and apply it to
your layer.
Rename this controller: color 1.
Then, duplicate it 2 times.
Pick some nice colors for color 1 and 2.
And a very light gray color for this one.
You can find in the description the link of
this color palette, if you want to use it.
Click here to lock this effect controls panel.
Create a new shape layer, and rename it: background.
Click add, and select rectangle.
Click again add, and select fill.
Precompose this shape layer, and name the
new composition: background.
Open it.
Toggle down the options, click on contents
and open the fill.
Alt-click on the color stopwatch, grab this
pick whip, and parent it to the color 1 controller
Click on rectangle path 1, unlink the size
values, and change them to 750
and 150.
Also, change the roundness to 75.
Unselect this layer, grab the rectangle tool,
and draw a shape like this.
Change its anchor point position to middle
bottom.
Open the position options, and change the
values to 960
and 555.
Apply the fill effect to it,
click on effects, fill, then alt-click the
color stopwatch, and parent it to color 3.
Select the background layer and duplicate
it.
Bring the new layer on top.
Then, change the shape layer 1 track matte
to: alpha matte.
Go back to your lower third composition,
select the Horizontal Type Tool, and start
writing your first text. I am using the Bebas
Neue font, which is free to download, with
63 pixels size.
Move the text anchor point to the middle left,
and make sure that the paragraph it's aligned
to the left, this way it will be easier to
change your texts later.
Open the position and change its values to
740,
and 510.
Apply the fill effect to your text layer.
Click on effects, fill, and parent this color
to the color 1 controller.
Duplicate the text layer.
Open the position options, and change the
y value to 577.
Double click the display button, to reveal
all the properties with changes.
Grab the color pick whip, and parent it to
color 3.
Decrease the font size, then, double-click
the layer and change the text with your second
tagline.
Just for an easier organization, change the
text layers names to: main text,
and secondary text.
You can also make the main text bold, to make
it more visible.
Create a new shape layer, and rename it shape
1.
Add a rectangle, and a fill to it.
Parent its fill color to color 1.
Click on rectangle path 1, unlink the sizes,
and change the values to 195,
and 75.
Also, change the roundness to 40.
Open the rotation, and change the angle to
-45 degrees.
Then open the position, and change the values
to 630
and 560.
Duplicate the shape 1 layer.
Reveal all its properties with changes, and
parent the color to color 2.
Change the x size value to 240.
And the position values to 570,
and 515.
Create a new shape layer, and change its name
to: circle.
Add an ellipse and a fill color to it.
Parent the fill color to color 3.
Change its size values to 150.
Open the position, and change its values to
575,
and 520.
Bring your logo into your lower third composition.
Resize it as much as you need.
Precompose it, and name the new comp: logo.
Open the position property, and change the
values to 575,
and 520.
If you have a multicolors logo, and you want
to use it like this, ignore this step, else,
apply the fill effect to your logo layer.
Open the effect controls panel,
and parent the fill color, to color 2.
Select your circle layer, and duplicate it.
Bring the new composition on top, and rename
it: satellite 1.
Reveal all its properties with changes,
and parent the fill color to color 2.
Change the size values to 30.
And change both position values to 470.
Unlock this panel.
Search for wave warp, and apply it to your
satellite layer.
Change the wave height to 5.
Select the controller layer, and lock again
this panel.
Duplicate the satellite 1 layer.
Open the position, and change its values to
710,
and 430.
Duplicate this layer too.
Reveal all its properties with changes,
parent the fill color to color 1.
Change the size values to 15.
And change the position values to 645,
and 635.
Select all the layers from the shape 1 layer
to the top, and open their scale properties.
Move to 6 frames, and create keyframes on
all of them.
Move to the first frame, and change all the
size values to 0%.
Make sure to have only this part of keyframes
selected, and easy ease out them.
Now, copy the expression that you will find
in the description, alt-click the scale stopwatch,
and paste the expression.
Make sure to repeat the process with all these
layers.
Now, select only the layers from shape 2 to
the top, and offset them 2 frames.
Unselect the bottom layer, and offset the
remaining ones another 2 frames.
Repeat the action, until you offset all these
layers.
This is how your shape animation should look.
Select the background layer, and duplicate
it.
Rename the new layer: background matte.
Change the background layer track matte to:
alpha matte.
Move to 1 second,
Open the background position options, and
create a keyframe.
Move to 10 frames, and change the x position
value to 150.
Select both keyframes, and easy ease them.
Make sure to unselect any layer, grab the
rectangle tool, and draw a shape like this.
Rename it: matte text 1.
Move its anchor point to the middle left.
Open the position, and change the x position
value to 620.
Place the shape on top of your main text layer,
then change the main text track matte to alpha
matte.
Duplicate the matte layer, and place the new
one on top of your secondary text layer, then
change the secondary text track matte to alpha
matte.
Select both text layers, and open their position
properties.
Move to 25 frames, and create a keyframe on
the main text layer.
Move to 1 second and 5 frames, and create
a keyframe on the secondary text layer.
Then, move to 15 frames, and drag each text
layer to the left, until is not visible anymore.
Select all the keyframes, and easy ease them.
Create a new composition, and name it: flat
lower third.
Make it 10 seconds long.
Bring the lower third comp into it.
Duplicate it.
Move to 5 seconds, and change the new layer
start time.
Then, time reverse the layer.
Let's check the final result.
Wow, it looks really great. It was a complex
tutorial, but the result is a 100% professional
lower third template.
I hope you enjoyed my tutorial on how to create
a flat lower third animation in After Effects.
Don't forget to subscribe, hit the like button
and comment. It would be great to know your
opinions on my tutorials. Also, you can make
requests for new tutorials, on interesting
effects or animations that you would like
to learn.
See you soon!
