1
00:00:04,269 --> 00:00:07,030
Hi. I'm Chia-Ling from
Google Web Designer.

2
00:00:07,030 --> 00:00:10,045
In this video, I will talk
about motion path editing.

3
00:00:10,045 --> 00:00:12,100
For an introduction
to motion paths,

4
00:00:12,100 --> 00:00:16,650
please watch our previous
video, 'Motion Paths Overview'.

5
00:00:16,650 --> 00:00:18,540
If you select the
Motion Path tool,

6
00:00:18,540 --> 00:00:21,750
you will see the 
'Transform control' tick box.

7
00:00:21,750 --> 00:00:24,550
Tick the box to enable
transform control.

8
00:00:24,550 --> 00:00:28,080
With it enabled, you can
move, resize or rotate

9
00:00:28,080 --> 00:00:30,120
a motion path.

10
00:00:30,120 --> 00:00:33,270
Here I have an element with
two keyframes and a motion path

11
00:00:33,270 --> 00:00:36,930
that goes from the upper left
to the lower right.

12
00:00:36,930 --> 00:00:42,090
To move the motion path, you can
simply click and drag to the new location,

13
00:00:43,250 --> 00:00:47,540
or you can use the arrow keys 
to nudge the motion path by 1 pixel,

14
00:00:49,430 --> 00:00:53,760
or hold the 'Shift' key and 
press the arrow key to shift by 10 pixels.

15
00:00:55,920 --> 00:00:58,865
To resize, click and drag
any of the 8 handles.

16
00:01:02,100 --> 00:01:05,019
To resize with a
fixed aspect ratio,

17
00:01:05,019 --> 00:01:07,280
hold the 'Shift' key
while dragging.

18
00:01:10,260 --> 00:01:13,170
To resize about the
centre of the motion path,

19
00:01:13,170 --> 00:01:15,780
hold the 'Alt' or 'Option'
key while dragging.

20
00:01:19,780 --> 00:01:23,440
You may also drag a resize
handle over the opposite edge

21
00:01:23,440 --> 00:01:25,850
to flip the motion path.

22
00:01:26,880 --> 00:01:31,180
If you wish to resize along any direction
other than horizontal or vertical,

23
00:01:31,180 --> 00:01:34,410
you may change the
orientation of the resize box.

24
00:01:34,410 --> 00:01:37,950
To do so, you can use
the text field here,

25
00:01:37,950 --> 00:01:39,370
and enter a certain angle.

26
00:01:42,160 --> 00:01:45,290
Or you can press the 'Alt' key
or 'Option' key,

27
00:01:45,290 --> 00:01:49,270
and the right arrow key
to rotate the box clockwise,

28
00:01:49,270 --> 00:01:52,810
and the left key
to rotate anticlockwise.

29
00:01:54,250 --> 00:01:55,930
Please note that
this only changes

30
00:01:55,930 --> 00:01:58,180
the orientation of the box;

31
00:01:58,180 --> 00:02:01,070
the motion path itself
does not rotate.

32
00:02:02,120 --> 00:02:04,405
Once you're satisfied
with the box,

33
00:02:04,405 --> 00:02:07,850
click and resize the motion path
along the desired direction.

34
00:02:11,240 --> 00:02:14,750
To actually rotate the motion
path, click and drag the ring.

35
00:02:18,070 --> 00:02:20,080
You may also move the
centre of the ring

36
00:02:20,080 --> 00:02:21,940
to change the
origin of rotation.

37
00:02:24,690 --> 00:02:27,380
If you want to reset
the rotation origin,

38
00:02:27,380 --> 00:02:29,310
or the orientation of the box,

39
00:02:29,310 --> 00:02:32,820
you can double-click
the centre of the ring.

40
00:02:32,820 --> 00:02:36,740
The box and the origin will go
back to their default settings.

41
00:02:36,740 --> 00:02:38,290
And that's all I have for today.

42
00:02:38,290 --> 00:02:40,240
Thank you for watching.