1
00:00:01,160 --> 00:00:05,330
This is the pie that we are going to create in this lecture.

2
00:00:05,330 --> 00:00:10,880
I'm going to show similar techniques here and I will show you also how to use the trim path without

3
00:00:10,940 --> 00:00:14,200
any feel and have really a pie and not a line.

4
00:00:14,270 --> 00:00:18,910
We are going also to look at how to add a certain control or controllers.

5
00:00:18,980 --> 00:00:25,780
We are starting with controllers now within the courts so you can simplify the way you and you meet.

6
00:00:25,840 --> 00:00:33,800
And later on you will see that we will animate even without any key frames so let's start from here.

7
00:00:34,090 --> 00:00:38,750
First of all I have an outer ring here a layer that I locked.

8
00:00:38,750 --> 00:00:40,800
Okay so I don't move it.

9
00:00:40,810 --> 00:00:42,660
This is where I want the pie to be.

10
00:00:42,930 --> 00:00:44,500
And I have the three layers here.

11
00:00:44,500 --> 00:00:51,270
This is the null and the 0 0 and the percent and of course they are not yet linked to anything.

12
00:00:51,490 --> 00:00:53,680
So I don't want to see these layers when I'm working.

13
00:00:53,740 --> 00:00:58,730
And the best way to hide them from the time line is to use these shy just over here.

14
00:00:58,760 --> 00:01:01,990
You notice you have shy hides layer in the timeline.

15
00:01:02,440 --> 00:01:03,870
So I'm going to show them.

16
00:01:04,020 --> 00:01:04,600
Okay.

17
00:01:04,660 --> 00:01:08,290
And then come to the composition over here and enable the shape.

18
00:01:08,590 --> 00:01:09,860
So you notice that disappeared.

19
00:01:10,390 --> 00:01:17,540
So they still exist in the timeline but I cannot see them so let's start by creating first our ellipse

20
00:01:17,540 --> 00:01:17,760
here.

21
00:01:18,020 --> 00:01:24,740
I would select the leaves put the stroke let's say at five and then draw the ellipse as much as possible

22
00:01:24,760 --> 00:01:28,520
plus control and shift and just make it as big as this.

23
00:01:28,700 --> 00:01:31,860
Then control room or command room to put it in the middle.

24
00:01:32,360 --> 00:01:37,100
So I'm gonna increase a bit and change the color so we can see it nicely.

25
00:01:37,130 --> 00:01:37,480
Okay.

26
00:01:37,490 --> 00:01:39,200
Something like this.

27
00:01:39,200 --> 00:01:42,260
What you want to create here is the pie and not a line.

28
00:01:42,380 --> 00:01:44,360
So it makes sense to have a certain feel.

29
00:01:44,690 --> 00:01:53,440
So I'll put the feel on here you are for example by now having the feel and adding a trim path will

30
00:01:53,440 --> 00:01:55,000
create a problem.

31
00:01:55,000 --> 00:01:56,800
Notice how the trim path will work.

32
00:01:56,830 --> 00:02:01,820
I will work on the end as usual it is not working from the center of the field.

33
00:02:01,930 --> 00:02:08,140
It's working very fine if you're not as for the stroke itself but when it comes to the feel is going

34
00:02:08,140 --> 00:02:13,790
to start from what we call the first vertex the upper middle point over here.

35
00:02:13,900 --> 00:02:17,350
So it's gonna work from the first vertex and it's not cool at all.

36
00:02:17,740 --> 00:02:21,950
If you want to work with the trim path you need to remove the feel.

37
00:02:22,010 --> 00:02:23,610
Now you need to create a pie.

38
00:02:23,650 --> 00:02:26,830
So what makes sense is to increase the size of the stroke.

39
00:02:26,830 --> 00:02:33,520
Okay fine I put the stroke big I make the ellipse size here take it down.

40
00:02:33,670 --> 00:02:34,180
Okay.

41
00:02:34,180 --> 00:02:34,900
Just like this.

42
00:02:34,900 --> 00:02:36,870
Make the stroke even bigger.

43
00:02:36,970 --> 00:02:41,810
Reduce the size and I can spend a half hour trying to do that.

44
00:02:41,830 --> 00:02:46,870
But then when I come to the trim path and I start playing with the impact not as what's happening I

45
00:02:46,870 --> 00:02:55,130
have here a piece that really it's a because the combination of the stroke the size and the trim path.

46
00:02:55,150 --> 00:03:02,560
So the best way if you're not is is to have the stroke equal to the size of the ellipse itself.

47
00:03:02,560 --> 00:03:11,320
For example if I make the stroke 500 for example and then the size 500 is gonna be very big but doesn't

48
00:03:11,320 --> 00:03:12,300
matter.

49
00:03:12,400 --> 00:03:19,540
You'll notice that the little piece here has been eliminated its goal is no more so instead of playing

50
00:03:19,570 --> 00:03:20,450
all these tricks.

51
00:03:20,470 --> 00:03:25,110
The best way is to link the size to these stroke itself.

52
00:03:25,150 --> 00:03:30,900
So we have our stroke over here so the stroke with and the size should be always equal.

53
00:03:30,970 --> 00:03:36,920
So you can link this size to these stroke with you are fine.

54
00:03:37,070 --> 00:03:43,960
And now all you have to do is to adjust these stroke with annual her having a perfect pie already if

55
00:03:43,960 --> 00:03:44,320
you like.

56
00:03:44,710 --> 00:03:50,350
I'm gonna make it three hundred eighty like this figure and then change the color just from over here

57
00:03:50,740 --> 00:03:52,010
reduce it a bit.

58
00:03:52,060 --> 00:03:55,400
Okay make it more yellow so you can see it better.

59
00:03:55,430 --> 00:03:57,960
So now I have really my pie and the three part.

60
00:03:57,980 --> 00:04:04,260
If you notice is working very fine let's create the animation here.

61
00:04:04,250 --> 00:04:07,460
But first they start by making it the background.

62
00:04:07,460 --> 00:04:10,170
Here you are going to take it down.

63
00:04:10,310 --> 00:04:14,470
So it's gonna be the background and want to animate the trim path.

64
00:04:14,510 --> 00:04:15,800
I will only meet at the end.

65
00:04:15,800 --> 00:04:22,760
I would give him the end put it at zero as you know come after 20 frames for example and put the end

66
00:04:22,760 --> 00:04:24,150
at 100 percent.

67
00:04:24,290 --> 00:04:24,660
OK.

68
00:04:24,680 --> 00:04:26,760
This animation we have done a lot.

69
00:04:26,810 --> 00:04:29,440
Let's give it some tricks if you like.

70
00:04:29,690 --> 00:04:32,210
Come over to the second key frame and key frame.

71
00:04:32,210 --> 00:04:39,210
The offset and come to the beginning here and because I'm using the end I'm gonna make the offset.

72
00:04:39,230 --> 00:04:39,900
Negative.

73
00:04:39,980 --> 00:04:41,960
So it starts from a negative value.

74
00:04:41,960 --> 00:04:45,620
Okay so it goes in the opposite direction to the end.

75
00:04:45,620 --> 00:04:47,900
So now notice the animation.

76
00:04:47,900 --> 00:04:48,710
It's pretty cool.

77
00:04:49,430 --> 00:04:49,950
Okay.

78
00:04:49,970 --> 00:04:52,510
Just a small trick that I like very much.

79
00:04:52,520 --> 00:04:58,840
Of course you can work on it you know do it the way you would like increase degrees make it faster song

80
00:04:58,880 --> 00:05:01,010
but this is cool.

81
00:05:01,070 --> 00:05:03,670
Now let's take our shape layer here.

82
00:05:03,890 --> 00:05:07,160
And of course you want to duplicate it.

83
00:05:07,190 --> 00:05:09,470
So this is the background.

84
00:05:09,470 --> 00:05:19,900
I'm gonna write just background and this is our pie so within the pie here we pursue to remove all the

85
00:05:19,900 --> 00:05:21,630
key frames of course.

86
00:05:21,790 --> 00:05:22,570
Right.

87
00:05:22,600 --> 00:05:24,190
And then let's change the color.

88
00:05:24,400 --> 00:05:26,410
Let's put the color this gold color.

89
00:05:26,410 --> 00:05:27,700
Something like this.

90
00:05:27,700 --> 00:05:31,820
It's pretty nice by the way OK fine.

91
00:05:32,120 --> 00:05:34,420
So now we want to end it made the pie.

92
00:05:34,550 --> 00:05:40,500
Of course you want to go back to the trim path here and start animating the end.

93
00:05:40,580 --> 00:05:45,740
You know we have done this all the time and we are always limiting the trim path and we have to come

94
00:05:45,740 --> 00:05:48,200
back if you want to change the value to the trim path.

95
00:05:48,740 --> 00:05:54,290
Now I'm going to show you a method to use controllers so it's time for you to start learning about controllers

96
00:05:54,590 --> 00:05:57,280
which is very easy to use and very important.

97
00:05:57,320 --> 00:06:05,060
So I'm going to create a layer that will hold the controls and this layer could be for example a shape

98
00:06:05,060 --> 00:06:10,380
layer not object or is solid the nicest way is to use a null object.

99
00:06:10,520 --> 00:06:10,990
OK.

100
00:06:11,120 --> 00:06:15,530
Just because it would never render so you don't have a mistake where it chose.

101
00:06:15,750 --> 00:06:21,470
And I'm going to rename it and call it controls Remember the pie here.

102
00:06:21,500 --> 00:06:26,120
We want to meet the trim path and trim path is a percentage.

103
00:06:26,630 --> 00:06:33,920
So we want to eliminate the trim parts of the end for example from 0 percent to 75 percent but then

104
00:06:33,920 --> 00:06:40,280
we are going to create a control that you are going to put in the controls layer and an inmate inside

105
00:06:40,370 --> 00:06:41,570
the controls layer.

106
00:06:41,570 --> 00:06:46,400
So actually we will only refer to that layer for our elimination to do that.

107
00:06:46,430 --> 00:06:49,250
You come to affect empty set and type.

108
00:06:49,250 --> 00:06:52,510
Control and you have many controls.

109
00:06:52,520 --> 00:06:54,650
By the way this is expression controls.

110
00:06:54,650 --> 00:07:00,620
You have three point control color control and then the most used one is the slider control.

111
00:07:00,620 --> 00:07:05,180
I'll show you how it works Razi so let's drop it on the controls.

112
00:07:05,420 --> 00:07:09,690
It will open in the slider control here and I'm going to lock this.

113
00:07:09,800 --> 00:07:14,770
So whatever layer I select this is going to always appear.

114
00:07:14,780 --> 00:07:16,800
So now we have a controller here.

115
00:07:17,090 --> 00:07:24,020
We can start animating this controller for example I am going to animated from zero percent go after

116
00:07:24,140 --> 00:07:29,460
30 frames for example and put it at 75.

117
00:07:29,720 --> 00:07:36,490
So actually nothing has happened I'm gonna change the color of the layer here to make it too obvious.

118
00:07:36,500 --> 00:07:37,430
This make it c form.

119
00:07:37,430 --> 00:07:46,740
So you know this is controls to come to the PI here and link the end to the slider as simple as this.

120
00:07:46,830 --> 00:07:53,940
Now as was happening the animation would start and then you have the animation that is driven by the

121
00:07:53,940 --> 00:07:55,190
slider here.

122
00:07:55,300 --> 00:08:01,320
This stated we have to go to the key frames here to be able to change the value and in the next lecture

123
00:08:01,350 --> 00:08:05,970
I would show you how to make it even in key frame less without any key frames just playing on time.

124
00:08:06,390 --> 00:08:10,250
But actually this has become a bit easier to work with.

125
00:08:10,290 --> 00:08:18,330
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

126
00:08:18,990 --> 00:08:20,170
and pi 2.

127
00:08:20,220 --> 00:08:23,630
I'm gonna change the color here to do something nicer.

128
00:08:23,740 --> 00:08:29,530
You are something a bit bright and come to PI and reduce the size of the pi as simple as this.

129
00:08:29,970 --> 00:08:31,530
So notice what you have now.

130
00:08:31,560 --> 00:08:37,980
By and by you have exactly the same an emission not notice but then you have this border here which

131
00:08:37,980 --> 00:08:39,270
is very nice.

132
00:08:39,780 --> 00:08:44,680
Okay guys now after doing this I'm gonna give it some colors.

133
00:08:44,680 --> 00:08:46,350
I'll show you how it works.

134
00:08:46,450 --> 00:08:52,260
I'm going to right click on it and go to layer styles and give it an outer glow.

135
00:08:52,330 --> 00:08:54,280
Surely we don't want a glow.

136
00:08:54,280 --> 00:08:58,480
What we want is a kind of shadow or outer shadow if you like.

137
00:08:58,480 --> 00:09:00,310
First the fall in the blending mode.

138
00:09:00,330 --> 00:09:01,960
I don't want it to blend at all.

139
00:09:01,960 --> 00:09:06,220
I'm gonna just put it to normal and then the color of the glow.

140
00:09:06,280 --> 00:09:07,670
I want to change it to black.

141
00:09:07,810 --> 00:09:09,970
Something like this.

142
00:09:09,970 --> 00:09:12,810
And of course I can change the opacity.

143
00:09:13,160 --> 00:09:16,070
So I'd give it a kind of dimension.

144
00:09:16,100 --> 00:09:17,740
Notice what's happening now.

145
00:09:17,740 --> 00:09:21,610
It turns and then it comes in to have this very nice line.

146
00:09:21,730 --> 00:09:27,370
You can for example reduce the the size a bit or increase the size the way you would like.

147
00:09:27,370 --> 00:09:30,080
You can increase the spread.

148
00:09:30,130 --> 00:09:32,360
You need to reduce the size.

149
00:09:32,450 --> 00:09:33,700
Get something like this.

150
00:09:33,700 --> 00:09:35,380
So you make it look marvelous.

151
00:09:35,380 --> 00:09:36,380
That's one.

152
00:09:36,430 --> 00:09:45,550
The second one what I want to do is to go back also to the layer size and apply a gradient overlay.

153
00:09:45,550 --> 00:09:49,150
Here you are now the grading overlay is very easy to use also.

154
00:09:49,270 --> 00:09:50,230
Here it is.

155
00:09:50,230 --> 00:09:51,330
I will twirl it down.

156
00:09:52,000 --> 00:09:54,580
If you play with the opacity nuts what's gonna happen.

157
00:09:55,240 --> 00:09:58,530
Okay so is gonna return to the original.

158
00:09:58,720 --> 00:10:00,690
So the overlay now is black and white.

159
00:10:01,830 --> 00:10:04,840
This is is tile that is linear.

160
00:10:04,950 --> 00:10:11,070
It would be much better to make it of course in our case region but it has a slight problem not just

161
00:10:11,070 --> 00:10:11,750
what's happening.

162
00:10:11,760 --> 00:10:13,020
Come over here.

163
00:10:13,020 --> 00:10:17,340
You know it's starting from the point over here and it moves on.

164
00:10:17,370 --> 00:10:20,880
This is because it's aligned with the layer so you put it off.

165
00:10:20,880 --> 00:10:21,930
Here you are.

166
00:10:22,080 --> 00:10:28,800
And now notice it's working very nice but it give you this kind of you know nice look.

167
00:10:28,800 --> 00:10:33,420
Of course you can increase the opacity or decrease it the way you would like something like this would

168
00:10:33,420 --> 00:10:35,070
do with good guys.

169
00:10:35,070 --> 00:10:42,270
So we've done really a very nice animation here and you can start linking with the values so I'll go

170
00:10:42,270 --> 00:10:45,710
back and I would select everything clicking outside.

171
00:10:45,810 --> 00:10:51,290
Press l notice how everything is to up and then remove the shy.

172
00:10:51,560 --> 00:10:56,660
I have here the percent which I need to link what am I gonna link it to.

173
00:10:56,700 --> 00:11:00,400
I will turn it down and in the text here we have source text.

174
00:11:00,480 --> 00:11:03,110
We are going to link it to the slider control.

175
00:11:03,210 --> 00:11:08,370
As simple as this of course you're going to have family values now but it's working fine.

176
00:11:08,520 --> 00:11:12,180
So let's open the source text and we all know what to do here.

177
00:11:12,300 --> 00:11:22,640
We add math dot around and open brackets delete this one go to the end pressing the end key.

178
00:11:22,680 --> 00:11:23,480
Close it.

179
00:11:23,640 --> 00:11:24,810
And here you are.

180
00:11:25,500 --> 00:11:28,610
Okay so you have now a very nice animation.

181
00:11:28,650 --> 00:11:35,130
Of course you might want to look at the controls key frames till we are using them and move the percent

182
00:11:35,160 --> 00:11:37,790
or something like this to this side just like here.

183
00:11:37,860 --> 00:11:40,170
So it starts popping up.

184
00:11:40,170 --> 00:11:40,790
Of course you can.

185
00:11:40,800 --> 00:11:44,010
And image if you like with the scale or something like this.

186
00:11:44,010 --> 00:11:50,120
Here you are guys you created the first by animation and this is single pie.

187
00:11:50,160 --> 00:11:56,490
Later on we gonna develop well you are going to create multiple pies but we're gonna use lots of controllers.

188
00:11:57,380 --> 00:12:03,740
I urge you to come to this composition study it do something play with the gradient play with the colors

189
00:12:04,040 --> 00:12:10,340
you know add some control see what you can do and get very familiar with these kind of techniques because

190
00:12:10,610 --> 00:12:16,730
we are going to add more and more until you are a professional and expert in creating graphs and charts

191
00:12:16,760 --> 00:12:17,750
and infographics.