1
00:00:00,670 --> 00:00:06,550
Hi guys and welcome to the path and this lecture to you learn about the path property.

2
00:00:06,580 --> 00:00:12,750
It's very interesting and I hope you might think you had some fantastic animations that will use a bent

3
00:00:12,760 --> 00:00:17,530
to shape our clique and just create a simple shape just like this.

4
00:00:17,530 --> 00:00:18,010
OK.

5
00:00:18,280 --> 00:00:19,870
So it's practically a lie.

6
00:00:19,960 --> 00:00:24,500
Now you can add these start property from the ad over here if you like.

7
00:00:24,640 --> 00:00:31,660
You can see you have the theme path or you can come inside the layer in content and go to it and you

8
00:00:31,660 --> 00:00:33,180
can see that sympathy.

9
00:00:33,190 --> 00:00:38,710
So these two buttons over here and over here are the same but this is to say it's a shortcut.

10
00:00:38,800 --> 00:00:41,600
I will introduce the path on the left.

11
00:00:42,130 --> 00:00:47,580
The path property has inside three properties the start the and the offset.

12
00:00:47,680 --> 00:00:51,270
And it has a choice of simultaneous or individually.

13
00:00:51,580 --> 00:00:54,220
Let's see what the Start does.

14
00:00:54,260 --> 00:01:00,850
Remember I started to draw the path from the left side over here and this is the end of the path.

15
00:01:01,370 --> 00:01:05,300
If you scrub the start it will wipe out the path.

16
00:01:05,330 --> 00:01:06,460
It says not this.

17
00:01:06,470 --> 00:01:13,670
So from 0 percent to 100 percent it starts from the left side or the beginning of the path the and wiping

18
00:01:13,670 --> 00:01:17,200
it out put it back to 0 percent.

19
00:01:17,450 --> 00:01:24,170
The end here will wipe out the path from the end or the end of the pass or here on the right side till

20
00:01:24,260 --> 00:01:26,560
the beginning of the path.

21
00:01:27,470 --> 00:01:30,810
So the left or right depends how you started it took the path.

22
00:01:31,130 --> 00:01:33,900
So you can create some simple animations here.

23
00:01:34,160 --> 00:01:37,070
Keyframe for example the end and put it at zero.

24
00:01:37,130 --> 00:01:40,700
So I wanted to type in from the left to the right.

25
00:01:40,820 --> 00:01:42,460
OK I'll come to 20 frames.

26
00:01:42,610 --> 00:01:45,740
I put it at 100 percent easy and simple.

27
00:01:45,740 --> 00:01:46,370
Here you are.

28
00:01:46,520 --> 00:01:48,310
You create a wipe.

29
00:01:48,890 --> 00:01:55,310
If you want to use for example at the start I will go to the next keyframe and remove the keyframes

30
00:01:55,310 --> 00:01:55,800
here.

31
00:01:56,270 --> 00:02:00,080
And also you wanted to wipe in but this time from the right to the left.

32
00:02:00,140 --> 00:02:07,910
So obviously you put 100 percent keyframe in it and after 20 frames for example just over here you'll

33
00:02:07,940 --> 00:02:11,170
put it at 0 percent and you have a very simple animation.

34
00:02:12,570 --> 00:02:14,900
So this is the concept.

35
00:02:15,090 --> 00:02:21,690
Now the concept of the offset the offset here will work on the difference between the start and the

36
00:02:21,690 --> 00:02:22,210
end.

37
00:02:22,440 --> 00:02:23,970
Let's put the start at zero.

38
00:02:23,970 --> 00:02:25,190
Remove the keyframes.

39
00:02:25,350 --> 00:02:26,100
Let's take the end.

40
00:02:26,150 --> 00:02:29,450
For example just over here at 10 percent.

41
00:02:29,640 --> 00:02:35,820
So now what happening at the start is at 0 percent is here and the end is at 10 percent so that's taken

42
00:02:35,820 --> 00:02:38,890
out from the 100 percent all the way to 10 percent.

43
00:02:39,060 --> 00:02:44,010
If it's cut through the offset it will animate this small piece as simple as this.

44
00:02:44,220 --> 00:02:45,210
And it's circular.

45
00:02:45,330 --> 00:02:46,660
So it's pretty cool here.

46
00:02:46,770 --> 00:02:49,050
Of course you cannot have 10 pieces.

47
00:02:49,050 --> 00:02:50,460
This is not the dashes.

48
00:02:50,520 --> 00:02:54,900
So it's pretty good to create a certain animation with the offset that would see that.

49
00:02:55,110 --> 00:02:59,660
In concept the offset will made the difference between start and the end.

50
00:02:59,670 --> 00:03:05,280
If it's negative it's this positive zero minus 10 percent is minus 10 percent so it's 10 percent and

51
00:03:05,280 --> 00:03:07,080
it will play on this difference.

52
00:03:07,100 --> 00:03:08,580
Let's do this.

53
00:03:08,580 --> 00:03:11,980
In fact let's do it this year and let's get it.

54
00:03:12,030 --> 00:03:16,730
You don't use for an initial click over here and yet just a simple line.

55
00:03:16,860 --> 00:03:18,520
OK this is your simple line.

56
00:03:18,520 --> 00:03:22,840
Let's say you have a title over here and you want the line to open on both sides.

57
00:03:22,980 --> 00:03:25,770
You want to open to the left and to the right.

58
00:03:25,930 --> 00:03:29,450
Let's add now a trim pot.

59
00:03:29,480 --> 00:03:30,410
Here you are.

60
00:03:30,710 --> 00:03:33,190
And then I will come to the path itself.

61
00:03:33,500 --> 00:03:36,340
Come to timeframes not at the beginning.

62
00:03:36,510 --> 00:03:39,730
And let's make this start for example 50 percent.

63
00:03:39,810 --> 00:03:40,270
OK.

64
00:03:40,350 --> 00:03:43,090
So it has wiped out from the beginning.

65
00:03:43,150 --> 00:03:44,630
The 50 percent you.

66
00:03:44,860 --> 00:03:47,760
Let's make the end also at 50 percent.

67
00:03:48,630 --> 00:03:56,000
This keyframe both of them and then come after 20 frames for example take back the start of a value

68
00:03:56,000 --> 00:03:56,910
which is zero.

69
00:03:57,110 --> 00:04:01,170
And the end to for example 100 percent.

70
00:04:01,190 --> 00:04:04,990
So now we have a very cool animation where the line will open on both sides.

71
00:04:05,000 --> 00:04:08,600
Of course you will want to make it speedier.

72
00:04:08,600 --> 00:04:11,390
And of course you want to select both keyframes.

73
00:04:11,660 --> 00:04:12,850
Give it an easy is.

74
00:04:12,920 --> 00:04:18,410
So you have something you know quite cool something like this if you say I would use the selection tool

75
00:04:18,410 --> 00:04:22,650
here and let's do something like this so we play with the graph.

76
00:04:22,760 --> 00:04:26,130
Let's take this to keyframes and move them on this side pressing shift.

77
00:04:26,130 --> 00:04:26,910
They stay here.

78
00:04:27,110 --> 00:04:30,130
So not just the animation quite cool how it's happening.

79
00:04:30,140 --> 00:04:35,160
So this is some tips about using the path.

80
00:04:35,210 --> 00:04:40,880
Let's explore it a bit now these simultaneously option you have simultaneously or individually that

81
00:04:41,130 --> 00:04:47,670
path has been created inside the group of ships shape one so you have both one if you come to path one

82
00:04:47,770 --> 00:04:48,720
and to the path.

83
00:04:48,850 --> 00:04:51,080
But I Squirtle the Kamandi on the Mac.

84
00:04:51,240 --> 00:04:58,650
You can duplicate it and you will have a path to select both to and use the shift arrow down to move

85
00:04:58,650 --> 00:04:58,790
it.

86
00:04:58,810 --> 00:05:01,560
OK this is easier then grabbing it from over here.

87
00:05:02,950 --> 00:05:08,230
Let's put that to individually and notice how the animation is happening if you play it.

88
00:05:08,320 --> 00:05:12,370
And that is how they are opening both from different sides.

89
00:05:13,150 --> 00:05:20,200
So actually is not repeating the same animation of start and end you know for each shape itself but

90
00:05:20,230 --> 00:05:25,830
it's spitting it in half the stuff is going from 50 percent to zero percent.

91
00:05:25,830 --> 00:05:26,710
Here you are.

92
00:05:26,860 --> 00:05:32,910
The End or so at the same time is going from 50 percent to 100 percent.

93
00:05:32,910 --> 00:05:36,990
You know this this is is for after effects good.

94
00:05:37,200 --> 00:05:42,890
If you are another shape for example a place the by three and let's move it.

95
00:05:42,900 --> 00:05:45,050
Shift down if you are.

96
00:05:45,240 --> 00:05:51,810
And there's a plate not just now how the start and end are divided and that is the middle layer is coming

97
00:05:51,810 --> 00:05:52,690
very fast.

98
00:05:52,860 --> 00:05:58,380
And then you have both the top and bottom layer are coming you know to get.

99
00:05:58,410 --> 00:06:01,700
So actually it's splitting this start and adds value.

100
00:06:01,710 --> 00:06:07,810
So it can create any munition that is individually unique to come here and practice and see exactly

101
00:06:07,810 --> 00:06:08,940
how it works.

102
00:06:08,980 --> 00:06:10,250
You know the concept is very easy.

103
00:06:10,240 --> 00:06:15,670
It splits the swine but of course if you try to you know figure it out all the numbers how it's working

104
00:06:15,880 --> 00:06:20,290
it's going to be a bit difficult at this point that you get used to it.

105
00:06:20,440 --> 00:06:27,640
And in some shapes not lines it will be so evident and you will understand how it's working for individually

106
00:06:27,670 --> 00:06:29,680
or Somerton's.

107
00:06:29,770 --> 00:06:32,920
Thank you very much for listening for this lecture in the next lecture.

108
00:06:32,920 --> 00:06:37,340
We'll explore different kinds of animations that you can do with that path.

109
00:06:37,510 --> 00:06:38,300
See you then.