Okay let's start by creating our first uh I would say circle graph and uh this kind of graphs are very
common even a walk if you need them for your statistics.
So let's stop creating a new composition and we are going to call it circle dash 1.
Okay.
And then we are using HDTV 10 80 by 25.
You could use anything else if you like but I suppose if you want to keep it on HDTV 10 80 so you can
use 24 if you like.
Or maybe the others match for motion graphics with 25 frames per second.
You're pretty cool here.
I'm gonna make it only five seconds.
That's enough.
As you can see the background I leave it to black for now.
We want to draw our first circle.
So let's select our ellipse tool.
So if you long click you will find it tool just over here.
And then let's set the stroke to five.
Only for now.
Change the so draw color to maybe yellow if you like to or any other color.
I'm gonna go with white.
In fact then to draw your Ellipse just click and drag.
You notice I'm drawing an ellipse.
If you press shift you will be drawing a perfect circle.
If you press control the center of the circle will be on the first click.
Okay.
So wherever you clicked will be the center of the circle.
Here you are.
Is now not this home at the anchor point I should jump in the middle of the circle here.
This is I repeated maybe because of the preferences general.
In 2018 the latest version and in Sydney 2019 you have the option centre anchor point in new shape layers.
OK so actually the anchor points will be just in the middle of the shape there.
If your anchor point is not inside the shape layer is just over here for example.
The best way is to click and drag and press control you know and stop it just in the middle so I'm gonna
use this election tool now and position the circle in the middle of the composition to do that.
There is a shortcut is control room on the mark of course it will command him.
So now my circle or the anchor point of the circle is in the middle of the composition.
Tonight I created a link.
I wanted a bit bigger so I'm going to open the ellipse one over here and ellipse path one and I hope
you create this shape as a player making sure that busy path is unchecked.
So I'm going to increase it for example to 600.
Okay.
Nice round figures here.
So this is going to be my outer ring but I'm gonna make a nice design here.
I'm gonna duplicate this guy here and then this one will be my inner ring.
So I'm gonna write inner ring and delete the rest.
Now a shortcut to open whatever is changed including the size is to press twice you.
So it's you you.
Here you are.
Give you everything that you have changed in the layer.
And of course you have changed us size because you made it.
I mean you created it.
So now I'm gonna take it to 500 even a bit less than say 400 will do.
Bit nicer.
So now I have the inner ring and the outer ring which I will amount to any meat I would duplicate the
inner ring.
So that will be controlled the command on the mark and call it by background.
OK.
So I'm gonna give it the size of 60 on of course I'm gonna press w or you you if you like.
Here you are and change the size a bit more now I'm gonna use it just eyeball it here.
Okay so it's supposed to be maybe 500.
I think yep that will be just in the middle I'm gonna change the colour of the stroke and make it the
big dimmer.
Now you're not these guys that you are drawing all these circles without any feel.
There is no feel on all the circles.
Okay.
Because we're gonna use thin path and 3M pass is vey ugly when you have a feel after the bite background.
I'm gonna duplicate this one and change the colour of the stroke to have the by itself and this is our
by just over here.
So I'm gonna rename it to simply pie.
Here you are.
OK so let's hide the pie and you meet all this the way I'm gonna do it is for the inner and outer ring
I'm gonna use the scale.
So I'll give him the scale.
Put it at zero jump 10 frames.
That is shift page down.
OK.
As time frames you can see here and put it back to 100 percent.
So I have really a very simple animation just like this.
We would time it in a second.
Now for the pie itself I'm gonna use the trim path.
Here you are.
I'm gonna click on Add the arrow here and go to 3M path.
So I notice how the print path is gonna work for the circle on the start.
Here you are is going clockwise if you like from zero percent to 100 percent at the end it's going to
go anti clockwise but actually if you go from zero to 100 percent is gonna go clockwise.
I like that.
So let's go to the beginning.
Give him the end shift page down 10 frames only and make it 100 percent as simple as this.
Now I'm going to select all the layers and press you to see the key frames.
If for example you pursue and it closes them press you again and it opens the key frames the way I'm
gonna do it select them press F nine too easy is then or you can right click on one of them.
Good give them assistant.
And here you have easy ease.
Okay.
That's the one I used.
Then go to the graph.
And of course they are almost on top of each other.
That's pretty cool.
Can I select them.
Zoom in a bit.
Go home.
Here you are.
Select them make sure you have all of them.
I just press shift and move these there just over here so not.
Now the animation.
Not bad at all.
I'm gonna select using F2 and play it again.
Come on.
Yes.
That's not very nice because they're coming all at the same time.
So the way I'm gonna do it.
Stop the animation.
Come over here for example.
So the other thing I wanted to start first.
The inner ring.
I want to start after maybe two frames.
So I'm gonna go to the beginning using whom then press this down twice.
One two.
You notice how I'm zoomed.
I can only see the frames here so I'll click on it and snap it on the time indicate another two frames
maybe three if I like and then move the PI back around just over here.
And notice our animation now.
Not bad at all.
If it's speedy but pretty cool fuck I'm gonna delay this guy a bit more.
Yes I buy that all.
Now we want to animate the by itself and we are going to use the 3D path.
Of course we are going to start the animation you know maybe somewhere here.
Okay.
And of course you can time these things you know make it as beautiful as you want.
I'm gonna put it on come over here and then twirl down and add of course a dream path.
As simple as this you know sometimes it's very easy to estimate these guys these guys.
So I press on the stopwatch to create the animation for and put it at zero.
OK is that the animation and go down 10 frames.
Even more I will zoom out.
I was gonna go to 30 frames one second and put the end at one hundred percent.
Oh OK.
Let's make it 35 so we can see something.
OK here you are.
So now let's bless you to close everything we can to select them all like this employee not bad but
I think I want to delay a bit.
This guy here.
So it starts when it has closed.
OK.
100 percent almost.
See the key frames here.
Not bad at all.
Starting on the right time.
Not bad.
Okay.
Depends on you.
Also you can adjusted the way you would like very nice.
We want to add the text or the percentage which is very easy now.
Let's go for the text tool and that is what I'm gonna do in the paragraph here.
Make sure it is centered.
It is not left is not right.
It's centered.
I'll click over here and write 0 0 which is pretty small.
I will go for this election.
Sure go to character and make it as big as possible okay.
Notice how the anchor point is on the bottom here and this is quite important for it to display from
the center.
Now I'm gonna press control room to put it in the middle of the composition.
I think this is cool.
Then I'm gonna take the text again and click under and write but percent OK.
Go for the selection tool and reduce the size you are to.
Just over here I'm gonna line it in the middle and then go back to the character and make it even smaller.
OK here you are.
This one I'm gonna take it down and these two less align them to each other.
So I'm gonna align them like this.
I think down line already.
Now we need the percent of course the text itself or the 0 0 to follow the PI.
So let's press you to get the end here and the text 0 0 then open and go to source text art.
Click on the source text or option click on the Mac and then you have the expression just link it to
the end of the pie.
Of course here you are.
And it says and the school lets it he of course is giving us this funny numbers all the time.
Cool.
Let's edit the expression here.
We can return math dot around and I'm gonna open the brackets delete the X bracket.
If you got it in thesis it was on the 19th.
Go to the end by pressing the end key.
Close it again.
Here you are quite a nice animation.
Now these two layers here the text are beating too fast.
So I would like them to start appearing just from here.
Okay so before that there is nothing.
And then they start appearing you know no transitions nothing.
Just like this.
This is very cool animation
so it's a very cool animation you can use it anywhere.
Almost.
I like to put the percentage in much more than having the percent when you are in the middle of a circle.
I like it of course now I animated this with the scale you can use the trim path.
You can use all kinds of animation opacity if you like to.
And if you want to also the PI background you don't have to use the 3M pass and stories.
You know you have a lot of choices here.
As long as the basic or the concept is working this pretty beautiful by the way.
Cool guys I'll see you in the next lecture was more pies as stories like this.