WEBVTT
1
00:00:00.768 --> 00:00:02.025
In an earlier lesson,
2
00:00:02.025 --> 00:00:06.192
we learned about adding motion to our different clips.
3
00:00:07.107 --> 00:00:09.532
In this video tutorial, I'm going to walk through
4
00:00:09.532 --> 00:00:12.921
adding the motion, to all of these social media posts
5
00:00:12.921 --> 00:00:17.502
that I did in my original video that looked like this.
6
00:00:17.502 --> 00:00:20.244
You see them flying in, there's a little bit of a rotation
7
00:00:20.244 --> 00:00:21.604
and once they fly in,
8
00:00:21.604 --> 00:00:25.131
they grow and then this last one fades in.
9
00:00:25.131 --> 00:00:27.424
So let's do that to our project.
10
00:00:27.424 --> 00:00:29.181
The first thing I'm going to do is
11
00:00:29.181 --> 00:00:31.441
delete this cross dissolve at the beginning.
12
00:00:31.441 --> 00:00:34.655
So, I'm just going to delete that,
13
00:00:34.655 --> 00:00:36.062
from all the beginning.
14
00:00:36.062 --> 00:00:38.193
Because these aren't going to fade in,
15
00:00:38.193 --> 00:00:41.026
they are going to fly in.
16
00:00:41.937 --> 00:00:44.919
With this first one, I'm going to go right about here,
17
00:00:44.919 --> 00:00:48.095
to where the final resting spot is going to be.
18
00:00:48.095 --> 00:00:51.356
And I'm going to set the position,
19
00:00:51.356 --> 00:00:53.648
and the rotation, I'm not going to set scale,
20
00:00:53.648 --> 00:00:55.698
well, I can set scale.
21
00:00:55.698 --> 00:00:58.803
I can set scale for now there.
22
00:00:58.803 --> 00:01:01.461
Then I'm going to go before, just a little bit,
23
00:01:01.461 --> 00:01:03.418
and then we'll move our keyframes later.
24
00:01:03.418 --> 00:01:06.193
And I'm going to rotate to the left,
25
00:01:06.193 --> 00:01:08.276
negative 25.
26
00:01:09.121 --> 00:01:10.968
And then I'm going to,
27
00:01:10.968 --> 00:01:14.263
move it all the way to the left, until it's off the screen.
28
00:01:14.263 --> 00:01:16.239
And maybe just a little bit down
29
00:01:16.239 --> 00:01:18.897
by increasing this next number.
30
00:01:18.897 --> 00:01:22.624
And then, just, scan through this with the timeline,
31
00:01:22.624 --> 00:01:24.852
and see what that looks like.
32
00:01:24.852 --> 00:01:26.444
Looks pretty good.
33
00:01:26.444 --> 00:01:28.936
I'm going to move the scale, to the left,
34
00:01:28.936 --> 00:01:31.914
to match up with these three, two other keyframes,
35
00:01:31.914 --> 00:01:33.007
so now we have these three
36
00:01:33.007 --> 00:01:35.468
for the position, scale and rotation.
37
00:01:35.468 --> 00:01:37.071
I'm going to select all of those,
38
00:01:37.071 --> 00:01:39.396
move them to the left,
39
00:01:39.396 --> 00:01:42.123
I'm going to keep my position
40
00:01:42.123 --> 00:01:45.684
and rotation right there.
41
00:01:45.684 --> 00:01:48.540
Then over here on the right, I'm just going to,
42
00:01:48.540 --> 00:01:52.627
increase the scale to something like 75.
43
00:01:52.627 --> 00:01:56.958
And then move that to the very end of this.
44
00:01:56.958 --> 00:01:59.243
So let's just play through this.
45
00:01:59.243 --> 00:02:00.076
Flies in.
46
00:02:01.289 --> 00:02:03.758
It's not growing as fast as I want, so I'm going to go
47
00:02:03.758 --> 00:02:07.639
to this keyframe, or I can just delete it,
48
00:02:07.639 --> 00:02:10.124
make this 80.
49
00:02:10.124 --> 00:02:12.081
And then put this at the end.
50
00:02:12.081 --> 00:02:13.579
So that's what I did. First day I got
51
00:02:13.579 --> 00:02:14.708
a hundred thousand views...
52
00:02:14.708 --> 00:02:15.541
That's pretty good.
53
00:02:15.541 --> 00:02:18.648
I want to add a little bit more pop to this.
54
00:02:18.648 --> 00:02:21.509
So I'm going to select all of these keyframes,
55
00:02:21.509 --> 00:02:23.676
for position and rotation.
56
00:02:24.579 --> 00:02:27.146
How I did that was by clicking and dragging over
57
00:02:27.146 --> 00:02:28.209
the position keyframes,
58
00:02:28.209 --> 00:02:32.239
and then shift clicking and dragging over rotation.
59
00:02:32.239 --> 00:02:34.733
That means we don't have to select the scale.
60
00:02:34.733 --> 00:02:38.296
Right clicking changing the Temporal Interpolation
61
00:02:38.296 --> 00:02:40.879
from Linear to Bezier.
62
00:02:41.889 --> 00:02:43.266
So that's what I did. Fist day I got...
63
00:02:43.266 --> 00:02:46.792
So that adds a little bit more pop to it.
64
00:02:46.792 --> 00:02:48.098
So let's do the next one.
65
00:02:48.098 --> 00:02:50.721
So, after this one flies in,
66
00:02:50.721 --> 00:02:52.668
it's on the screen,
67
00:02:52.668 --> 00:02:55.579
yep, this one should pop in right about there.
68
00:02:55.579 --> 00:02:59.298
So I'm going to set a keyframe for position,
69
00:02:59.298 --> 00:03:01.484
rotation and scale.
70
00:03:01.484 --> 00:03:03.145
I'm going to,
71
00:03:03.145 --> 00:03:04.562
put the position,
72
00:03:05.968 --> 00:03:09.077
and the scale right about here, actually,
73
00:03:09.077 --> 00:03:10.998
so it's going to fly in from the right.
74
00:03:10.998 --> 00:03:12.915
Land right about there.
75
00:03:14.056 --> 00:03:15.891
And that looks pretty good.
76
00:03:15.891 --> 00:03:19.192
Then I'm going to go to the left, on the timeline,
77
00:03:19.192 --> 00:03:22.783
I'm going to do the rotation to the right,
78
00:03:22.783 --> 00:03:25.654
25 instead of negative 25.
79
00:03:25.654 --> 00:03:27.631
And then move it to the right off the screen
80
00:03:27.631 --> 00:03:29.964
and move it down just a bit.
81
00:03:31.221 --> 00:03:34.166
Now I'm going to move these two keyframes to the left,
82
00:03:34.166 --> 00:03:35.517
for it's position and rotation,
83
00:03:35.517 --> 00:03:38.336
move the scale rotation to the left as well.
84
00:03:38.336 --> 00:03:42.932
And then I'm going to set a scale keyframe later on for
85
00:03:42.932 --> 00:03:47.717
80 again, and move it to the right, all the way.
86
00:03:47.717 --> 00:03:51.307
Selecting rotation and then shift clicking and selecting
87
00:03:51.307 --> 00:03:54.979
position keyframes, right clicking Temporal Interpolation,
88
00:03:54.979 --> 00:03:57.062
I'm changing it to Bezier.
89
00:03:57.062 --> 00:03:58.357
...thousand views.
90
00:03:58.357 --> 00:04:00.197
So now, if I play through that,
91
00:04:00.197 --> 00:04:02.110
it's a little slow.
92
00:04:02.110 --> 00:04:04.645
So I'm going to make it faster by
93
00:04:04.645 --> 00:04:07.950
just moving these second keyframes in a little bit.
94
00:04:07.950 --> 00:04:10.230
... thousand viewers. And then the next...
95
00:04:10.230 --> 00:04:12.356
Something like that. I may split the difference.
96
00:04:12.356 --> 00:04:13.872
... thousand viewers. And then the next...
97
00:04:13.872 --> 00:04:16.775
Alright, the last one, we're going to fly in
98
00:04:16.775 --> 00:04:18.861
and it's going to land on the right, so,
99
00:04:18.861 --> 00:04:22.013
I'm just going to move the position over on the right.
100
00:04:22.013 --> 00:04:25.796
I'm going to set keyframes for position, scale, rotation.
101
00:04:25.796 --> 00:04:29.357
Move back on the timeline just a bit.
102
00:04:29.357 --> 00:04:33.091
Rotate it, negative 25 degrees.
103
00:04:33.091 --> 00:04:37.290
And then move it off the frame and down just a bit.
104
00:04:37.290 --> 00:04:40.437
And then the same thing, we're going to move
105
00:04:40.437 --> 00:04:43.301
the scale, the position, and the rotation
106
00:04:43.301 --> 00:04:45.224
all the way to the left.
107
00:04:45.224 --> 00:04:48.161
Then I'm going to set another scale,
108
00:04:48.161 --> 00:04:51.903
keyframe for maybe about 68 for this one.
109
00:04:51.903 --> 00:04:53.866
All the way to the right.
110
00:04:53.866 --> 00:04:55.944
And I'm going to select my rotation,
111
00:04:55.944 --> 00:04:59.094
and my position keyframes, right click them,
112
00:04:59.094 --> 00:05:00.761
change it to Bezier.
113
00:05:02.164 --> 00:05:04.577
Now, let's watch through this.
114
00:05:04.577 --> 00:05:05.930
Zooms on,
115
00:05:05.930 --> 00:05:07.278
Zooms on,
116
00:05:07.278 --> 00:05:08.414
Zooms on.
117
00:05:08.414 --> 00:05:10.745
And that last one is a lot faster than the other ones, so
118
00:05:10.745 --> 00:05:12.338
I'm going to make it a little bit slower,
119
00:05:12.338 --> 00:05:14.674
just selecting these second two keyframes.
120
00:05:14.674 --> 00:05:18.085
And, make it a little bit slower.
121
00:05:18.085 --> 00:05:21.666
And then this last one is just going to fade on,
122
00:05:21.666 --> 00:05:23.057
and zoom in.
123
00:05:23.057 --> 00:05:26.569
So, we can either fade with a cross dissolve
124
00:05:26.569 --> 00:05:29.989
or why not an opacity animation?
125
00:05:29.989 --> 00:05:33.059
So I'm going to set my opacity animation,
126
00:05:33.059 --> 00:05:36.821
about half a second or so in at 100.
127
00:05:36.821 --> 00:05:38.370
I'm going to go back in time,
128
00:05:38.370 --> 00:05:40.363
change it to zero.
129
00:05:40.363 --> 00:05:42.162
So now it fades in.
130
00:05:42.162 --> 00:05:45.428
And let's add that scale animation.
131
00:05:45.428 --> 00:05:48.576
So let's go on the timeline to where I can see it.
132
00:05:48.576 --> 00:05:51.926
Let's zoom in just a bit, so it's going to come in,
133
00:05:51.926 --> 00:05:54.043
just a bit zoomed in already,
134
00:05:54.043 --> 00:05:56.545
set a keyframe, move that scale all the way
135
00:05:56.545 --> 00:06:00.099
to the left, and zoom in.
136
00:06:00.099 --> 00:06:04.669
I might also need to pan up while I'm zooming in,
137
00:06:04.669 --> 00:06:07.003
so I'm just going to set a keyframe,
138
00:06:07.003 --> 00:06:08.961
move it all the way to the left,
139
00:06:08.961 --> 00:06:11.055
so that matches that first keyframe,
140
00:06:11.055 --> 00:06:14.493
and now move up just a bit with the position.
141
00:06:14.493 --> 00:06:17.435
And now, move these position and the scale
142
00:06:17.435 --> 00:06:19.362
keyframes over to the right.
143
00:06:19.362 --> 00:06:21.243
So it fades in,
144
00:06:21.243 --> 00:06:22.495
and it zooms in.
145
00:06:22.495 --> 00:06:23.398
The biggest thing to me...
146
00:06:23.398 --> 00:06:25.112
It's a little bit dramatic,
147
00:06:25.112 --> 00:06:29.123
so I'm just going to delete that scale,
148
00:06:29.123 --> 00:06:33.290
which was 77 and I'm going to set it at like 72.
149
00:06:35.459 --> 00:06:37.584
Move that to the end again.
150
00:06:37.584 --> 00:06:40.076
So now let's just watch through it.
151
00:06:40.076 --> 00:06:43.789
Zooms in, zooms in, zooms in, they're all growing,
152
00:06:43.789 --> 00:06:45.918
and then this last one grows in to.
153
00:06:45.918 --> 00:06:47.943
The biggest thing to me...
154
00:06:47.943 --> 00:06:49.660
We could play around with this, tweak this,
155
00:06:49.660 --> 00:06:51.455
I might make this a little bit slower still.
156
00:06:51.455 --> 00:06:54.024
Maybe make it a little bit bigger.
157
00:06:54.024 --> 00:06:57.212
One cool way that you can reposition objects
158
00:06:57.212 --> 00:07:00.930
after you've added position keyframes,
159
00:07:00.930 --> 00:07:02.808
because I noticed that it zooms in
160
00:07:02.808 --> 00:07:04.210
but it's a little bit too low,
161
00:07:04.210 --> 00:07:06.114
I want it to be a little bit higher,
162
00:07:06.114 --> 00:07:08.140
we can use the anchor point.
163
00:07:08.140 --> 00:07:11.731
The anchor point allows us to move around our objects,
164
00:07:11.731 --> 00:07:15.659
in a different function than the position.
165
00:07:15.659 --> 00:07:19.319
Without effecting the keyframes of the position.
166
00:07:19.319 --> 00:07:22.187
So if we put it there, or like go crazy with it,
167
00:07:22.187 --> 00:07:23.677
we could put it over here just so you
168
00:07:23.677 --> 00:07:25.865
can see what's happening.
169
00:07:25.865 --> 00:07:27.173
Zooms in over there on the left.
170
00:07:27.173 --> 00:07:31.076
But, obviously, we want it in the middle.
171
00:07:31.076 --> 00:07:32.272
Alright, so that's what I did.
172
00:07:32.272 --> 00:07:35.229
First day I got a hundred thousand views, and then...
173
00:07:35.229 --> 00:07:36.591
And then they all fade out.
174
00:07:36.591 --> 00:07:38.110
I might stagger this fade out,
175
00:07:38.110 --> 00:07:40.771
so I might have the first one fade out,
176
00:07:40.771 --> 00:07:41.953
then the second one fade out,
177
00:07:41.953 --> 00:07:44.692
then the third one fade out,
178
00:07:44.692 --> 00:07:46.449
and then the last one fade out.
179
00:07:46.449 --> 00:07:48.051
And have the white just fade out,
180
00:07:48.051 --> 00:07:50.265
just a hair after the rest of them.
181
00:07:50.265 --> 00:07:52.114
The encouragement was just insane...
182
00:07:52.114 --> 00:07:53.988
So they all fade off one at a time.
183
00:07:53.988 --> 00:07:55.711
Looks pretty good.
184
00:07:55.711 --> 00:07:57.902
Alright, so that's how I added that effect
185
00:07:57.902 --> 00:07:59.697
to those social media posts.
186
00:07:59.697 --> 00:08:02.062
Go ahead and do something like that for your own video,
187
00:08:02.062 --> 00:08:03.610
if you haven't done so already.
188
00:08:03.610 --> 00:08:05.478
And we'll see you in another lesson.