Lower Third Design with Adobe After Effects - Motion Graphics | Amil Neal | Skillshare

Lower Third Design with Adobe After Effects - Motion Graphics

Amil Neal

Lower Third Design with Adobe After Effects - Motion Graphics

Amil Neal

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
6 Lessons (20m)
    • 1. Lower Third Trailer (1)

    • 2. What is lower third

    • 3. Lower Third V1

    • 4. Lower Third Version 2

    • 5. Tips Branding Color Consistancy

    • 6. Best Practical Usage of Lower Third Animation

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels
  • Beg/Int level
  • Int/Adv level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.





About This Class

Lower Third Design with Adobe After Effects - Motion Graphics

Welcome to my Lower Third Course!

A lower-third is a graphic that appears on the lower third of the video screen and The main purpose of lower third is to give the audience additional information about the scene But it does not have to be at lower end of your video. 

In this course, I will teach you. How you can create your own Lower third animation.

This is a very basic course, anyone with very basic knowledge can take this class.

I have created a couple of animations from scratch on adobe after effects. I explained how you can practically create them and use them in your next project! I have also added the project files so that you can have a look.

See you in the class!

Meet Your Teacher

Teacher Profile Image

Amil Neal


Amil Neal the creator of AN Productions is a self-made young man. He was successful to teach himself efficiency, punctuality, proficiency and professionalism from the very early age.

Amil Neal has worked with companies and organizations like Telenor, UNDP, USAID, English Movie, Bollywood Film and more than 1000 startup companies.

Moreover, He has created a digital shop and sold his creations to thousands of people all over the world in his shops and other marketplaces.

I would like to show you how to be a better creator, make money from your digital products and services, and live the life you dreamed of. I would like to share my journey and real life experience, how to be a better designer and also a seller. It is also important that where to sell and how to charge... See full profile

Class Ratings

Expectations Met?
  • Exceeded!
  • Yes
  • Somewhat
  • Not really
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

Your creative journey starts here.

  • Unlimited access to every class
  • Supportive online creative community
  • Learn offline with Skillshare’s app

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.


1. Lower Third Trailer (1): Hello, and welcome to mind authored course a lower third is a graphic that appears on the Lord heard of the video screen. And the main purpose of the Lord third is to give the audience additional information about the scene. But it doesn't have to be at lower end of your video. In this course, I'll teach you how you can create your own. Lord heard any mention. This is a very basic course. Anyone with a very basic knowledge can take this class. I have created a couple of animations from scratch on Adobe After Effects. I explain how you can practically crib them and use them in your next book. I've also added the project files. You can have a look. So I'll see you in the class. 2. What is lower third: What is the water? The rule of third, easy core guideline for filmmaking, photography or anything that relates to designing, which applies to the process of composing these all images, such as designs, films, paintings, and photographs. So that you have a great visual which has good proximity and balance. The process of dividing an image into thirds using two horizontal and vertical lines so that you have nine terms. So the lower third name, k-mean, as one part of the pole is used to give the audience What does all about, but it doesn't have to be at lower end of your videos. The main purpose for the lower third is to give the audience additional information about the scene, not promote attention. I have created a couple of animations from scratch on Adobe After Effects. I've explained how you can practically read them and use them in your next project. I hope you enjoyed the past. 3. Lower Third V1: So firstly, we will create a new composition and we will call it lower third. And our resolution will be 1920 by 1080 pixel. And our formate would be to deny upon 97. So it is basically up to you. For example, I can make it standard 25 frames per second. And the duration will be six seconds long. And I'll hit OK. Now what I'll do, I'll just drag and drop this point as I have already imported it from my computer. So you can import your foot beds are imaged, it is up to you. So now what I'll do, I'll click here and go to tattle actions. Now we have this option. So firstly, what will do? We will basically write out text and the designation. So, so to do that, I'll go to this tattoo on Adobe After Effects. So click here. Click here. I will just write the name John Doe. And I'm using monitored bond and I'll I'll use back and I'll change the color to black color. Now I'll create a new solid. So I'll hit control y on my keyboard and hit OK. Then I'll code behind. And I'll, I'll just, I'll just cylinder takes layer and drag and drop it here. Drag, drag it here. Now I will go to the master tool. You can see the rectangle mass. I'll select it and I will create a box-like rectangle, walks like this. And I'll select why solid hit Control on my keyboard and also selected John Doe. Then I'll go to alignment. And I will just make sure that it is all center from horizontal and vertical alignment. And if you cannot find alignment on your Adobe After Effects, you can find it from window and make sure the alignment is on. So now we have John Doe and the mass claire. So I'll just I'll just move it a bit. Now I will write another text. So I'll just write it designation and it will be Designer. And all selected. Take white color. Then go to light of MSF porn. And I think it is better in light. Now, I'll align it. To align it more perfectly. What it can do is control are on your keyboard so that you can see this ruler. Then just drag a line from selected and drag and then you'll see a blue line like this so we can align things. We need more space. I'll just move it looking. I'll bring the designation size more down to 50. Because I want the main title. I wanted more prominent, so I'm bringing down the designation font-size. So I'll just again, for element purpose. There we go. Now we have perfect alignment. Almost say, I'll again go to tattle SIP action. I think we should move it more here. So now we're going to animate this and everything. For example, we have days mosque and I wanted to animate from here. So I'll go to mosque. Then there is a mask bad. And I will hit the animation button, the stopwatch. And I will just go to the first frame and how again, double-click on n. Then from here. Can now we'll see how it is looking. Okay? Then I will select that both keyframes and right-click on in frame S is ten. And now we have it. So now I want my text to animate. So when, when, when the mosques, the complete Whitehall, it will appear, I want my text to have some kind of Typewriter effect. I'll show you all tap of text animation or some possible ones. Firstly, we will start with the easy one, the typewriter effect. So to animate the text layer will go to effects and presets, then write, type the record. There is a direct effect, so we'll just drag and drop Django. And I'll hit you on my keyboard so that I can see all the key frames. And as you can see the default animation, it will take long, but I don't want it, so I'll just rained down here. So I'll see how it is looking like now. I think it is. Listen. Now we will animate the designer, takes less. So when the John Doe will appear or heat, you are my cuba. When John Doe will API, I want my designer, but designation title to come. So I'll just move forward here and I'll get the position of it. I'll basically where animate the politician. So I will hit stopwatch, then I will go backward area. And so it will basically drop from the back of the solid layer. I'll just move it a bit four. And I will select all the key frames, right-click on any key premises ten. So let's see how it is looking. And I will just bring that down so that it doesn't conflict with each other. Again. So this is our first daughter enemies. 4. Lower Third Version 2: Hello. In this part of the tutorial, we're going to create another law, TRB animation. So firstly, we will create a new composition. You know how to do it, press Control N. Now I'll create a new takes layer from here. And I'll hit here. And I will write something, John Doe. And I'll size it around alton peak cell and make it black. And I'm using Monte up form. I can use any point you want. I will write a designation, is management. Now. I want to scale it down. So I went to reduce the font size 200. And I want to make it regular. See how it looks like. Okay, now I will align it in the middle. So this is our John Doe Product Manager. We can change the color, I think I think like this fine, but it is up to you. Now will go to pinto. Then we'll draw a line. So click on it. And I'll then click up here. It is not a 100% straight, so I want to make it straight as if this is our ship layer. Now removed tattle access safe. And now I'll align it. So I'll just drag and drop rulers here. And we'll have this thin line so it will help us to align. And alignment is very important. Okay? So now we have aligned it. Now here is an animation part. And I would like to animate this line. So I want this ship could to go to drop-down setting of this shape and I will go to contents. Then I go to the dropdown and every stop was and I would like to animate it. So when it will be 15 premise, I'll stop Watts and I'll go back. And I now I want it to like small it down and I'll slip. I'll just right-click on it. Keep her masses ten out. I'll use easy, ease out. Now we need to animate. This takes layer. I have created one layer for main title limb and, and for the designation. So it is up to you if you want, you can create two separate layers. And I'm going to create a new solid, white solid heat. Okay? And I'll move it here so that I can see. Then I want the takes to animate from here. So I'll hit you on my keyboard to bring up the animation Bell of this Shipley. So I'll go to the john manager that this one the pref manager. So I'll hit stopwatch of the position. So if you hit P on your keyboard, keyboard, it will bring the politician value. So our L just bring that forward a bit four and I wanted to come like 1 second and I'll go back. And I'll move the whole thing down here. Now as I have created a white solid, as you can see, I'll go to the master-slave. Now select Rectangle tool. And I'll Boston. So I know you cannot say as because the backbone is white and end our watch holidays. While so to say, like perfectly see, I have the transparency option. So we don't mask it. It would look something like this. And with mask, we have coped that option. So I will just bring the John Doe Manet product manager thing down here. Now. Now I'll go to the crack mad option here and I'll hit alpha inverted Matt. So what it will do, it will hide the whole thing down and it will bring up like from here. So to perfect the whole age, what are we going to do is go to the mosque. And there is a mosque option. And I'll we'll just, you know, we we can what we can do weekend like double-click on it then. Just, you know, I'm just the polished politician. So I will just remove the transparency Whitehall you so you can render it and use it as your subtitle for your next video. So let's see how it looks like. So it will look something like this. 5. Tips Branding Color Consistancy: Planning consistency is very important when you'll be working as a motion grapher. In order to give a sense of consistency. Pounds and the styles should be the same trout, the branding. Establish this. You should choose one many style or layout for your video branding. For example, if your client website is using a specific color, blue is also using a font like my real pro. In this case, you need to use the blue, my red probe. Other arrays. What will happen? Your plan will ask for change or revision. After you do the first version, it will create frustration and you will lose time. And it is also important for your personal project that you stick to a specific color combination and a font-style. So how we're going to change it? I use three methods to change colors. So for example, this is my background layer. For this lower third sign will deselect this white solid. As this is a solid layer, you can change the color by just pressing Control Shift Y. So when you press Option, you'll have this option here. So you can change any color. And if you're using a shape tool from here, then you will have a college any option here. And if you do not want to use any of these option, there is another easy way to go to Effect. Then you need to go to fail and just click on it. And you have the color option here. So you just select any color that you'd need for the project. Now, the situation is you need query and so forth gradients. There. I use two options. There are other options also. I think these two will be enough. So firstly, you just need to select the layer, the background layer, or declared anywhere you want to use it is selected and then there is an effect. Ram gradient, gradient them. So I already have this option being served here. So you just select it and drag and drop it here. So there we go. So now I'm going to change the color here. And as you can see, there are two option here. You just need to move it to have the right color combination. Okay? So and obviously you know how to change the font. I'm going to quit covered that. So I hope you understand the importance of being relevant and being consistent with your forms and also color. 6. Best Practical Usage of Lower Third Animation: After creating the Lord term, we need to use it on a video. And we can do it in two ways. And I'm going to show you how we can do it with Adobe After Effects. So now we have this orphanage version of the loader and we need to render it with alpha channel. So make sure you have nothing behind like my transparency on and you can check it from here, okay. You just click on it, then you'll see there is a transparency options. So to render it, we're going to press Control N. So or you can go to Composition, composition and then click on Add to Render Queue. So this will pop up here. And we have three options here. Firstly, when to select where the file will go. So I'm just going to keep it you and write down for me is AVA and we need in dot MOV format with alpha channels. So now I'll select on AVI, then go to Quick Time. Now we have the RGB option on, but we need to have the RGB plus Alpha. So when I'm clicking on RGB plus Alpha and it Okay, But before that, if you need audio outputs, you can keep it on. If you don't need it, you can give it off. We don't have any audio, so I'm just tipping off. So does it. And there is a render Martin here is click on it and it will render. That said, we have our Lord 3D animation being rendered. So these are footage and I'm going to use yes, only five seconds of it. For example, purpose. And now we'll go to the rendered place where we have our rendered daughter. Then we'll just select it and drag and drop it on at Olympia. Improve. Then what will happen? Played, we'll have our Lord term animation. So that's it. This is one way you can do it. And there is another way you can do it with Adobe Premier Pro. But if you use Adobe Premier Pro for longer term, in this case, you make sure you have a computer with good dram, graphics card and good processor. Otherwise, if a lag and it will be very slow if you have a long project. So to do that, I'm going to select this footage. Then I'll just right-click on it. Then there is an option replace fluid or we are prepared to composition. So I'll just click it and it will create a automatic composition here. As you can see, if I just, you know, as you can see, it is saying that untitled linked composition 0, 1. And here our composition. And it is linked to this file here. Now we have our long-term trend imaged here, so I'll just drag and drop it here. And safe asset. Now, if we just save it and go to Adobe Premier Pro will see or we don't need any kind of render from Adobe After Effects. So just, you can do this for and that way, but it is up to you. And it is also up to the whatever project you're working on.