Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated:
WEBVTT
1
00:00:04.320 --> 00:00:06.900
AFTER EFFECTS COURSE 1
2
00:00:06.900 --> 00:00:09.900
LESSON 2 Basic expressions
3
00:00:12.080 --> 00:00:16.840
If I change this layer to another side
of my composition, the drawing changes.
4
00:00:16.840 --> 00:00:19.360
Like normally a layer that has Wiggle,
5
00:00:19.360 --> 00:00:22.520
we are hardly ever going to
need you to do a specific thing,
6
00:00:22.540 --> 00:00:26.800
nothing happens because what helps us
is if I now duplicate this layer ...
7
00:00:30.338 --> 00:00:33.620
the other layer make
another drawing when moving.
8
00:00:33.620 --> 00:00:38.758
If I keep duplicating the layer
they will all make a different drawing.
9
00:00:42.680 --> 00:00:44.160
We are going to do a Wiggle.
10
00:00:49.610 --> 00:00:52.500
We have this layer moving.
11
00:00:52.500 --> 00:00:57.380
What if I want the time to stop?
12
00:00:58.560 --> 00:01:02.680
Something we haven't talked about Wiggle is
that if I animate the position on my layer,
13
00:01:02.720 --> 00:01:06.480
Wiggle will continue to do so
but will respect the animation.
14
00:01:11.080 --> 00:01:15.400
Wiggle is going to do the
animation around my path.
15
00:01:15.420 --> 00:01:19.858
That will help me if I want to
give you a little randomness ...
16
00:01:22.350 --> 00:01:26.220
maybe I'm going to take 10% or 20% ...
17
00:01:27.900 --> 00:01:31.180
I just want to give a little
randomness to a trajectory,
18
00:01:31.200 --> 00:01:33.880
I can do it simply with Wiggle.
19
00:01:36.860 --> 00:01:39.340
I can add more frequency, for example.
20
00:01:42.088 --> 00:01:46.460
It's making my path but
it's adding randomness to it.
21
00:01:52.930 --> 00:01:56.460
What if I want it not to at first
22
00:01:56.460 --> 00:01:59.180
and in the end do it a lot?
23
00:02:01.200 --> 00:02:04.880
I can't change the numbers
here, I can't animate these numbers.
24
00:02:04.900 --> 00:02:09.580
For that, there is a thing
called Expressions Controls.
25
00:02:09.580 --> 00:02:13.580
They are put in the effects
and basically they are controls
26
00:02:13.580 --> 00:02:18.820
that allow us to put numbers
to expressions in After Effects.
27
00:02:18.820 --> 00:02:23.355
If I have a Slider Control,
this is basically a number,
28
00:02:23.355 --> 00:02:26.060
is a Slider with a
number that does nothing
29
00:02:26.060 --> 00:02:30.420
but we can change his
name, we can call him ...
30
00:02:36.258 --> 00:02:39.470
We can right click on the value
31
00:02:39.470 --> 00:02:44.020
and say Edit Value, say that
the Slider goes from 0 to 100,
32
00:02:44.020 --> 00:02:45.863
0 to 1000, whatever.
33
00:02:48.588 --> 00:02:54.380
I'm going to do it from 0 to 50, for
example and the Slider goes from 0 to 50.
34
00:02:55.253 --> 00:02:58.378
If I write 100 here,
it will leave me ...
35
00:02:59.480 --> 00:03:01.880
If I click and drag on the number,
36
00:03:01.880 --> 00:03:06.080
It will also let me pass the Slider,
it is to have more or less control.
37
00:03:06.120 --> 00:03:11.760
If it's a 0 to 1 Slider, it's a
bit awkward doing it from 0 to 100
38
00:03:11.800 --> 00:03:14.840
because you have to be
working nothing more than here.
39
00:03:14.880 --> 00:03:16.400
What are we going to do with this?
40
00:03:16.420 --> 00:03:19.180
Instead of amplitude,
give it a fixed number,
41
00:03:19.200 --> 00:03:22.560
with the Pick Whip we are
going to choose this number.
42
00:03:24.878 --> 00:03:28.220
Be careful in After
Effects, getting ready
43
00:03:28.220 --> 00:03:31.980
and removing the last
parenthesis, we need it.
44
00:03:35.653 --> 00:03:39.180
Right now the amplitude is 24.
45
00:03:39.180 --> 00:03:43.740
If I upload it, I can see it
directly on stage as it changes.
46
00:03:49.238 --> 00:03:53.060
What has allowed me
is to add, put a number
47
00:03:53.080 --> 00:03:55.280
that I control externally from here.
48
00:03:56.460 --> 00:04:00.540
That has an advantage and that
is that I can encourage this,
49
00:04:00.540 --> 00:04:03.860
I can come to the
Slider, make this 138,
50
00:04:03.880 --> 00:04:06.240
I give the U to get the keyframes ...
51
00:04:07.788 --> 00:04:10.300
and we're going to make it start at 0.
52
00:04:12.080 --> 00:04:15.200
It's going to start at 0, it's
not going to have almost a Wiggle,
53
00:04:15.240 --> 00:04:20.920
at some point the Wiggle will go
up and in the end it has a lot.
54
00:04:25.110 --> 00:04:29.860
This allows me to control a
lot of properties of my things.
55
00:04:33.540 --> 00:04:38.020
Could I get another Slider
Control for the frequency.
56
00:04:42.920 --> 00:04:46.360
No matter what name you give
it, it is for us to find out.
57
00:04:46.360 --> 00:04:50.880
Instead of having a 2 on the
frequency, I'd pick up here on the Pick Whip,
58
00:04:50.920 --> 00:04:55.160
It is not the title
but the Slider, there.
59
00:04:58.895 --> 00:05:04.300
Right now the frequency would be 0
but I could give it directly here,
60
00:05:04.300 --> 00:05:05.820
put the one I wanted ...
61
00:05:07.883 --> 00:05:09.860
even cheer him on,
62
00:05:09.860 --> 00:05:13.620
leave controls for another
person to configure the movement.
63
00:05:16.600 --> 00:05:20.360
Let's go back to make a
simpler example of relating a thing
64
00:05:20.400 --> 00:05:22.960
which needs a Solo
value, which is rotation,
65
00:05:23.000 --> 00:05:26.480
with one thing that is giving us
two values, which is the position.
66
00:05:26.500 --> 00:05:29.908
If I take a
rotation, I do Alt, click ...
67
00:05:32.220 --> 00:05:37.540
and I directly relate
this to the position in X ...
68
00:05:42.850 --> 00:05:48.140
directly going to take this
value to put it in my rotation.
69
00:05:53.160 --> 00:05:57.580
I could do a
multiplication, for example, by 0.8,
70
00:05:57.580 --> 00:06:02.420
so that the rotation was not so
exaggerated and rotates a little less.
71
00:06:09.483 --> 00:06:13.460
Tighter to rotation with X motion.
72
00:06:17.913 --> 00:06:21.540
What you are doing is
taking "transform position, 0".
73
00:06:21.540 --> 00:06:25.460
If I take "transform
position, 1", the 540 will take me.
74
00:06:25.460 --> 00:06:29.740
If I take "transform
position, 0", X, 735, will take me.
75
00:06:35.978 --> 00:06:41.460
Another thing that is going to be super
useful in After Effects are the loops.
76
00:06:41.460 --> 00:06:45.528
Right now we have a series of
animations and we want it to be repeated.
77
00:06:45.528 --> 00:06:49.900
We will be putting the different
types of loops to explain them.
78
00:06:49.900 --> 00:06:53.755
Let's see how we
can loop an animation.
79
00:06:53.755 --> 00:06:56.980
I come here, I hit Alt, click ...
80
00:07:00.060 --> 00:07:01.540
I'm going to remove this ...
81
00:07:02.980 --> 00:07:04.900
pulse in Alt, click ...
82
00:07:06.960 --> 00:07:10.920
and I come here to the
Expression language menu.
83
00:07:10.960 --> 00:07:15.800
I come here and at
Property we have a lot of loops.
84
00:07:15.800 --> 00:07:19.640
In general, the loop
that we will use more often
85
00:07:19.680 --> 00:07:24.440
going to be loopOut, type,
cycle on a keyframe of 0,
86
00:07:24.460 --> 00:07:26.130
you will see that it is "type, cycle".
87
00:07:26.130 --> 00:07:29.878
The loopOut type cycle, what it will
do is that when I finish my animation,
88
00:07:29.878 --> 00:07:33.540
going to start over again.
89
00:07:33.540 --> 00:07:36.940
You will do the animation
as many times as necessary,
90
00:07:36.940 --> 00:07:38.940
until the movie is finished.
91
00:07:43.360 --> 00:07:48.120
If I come to the Timeline,
I will see the Value Graph.
92
00:07:51.360 --> 00:07:55.800
To see what an expression
is doing on my Timeline,
93
00:07:55.820 --> 00:07:59.558
I have to activate this,
Show Post-Expression Graph.
94
00:08:02.800 --> 00:08:06.400
It will show me on the
Timeline how the values are
95
00:08:06.420 --> 00:08:08.020
after my expression.
96
00:08:11.153 --> 00:08:14.060
It will also show it in the paths.
97
00:08:14.060 --> 00:08:19.180
We are going to try not to do it
much because it sucks enough processor,
98
00:08:19.180 --> 00:08:22.100
it makes our project go quite slowly.
99
00:08:22.100 --> 00:08:25.380
We will show it whenever
we need it, nothing more.
100
00:08:27.380 --> 00:08:31.860
Ping-Pong, let's do the
same, I'm going to hit Alt ...
101
00:08:35.720 --> 00:08:40.620
It puts the expression down here, I
will activate what to see in the path,
102
00:08:40.620 --> 00:08:42.620
I'm going to put the expression here.
103
00:08:43.940 --> 00:08:47.220
I come here and I
say Property, loopOut
104
00:08:47.220 --> 00:08:51.060
and instead of "cycle", we are
going to write exactly what it says,
105
00:08:51.860 --> 00:08:55.660
pingpong
106
00:08:58.820 --> 00:09:00.115
What you are going to do is ...
107
00:09:09.920 --> 00:09:11.580
Ping-Pong.
108
00:09:22.400 --> 00:09:25.080
You are doing the
animation and then undoing it,
109
00:09:25.120 --> 00:09:27.080
going forward ...
110
00:09:30.378 --> 00:09:32.860
to forward and to backward.
111
00:09:32.860 --> 00:09:36.900
That is what Ping-Pong does,
the name is quite descriptive.
112
00:09:40.573 --> 00:09:42.820
Next up and let's remove this.
113
00:09:42.820 --> 00:09:46.618
When I activate Show
Post-Expression Graph,
114
00:09:46.618 --> 00:09:48.580
many times this will activate me,
115
00:09:48.600 --> 00:09:51.633
to include this property
in the Graph Editor Set.
116
00:09:51.633 --> 00:09:56.215
If I select another
property, this one keeps showing me.
117
00:09:58.313 --> 00:10:03.540
I can remove it and that only the
property I need is shown, which is this.
118
00:10:05.488 --> 00:10:08.380
Let's do the next
one, which is Offset.
119
00:10:08.380 --> 00:10:11.460
We will explain what
Offset is, we can do the same.
120
00:10:11.460 --> 00:10:16.060
We put Alt, click, we come to
Property and we put the loopOut,
121
00:10:16.060 --> 00:10:18.940
be careful not to
put any of the others.
122
00:10:18.940 --> 00:10:21.825
Instead of "cycle",
I will put "offset".
123
00:10:30.000 --> 00:10:35.040
I'm going to come to my Timeline, I'm
going to activate Show Post-Expression Graph
124
00:10:35.060 --> 00:10:37.360
and what Offset is going to do is ...
125
00:10:39.410 --> 00:10:44.020
I'm going to zoom in a little
bit, and when the animation ends,
126
00:10:44.020 --> 00:10:47.545
here it looks great, the
next animation will start
127
00:10:47.545 --> 00:10:52.180
but hooking where I
was, where I was before.
128
00:10:55.595 --> 00:10:59.660
What it will do is keep
bouncing indefinitely.
129
00:11:18.768 --> 00:11:23.060
What if I put it
higher in the Y position?
130
00:11:26.663 --> 00:11:29.580
You will see that it is
doing like a few steps.
131
00:11:39.155 --> 00:11:43.100
As soon as I put the Show
Post-Expression Graph thing,
132
00:11:43.100 --> 00:11:47.260
it already prevents me from
modifying the trajectories in the view,
133
00:11:47.260 --> 00:11:48.940
in the composition window.
134
00:11:49.558 --> 00:11:53.620
If I put it back, you will see
that I can edit again directly
135
00:11:53.620 --> 00:11:56.340
as I used to edit my charts before.
136
00:11:58.500 --> 00:12:02.660
If I put it back, it allows me to
see what the expression is going to do
137
00:12:02.660 --> 00:12:05.758
but it doesn't allow me to
touch the handles and so on.
138
00:12:08.413 --> 00:12:11.300
You will see that it
takes exactly the animation
139
00:12:11.300 --> 00:12:15.180
and hook the new animation
where the previous one ended.
140
00:12:18.745 --> 00:12:23.340
The last one, which is a
little different, is Continue.
141
00:12:23.340 --> 00:12:26.460
If I do what we have
done in all the others,
142
00:12:26.460 --> 00:12:29.510
I come to Property, loopOut ...
143
00:12:31.260 --> 00:12:34.340
and I write "continue" directly ...
144
00:12:39.080 --> 00:12:43.520
I'm going to remove this Graph Editor
Set and it is going to give me an error.
145
00:12:43.540 --> 00:12:46.430
You are telling me you
don't have an argument.
146
00:12:46.430 --> 00:12:50.215
When loopOut sets "continue",
there is no second argument.
147
00:12:50.215 --> 00:12:54.280
We can't put a comma,
or a keyframe, nothing.
148
00:12:54.300 --> 00:12:56.780
We just have to put "continue".
149
00:13:01.653 --> 00:13:05.100
We can't give you an
argument, we're just going to put ...
150
00:13:06.738 --> 00:13:11.620
the curve and it's
going to make my cloak speed
151
00:13:11.640 --> 00:13:15.800
in the last keyframe, it will
continue indefinitely to the end.
152
00:13:23.273 --> 00:13:24.780
I'm going to remove this.
153
00:13:26.160 --> 00:13:30.760
For example, in the last
keyframe, I make it do like this
154
00:13:30.780 --> 00:13:35.345
and go up, what it is
going to do is it will shoot up
155
00:13:35.360 --> 00:13:38.360
with the speed it took
in the last keyframe.
156
00:13:47.520 --> 00:13:51.508
If in the last
keyframe, the speed is 0,
157
00:13:51.508 --> 00:13:56.483
I put an F9 so that the
speed is 0 or practically 0,
158
00:13:56.483 --> 00:13:58.860
it will stop and it will not continue.
159
00:14:07.520 --> 00:14:11.400
Speed, in this case, I
come to the Speed Graph,
160
00:14:11.413 --> 00:14:13.620
it was practically at 0.
161
00:14:18.160 --> 00:14:21.100
It stops because it had no speed.
162
00:14:24.038 --> 00:14:26.300
If I put a little more speed,
163
00:14:26.300 --> 00:14:30.323
it will continue indefinitely
at the speed I told you here.
164
00:14:33.500 --> 00:14:39.180
If I activate the Show
Post-Expression Graph, it keeps the speed undefined.
165
00:14:49.600 --> 00:14:51.800
Things we can do with loops.
166
00:14:51.820 --> 00:14:54.540
I'm going to
duplicate this composition.
167
00:14:58.320 --> 00:15:02.140
You will see that all this,
we can do instead of loopOut,
168
00:15:02.140 --> 00:15:04.140
we can do a loopIn.
169
00:15:07.840 --> 00:15:11.700
loopIn is going to do
the exact same thing
170
00:15:11.720 --> 00:15:14.440
but before our keyframes.
171
00:15:14.460 --> 00:15:18.100
Instead of doing it later,
you are going to do it before.
172
00:15:26.453 --> 00:15:29.620
Before my animation these
layers are going to do that
173
00:15:29.620 --> 00:15:31.100
and then they stop.
174
00:15:38.178 --> 00:15:43.260
What if we want it to do
the loopIn and the loopOut?
175
00:15:43.260 --> 00:15:49.260
All we have to do is add
it, "loopIn + loopOut".
176
00:15:53.665 --> 00:15:56.768
What we are going to do at
the end is to subtract "value".
177
00:16:00.328 --> 00:16:05.140
With this, "loopIn + loopOut -
value", what we are going to have is,
178
00:16:05.140 --> 00:16:08.888
that before my scene, he
will be doing the "continue" ...
179
00:16:10.940 --> 00:16:14.020
after my scene, it
will do the "continue" too
180
00:16:14.958 --> 00:16:16.980
and in the middle he
will do the animation.
181
00:16:16.980 --> 00:16:20.660
Obviously we can use anything else.
182
00:16:20.660 --> 00:16:23.500
We can tell it to be
an "offset" ahead ...
183
00:16:26.218 --> 00:16:30.100
and the back one is a "value",
this will give us a lot of flexibility
184
00:16:30.100 --> 00:16:33.260
when looping in front of my animation
185
00:16:33.260 --> 00:16:35.980
and behind my animation,
another different loop.
186
00:16:42.728 --> 00:16:47.020
Another thing that we have not commented,
for example, we will do it in Ping-Pong,
187
00:16:47.020 --> 00:16:48.940
is the "numKeyFrames" thing.
188
00:16:48.940 --> 00:16:53.820
If we set "numKeyFrames" to 0,
I'm going to do it with a loopOut,
189
00:16:54.803 --> 00:16:59.183
the loop will do it
for the entire animation,
190
00:16:59.183 --> 00:17:01.020
I'm going to put this on my own.
191
00:17:03.928 --> 00:17:07.333
You will see that it is
looping all my animation.
192
00:17:07.333 --> 00:17:10.213
If I put "numKeyFrames" to 1 ...
193
00:17:14.440 --> 00:17:18.800
will do the animation and the loop
will do the last stretch of keyframes ...
194
00:17:23.455 --> 00:17:25.220
of this last step.
195
00:17:27.120 --> 00:17:31.120
If I put 2, the loop will do
it for the last two keyframes.
196
00:17:31.160 --> 00:17:34.280
Imagine if I had
another keyframe here,
197
00:17:34.283 --> 00:17:37.868
where at first it was
a little bounce up ...
198
00:17:42.960 --> 00:17:44.483
and then do the animation.
199
00:17:44.483 --> 00:17:47.820
You will see that with
"numKeyFrames" in 2, it does not repeat all.
200
00:17:47.820 --> 00:17:52.100
If I set "numKeyFrames" to 0, the
animation in Ping-Pong would be this.
201
00:17:58.843 --> 00:18:00.948
I would do this
twice and then come back.
202
00:18:00.948 --> 00:18:05.660
If I put "numKeyFrames" to 2, it's going
to do that little bounce from the start
203
00:18:05.660 --> 00:18:10.020
and then he will be doing
that last part all the time.
204
00:18:13.640 --> 00:18:17.280
If I put the trajectory display,
205
00:18:17.280 --> 00:18:18.920
you will see that
what it does is that.
206
00:18:18.960 --> 00:18:23.280
These two keyframes are
the ones you are repeating,
207
00:18:23.300 --> 00:18:26.300
this and this, you
have to repeat from here.
208
00:18:29.910 --> 00:18:32.420
These are being skipped.
209
00:18:36.120 --> 00:18:38.220
So far the loops.
210
00:18:39.478 --> 00:18:44.660
I have left you a document with
a lot of expressions and recipes
211
00:18:44.660 --> 00:18:48.688
in the additional course
materials for you to download.
212
00:18:48.688 --> 00:18:51.500
There are a lot of
things and there is a project
213
00:18:51.500 --> 00:18:54.940
with many of these
expressions applied.
214
00:19:07.640 --> 00:19:11.560
Expressions in After Effects
can be used for a lot of things.
215
00:19:11.580 --> 00:19:14.020
and they are going to
help us go much faster.
216
00:19:14.020 --> 00:19:18.860
If you want to delve much deeper into the
subject, there is a course at Domestika,
217
00:19:18.860 --> 00:19:21.580
"After Effects.
Expressions for Motion Graphics",
218
00:19:21.580 --> 00:19:24.283
given by Gabriel
Suchowolski "microbians"
219
00:19:24.283 --> 00:19:26.940
and it's super recommended.
220
00:19:26.940 --> 00:19:31.580
To see how more complex
expressions are used in a real project,
221
00:19:31.600 --> 00:19:35.360
we will see a "Behind the
scenes" in the next lesson.18423
Can't find what you're looking for?
Get subtitles in any language from opensubtitles.com, and translate them here.