WEBVTT

1
00:00:04.280 --> 00:00:08.973
Realistic Basics
Creating Moving 2D Graphics: Layers and Keyframes

2
00:00:08.973 --> 00:00:11.490
GCC Academy

3
00:00:24.000 --> 00:00:27.400
Hello everyone, this is instructor Choi Ji-won

4
00:00:27.400 --> 00:00:31.150
This session will cover creating moving 2D graphics

5
00:00:31.150 --> 00:00:35.737
layers, and keyframes

6
00:00:35.737 --> 00:00:39.237
Today's learning content is first, 
through a practice of creating vector graphics

7
00:00:39.237 --> 00:00:42.287
using shape layers

8
00:00:42.287 --> 00:00:47.321
we will understand layers in After Effects

9
00:00:47.321 --> 00:00:49.671
Second, by applying animation

10
00:00:49.671 --> 00:00:52.721
using keyframes

11
00:00:52.721 --> 00:00:55.271
we will learn about acceleration and deceleration

12
00:00:55.271 --> 00:00:58.400
using keyframes and the graph editor

13
00:00:58.834 --> 00:01:02.488
Creating Vector Graphics Using Shape Layers

14
00:01:04.855 --> 00:01:09.974
Yes, everyone, the timeline is the most important this time

15
00:01:09.974 --> 00:01:11.574
The timeline panel

16
00:01:11.574 --> 00:01:17.674
The last time we learned about interfaces

17
00:01:17.674 --> 00:01:21.736
it was one of many

18
00:01:21.736 --> 00:01:24.486
There was the composition panel, the project panel

19
00:01:24.486 --> 00:01:27.036
the panel where effects are displayed

20
00:01:27.036 --> 00:01:31.103
and even the timeline panel

21
00:01:31.103 --> 00:01:36.553
Why is the timeline panel important among all these panels?

22
00:01:36.553 --> 00:01:41.499
Because it is where the actual work is done

23
00:01:41.499 --> 00:01:45.249
First, the timeline is where media files

24
00:01:45.249 --> 00:01:48.430
are managed in layers

25
00:01:48.430 --> 00:01:51.630
The concept of layers is also very important

26
00:01:51.630 --> 00:01:56.430
and many tasks are done by arranging each of these layers

27
00:01:56.430 --> 00:02:04.126
 in the timeline and working with them

28
00:02:04.126 --> 00:02:08.876
Also, this timeline is where the actual work is done

29
00:02:08.876 --> 00:02:12.526
by setting the playback time of the layer

30
00:02:12.526 --> 00:02:16.656
or creating keyframes

31
00:02:16.656 --> 00:02:19.106
This time is very important

32
00:02:19.106 --> 00:02:25.043
No matter what effect you put in

33
00:02:25.043 --> 00:02:29.085
the time setting is important

34
00:02:29.085 --> 00:02:34.438
You can control the speed

35
00:02:34.438 --> 00:02:36.938
such as when it starts and ends

36
00:02:36.938 --> 00:02:42.181
and tell various motion stories

37
00:02:42.181 --> 00:02:45.431
so the concept of time is important

38
00:02:45.431 --> 00:02:48.894
So, it's the timeline

39
00:02:48.894 --> 00:02:54.576
What does this timeline have?

40
00:02:54.576 --> 00:03:01.557
It has so many functions

41
00:03:01.557 --> 00:03:08.706
I think it would be good to go over them one by one

42
00:03:08.706 --> 00:03:14.906
First, I've enlarged the timeline

43
00:03:14.906 --> 00:03:20.429
and the current time is set like this on the upper left

44
00:03:20.429 --> 00:03:27.079
You can see the current time with this time indicator

45
00:03:30.517 --> 00:03:33.367
If you hold down Ctrl and click on this

46
00:03:33.367 --> 00:03:36.167
you can change this display style

47
00:03:36.167 --> 00:03:40.171
to this timecode frame format

48
00:03:40.171 --> 00:03:44.071
Right next to it is a search box

49
00:03:44.071 --> 00:03:49.844
This is a quick find

50
00:03:49.844 --> 00:03:53.244
If you press Ctrl+F to activate it

51
00:03:53.244 --> 00:03:57.725
you can search for the layer's name or property

52
00:04:00.517 --> 00:04:04.567
Next to it is this composition chart

53
00:04:04.567 --> 00:04:08.817
Next to it is this who shows the composition

54
00:04:08.817 --> 00:04:10.488
as a small flow chart

55
00:04:10.488 --> 00:04:15.290
I think it would be good to click on them one by one

56
00:04:17.488 --> 00:04:21.388
Next to it is the fourth Hide from Timeline panel

57
00:04:21.388 --> 00:04:24.038
Smooth movement of the video

58
00:04:24.038 --> 00:04:29.676
Show Layer's Motion Blur, Graph Editor

59
00:04:29.676 --> 00:04:36.448
Next to it is the time navigator and the work area

60
00:04:38.161 --> 00:04:42.231
There are so many functions just above

61
00:04:42.231 --> 00:04:47.409
First of all, the current time is important to us

62
00:04:47.409 --> 00:04:53.488
Another important thing is the time navigator

63
00:04:53.488 --> 00:04:57.191
Time is the most important

64
00:04:57.191 --> 00:05:01.691
The reason why this work area is important is

65
00:05:01.691 --> 00:05:03.991
because we can drag and set

66
00:05:03.991 --> 00:05:06.577
this work area

67
00:05:06.577 --> 00:05:13.277
If the work area is narrower than I intended

68
00:05:13.277 --> 00:05:17.842
or there are too many, the video may be cut off when extracted

69
00:05:17.842 --> 00:05:21.419
or the video may be extracted too much

70
00:05:21.419 --> 00:05:23.919
So it is important always to check that

71
00:05:23.919 --> 00:05:27.072
this work area is set correctly

72
00:05:29.567 --> 00:05:33.884
Another important thing is the Graph Editor

73
00:05:33.884 --> 00:05:38.934
Graph Editor is important because it is about time

74
00:05:38.934 --> 00:05:44.488
and this can finely adjust the speed

75
00:05:44.488 --> 00:05:46.438
That is why it is important

76
00:05:46.438 --> 00:05:51.388
The things to remember on the top line are Current Time, Graph Editor

77
00:05:51.388 --> 00:05:56.359
Time Navigator, and Work Area

78
00:05:56.359 --> 00:05:59.909
Then, if you look at

79
00:05:59.909 --> 00:06:05.518
the things I marked with arrows below

80
00:06:05.518 --> 00:06:09.235
there are many functions, but you will not use them all right away

81
00:06:09.235 --> 00:06:12.627
so don't hate them too much

82
00:06:12.627 --> 00:06:15.557
If you look on the left, you will see Show/Hide

83
00:06:15.557 --> 00:06:18.152
This is shaped like an eye

84
00:06:18.152 --> 00:06:22.132
If you click on this, the eye will turn off

85
00:06:22.132 --> 00:06:24.676
It means you don't want to see this layer

86
00:06:24.676 --> 00:06:29.714
Then, if you turn it on again, you will see an eye shape like this

87
00:06:29.714 --> 00:06:32.815
which means you will see it

88
00:06:32.815 --> 00:06:37.892
Next to it, Audio On/Off

89
00:06:37.892 --> 00:06:43.023
also determines whether you want to listen 
to the audio of this layer or not

90
00:06:43.023 --> 00:06:46.587
When you work on a lot of layers, it can get confusing

91
00:06:46.587 --> 00:06:52.429
So, if you turn off the unnecessary ones for a moment, 
what will it sound like?

92
00:06:52.429 --> 00:06:54.833
If you turn them on, what will it sound like?

93
00:06:54.833 --> 00:07:00.290
You will need both of these a lot when checking

94
00:07:00.290 --> 00:07:04.082
Next, there is Solo

95
00:07:04.082 --> 00:07:08.200
This Solo means that only the selected layer 
will be displayed on the screen

96
00:07:08.200 --> 00:07:12.805
and the rest will be hidden

97
00:07:12.805 --> 00:07:18.785
Next, there is the lock, which is shaped like a key lock

98
00:07:18.785 --> 00:07:24.035
Since there are so many layers

99
00:07:24.035 --> 00:07:30.894
this layer is important and will never be changed

100
00:07:30.894 --> 00:07:35.438
If you think you won't edit this layer

101
00:07:35.438 --> 00:07:39.369
if you activate it, it will not be edited

102
00:07:39.369 --> 00:07:42.023
That's how it is

103
00:07:42.023 --> 00:07:47.723
The four in front of this are for viewing and locking

104
00:07:47.723 --> 00:07:51.320
It indicates things like whether we'll see or listen or not

105
00:07:51.320 --> 00:07:54.970
It indicate those

106
00:07:54.970 --> 00:07:57.013
I think you can understand it like that

107
00:07:57.013 --> 00:08:00.874
Next to it, there is also a tag

108
00:08:00.874 --> 00:08:04.379
It has this tag shape, and the reason for this

109
00:08:04.379 --> 00:08:07.829
is to indicate a label

110
00:08:07.829 --> 00:08:13.033
There are names of layers like this

111
00:08:13.033 --> 00:08:17.745
but you can't find them all by name, 
so when you have a lot of layers

112
00:08:17.745 --> 00:08:21.528
you can label these layers with the same color

113
00:08:21.528 --> 00:08:24.878
to indicate that they are similar

114
00:08:24.878 --> 00:08:28.597
and can be grouped

115
00:08:28.597 --> 00:08:32.143
This will reduce confusion when you work

116
00:08:32.143 --> 00:08:34.943
That's why there are labels

117
00:08:34.943 --> 00:08:36.628
Next, there is the name of the layer

118
00:08:36.628 --> 00:08:39.305
 You should name this layer well

119
00:08:39.305 --> 00:08:41.915
Because it will be confusing later

120
00:08:44.400 --> 00:08:48.281
So, we looked at the layer name

121
00:08:50.321 --> 00:08:55.627
It is written in English a little complicatedly

122
00:08:55.627 --> 00:08:58.418
but the Shy function

123
00:08:58.418 --> 00:09:03.954
is a function that enables or disables hiding the layer

124
00:09:03.954 --> 00:09:08.588
The second is the Collapse transformation

125
00:09:08.588 --> 00:09:11.188
This maintains the 3D nature

126
00:09:11.188 --> 00:09:14.964
of the composition layer, including the 3D layer

127
00:09:14.964 --> 00:09:17.764
or maintains the rasterization

128
00:09:17.764 --> 00:09:20.647
in the case of the vector layer

129
00:09:20.647 --> 00:09:23.430
It's hard, but you don't have to remember it for now

130
00:09:23.430 --> 00:09:26.230
Next, Quality and sampling

131
00:09:26.230 --> 00:09:30.044
adjust the preview quality

132
00:09:30.044 --> 00:09:34.677
Next, Effect, shows or hides the effect

133
00:09:34.677 --> 00:09:37.827
When I applied the effect

134
00:09:37.827 --> 00:09:41.093
What happened when I didn't apply it?

135
00:09:41.093 --> 00:09:44.727
If you want to see it, apply this

136
00:09:44.727 --> 00:09:49.192
You will use this a lot

137
00:09:49.192 --> 00:09:51.892
Next is Frame blending

138
00:09:51.892 --> 00:09:57.657
which is used to set the frame mix, which is often used

139
00:09:57.657 --> 00:09:59.507
Next is Motion blur

140
00:09:59.507 --> 00:10:05.143
What is Motion blur?

141
00:10:05.143 --> 00:10:11.657
It is used to activate or deactivate the blur function

142
00:10:11.657 --> 00:10:14.507
Next is Adjustment Layer

143
00:10:14.507 --> 00:10:18.647
This is used when applying effects, and it is used a lot

144
00:10:18.647 --> 00:10:21.447
There is one layer among the layers and when you want to

145
00:10:21.447 --> 00:10:25.309
apply a new effect to the lower layer

146
00:10:25.309 --> 00:10:27.420
you use this layer

147
00:10:27.420 --> 00:10:32.520
Next is the 3D Layer, which, when activated

148
00:10:32.520 --> 00:10:35.350
converts the layer to 3D

149
00:10:35.350 --> 00:10:38.697
We will use that later

150
00:10:38.697 --> 00:10:41.004
I think you can understand it like that

151
00:10:41.004 --> 00:10:44.271
CTI, this is important

152
00:10:44.271 --> 00:10:47.717
CTI is Current Time Indicator

153
00:10:47.717 --> 00:10:55.063
It tells you the time position of the part displayed on the screen

154
00:10:55.063 --> 00:11:02.192
Where it is standing is the screen I am looking at in the composition

155
00:11:02.192 --> 00:11:05.281
 I think you can understand it like that

156
00:11:05.281 --> 00:11:09.618
At first, you don't use all of these functions

157
00:11:09.618 --> 00:11:17.318
 Usually, if you know the current time, CTI

158
00:11:17.318 --> 00:11:24.093
and layer

159
00:11:24.093 --> 00:11:28.647
you will not have any difficulties when practicing, so don't worry

160
00:11:28.647 --> 00:11:34.647
Another important concept to memorize today is layers

161
00:11:34.647 --> 00:11:37.182
Layers are so important

162
00:11:37.182 --> 00:11:40.529
They are the most basic

163
00:11:40.529 --> 00:11:43.279
Layers are an important concept

164
00:11:43.279 --> 00:11:45.568
used in After Effects

165
00:11:45.568 --> 00:11:47.168
When you arrange these layers

166
00:11:47.168 --> 00:11:49.776
graphic spaces are created

167
00:11:49.776 --> 00:11:51.578
Through arrangement

168
00:11:51.578 --> 00:11:54.778
you can separate the background and objects

169
00:11:54.778 --> 00:11:57.478
to create

170
00:11:57.478 --> 00:12:01.529
individual and detailed work

171
00:12:01.529 --> 00:12:05.529
Layers are what make everything up of

172
00:12:05.529 --> 00:12:07.944
and because layers are classified

173
00:12:07.944 --> 00:12:14.449
you can create various graphics

174
00:12:14.449 --> 00:12:16.212
Okay, move on

175
00:12:16.212 --> 00:12:19.083
There are many layers

176
00:12:19.083 --> 00:12:24.103
but the most representative is Shape Layer

177
00:12:24.103 --> 00:12:27.954
Shape Layer is a shape

178
00:12:27.954 --> 00:12:34.469
a layer that creates various shapes

179
00:12:34.469 --> 00:12:37.449
The second is the text layer

180
00:12:37.449 --> 00:12:40.430
Text is text

181
00:12:40.430 --> 00:12:43.133
There is a layer where you can write text

182
00:12:43.133 --> 00:12:45.479
Then, there is Solid Layer

183
00:12:45.479 --> 00:12:49.855
This Solid Layer is a cross-section

184
00:12:49.855 --> 00:12:52.449
A cross-section, a surface

185
00:12:52.449 --> 00:12:57.999
It is usually used when you want to remove the alpha value

186
00:12:57.999 --> 00:13:00.123
from the background

187
00:13:00.123 --> 00:13:03.816
What was it that I mentioned earlier?

188
00:13:03.816 --> 00:13:07.024
There is also an Adjustment Layer

189
00:13:07.024 --> 00:13:09.667
You can understand it like that

190
00:13:09.667 --> 00:13:13.182
The next important concept is Keyframe concept

191
00:13:13.182 --> 00:13:15.341
Keyframe concept is

192
00:13:15.341 --> 00:13:20.251
an essential element in creating animation

193
00:13:20.251 --> 00:13:23.014
Keyframes and layers are important

194
00:13:23.014 --> 00:13:27.430
If you enter the desired value in the measurement time

195
00:13:27.430 --> 00:13:30.675
you can use the stopwatch to create

196
00:13:30.675 --> 00:13:32.400
the desired keyframe

197
00:13:35.073 --> 00:13:36.964
It is related to time

198
00:13:36.964 --> 00:13:41.647
If there are at least two keyframes, movement is created

199
00:13:41.647 --> 00:13:47.459
You will understand this right away when you practice

200
00:13:47.459 --> 00:13:51.449
This is because movement is created

201
00:13:51.449 --> 00:13:56.123
This keyframe concept will be used often

202
00:13:56.123 --> 00:14:01.974
so please familiarize yourself with it and practice

203
00:14:01.974 --> 00:14:05.479
We will practice layers and keyframes

204
00:14:05.900 --> 00:14:08.949
Practical Exercise: Layers and Keyframes

205
00:14:09.400 --> 00:14:14.024
First, let's take a look at the compositions

206
00:14:14.024 --> 00:14:21.124
The compositions are Maze Game Complete, 
Basketball Bouncing Complete

207
00:14:21.124 --> 00:14:25.274
Character Creation Practice, Maze Game Keyframe Practice

208
00:14:25.274 --> 00:14:27.824
Basketball Bouncing, and Graph Editor Practice

209
00:14:27.824 --> 00:14:30.053
It's like this

210
00:14:30.053 --> 00:14:34.875
I've created several compositions

211
00:14:34.875 --> 00:14:39.994
so I'll put the indicator on Maze Game Complete

212
00:14:39.994 --> 00:14:43.331
and press the space bar

213
00:14:52.608 --> 00:15:02.341
This cloud character is going to the four-leaf clover

214
00:15:02.341 --> 00:15:08.241
I will video him solving the maze and going to

215
00:15:08.241 --> 00:15:12.400
the four-leaf clover

216
00:15:17.836 --> 00:15:22.568
I made this once for keyframe practice

217
00:15:22.568 --> 00:15:25.459
and will make a video like this

218
00:15:29.766 --> 00:15:34.271
Then, there's the third character creation layer practice, right?

219
00:15:34.271 --> 00:15:36.964
Click on it

220
00:15:36.964 --> 00:15:39.232
Then, there's nothing

221
00:15:39.232 --> 00:15:42.430
There's nothing

222
00:15:42.430 --> 00:15:44.519
We have to make everything

223
00:15:46.697 --> 00:15:49.608
But here

224
00:15:49.608 --> 00:15:53.133
we're going to make only the four-leaf clover character

225
00:15:53.133 --> 00:15:57.123
We're going to make only the four-leaf clover character

226
00:15:57.123 --> 00:16:00.034
We're going to use the shape layer

227
00:16:00.034 --> 00:16:07.529
If you go in the toolbar

228
00:16:07.529 --> 00:16:10.430
you'll see the Rectangle Tool

229
00:16:10.430 --> 00:16:13.980
If you click on this for a long time

230
00:16:13.980 --> 00:16:19.905
you can see what shape layers you can create next to it

231
00:16:19.905 --> 00:16:25.085
There are squares, rounded squares, ovals, stars

232
00:16:25.085 --> 00:16:27.133
things like these

233
00:16:27.133 --> 00:16:34.053
We're going to make the most basic square first

234
00:16:34.053 --> 00:16:39.677
Think of this as a drawing paper

235
00:16:39.677 --> 00:16:44.865
click and drag like this

236
00:16:48.845 --> 00:16:51.529
Did you drag it?

237
00:16:56.063 --> 00:16:58.529
You're going to drag it

238
00:16:58.529 --> 00:17:01.929
Strange? When I pulled it earlier

239
00:17:01.929 --> 00:17:04.261
it came out as a rectangle

240
00:17:04.261 --> 00:17:08.489
but this time, it came out as a square

241
00:17:08.489 --> 00:17:11.789
How do I do this? Press Shift

242
00:17:11.789 --> 00:17:13.885
I'll do Ctrl+Z and do it again

243
00:17:13.885 --> 00:17:19.212
If you hold down Shift and drag

244
00:17:19.212 --> 00:17:23.083
it will appear square

245
00:17:23.083 --> 00:17:25.786
I'll make it a square

246
00:17:25.786 --> 00:17:29.509
I made it big so you can see it bigger

247
00:17:29.509 --> 00:17:34.578
Since we're practicing, you can make it bigger

248
00:17:34.578 --> 00:17:40.341
The red here isn't a four-leaf clover

249
00:17:40.341 --> 00:17:42.420
Let's change the color

250
00:17:42.430 --> 00:17:47.420
Here, there's Fill and Stroke

251
00:17:47.420 --> 00:17:49.905
They're fill and stroke

252
00:17:49.905 --> 00:17:52.133
and you can use them

253
00:17:52.133 --> 00:17:54.143
First, let's press Fill

254
00:17:54.143 --> 00:17:56.835
If you press it, you'll see options

255
00:17:56.835 --> 00:18:00.335
like "No fill," "Fill,"

256
00:18:00.335 --> 00:18:03.618
and "Add a little effect"

257
00:18:03.618 --> 00:18:07.103
I will say, "I'm going to paint this,"

258
00:18:07.103 --> 00:18:09.578
you can also adjust the Opacity here

259
00:18:09.578 --> 00:18:14.083
If you put the cursor over it, an arrow will appear like this

260
00:18:14.083 --> 00:18:18.628
If you move it to the left, it will be transparent

261
00:18:18.628 --> 00:18:21.778
If you move it to the right

262
00:18:21.778 --> 00:18:25.459
it will be opaque

263
00:18:25.459 --> 00:18:29.321
First, I'm going to paint with a solid color

264
00:18:29.321 --> 00:18:31.657
I've selected the option OK

265
00:18:31.657 --> 00:18:33.007
Then, for the color

266
00:18:33.007 --> 00:18:38.024
click on the square next to Fill

267
00:18:38.024 --> 00:18:42.558
A color will appear like this when you click on the square

268
00:18:42.558 --> 00:18:47.508
Here, I will make a green

269
00:18:47.508 --> 00:18:52.489
a color close to green

270
00:18:52.489 --> 00:18:56.389
You can intuitively create

271
00:18:56.389 --> 00:18:59.509
the color you want

272
00:18:59.509 --> 00:19:01.608
I thought this color was appropriate

273
00:19:01.608 --> 00:19:09.548
so I set the number to 4FD9EF

274
00:19:09.548 --> 00:19:11.390
I clicked OK

275
00:19:11.400 --> 00:19:19.212
Then, we've created a light green square

276
00:19:19.212 --> 00:19:24.400
Since I've painted here, we need to look at the Stroke, right?

277
00:19:24.400 --> 00:19:26.667
If you click on the Stroke

278
00:19:26.667 --> 00:19:32.967
there are four options

279
00:19:32.967 --> 00:19:34.917
There will and won't be stroke

280
00:19:34.917 --> 00:19:37.054
I'll apply an effect to the stroke

281
00:19:37.054 --> 00:19:39.093
I'm going to use a solid color

282
00:19:39.093 --> 00:19:42.469
You can adjust this Opacity as well

283
00:19:42.469 --> 00:19:44.023
but to make it visible

284
00:19:44.023 --> 00:19:47.420
I'll just leave it at 100 and click OK

285
00:19:47.420 --> 00:19:48.677
Click OK

286
00:19:48.677 --> 00:19:52.400
Likewise, clicking on the surface next to the Stroke

287
00:19:52.400 --> 00:19:55.905
changes the Stroke's color

288
00:19:55.905 --> 00:19:58.905
You can change the color

289
00:19:58.905 --> 00:20:02.449
But in my case, I'll just leave it as FFFFFF

290
00:20:02.449 --> 00:20:04.960
I'll just leave it as white

291
00:20:04.960 --> 00:20:07.600
Click OK

292
00:20:07.600 --> 00:20:11.800
If you look next to it, there is a Stroke width

293
00:20:11.800 --> 00:20:14.920
If you hover over this

294
00:20:14.920 --> 00:20:19.080
an arrow will appear like this

295
00:20:19.080 --> 00:20:21.559
The wider you make it, the wider it becomes

296
00:20:21.559 --> 00:20:23.840
the smaller you make it, the less it disappears

297
00:20:23.840 --> 00:20:27.080
I'll make it 13 so that

298
00:20:27.080 --> 00:20:35.279
you can see it well

299
00:20:35.279 --> 00:20:38.560
Yes, let's make it 15

300
00:20:38.560 --> 00:20:42.599
Make it 15

301
00:20:42.599 --> 00:20:44.119
Press V

302
00:20:44.119 --> 00:20:46.200
If you press somewhere else

303
00:20:46.200 --> 00:20:51.119
a square will be created like this

304
00:20:51.119 --> 00:20:57.639
Then, you might be thinking

305
00:20:57.639 --> 00:21:00.680
How can I make this square point

306
00:21:00.680 --> 00:21:03.560
in the direction of the clover?

307
00:21:03.560 --> 00:21:05.360
Let's change it

308
00:21:05.360 --> 00:21:09.480
This time, instead of the Composition panel

309
00:21:09.480 --> 00:21:12.440
we'll look at the Timeline panel

310
00:21:12.440 --> 00:21:14.360
I'll raise it to show you

311
00:21:14.360 --> 00:21:17.529
the Timeline panel better

312
00:21:17.529 --> 00:21:21.120
When I raise it, if you want to see the panel bigger

313
00:21:21.120 --> 00:21:25.639
or smaller, you can click and drag

314
00:21:25.639 --> 00:21:28.919
between the panels like I did

315
00:21:28.919 --> 00:21:30.839
Likewise, you can adjust it

316
00:21:30.839 --> 00:21:34.599
like this on the side

317
00:21:34.599 --> 00:21:40.000
You can adjust it here, too

318
00:21:40.000 --> 00:21:43.040
I think that's enough

319
00:21:43.080 --> 00:21:47.599
We're going to work on this Shape Layer

320
00:21:47.599 --> 00:21:52.279
in the third composition

321
00:21:52.279 --> 00:21:55.480
So you should always select the layer you will work on

322
00:21:55.480 --> 00:21:58.760
That's the only way to apply the effect

323
00:21:58.760 --> 00:22:04.879
If you look next to the content, there's Add

324
00:22:04.879 --> 00:22:08.199
What are you going to add?

325
00:22:08.199 --> 00:22:10.399
Let's press the arrow

326
00:22:10.399 --> 00:22:14.000
There are various effects

327
00:22:14.000 --> 00:22:16.080
Let's select one of the effects

328
00:22:16.080 --> 00:22:19.119
and use it

329
00:22:19.119 --> 00:22:21.000
Let's press the one

330
00:22:21.000 --> 00:22:23.839
called Pucker & Bloat

331
00:22:23.839 --> 00:22:29.600
It's under Offset Paths here

332
00:22:29.600 --> 00:22:32.039
If you press this

333
00:22:32.039 --> 00:22:33.880
What happened?

334
00:22:33.880 --> 00:22:35.440
There's distortion

335
00:22:35.440 --> 00:22:36.800
When there's distortion

336
00:22:36.800 --> 00:22:41.479
there's content called Pucker & Bloat below

337
00:22:41.479 --> 00:22:43.000
You can open this

338
00:22:43.000 --> 00:22:46.960
If you open it, it says Amount

339
00:22:46.960 --> 00:22:51.000
This means how much distortion

340
00:22:51.000 --> 00:22:53.279
you're going to do

341
00:22:53.279 --> 00:22:56.960
How much?

342
00:22:56.960 --> 00:22:59.919
If unsure

343
00:22:59.919 --> 00:23:02.000
you can always adjust it

344
00:23:02.000 --> 00:23:04.039
by placing the cursor over this number

345
00:23:04.039 --> 00:23:06.194
Let's adjust it

346
00:23:06.194 --> 00:23:10.759
The more you go to the minus, the more concave it becomes

347
00:23:10.759 --> 00:23:15.240
the more you go to the plus, the more blocked it becomes

348
00:23:15.240 --> 00:23:20.960
It's almost like a four-leaf clover

349
00:23:20.960 --> 00:23:25.160
If you stop, it's about 75

350
00:23:25.160 --> 00:23:27.279
It's about 75

351
00:23:27.279 --> 00:23:32.320
You can make it like this

352
00:23:32.320 --> 00:23:36.839
If you've made it like this

353
00:23:36.839 --> 00:23:39.919
let's make a stem

354
00:23:39.919 --> 00:23:43.320
Select the same shape layer

355
00:23:43.320 --> 00:23:45.600
and make it with the pen tool

356
00:23:45.600 --> 00:23:47.960
We'll make it with the pen tool

357
00:23:47.960 --> 00:23:51.240
If you drag the pen tool on the toolbar

358
00:23:51.240 --> 00:23:55.199
there are a lot of effects

359
00:23:55.199 --> 00:23:59.800
but for now, we'll use the pen tool

360
00:23:59.800 --> 00:24:02.839
I will draw it here

361
00:24:02.839 --> 00:24:04.320
You have to follow it carefully

362
00:24:04.320 --> 00:24:06.520
Click once

363
00:24:06.520 --> 00:24:12.399
hen drag while holding the click

364
00:24:12.399 --> 00:24:16.880
and then click once more to make a curve

365
00:24:16.880 --> 00:24:18.359
Don't panic

366
00:24:18.359 --> 00:24:20.119
just click on the curve like this

367
00:24:20.119 --> 00:24:23.920
But I didn't want to make this shape

368
00:24:23.920 --> 00:24:27.760
The same Pucker & Bloat Amount amount

369
00:24:27.760 --> 00:24:31.200
as before was applied here

370
00:24:31.200 --> 00:24:38.119
In this case, you have to drag this newly created shape

371
00:24:38.119 --> 00:24:43.559
all the way down to the Pucker

372
00:24:43.559 --> 00:24:46.994
and release it to solve the problem

373
00:24:46.994 --> 00:24:48.480
A blue line will appear

374
00:24:48.480 --> 00:24:50.920
If you drop it here

375
00:24:50.920 --> 00:24:53.839
the effect won't be applied

376
00:24:53.839 --> 00:24:58.890
This is because everything is based on the layer above

377
00:24:58.890 --> 00:25:04.160
However, since this fill has been formed

378
00:25:04.160 --> 00:25:06.440
I'll remove this

379
00:25:06.440 --> 00:25:10.600
Go to Fil

380
00:25:10.600 --> 00:25:14.920
Remove it

381
00:25:14.920 --> 00:25:16.720
Done

382
00:25:16.720 --> 00:25:20.200
Here, we need to adjust the position

383
00:25:20.200 --> 00:25:23.600
of Shape 1 a little bit

384
00:25:23.600 --> 00:25:25.880
To do that, go to Transform

385
00:25:25.880 --> 00:25:37.200
Our position is slightly different on the right and left

386
00:25:37.200 --> 00:25:39.359
so push it like this

387
00:25:39.359 --> 00:25:43.880
and put it inside

388
00:25:43.880 --> 00:25:47.480
If it matches like this, it should be about right

389
00:25:47.480 --> 00:25:49.839
It should be about right

390
00:25:49.839 --> 00:25:52.079
You've made it right

391
00:25:52.079 --> 00:25:55.679
Now

392
00:25:55.679 --> 00:26:01.477
 since we made it with the pen

393
00:26:01.477 --> 00:26:05.000
and rectangle drawing tools

394
00:26:05.000 --> 00:26:08.600
press V to change it to select

395
00:26:08.600 --> 00:26:11.239
merge it into one

396
00:26:11.239 --> 00:26:16.559
and drag it like this

397
00:26:16.559 --> 00:26:23.000
and go to Add with it selected

398
00:26:23.000 --> 00:26:23.959
What should I do?

399
00:26:23.959 --> 00:26:28.239
Press Merge Paths

400
00:26:28.239 --> 00:26:30.920
Oh, what happens?

401
00:26:30.920 --> 00:26:32.320
It becomes one

402
00:26:32.320 --> 00:26:34.880
It becomes one

403
00:26:34.880 --> 00:26:38.119
If the color disappears when it becomes one

404
00:26:38.119 --> 00:26:42.920
move Merge Path to the top to solve it

405
00:26:42.959 --> 00:26:51.000
Yes, you can make it like this

406
00:26:51.000 --> 00:26:52.399
Yes, like this

407
00:26:52.399 --> 00:26:58.559
I'm going to rotate the content itself a little like this

408
00:26:58.559 --> 00:27:01.239
Go to Transform

409
00:27:01.239 --> 00:27:07.160
click Rotation, and drag it

410
00:27:07.160 --> 00:27:09.839
If you do it like this

411
00:27:09.839 --> 00:27:11.920
it's a bit burdensome

412
00:27:11.920 --> 00:27:16.359
so I'll reduce it

413
00:27:16.359 --> 00:27:18.640
Do it like this

414
00:27:18.640 --> 00:27:22.480
When we move, there are two things

415
00:27:22.480 --> 00:27:23.959
There are two Scales

416
00:27:23.959 --> 00:27:27.040
and two Positions

417
00:27:27.040 --> 00:27:30.079
If you look here, there's a shape

418
00:27:30.079 --> 00:27:35.320
hanging like a keychain

419
00:27:35.320 --> 00:27:40.079
This means that it's going to move at the same rate

420
00:27:40.079 --> 00:27:42.480
If you want to move them separately

421
00:27:42.480 --> 00:27:43.799
you can release them

422
00:27:43.799 --> 00:27:47.239
Click to release them

423
00:27:47.239 --> 00:27:48.279
Okay?

424
00:27:48.279 --> 00:27:49.640
If you've come this far

425
00:27:49.640 --> 00:27:54.679
we can create something

426
00:27:54.679 --> 00:27:57.239
with shape layers

427
00:27:57.239 --> 00:27:59.200
We can create graphics

428
00:27:59.200 --> 00:28:00.959
Among shape layers

429
00:28:00.959 --> 00:28:04.600
we created it with the rectangle tool and the pen tool

430
00:28:04.600 --> 00:28:07.760
You can understand it like this

431
00:28:07.760 --> 00:28:11.279
You've all entered the mirror game?

432
00:28:11.279 --> 00:28:14.559
Let's retake a look

433
00:28:14.559 --> 00:28:18.040
How do we give this movement?

434
00:28:18.040 --> 00:28:23.399
We'll provide it using keyframes

435
00:28:23.399 --> 00:28:27.399
If you look at it, it only moves in the X-axis, Y-axis

436
00:28:27.399 --> 00:28:33.479
horizontal, and vertical directions

437
00:28:33.479 --> 00:28:42.000
Let's create an animation of it

438
00:28:42.000 --> 00:28:46.159
moving and finding its way using keyframes

439
00:28:46.159 --> 00:28:48.799
This is the finished version

440
00:28:48.799 --> 00:28:53.520
So we have 1, 2, 3, 4, 5

441
00:28:53.520 --> 00:28:57.359
If you go to the fourth

442
00:28:57.359 --> 00:29:00.640
If you click on the fourth composition

443
00:29:00.640 --> 00:29:06.359
there is this guy without any animation

444
00:29:06.359 --> 00:29:08.919
The four-leaf clover will stay still

445
00:29:08.919 --> 00:29:11.760
so that we will leave it

446
00:29:11.760 --> 00:29:15.280
The cloud will move

447
00:29:15.280 --> 00:29:20.799
so I made a mirror for now

448
00:29:20.799 --> 00:29:25.479
I made a medium orange solid color, and the background, too

449
00:29:25.479 --> 00:29:28.239
You just need to move the cloud

450
00:29:28.239 --> 00:29:31.320
Shall we open the cloud?

451
00:29:31.320 --> 00:29:35.770
The cloud contains various traces

452
00:29:35.770 --> 00:29:38.400
and contents that we made

453
00:29:38.400 --> 00:29:42.239
We will only use the transformation below this

454
00:29:42.239 --> 00:29:44.000
Yes, it is very easy

455
00:29:44.000 --> 00:29:47.640
We will only use this

456
00:29:47.640 --> 00:29:51.960
If you click on the cloud transformation

457
00:29:51.960 --> 00:29:58.159
and the position and position values are activated

458
00:29:58.159 --> 00:30:05.960
This diamond is a keyframe that marks the time

459
00:30:05.960 --> 00:30:16.000
and I set it to -181.4 and 132.1

460
00:30:16.000 --> 00:30:18.719
I marked that position value

461
00:30:18.719 --> 00:30:23.869
But we can't understand the distance

462
00:30:23.869 --> 00:30:27.559
with numbers like this

463
00:30:27.559 --> 00:30:31.960
So, we will not do it with numbers

464
00:30:31.960 --> 00:30:37.799
I will move it by 1 second

465
00:30:37.799 --> 00:30:40.149
If you drag this indicator

466
00:30:40.149 --> 00:30:42.719
it will move exactly every 1 or 2 second

467
00:30:42.719 --> 00:30:50.960
After moving it around 2 seconds

468
00:30:50.960 --> 00:30:53.679
I will move this

469
00:30:53.679 --> 00:30:59.039
I will move it to here in the composition

470
00:30:59.039 --> 00:31:03.719
Move it here and let go

471
00:31:03.719 --> 00:31:10.799
The moment you let go, a diamond appears in the timeline panel

472
00:31:10.799 --> 00:31:17.119
This means that I'm going to specify this time and distance here

473
00:31:17.119 --> 00:31:20.869
I will move the indicator to the beginning

474
00:31:20.869 --> 00:31:25.150
and press the space bar

475
00:31:25.150 --> 00:31:28.159
It came until here

476
00:31:28.159 --> 00:31:31.760
I'll do it again

477
00:31:31.760 --> 00:31:36.000
This time, I'll put the indicator at around 4 seconds
No, it's a little short

478
00:31:36.000 --> 00:31:43.599
so it's about 3 seconds

479
00:31:43.599 --> 00:31:48.320
and I'll lower this

480
00:31:48.320 --> 00:31:51.440
I'll lower it diagonally

481
00:31:51.440 --> 00:31:54.440
I'll look at it again

482
00:31:54.440 --> 00:31:57.000
It went and came down

483
00:31:57.000 --> 00:31:59.559
Yes, it came down

484
00:31:59.559 --> 00:32:00.960
Do you get it?

485
00:32:00.960 --> 00:32:02.760
One more time

486
00:32:02.760 --> 00:32:08.671
I have to go farther down that road

487
00:32:08.671 --> 00:32:14.039
so I'll stop the indicator at around 5 seconds and go

488
00:32:14.039 --> 00:32:16.359
 I'll go all the way

489
00:32:16.359 --> 00:32:18.840
I'll go all the way here

490
00:32:18.840 --> 00:32:21.880
I have to go down again,

491
00:32:21.880 --> 00:32:27.080
so move the indicator slightly and go all the way

492
00:32:27.080 --> 00:32:34.280
Move the indicator again and go all the way

493
00:32:34.280 --> 00:32:40.000
Move the indicator, and if it seems a little far

494
00:32:40.000 --> 00:32:42.159
I've come to 11 seconds now

495
00:32:42.159 --> 00:32:47.520
Let's go ahead and move it to the end

496
00:32:47.520 --> 00:32:51.393
and then do a mid-check

497
00:32:56.709 --> 00:33:00.479
You can move this guy's position value in the composition panel

498
00:33:00.479 --> 00:33:05.440
without having to input a numeric value

499
00:33:05.440 --> 00:33:11.559
In the timeline panel, position the time value

500
00:33:11.559 --> 00:33:15.840
and move the distance position in the composition

501
00:33:15.840 --> 00:33:18.840
Move it like this

502
00:33:18.840 --> 00:33:23.880
Then go further

503
00:33:23.880 --> 00:33:27.919
and this time, let's go a little longer

504
00:33:27.919 --> 00:33:34.440
Go all the way to the four-leaf clover

505
00:33:34.440 --> 00:33:37.799
I finished in 18 seconds

506
00:33:37.799 --> 00:33:39.719
Let's take a look

507
00:33:39.719 --> 00:33:42.723
Move it in front of the indicator and press the space bar

508
00:34:00.450 --> 00:34:04.320
We arrived

509
00:34:04.320 --> 00:34:07.440
This is how you can do it

510
00:34:07.440 --> 00:34:09.320
It finished earlier

511
00:34:09.320 --> 00:34:13.359
than the time zone I created

512
00:34:13.359 --> 00:34:19.000
If you finish early and want to finish here

513
00:34:19.000 --> 00:34:25.690
you can move this work area

514
00:34:31.320 --> 00:34:35.640
I'll do that later

515
00:34:35.640 --> 00:34:40.400
You can move this work area like this

516
00:34:40.400 --> 00:34:42.960
You can only move the work area up to 18

517
00:34:42.960 --> 00:34:47.039
and extract this much

518
00:34:47.039 --> 00:34:51.694
Yes, do you understand?

519
00:34:51.694 --> 00:34:55.320
We marked a point like this

520
00:34:55.320 --> 00:34:59.200
and changed the position value in the composition

521
00:34:59.200 --> 00:35:01.080
We did that

522
00:35:01.080 --> 00:35:05.799
but now you can move it right here

523
00:35:05.799 --> 00:35:11.119
or if you put the cursor over our numeric value like this

524
00:35:11.119 --> 00:35:15.679
the numeric value will change

525
00:35:15.679 --> 00:35:20.200
You can use that to create it

526
00:35:20.200 --> 00:35:23.640
Enoughly

527
00:35:23.640 --> 00:35:28.799
Then, there is one bad thing

528
00:35:28.799 --> 00:35:33.200
What is it?

529
00:35:33.200 --> 00:35:35.599
Can't we make this speed a little more natural?

530
00:35:35.599 --> 00:35:37.919
This question arises

531
00:35:37.919 --> 00:35:42.960
So we will practice the speed a little more

532
00:35:42.960 --> 00:35:46.880
This time, let's select the second composition

533
00:35:46.880 --> 00:35:48.880
Basketball Bouncing Complete

534
00:35:48.880 --> 00:35:52.440
Let's set the indicator to 0, zero point

535
00:35:52.440 --> 00:35:55.119
and play it

536
00:35:55.119 --> 00:35:57.441
Play it with Backspace

537
00:36:02.490 --> 00:36:06.280
How does the basketball go?

538
00:36:06.280 --> 00:36:13.239
The basketball bounces and bounces

539
00:36:13.239 --> 00:36:23.408
There is some kind of deceleration and acceleration

540
00:36:23.408 --> 00:36:29.359
Let's practice how to make

541
00:36:29.359 --> 00:36:32.960
this deceleration and acceleration for the basketball

542
00:36:32.960 --> 00:36:39.760
We will use Graph Editor

543
00:36:39.760 --> 00:36:46.080
You can adjust the speed quite precisely

544
00:36:46.080 --> 00:36:52.960
So, let's use this function

545
00:36:52.960 --> 00:36:57.159
This is another completed composition example

546
00:36:57.159 --> 00:37:03.400
to practice the fifth Basketball Bouncing Graph Editor

547
00:37:03.400 --> 00:37:06.040
Activate the composition

548
00:37:06.040 --> 00:37:07.119
There is nothing

549
00:37:07.119 --> 00:37:09.160
We will fill it in

550
00:37:09.160 --> 00:37:13.959
How to do it is in the Project panel

551
00:37:13.959 --> 00:37:16.040
There is a basketball PNG file

552
00:37:16.040 --> 00:37:20.239
so you need to drag it

553
00:37:20.239 --> 00:37:30.040
and change the scale to change it

554
00:37:30.040 --> 00:37:33.680
If you set a keyframe

555
00:37:33.680 --> 00:37:39.239
to around 860 in frame 15

556
00:37:39.239 --> 00:37:42.479
it will fall vertically

557
00:37:42.479 --> 00:37:47.000
It will fall

558
00:37:47.000 --> 00:37:49.119
It falls

559
00:37:49.119 --> 00:38:00.239
If you press Ctrl+C at the point of 860

560
00:38:00.239 --> 00:38:06.800
you can copy and paste it at regular intervals

561
00:38:06.800 --> 00:38:11.116
Copy and paste

562
00:38:11.119 --> 00:38:12.419
I made

563
00:38:12.419 --> 00:38:15.219
3, 4, 5, 6, 7, 8

564
00:38:15.219 --> 00:38:22.119
9 diamonds

565
00:38:22.119 --> 00:38:26.719
Right now, nothing has changed

566
00:38:26.719 --> 00:38:28.760
It doesn't

567
00:38:28.760 --> 00:38:30.520
Now, I'm going to make a change

568
00:38:30.520 --> 00:38:33.719
How to do it? Graph Editor

569
00:38:33.719 --> 00:38:36.959
Click Graph Editor

570
00:38:36.959 --> 00:38:38.911
f you click Graph Editor

571
00:38:44.059 --> 00:38:50.000
a straight line will appear, and the graph will appear linearly

572
00:38:50.000 --> 00:38:56.000
but to make it curved and adjust it

573
00:38:56.000 --> 00:38:58.520
select the entire thing

574
00:38:58.520 --> 00:39:03.040
and then select Easy Ease, and a point will appear

575
00:39:03.040 --> 00:39:04.119
A point will appear

576
00:39:04.119 --> 00:39:08.760
and this Easy Ease can also be used with the F9 shortcut key

577
00:39:08.760 --> 00:39:10.800
Click somewhere else

578
00:39:10.800 --> 00:39:13.560
Did you see the points that appeared earlier?

579
00:39:13.560 --> 00:39:15.920
We're going to adjust them

580
00:39:15.920 --> 00:39:19.359
and let's make a curve

581
00:39:19.359 --> 00:39:22.560
Please drag to create a curve

582
00:39:22.560 --> 00:39:25.560
and then lower the curve from the midpoint here

583
00:39:25.560 --> 00:39:27.959
Lower it a lot

584
00:39:27.959 --> 00:39:38.160
Please create a curve that gradually goes up

585
00:39:38.160 --> 00:39:51.880
If you make it like this

586
00:39:51.880 --> 00:39:54.199
Shall we take a look?

587
00:39:54.199 --> 00:39:59.680
Press spacebar, and ball bounces

588
00:39:59.680 --> 00:40:08.280
The speed changes like this

589
00:40:08.280 --> 00:40:12.640
Then, we can't make it in a place like this

590
00:40:12.640 --> 00:40:16.000
So, let's take a look at our X-axis

591
00:40:16.000 --> 00:40:23.871
I will drag the X Position to the left

592
00:40:23.871 --> 00:40:27.479
with the indicator in front

593
00:40:27.479 --> 00:40:32.640
Drag it all the way so that it's almost invisible

594
00:40:32.640 --> 00:40:35.599
Let's do that

595
00:40:35.599 --> 00:40:40.719
and then, with the indicator at the very end

596
00:40:40.719 --> 00:40:43.280
drag the X Position

597
00:40:43.280 --> 00:40:46.400
Should I make it go all the way out?

598
00:40:46.400 --> 00:40:49.000
I'm going to make it almost out

599
00:40:49.000 --> 00:40:52.280
I did it around 194.3

600
00:40:52.280 --> 00:40:55.359
I did it around 194.3

601
00:40:55.359 --> 00:40:59.280
Let's see

602
00:40:59.280 --> 00:41:05.119
Put the indicator in front

603
00:41:05.119 --> 00:41:08.119
Put it

604
00:41:08.119 --> 00:41:11.400
Ball bounces

605
00:41:11.400 --> 00:41:13.199
It goes over

606
00:41:13.199 --> 00:41:14.530
Let's retake a look

607
00:41:28.479 --> 00:41:32.040
Give it a bounce like this

608
00:41:32.040 --> 00:41:36.199
give this guy X Position the same Graph Editor

609
00:41:36.199 --> 00:41:40.680
make two selections

610
00:41:40.680 --> 00:41:42.239
and give it Easy Ease

611
00:41:42.239 --> 00:41:44.839
Then, it'll be a little more natural

612
00:41:44.839 --> 00:41:47.639
Bounce bounce bounce

613
00:41:51.520 --> 00:41:54.680
Please move it yourself

614
00:41:54.680 --> 00:42:00.479
to see how it can be more natural

615
00:42:00.479 --> 00:42:03.920
How can I make it more natural?

616
00:42:03.920 --> 00:42:05.800
How can I make it more natural?

617
00:42:05.800 --> 00:42:09.400
Should we do like this?

618
00:42:09.400 --> 00:42:16.719
Yes, please modify this bounce

619
00:42:16.719 --> 00:42:19.719
to be more natural

620
00:42:19.719 --> 00:42:24.560
Finally, close the graph editor window

621
00:42:24.560 --> 00:42:29.319
and activate Motion Blur next to it

622
00:42:29.319 --> 00:42:34.239
If you activate it, press the space bar again

623
00:42:34.239 --> 00:42:40.319
and you will see a slight motion blur

624
00:42:40.319 --> 00:42:47.119
This way, we have adjusted the speed in detail

625
00:42:47.119 --> 00:42:53.439
including acceleration and deceleration

626
00:42:53.439 --> 00:42:59.040
I think we have covered

627
00:42:59.040 --> 00:43:02.479
a lot of very basic and important concepts today

628
00:43:02.479 --> 00:43:09.040
We have learned that if you use keyframes and the graph editor well

629
00:43:09.040 --> 00:43:11.680
 you can adjust the speed

630
00:43:11.680 --> 00:43:15.680
and create animations using that speed

631
00:43:15.680 --> 00:43:17.803
We learned these

632
00:43:21.040 --> 00:43:23.680
In this session, we created graphics

633
00:43:23.680 --> 00:43:25.680
using shape layers

634
00:43:25.680 --> 00:43:29.560
and applied keyframe animations

635
00:43:29.560 --> 00:43:31.460
It was a time to familiarize yourself

636
00:43:31.460 --> 00:43:34.119
with the various layers used in After Effects

637
00:43:34.119 --> 00:43:36.839
and learn about acceleration and deceleration

638
00:43:36.839 --> 00:43:41.280
using keyframes and the graph editor

639
00:43:41.280 --> 00:43:44.119
It would be good to think of it

640
00:43:44.119 --> 00:43:48.000
as creating a layer-like drawing on a piece of paper

641
00:43:48.000 --> 00:43:50.599
and drawing on it to draw a moving picture

642
00:43:50.599 --> 00:43:52.599
Then, let's wrap up

643
00:43:52.599 --> 00:43:54.760
by summarizing what we learned in this session

644
00:43:54.760 --> 00:43:55.740
Thank you

645
00:43:56.721 --> 00:43:57.671
Vector graphics using shape layers
Timeline
Panel for managing media files in layers
Practical work is done by setting the playback time of layers or creating keyframes

646
00:43:57.671 --> 00:43:58.571
Composition of the timeline
Current time
Time Navigator
Working area: Set by dragging
Graph editor: Finely adjust the speed
Solo: Function to display only the selected layer on the screen

647
00:43:58.571 --> 00:43:59.521
Label: Function to group layers with the same color when there are many layers
Quality and Sampling: Function to adjust the preview quality

648
00:43:59.521 --> 00:44:00.521
Effect: Function to apply or not apply an effect
Motion Blur: Function to enable or disable blur

649
00:44:00.521 --> 00:44:01.523
Adjustment Layer: Layer used when applying a new effect to a lower layer
Current Time Indicator: Indicates the time position of the part currently displayed on the screen

650
00:44:01.523 --> 00:44:02.773
Layer and Keyframe Practice
Layers
You can create various graphics by classifying and arranging layers
You can create individual and detailed work by separating the background and objects

651
00:44:02.773 --> 00:44:04.023
Keyframes
An essential element in creating animations

652
00:44:04.023 --> 00:44:05.273
You can create keyframes by entering the desired values ​​at specific times and using a stopwatch
Movement is created when there are at least two keyframes

653
00:44:05.273 --> 00:44:06.499
Apply animation
Apply acceleration and deceleration with keyframes
Adjust fine speed with the graph editor