1 00:00:00,330 --> 00:00:05,910 Hi guys and welcome to this new election in this lecture we are going to learn about the path the path 2 00:00:06,000 --> 00:00:13,920 will wipe in shape layers in and out in fact and here what you can see it's a stroke of a shape of a 3 00:00:13,920 --> 00:00:19,160 rectangle that has been wiped in and the same time being wiped out. 4 00:00:19,200 --> 00:00:21,040 Let's see what you can do with that limb path. 5 00:00:21,050 --> 00:00:29,190 I will read these two layers and take the pen tool for example and start drawing a path just a simple 6 00:00:29,190 --> 00:00:31,350 path nothing fancy. 7 00:00:31,350 --> 00:00:35,080 Of course here I would see only the strong because this is the pen tool. 8 00:00:35,610 --> 00:00:39,310 And here you have you have a path that you have drawn. 9 00:00:39,330 --> 00:00:41,220 Now how do you make that path. 10 00:00:41,220 --> 00:00:47,640 How can you put on the screen coming in for that you can use the path less turn down the content of 11 00:00:47,640 --> 00:00:48,540 the Shipler. 12 00:00:48,810 --> 00:00:51,360 And here you have the odd and next to it. 13 00:00:51,360 --> 00:00:52,330 There is an arrow. 14 00:00:52,440 --> 00:00:58,950 If you click on the arrow you have very many options that are quite useful in very many cases. 15 00:00:58,950 --> 00:01:02,000 You are going to learn all of them in this course. 16 00:01:02,220 --> 00:01:09,470 And now we are going to focus only on that path let's choose the path and it's always good to add that 17 00:01:09,690 --> 00:01:14,820 path in the constants don't add then change because it would be inside the shape and it will not affect 18 00:01:14,910 --> 00:01:16,190 any other shape. 19 00:01:16,200 --> 00:01:22,830 So let's look at the path you have start you have three parameters start and an offset five. 20 00:01:23,100 --> 00:01:24,210 Now how does it operate. 21 00:01:24,210 --> 00:01:30,830 Let's grab it through the start to a higher value and you notice that the DOT is being wiped out. 22 00:01:30,870 --> 00:01:36,870 In this case if I use the and you're not is that that bad has been wiped out or so. 23 00:01:36,870 --> 00:01:42,470 But from a different direction and we will have the offset We'll see how it works. 24 00:01:42,600 --> 00:01:44,100 Let's try to make an animation here. 25 00:01:44,100 --> 00:01:49,900 For example if I take that path and put it at 100 percent there will be nothing on the screen. 26 00:01:50,070 --> 00:01:54,520 I can keyframe it and come to one second take it back to zero. 27 00:01:54,540 --> 00:01:56,790 So we're working here with the start on the. 28 00:01:56,970 --> 00:02:02,300 If you play your animation you'll notice that your path is coming from the right side or it's. 29 00:02:02,340 --> 00:02:03,630 And if you want. 30 00:02:03,630 --> 00:02:05,800 This is how start operates. 31 00:02:05,910 --> 00:02:12,660 Now let's remove the start from here and we remove the keyframes and let's work with it and then we'll 32 00:02:12,660 --> 00:02:14,600 work the opposite way. 33 00:02:14,610 --> 00:02:21,160 So if you take it to 0 percent for example you keep re-emitted after one second you take it to 100 percent. 34 00:02:21,160 --> 00:02:29,300 Here are you will see your path being wiped in from the left side or the beginning of the path. 35 00:02:29,390 --> 00:02:32,070 Fine let's do some interesting animation. 36 00:02:32,990 --> 00:02:36,280 First of all we can have the line being open. 37 00:02:36,440 --> 00:02:40,030 That's an underline a square opening for example. 38 00:02:40,310 --> 00:02:42,440 These circles being white in and out. 39 00:02:42,470 --> 00:02:49,190 Of course we are working only on the stroke here and we can include an introduction for a logo like 40 00:02:49,190 --> 00:02:55,640 you've seen to open up the logo in a fancy way and then start doing some animation which start with 41 00:02:55,640 --> 00:02:56,830 the line here. 42 00:02:57,100 --> 00:03:00,320 Ok how to open this line with a click on this composition. 43 00:03:00,380 --> 00:03:02,530 There are few things you need to notice here. 44 00:03:02,570 --> 00:03:05,640 First of all this line is not opened through the scale. 45 00:03:05,660 --> 00:03:12,560 If you open it through the scale the line will be very thin and then go thicker to the size of its stroke 46 00:03:13,040 --> 00:03:16,350 but with the green path it will just open. 47 00:03:16,560 --> 00:03:20,470 Let's do this animation with this liar for example just to make a new one. 48 00:03:20,530 --> 00:03:27,020 We click on the pen tool click in the beginning and then we click the end and you have your line of 49 00:03:27,020 --> 00:03:27,620 course. 50 00:03:27,740 --> 00:03:30,710 You can change the stroke and you change the color. 51 00:03:30,740 --> 00:03:37,020 Let's open the content and in content we want to add a path in the beginning here. 52 00:03:37,270 --> 00:03:41,770 We can use the start to open to close the line. 53 00:03:41,770 --> 00:03:45,930 In fact now or and also on the same way. 54 00:03:46,180 --> 00:03:49,150 But if let's say put them at 50 percent each. 55 00:03:49,300 --> 00:03:50,960 It's pretty easy by the way. 56 00:03:51,280 --> 00:03:57,220 You notice now that the completed completely disappeared because the start has wiped 50 percent and 57 00:03:57,220 --> 00:04:00,360 the end has wiped 50 percent so there is nothing left here. 58 00:04:00,640 --> 00:04:01,850 Let's give frame. 59 00:04:02,290 --> 00:04:10,820 And if we go to one second we move the start to open and remove the and to open also to 0 percent. 60 00:04:10,990 --> 00:04:14,440 Hey do you have a very nice animation. 61 00:04:14,530 --> 00:04:16,470 Of course you can come and play with me. 62 00:04:16,480 --> 00:04:19,830 Is it easy to make it even more interesting. 63 00:04:20,260 --> 00:04:29,140 You can just select the two keyframes here and there we are now into the speed the graph and just make 64 00:04:29,140 --> 00:04:29,840 it for example. 65 00:04:29,830 --> 00:04:31,630 Speedier just like this. 66 00:04:31,730 --> 00:04:32,030 OK. 67 00:04:32,050 --> 00:04:33,590 That's one way to do it. 68 00:04:33,730 --> 00:04:36,820 If you notice now it becomes a bit more interesting. 69 00:04:38,700 --> 00:04:46,130 Girl you can come here and make it more interesting play with the keyframes play the graph and so on. 70 00:04:46,170 --> 00:04:51,900 What's important now is to learn about the start and then let's go to our next call position and this 71 00:04:51,900 --> 00:04:55,410 one will allow us to open a rectangle here. 72 00:04:55,650 --> 00:04:58,230 So of course we're going to use the same. 73 00:04:58,500 --> 00:05:04,590 And we opened the squared composition position here it's opening the square but stopping at a certain 74 00:05:04,590 --> 00:05:05,640 distance. 75 00:05:05,640 --> 00:05:06,560 How can we do that. 76 00:05:06,600 --> 00:05:09,210 Let's read this to Shipley's here. 77 00:05:09,360 --> 00:05:11,890 Draw a rectangle. 78 00:05:11,910 --> 00:05:16,320 Now we are going to draw a perfect square that will be easier. 79 00:05:17,390 --> 00:05:20,440 And position it for example here and that's cool. 80 00:05:21,170 --> 00:05:25,370 Let's add a green path in the content. 81 00:05:25,540 --> 00:05:28,790 And when you open here you see that is offset. 82 00:05:28,810 --> 00:05:36,070 Now the pass start from what we call the first vertex the first Vertex for the player only exists when 83 00:05:36,070 --> 00:05:38,170 the player is a busy in-shape. 84 00:05:38,200 --> 00:05:43,640 This is all explained to you inside the complex shape section nonetheless. 85 00:05:43,780 --> 00:05:45,550 Now we can start working with it. 86 00:05:45,580 --> 00:05:50,560 So at the start we start from the corner and the end of course we're starting from the same corner to 87 00:05:50,560 --> 00:05:54,530 shift this we can offset it for example to 45. 88 00:05:54,530 --> 00:06:00,950 Now if you as the start is going to offset just where we wanted 45 degrees from here not is this is 89 00:06:00,950 --> 00:06:01,470 a square. 90 00:06:01,480 --> 00:06:03,600 That's why the 45 is coming here. 91 00:06:03,670 --> 00:06:08,590 If it were in the 45 might have come you know over here or the different place. 92 00:06:08,590 --> 00:06:09,600 So let's start. 93 00:06:09,610 --> 00:06:10,420 Let's say this one. 94 00:06:10,420 --> 00:06:11,730 Make it 6 percent. 95 00:06:11,950 --> 00:06:13,600 So that is then that's good. 96 00:06:13,870 --> 00:06:17,780 And then this one is 94 percent called we wanted to stop there. 97 00:06:17,950 --> 00:06:23,020 So we come to one second and we keyframe the start and the end. 98 00:06:23,230 --> 00:06:24,990 Let's go to the beginning. 99 00:06:24,990 --> 00:06:27,430 They start to 50 percent. 100 00:06:27,460 --> 00:06:34,630 That will be enough and take that and also to 50 percent and nearly already have it. 101 00:06:34,630 --> 00:06:37,540 It opens and it comes to the limit. 102 00:06:37,540 --> 00:06:43,770 Now this is really cool as animation because you can come to the school on line. 103 00:06:43,840 --> 00:06:55,040 For example I had a mask and as soon as the rectangle is about to close you can just move the mosque. 104 00:06:55,090 --> 00:07:05,330 If I keyframe it here just before it closes and go backward maybe and make the mosque just like this. 105 00:07:05,480 --> 00:07:07,650 So it was a cool animation. 106 00:07:08,680 --> 00:07:13,840 OK the mosque is to be the least make it longer. 107 00:07:14,040 --> 00:07:14,530 Fine. 108 00:07:14,640 --> 00:07:19,600 So you're not as you want to sync them together and that will be quite useful animation. 109 00:07:19,680 --> 00:07:27,090 And this is very much used in introducing headline's lower thirds or whatever your imagination can do 110 00:07:27,090 --> 00:07:27,600 too. 111 00:07:27,870 --> 00:07:33,870 Let's go see what we can do for example with the circles here we have any circle opening. 112 00:07:33,900 --> 00:07:34,850 That's quite nice. 113 00:07:34,980 --> 00:07:39,600 And we know about the dash now we can do this with the impasse. 114 00:07:39,600 --> 00:07:46,410 Let's open the circle and what we have here two circles opening. 115 00:07:46,590 --> 00:07:49,680 There's this to shape layers and create new ones. 116 00:07:49,740 --> 00:08:00,260 And we go to the ellipse click control and shift and open up fine recompress control and the need to 117 00:08:00,260 --> 00:08:05,230 center them and we move it to the middle of the composition. 118 00:08:05,230 --> 00:08:08,400 For example if you'd like to let's introduce a different path here. 119 00:08:08,400 --> 00:08:11,250 I would go to that path. 120 00:08:11,320 --> 00:08:15,390 Now the 4:03 a circle just wide the circle in and out. 121 00:08:15,520 --> 00:08:22,720 By the way if you have a field for example here it will also wipe the field but that is so ugly that 122 00:08:22,720 --> 00:08:26,980 usually it's not used except in very special circumstances. 123 00:08:26,980 --> 00:08:32,470 If you really need it I really don't like it that other wipes in the effects of presets that are much 124 00:08:32,470 --> 00:08:33,760 more interesting. 125 00:08:34,090 --> 00:08:35,160 So let's remove the feel 126 00:08:38,270 --> 00:08:42,810 and you have here the ype coming from the beginning till then fine. 127 00:08:42,860 --> 00:08:51,740 Let's go to 100 percent keyframe and and from the start go to one second for example and get the and 128 00:08:51,770 --> 00:08:54,890 to come over here and we get to start all sort of come over here. 129 00:08:55,130 --> 00:08:59,660 Now of course nothing happens because the values are swiping each other. 130 00:08:59,870 --> 00:09:05,030 But if you select the Stookey frames the lower keyframes of the end or the start you can do that and 131 00:09:05,030 --> 00:09:05,860 move them. 132 00:09:06,120 --> 00:09:12,610 You will see that it will wipe him with the end and it will wipe out with the stock or vice versa. 133 00:09:13,870 --> 00:09:15,470 You can see that image. 134 00:09:15,470 --> 00:09:16,540 Now that's good. 135 00:09:16,750 --> 00:09:22,090 Of course if you choose the last two keyframe and make it speedier give you a different aspect. 136 00:09:22,090 --> 00:09:28,880 Now let's duplicate the shape and now we have two shapes exactly on top of each other. 137 00:09:29,170 --> 00:09:30,340 Let's bless you. 138 00:09:30,640 --> 00:09:36,950 And the second shape for example we press shift as to get the scale and we make it bigger. 139 00:09:39,160 --> 00:09:41,470 So now we have the two ships coming in. 140 00:09:42,520 --> 00:09:42,770 Good. 141 00:09:42,820 --> 00:09:46,790 Then we can take the layer and move it aside. 142 00:09:46,840 --> 00:09:47,790 That's fine. 143 00:09:48,010 --> 00:09:55,260 And take the last keyframes move them and also move these two keyframes on the side. 144 00:09:55,650 --> 00:10:00,470 You see we just play it with the keyframes and you will have something totally different. 145 00:10:00,610 --> 00:10:08,140 Of course you can come to the shape player go to the ellipse go to the stroke of the lips and add some 146 00:10:08,260 --> 00:10:09,500 dashes here. 147 00:10:09,670 --> 00:10:12,140 You add the dashes you add the gap. 148 00:10:12,140 --> 00:10:13,360 Let's see how it's happening. 149 00:10:13,360 --> 00:10:14,160 Fine. 150 00:10:14,170 --> 00:10:21,610 And we make a round cup so we have not only make it small make the gaps bigger. 151 00:10:21,700 --> 00:10:26,880 So now we have a dotted line that is coming in and out. 152 00:10:26,890 --> 00:10:28,580 So what is the principle here. 153 00:10:28,570 --> 00:10:33,160 It's pretty easy but when you're doing lower thirds you're doing titers you're doing motion graphics. 154 00:10:33,160 --> 00:10:35,410 The music is very wide you're not. 155 00:10:35,410 --> 00:10:37,100 Now you are playing with the keyframes. 156 00:10:37,240 --> 00:10:45,590 You can it is then you can move the layers to create even more animations that are pretty interesting. 157 00:10:45,760 --> 00:10:47,970 Let's duplicate this layer again. 158 00:10:47,980 --> 00:10:51,940 And we open the scale of this layer and make it even bigger. 159 00:10:52,480 --> 00:10:58,400 Let's go to the GOP's in the continent. 160 00:10:59,660 --> 00:11:07,250 We'll go to the ellipse and the stroke and find the gaps here the dashes and reduce the garbs for example 161 00:11:07,310 --> 00:11:09,830 or increase the cops call. 162 00:11:09,830 --> 00:11:11,440 So now you have something as. 163 00:11:11,450 --> 00:11:18,590 And of course we can move on there to a different time and they will come up very nicely the way you 164 00:11:18,590 --> 00:11:19,980 want them to come up. 165 00:11:20,000 --> 00:11:27,290 You can download this project and see how I have done this animation here which is multiple squares 166 00:11:27,680 --> 00:11:31,290 and it's a very fancy animation but it's very easy to be done. 167 00:11:31,300 --> 00:11:39,130 And that is how I duplicated the layers and just killing them up and down every layer is killed up. 168 00:11:39,470 --> 00:11:42,610 On the other one and you have the logo that's coming in. 169 00:11:42,800 --> 00:11:45,790 So please download the project here. 170 00:11:45,800 --> 00:11:53,000 It's called Team path and try to see how this is done and try to understand also how you can manipulate 171 00:11:53,000 --> 00:11:55,290 this to make it even much better. 172 00:11:55,310 --> 00:11:56,590 See you in the next lecture.