1
00:00:00,970 --> 00:00:03,360
Guys motion graphics is about fun.

2
00:00:03,490 --> 00:00:06,010
And this lecture you're going to have a lot of fun.

3
00:00:06,070 --> 00:00:09,380
You're going to take a path and make it motion path.

4
00:00:09,610 --> 00:00:15,760
You can also discover what our roving keyframes and how to undo roving keyframes and play time.

5
00:00:15,790 --> 00:00:17,380
It's pretty interesting.

6
00:00:17,410 --> 00:00:21,970
I'm going to keep it to the essential graphics here and I want to complicate the graphic and the motion

7
00:00:21,970 --> 00:00:27,610
path then it will get complicated and you won't get the point I want you to grasp exactly how to work

8
00:00:27,610 --> 00:00:29,260
with motion path and path.

9
00:00:29,500 --> 00:00:31,010
And that is the subject here.

10
00:00:31,850 --> 00:00:39,380
So let's start out create an ellipse not a busy Ellipse just a normal ellipse or click and drag past

11
00:00:39,410 --> 00:00:44,520
control and shift to make it busy and then reduce the stroke for example to two.

12
00:00:44,840 --> 00:00:47,370
And let's give it a feel any feel we'll do.

13
00:00:47,570 --> 00:00:52,720
Yes this one will then in a different layer to select.

14
00:00:52,760 --> 00:00:55,530
I'm going to do another ellipse but I wanted you.

15
00:00:55,790 --> 00:00:56,750
So I'll come over here.

16
00:00:56,770 --> 00:01:02,490
Anywhere you want and click pest control and shift and do it just over here.

17
00:01:02,490 --> 00:01:05,800
Maybe I do the spacebar just like this.

18
00:01:05,960 --> 00:01:08,690
Let's kill the field here is not interesting.

19
00:01:08,690 --> 00:01:10,350
It's confusing.

20
00:01:10,340 --> 00:01:16,790
So in the first shape you notice it's a permit the shape it has in its path one size and position in

21
00:01:16,790 --> 00:01:20,770
the second shape is a bizarre shape which has only the bat.

22
00:01:20,930 --> 00:01:27,470
How about if I take the path of the basic shape and place and see that his comments see on the map.

23
00:01:27,470 --> 00:01:30,520
Now I have copied the path as created.

24
00:01:30,860 --> 00:01:34,850
Then I can to the position over here for the shape player.

25
00:01:34,880 --> 00:01:42,140
The circle for example select the position put the time indicator whenever you like and just press control

26
00:01:42,140 --> 00:01:43,820
V or comment on the map.

27
00:01:45,000 --> 00:01:49,840
It's just a simple copy paste from a path to a position.

28
00:01:49,860 --> 00:01:51,050
Now that's what happened to you.

29
00:01:51,960 --> 00:01:53,720
Some keyframes have been created.

30
00:01:53,760 --> 00:01:56,640
And here is the circle being animated.

31
00:01:57,000 --> 00:02:03,900
And this circle is roving in time because of this round keyframes mistake the shape player to have copied

32
00:02:03,900 --> 00:02:05,910
the path and put it off.

33
00:02:05,950 --> 00:02:13,140
Now if you play the select position you'll notice it has a very nice motion but that is identical to

34
00:02:13,140 --> 00:02:19,150
the path in the Shepler to less play like position and play here.

35
00:02:21,380 --> 00:02:24,420
Now this motion path has something very special.

36
00:02:24,440 --> 00:02:33,600
It has a roving keyframes meaning roving keyframes or a roving motion path it keeps the speed constant

37
00:02:33,660 --> 00:02:37,410
in-between the segments in-between keyframes.

38
00:02:37,410 --> 00:02:43,330
So the speed in between the first keyframe and the second provenly frame is identical to all the others.

39
00:02:43,440 --> 00:02:45,430
Of course now that all identical.

40
00:02:45,600 --> 00:02:51,090
So the circle is running at a constant speed in between all the keyframes.

41
00:02:51,210 --> 00:02:52,060
That's pretty cool.

42
00:02:53,440 --> 00:02:57,420
Let's take this motion path and we use our selection tool.

43
00:02:57,580 --> 00:02:59,750
You know that the motion path is never closed.

44
00:02:59,840 --> 00:03:02,830
OK you cannot close motion path like you did this path.

45
00:03:03,820 --> 00:03:07,860
So actually you can click and move the circuit to change your motion path.

46
00:03:07,900 --> 00:03:10,200
Of course my time line is only keyframe.

47
00:03:10,450 --> 00:03:11,520
Just move it here.

48
00:03:11,690 --> 00:03:13,290
Let's do it like this.

49
00:03:13,300 --> 00:03:13,970
OK.

50
00:03:14,320 --> 00:03:21,130
And then let's take the Laski frame which is this one and then move it over here and then take the handle

51
00:03:21,130 --> 00:03:22,730
and just put it over here.

52
00:03:22,780 --> 00:03:25,920
I think that symmetric or something like this.

53
00:03:26,140 --> 00:03:29,440
So now you changed the motion path in space.

54
00:03:29,510 --> 00:03:36,370
OK we started this in the third section maybe but they're still roving meaning the speed for the first

55
00:03:36,370 --> 00:03:42,280
segment in between the first and the second the frame is constant for all the other segments and all

56
00:03:42,280 --> 00:03:43,210
the other keyframe.

57
00:03:43,390 --> 00:03:51,620
If you play now you have a very nice motion the the benefit here you took a path from position and turned

58
00:03:51,620 --> 00:03:54,030
it into a motion path.

59
00:03:54,030 --> 00:03:57,250
Now you notice here the curve is almost perfect.

60
00:03:57,270 --> 00:04:02,790
If I were to draw this through keyframes and especially moving the circle adjusting the hander's it

61
00:04:02,790 --> 00:04:07,800
won't happen that precise to be you know a bit distorted I have to work on it.

62
00:04:07,890 --> 00:04:15,350
So it's pretty easy to create a shape from the shape tool here using the Bazy and then turn it into

63
00:04:15,410 --> 00:04:16,730
a motion path.

64
00:04:18,020 --> 00:04:23,270
Now the beauty about this if you don't want to draw in your interstage the speed where you can select

65
00:04:23,270 --> 00:04:29,410
all your keyframes click on position Cantone one of them right click and go to keyframe interpellation.

66
00:04:29,540 --> 00:04:31,490
Well the temple is linear.

67
00:04:31,540 --> 00:04:37,670
That's good spatial is busy like you can see but the roving says current settings because I selected

68
00:04:37,670 --> 00:04:40,790
the first two keyframes and everything in between.

69
00:04:40,790 --> 00:04:45,170
How about if you say lock time and click OK now is normal roving.

70
00:04:45,170 --> 00:04:51,690
So I can take any of the key frames and you know I'm adjusting the time in between keyframes so I make

71
00:04:51,690 --> 00:04:53,600
it very speedy in the beginning.

72
00:04:53,600 --> 00:04:55,530
And here you have very slow.

73
00:04:55,550 --> 00:04:56,810
Let's do the same.

74
00:04:56,820 --> 00:04:59,780
We move like this almost identical.

75
00:04:59,780 --> 00:05:01,570
So it's going down.

76
00:05:01,730 --> 00:05:05,900
Let's play it because I'm speedy slows down and go up fine.

77
00:05:06,050 --> 00:05:10,760
You can of course come to your graph here and start playing with the speed the way you would like and

78
00:05:10,760 --> 00:05:15,800
adjusting the temporal and the spatial animation the way you would like.

79
00:05:15,800 --> 00:05:22,400
So this is about taking it back from a business shape and creating a position roving path and then break

80
00:05:22,400 --> 00:05:27,850
up the roving and make it lock to time and change the keyframes the way you want that because you are

81
00:05:27,880 --> 00:05:28,300
huge.

82
00:05:28,330 --> 00:05:34,260
Every time you have an animation with a guy walking around a car speeding up you can apply this and

83
00:05:34,290 --> 00:05:40,180
is going to be inexact motion passed the way you would want and adjust the speed and the space.

84
00:05:40,180 --> 00:05:40,710
Thank you.

85
00:05:40,780 --> 00:05:44,420
I will see you in the next lecture by putting a car on the path.