This is the pie that we are going to create in this lecture.
I'm going to show similar techniques here and I will show you also how to use the trim path without
any feel and have really a pie and not a line.
We are going also to look at how to add a certain control or controllers.
We are starting with controllers now within the courts so you can simplify the way you and you meet.
And later on you will see that we will animate even without any key frames so let's start from here.
First of all I have an outer ring here a layer that I locked.
Okay so I don't move it.
This is where I want the pie to be.
And I have the three layers here.
This is the null and the 0 0 and the percent and of course they are not yet linked to anything.
So I don't want to see these layers when I'm working.
And the best way to hide them from the time line is to use these shy just over here.
You notice you have shy hides layer in the timeline.
So I'm going to show them.
Okay.
And then come to the composition over here and enable the shape.
So you notice that disappeared.
So they still exist in the timeline but I cannot see them so let's start by creating first our ellipse
here.
I would select the leaves put the stroke let's say at five and then draw the ellipse as much as possible
plus control and shift and just make it as big as this.
Then control room or command room to put it in the middle.
So I'm gonna increase a bit and change the color so we can see it nicely.
Okay.
Something like this.
What you want to create here is the pie and not a line.
So it makes sense to have a certain feel.
So I'll put the feel on here you are for example by now having the feel and adding a trim path will
create a problem.
Notice how the trim path will work.
I will work on the end as usual it is not working from the center of the field.
It's working very fine if you're not as for the stroke itself but when it comes to the feel is going
to start from what we call the first vertex the upper middle point over here.
So it's gonna work from the first vertex and it's not cool at all.
If you want to work with the trim path you need to remove the feel.
Now you need to create a pie.
So what makes sense is to increase the size of the stroke.
Okay fine I put the stroke big I make the ellipse size here take it down.
Okay.
Just like this.
Make the stroke even bigger.
Reduce the size and I can spend a half hour trying to do that.
But then when I come to the trim path and I start playing with the impact not as what's happening I
have here a piece that really it's a because the combination of the stroke the size and the trim path.
So the best way if you're not is is to have the stroke equal to the size of the ellipse itself.
For example if I make the stroke 500 for example and then the size 500 is gonna be very big but doesn't
matter.
You'll notice that the little piece here has been eliminated its goal is no more so instead of playing
all these tricks.
The best way is to link the size to these stroke itself.
So we have our stroke over here so the stroke with and the size should be always equal.
So you can link this size to these stroke with you are fine.
And now all you have to do is to adjust these stroke with annual her having a perfect pie already if
you like.
I'm gonna make it three hundred eighty like this figure and then change the color just from over here
reduce it a bit.
Okay make it more yellow so you can see it better.
So now I have really my pie and the three part.
If you notice is working very fine let's create the animation here.
But first they start by making it the background.
Here you are going to take it down.
So it's gonna be the background and want to animate the trim path.
I will only meet at the end.
I would give him the end put it at zero as you know come after 20 frames for example and put the end
at 100 percent.
OK.
This animation we have done a lot.
Let's give it some tricks if you like.
Come over to the second key frame and key frame.
The offset and come to the beginning here and because I'm using the end I'm gonna make the offset.
Negative.
So it starts from a negative value.
Okay so it goes in the opposite direction to the end.
So now notice the animation.
It's pretty cool.
Okay.
Just a small trick that I like very much.
Of course you can work on it you know do it the way you would like increase degrees make it faster song
but this is cool.
Now let's take our shape layer here.
And of course you want to duplicate it.
So this is the background.
I'm gonna write just background and this is our pie so within the pie here we pursue to remove all the
key frames of course.
Right.
And then let's change the color.
Let's put the color this gold color.
Something like this.
It's pretty nice by the way OK fine.
So now we want to end it made the pie.
Of course you want to go back to the trim path here and start animating the end.
You know we have done this all the time and we are always limiting the trim path and we have to come
back if you want to change the value to the trim path.
Now I'm going to show you a method to use controllers so it's time for you to start learning about controllers
which is very easy to use and very important.
So I'm going to create a layer that will hold the controls and this layer could be for example a shape
layer not object or is solid the nicest way is to use a null object.
OK.
Just because it would never render so you don't have a mistake where it chose.
And I'm going to rename it and call it controls Remember the pie here.
We want to meet the trim path and trim path is a percentage.
So we want to eliminate the trim parts of the end for example from 0 percent to 75 percent but then
we are going to create a control that you are going to put in the controls layer and an inmate inside
the controls layer.
So actually we will only refer to that layer for our elimination to do that.
You come to affect empty set and type.
Control and you have many controls.
By the way this is expression controls.
You have three point control color control and then the most used one is the slider control.
I'll show you how it works Razi so let's drop it on the controls.
It will open in the slider control here and I'm going to lock this.
So whatever layer I select this is going to always appear.
So now we have a controller here.
We can start animating this controller for example I am going to animated from zero percent go after
30 frames for example and put it at 75.
So actually nothing has happened I'm gonna change the color of the layer here to make it too obvious.
This make it c form.
So you know this is controls to come to the PI here and link the end to the slider as simple as this.
Now as was happening the animation would start and then you have the animation that is driven by the
slider here.
This stated we have to go to the key frames here to be able to change the value and in the next lecture
I would show you how to make it even in key frame less without any key frames just playing on time.
But actually this has become a bit easier to work with.
I'm gonna select the PI and duplicate it so I have by too but I want by 2 to be under pi just for consistency
and pi 2.
I'm gonna change the color here to do something nicer.
You are something a bit bright and come to PI and reduce the size of the pi as simple as this.
So notice what you have now.
By and by you have exactly the same an emission not notice but then you have this border here which
is very nice.
Okay guys now after doing this I'm gonna give it some colors.
I'll show you how it works.
I'm going to right click on it and go to layer styles and give it an outer glow.
Surely we don't want a glow.
What we want is a kind of shadow or outer shadow if you like.
First the fall in the blending mode.
I don't want it to blend at all.
I'm gonna just put it to normal and then the color of the glow.
I want to change it to black.
Something like this.
And of course I can change the opacity.
So I'd give it a kind of dimension.
Notice what's happening now.
It turns and then it comes in to have this very nice line.
You can for example reduce the the size a bit or increase the size the way you would like.
You can increase the spread.
You need to reduce the size.
Get something like this.
So you make it look marvelous.
That's one.
The second one what I want to do is to go back also to the layer size and apply a gradient overlay.
Here you are now the grading overlay is very easy to use also.
Here it is.
I will twirl it down.
If you play with the opacity nuts what's gonna happen.
Okay so is gonna return to the original.
So the overlay now is black and white.
This is is tile that is linear.
It would be much better to make it of course in our case region but it has a slight problem not just
what's happening.
Come over here.
You know it's starting from the point over here and it moves on.
This is because it's aligned with the layer so you put it off.
Here you are.
And now notice it's working very nice but it give you this kind of you know nice look.
Of course you can increase the opacity or decrease it the way you would like something like this would
do with good guys.
So we've done really a very nice animation here and you can start linking with the values so I'll go
back and I would select everything clicking outside.
Press l notice how everything is to up and then remove the shy.
I have here the percent which I need to link what am I gonna link it to.
I will turn it down and in the text here we have source text.
We are going to link it to the slider control.
As simple as this of course you're going to have family values now but it's working fine.
So let's open the source text and we all know what to do here.
We add math dot around and open brackets delete this one go to the end pressing the end key.
Close it.
And here you are.
Okay so you have now a very nice animation.
Of course you might want to look at the controls key frames till we are using them and move the percent
or something like this to this side just like here.
So it starts popping up.
Of course you can.
And image if you like with the scale or something like this.
Here you are guys you created the first by animation and this is single pie.
Later on we gonna develop well you are going to create multiple pies but we're gonna use lots of controllers.
I urge you to come to this composition study it do something play with the gradient play with the colors
you know add some control see what you can do and get very familiar with these kind of techniques because
we are going to add more and more until you are a professional and expert in creating graphs and charts
and infographics.