WEBVTT

00:00:04.269 --> 00:00:07.030
Hi. I'm Chia-Ling from
Google Web Designer.

00:00:07.030 --> 00:00:10.045
In this video, I will talk
about motion path editing.

00:00:10.045 --> 00:00:12.100
For an introduction
to motion paths,

00:00:12.100 --> 00:00:16.650
please watch our previous
video, 'Motion Paths Overview'.

00:00:16.650 --> 00:00:18.540
If you select the
Motion Path tool,

00:00:18.540 --> 00:00:21.750
you will see the 
'Transform control' tick box.

00:00:21.750 --> 00:00:24.550
Tick the box to enable
transform control.

00:00:24.550 --> 00:00:28.080
With it enabled, you can
move, resize or rotate

00:00:28.080 --> 00:00:30.120
a motion path.

00:00:30.120 --> 00:00:33.270
Here I have an element with
two keyframes and a motion path

00:00:33.270 --> 00:00:36.930
that goes from the upper left
to the lower right.

00:00:36.930 --> 00:00:42.090
To move the motion path, you can
simply click and drag to the new location,

00:00:43.250 --> 00:00:47.540
or you can use the arrow keys 
to nudge the motion path by 1 pixel,

00:00:49.430 --> 00:00:53.760
or hold the 'Shift' key and 
press the arrow key to shift by 10 pixels.

00:00:55.920 --> 00:00:58.865
To resize, click and drag
any of the 8 handles.

00:01:02.100 --> 00:01:05.019
To resize with a
fixed aspect ratio,

00:01:05.019 --> 00:01:07.280
hold the 'Shift' key
while dragging.

00:01:10.260 --> 00:01:13.170
To resize about the
centre of the motion path,

00:01:13.170 --> 00:01:15.780
hold the 'Alt' or 'Option'
key while dragging.

00:01:19.780 --> 00:01:23.440
You may also drag a resize
handle over the opposite edge

00:01:23.440 --> 00:01:25.850
to flip the motion path.

00:01:26.880 --> 00:01:31.180
If you wish to resize along any direction
other than horizontal or vertical,

00:01:31.180 --> 00:01:34.410
you may change the
orientation of the resize box.

00:01:34.410 --> 00:01:37.950
To do so, you can use
the text field here,

00:01:37.950 --> 00:01:39.370
and enter a certain angle.

00:01:42.160 --> 00:01:45.290
Or you can press the 'Alt' key
or 'Option' key,

00:01:45.290 --> 00:01:49.270
and the right arrow key
to rotate the box clockwise,

00:01:49.270 --> 00:01:52.810
and the left key
to rotate anticlockwise.

00:01:54.250 --> 00:01:55.930
Please note that
this only changes

00:01:55.930 --> 00:01:58.180
the orientation of the box;

00:01:58.180 --> 00:02:01.070
the motion path itself
does not rotate.

00:02:02.120 --> 00:02:04.405
Once you're satisfied
with the box,

00:02:04.405 --> 00:02:07.850
click and resize the motion path
along the desired direction.

00:02:11.240 --> 00:02:14.750
To actually rotate the motion
path, click and drag the ring.

00:02:18.070 --> 00:02:20.080
You may also move the
centre of the ring

00:02:20.080 --> 00:02:21.940
to change the
origin of rotation.

00:02:24.690 --> 00:02:27.380
If you want to reset
the rotation origin,

00:02:27.380 --> 00:02:29.310
or the orientation of the box,

00:02:29.310 --> 00:02:32.820
you can double-click
the centre of the ring.

00:02:32.820 --> 00:02:36.740
The box and the origin will go
back to their default settings.

00:02:36.740 --> 00:02:38.290
And that's all I have for today.

00:02:38.290 --> 00:02:40.240
Thank you for watching.