How To Create A Brush Lower Third, After Effects Tutorial & Template

How To Create A Brush Lower Third, After Effects Tutorial & Template


Hey, welcome back to my new video. This is
easy 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 the complete template of this
lower third animation, from the link in the description. So let’s start. Create a new composition, and name it: animation.
I’m using a FULL HD 1080 pixels preset, with 30 frames per second, and 4 seconds long. Create a null object, and rename it: controller. Search for: slider control, and apply it. Select it, and duplicate it 2 times. Search for: color control, and apply it. Rename the first slider control: main width. And change its value to 625. The
second one, rename it: secondary width. And change the value to 400. The third one, rename it secondary position. Also, rename the color control: main color. And change its color to any shade you want.
I will use a goldish one. This will be the controller, which will help
create unique lower thirds each time. Create a new shape layer. Click: add, and select: rectangle. Click on add again, and select: fill. Rename this shape layer: main. Click on rectangle path 1. And unlink the size values. Select the controller layer, open the effect
controls panel, and click on this icon to lock it here. Now, alt-click on the size stopwatch of the
main layer to open the expression field, and start writing this expression. x, equals. Then grab this pick whip, and parent it to
the main width slider. Add semicolon, jump to a new line and continue
writing: open bracket, x, comma, 100, close bracket. And click away to save it. As you can see, this will create a rectangle
with 100 pixels height, and the width that we put in the slider value. Select the main layer, and move its anchor
point to the middle left. Open the scale options. Move to 1 second, and create a keyframe. Then, move back to the first frame, unlink
the scale values, and change the x value to 0. Select both keyframes, and easy ease them. Then, open the graph editor and change the
curve like this. Unlock this effect controls panel. Search for turbulent displace, and apply it
to your main layer. Change the amount to 200. And the size to 5. Search for directional blur, and apply it
to your layer. Change the direction angle to 90 degrees. And the blur length to 100. Search for sharpen. Apply it, and change the sharpen amount to
325. Apply the fill effect too. Now, select the controller layer, and lock
this panel again. Open the main layer options. Click on effects, fill. Alt-click on the color stopwatch. And parent this pick whip to the main color
controller from here. Unlock the panel. Select the main layer, and duplicate it. Rename it: secondary. Alt-click on the color stopwatch to delete
the linking expression. Change the color to white. Select the controller layer, and lock its
panel. Open secondary layer options. Click on contents, rectangle path 1. Alt-click on the size stopwatch 2 times and
write this expression: x, equals. This time grab the pick whip, and parent it
to the secondary width slider. Add semicolon, jump to a new line and continue
writing: open bracket, x, comma, 60, close bracket. Click away to save it. Select the layer and move its anchor point
to the middle left. Open its position options. Change the y value to 600. Alt-click on this stopwatch, and write this
expression: x, equals, 760, which is its actual horizontal
position, plus. Then grab the pick whip, and parent it to
the secondary position slider. Add semicolon, jump to a new line and continue
writing: open bracket, x, comma, 600, close bracket. Click away to save it. Now, you will be able to change the horizontal
position using the slider. Select the horizontal text tool. Click on center text in the paragraph. And start typing your main text. I am using
the Gotham font family, with the bold italic style, 50 pixels font size and white color. Align the text in the middle, then, use the
up arrow key to place it a little upper. Open the text layer options. Click on animate, and select scale. Now, click on add, selector, expression. Change the scale values to 0. Open expression selector 1. Open amount. Click on the expression field, and type the
expression that you can find in the description of this video. The expression will create this text animation. Bring this text layer on top of the main layer. Duplicate it, and place the new one on top
of the secondary layer. Change its text size to 35 pixels. Change the text color to this shade of gray. Double-click it, and change the text with
your secondary tagline. Open its position settings, and drag it down
until it’s in the center of the white background. Move to 3 seconds, grab this pick whip, and
parent it to the secondary layer. This way, the text will move together with
the secondary background shape when you use the position slider. Now we have to offset these layers, so follow
my steps. Go to the beginning of your animation. Select the main text layer. Move 5 frames forward, and click here to change
the layer start time. Select the secondary shape layer. Move 5 frames forward, and change its start
time. Select the secondary text layer. Move 5 frames forward, and change the layer
start time. Our lower third animation looks like this. But don’t forget that you can always make
it unique just as simple as this: Change the first tagline. Change its background width. Change the second tagline. And its background width too. Change its position to make it more interesting. And the main color too, to make it fit with
your project. To complete our lower third animation, create
a new composition. Name it lower third. And make it 8 seconds long. Bring the animation composition into it. Duplicate it. Move to 4 seconds. Change the top layer start time. Then click here to time reverse layer. Let’s see the final result. I hope you enjoyed this tutorial on how to
create a brush 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!

21 Comments

  • Marcellin Bayita says:

    back with the female voice, am glad, makes u more unique, great work as always

  • Ary Mirochnik says:

    Excellent tutorial, EZ!!! Thanks,

  • AC EDITING ZONE says:

    Can you make a tutorial about after effects tips/tricks for beginners

  • MotherWilkins says:

    Extra!

  • Salah S D N says:

    How to create your zoom.(in 9) second.. i just like this.😁

  • Hawar Tech says:

    Perfect

  • Kelvin Chuks says:

    Another great Tutorial. Thanks EZ

  • Ruchira Prashan says:

    Really clear and very helpful. Thanks for sharing.

  • Ewald Zandwijken says:

    Thanks for this tutorial. As you mentioned that it can be made unique by changing the main tagline and its background width, I decided to automate it slightly. In my case it works, hopefully I did not make any mistakes since I am only a beginner.
    Here is how I did it.
    Renamed the layer of line 3 to "main text",
    While standing on "controller" in line 5, opened the Effect Controls,
    Then ALT clicked on the "Slider" to activate the expression,
    Next I typed in "w=thisComp.layer("Main Text").sourceRectAtTime().width+100".
    Note: w=the width of main background color of the main text, pickwhipped with the main text. Also added 100 px to make the background slightly larger.
    This can also be done with the secondary tagline.

  • Lai Mino Hlu says:

    So creative.

  • Md. Salah uddin Yamin says:

    Very Beautiful lower third

  • Anto Show says:

    If you write "+Template" maybe you should say "+$1 for the TEMPLATE". It is not a problem the 1$ but people think you're making fun of them. And that's not good for you.

    On right. I'll do the template myself.
    Thanks anyway 🙂

  • shane beales says:

    amazing tutorial dude, can't seem to get the Time reverse layer to work though

  • paulo portugues says:

    are fantastic your teachings but in this tutorial I have tried to write the first expression x = and always error because I do not understand?

  • Area Z says:

    tutorial de merda hein. Usa este painelzinho de botoes personalizados pra foder a vida de quem esta aprendendo. Toma no brioco. Segui este tutorial e não deu certo esta merda.

  • music banghang001 says:

    you are the greatest.

  • music banghang001 says:

    I don't understand all this patreon registration. Is it possible to pay one-time fee and to be able to download all your templates you have created instead of having to pay monthly fee? I really like your work.

  • Creatividad Puro says:

    saludos, he seguido el tutorial de principio a fin esta super muy interesante, solo tengo un detalle en el minuto 8.10 la expresion endVal+(Math.sin((t-duration)*w)*/Math.exp(decay*(t-duration))w;
    }
    mi pregunta como formo esta expresion porque intente varias veces hacerlo en after effects y no puedo, me marca error y ya no me sale freq=1, decay=6 y duration=0.15 para poder continuar
    en caso de responder mis dudas podria contestarme en español o si es ingles usare un traductor. Saludos cordiales Mexico. ahi le doy un link y una suscripcion

  • KALYAN MOVIES says:

    please Text animation tutorial this Link in Type https://www.youtube.com/watch?v=gxtgJYpyGgo

  • Александр says:

    Best tutorial videos! спасибо)

  • Nishant Ber says:

    Where I found EZ Tools

Leave a Reply

Your email address will not be published. Required fields are marked *