1 00:00:01,630 --> 00:00:07,270 Guys this is live as you are from a school online come and in this lecture we are going to learn or 2 00:00:07,270 --> 00:00:14,140 start learning about some pre-sets and some effects that are self animating you don't need to put keyframes 3 00:00:14,170 --> 00:00:16,260 and you get this kind of effect. 4 00:00:16,330 --> 00:00:19,230 This is the wiggle path and we are going to work on it. 5 00:00:19,450 --> 00:00:25,550 Let's try to replicate this animation we create a new composition just a blank one and the ordinary 6 00:00:25,600 --> 00:00:32,270 one analysts view it at we draw a rectangle. 7 00:00:32,270 --> 00:00:39,050 We try to put it in the middle if you like and reduce the stroke maybe to six that we did then I will 8 00:00:39,050 --> 00:00:42,810 come to the Adhir to introduce the wiggle a path. 9 00:00:42,860 --> 00:00:44,760 So you have very many of them. 10 00:00:44,990 --> 00:00:48,230 We went through the same path and the merge and the offset. 11 00:00:48,230 --> 00:00:54,480 Now we're looking at the wicket will put the we get no notice when you put the wiggle without any keyframe 12 00:00:54,490 --> 00:00:56,560 is just animating by itself. 13 00:00:56,920 --> 00:01:02,500 OK let's go to the wiggle itself the wiggle part inside the shape there is content. 14 00:01:02,540 --> 00:01:04,280 And we have the size. 15 00:01:04,340 --> 00:01:12,110 Let's have a look at the rectangle here and look when we increase the size the size of the Wiggles will 16 00:01:12,110 --> 00:01:13,550 be increased. 17 00:01:13,550 --> 00:01:14,640 That's pretty cool. 18 00:01:14,990 --> 00:01:20,390 And then if we increase the details the details of the Wiggles will increase. 19 00:01:20,390 --> 00:01:28,750 For example when you have something like the hospital things also we have the smoothness. 20 00:01:28,750 --> 00:01:29,680 That's the point. 21 00:01:29,680 --> 00:01:33,730 You know this is a rectangle so it has four corners. 22 00:01:33,730 --> 00:01:40,720 So now the wiggle is different from every corner and we can make it smooth and then the wiggle is very 23 00:01:40,720 --> 00:01:41,320 different. 24 00:01:41,320 --> 00:01:42,570 It is very smooth. 25 00:01:42,580 --> 00:01:44,520 It's not sharp at the corners. 26 00:01:44,530 --> 00:01:51,430 If you increase the size you know it will also be based more it's put back the size to 10 and let's 27 00:01:51,430 --> 00:01:54,570 keep it not most but corners is much nicer. 28 00:01:54,580 --> 00:01:58,510 Then you have the per second that we get per second is the speed actually. 29 00:01:58,540 --> 00:01:59,640 So we can increase it. 30 00:01:59,680 --> 00:02:03,130 And then the speed of the wiggle is much much speedier. 31 00:02:03,130 --> 00:02:06,140 Let me make it bigger so you can see it. 32 00:02:06,290 --> 00:02:10,190 And this is the speed and it's very speedy now not very practical. 33 00:02:10,190 --> 00:02:16,500 Let's put it back to to put it back to 0.5 and to make it like dreamlike. 34 00:02:16,670 --> 00:02:18,390 Venus now it's very smooth. 35 00:02:18,680 --> 00:02:23,920 You can reduce the size to seven or eight and it's mostly arraigning. 36 00:02:24,410 --> 00:02:25,770 Let's pull back the speed to do. 37 00:02:25,880 --> 00:02:27,080 Let's look at the correlation. 38 00:02:27,080 --> 00:02:32,840 Correlation is about how they are moving according to each other let's make them big and change the 39 00:02:32,840 --> 00:02:34,690 correlation to 100 percent. 40 00:02:34,730 --> 00:02:37,910 You almost see that became identical all of them zero. 41 00:02:37,910 --> 00:02:42,800 They are very different from each other 50 percent correlation is quite nice. 42 00:02:42,800 --> 00:02:43,720 Let's remove it. 43 00:02:43,820 --> 00:02:50,180 And you know it's not that I'm not even moving at all just you know it's very different if you change 44 00:02:50,180 --> 00:02:55,250 correlation to 100 percent increase the size and put it to smooth. 45 00:02:55,490 --> 00:03:01,650 You have a very nice animation here that will happen up down and so on. 46 00:03:01,740 --> 00:03:03,040 It's just a variation. 47 00:03:03,230 --> 00:03:09,950 Let's put it to corner and let's put the back to 50 percent so we get this and it's not temporary phase 48 00:03:10,010 --> 00:03:17,210 and special phase is like how would I say it's about setting the preferences here how you want it to 49 00:03:17,210 --> 00:03:20,440 happen let's put the second to zero. 50 00:03:20,690 --> 00:03:25,370 And if you move the temperature it will tell you how it's going to happen in time you're not changing 51 00:03:25,390 --> 00:03:25,810 time. 52 00:03:25,880 --> 00:03:28,030 So that will be your starting point. 53 00:03:28,040 --> 00:03:31,190 Also you have the spatial and that will be your starting point. 54 00:03:31,400 --> 00:03:34,670 But of course you can keyframe this to get jumps. 55 00:03:34,670 --> 00:03:42,950 For example if I keyframe to do this do then come to one second increase them or whatever value I give 56 00:03:42,950 --> 00:03:50,160 them come to two seconds and then increase them again then you will have the animation that would even 57 00:03:50,210 --> 00:03:52,520 want to use keyframes for. 58 00:03:52,700 --> 00:03:58,230 So now we are using keyframes to move your animation not just up the dot after the keyframes doesn't 59 00:03:58,230 --> 00:04:06,450 move less to move these ones and return the values to 0 0 0 and fat. 60 00:04:06,590 --> 00:04:09,780 So let's do our animation we remove the keyframes from here. 61 00:04:10,050 --> 00:04:16,910 What we want to have is the size we are going to reduce it to for example is 12 do here we can see it 62 00:04:17,630 --> 00:04:25,760 can make this smaller even though I have to scroll up a long and it's fit 100 percent and the data is 63 00:04:25,760 --> 00:04:27,280 less make them less. 64 00:04:27,460 --> 00:04:31,150 I said nine DEARDS the size. 65 00:04:31,250 --> 00:04:31,850 OK. 66 00:04:31,940 --> 00:04:40,330 So we have this animation that's going on we need to increase the speed slowly so it will increase the 67 00:04:40,330 --> 00:04:43,740 speed to five that will do. 68 00:04:44,170 --> 00:04:44,870 And you have it. 69 00:04:44,890 --> 00:04:49,680 OK you can increase the details and it can come and play with it the way you want. 70 00:04:50,050 --> 00:04:55,630 OK let's increase also the size to make it more accentuated and you really have you have a very nice 71 00:04:55,630 --> 00:05:01,090 wiggle a bit speedy but it will what let's put it at three. 72 00:05:01,270 --> 00:05:03,840 Now you can also wiggle text. 73 00:05:03,850 --> 00:05:09,970 But before you begin executing to create shapes from text and that's what we will do now will stop the 74 00:05:09,970 --> 00:05:17,020 animation and say wiggling I wish you could use any font you want. 75 00:05:17,020 --> 00:05:17,860 It's really work. 76 00:05:17,870 --> 00:05:19,370 OK put it in the middle. 77 00:05:19,620 --> 00:05:20,760 Let's make it bigger. 78 00:05:21,820 --> 00:05:22,470 OK. 79 00:05:22,720 --> 00:05:24,530 And then there is an option here. 80 00:05:24,760 --> 00:05:27,890 Create shapes from text if you choose it. 81 00:05:27,890 --> 00:05:30,220 It will create another layer. 82 00:05:30,220 --> 00:05:35,590 This is a shape lead and it will close the eye on wiggling that you cannot see that text anymore. 83 00:05:35,680 --> 00:05:37,610 These chip can use it but it's on. 84 00:05:37,920 --> 00:05:45,130 If you drill down the shape player in content you will find that there is a shape or a path for each 85 00:05:45,220 --> 00:05:48,200 of the characters or the letters here. 86 00:05:48,310 --> 00:05:50,190 Some of them even like the J. 87 00:05:50,530 --> 00:05:53,850 Two of them one is the inside and one is the outside. 88 00:05:54,090 --> 00:05:59,320 We don't get about this what we get is to add a path in the middle path. 89 00:05:59,320 --> 00:06:03,110 Now we can animate this play preview. 90 00:06:03,160 --> 00:06:06,990 It is quite animated but it's like very very sharp. 91 00:06:07,000 --> 00:06:07,870 Let's zoom in. 92 00:06:09,200 --> 00:06:16,390 I make it smaller For example we reduce the details and we reduce the size. 93 00:06:16,490 --> 00:06:17,950 I guess this is fine. 94 00:06:18,140 --> 00:06:20,080 Let's go back to 100 percent. 95 00:06:20,240 --> 00:06:21,290 And here you are. 96 00:06:21,290 --> 00:06:24,380 You have your own emission call. 97 00:06:24,480 --> 00:06:25,440 That's very nice. 98 00:06:25,440 --> 00:06:30,560 Now how do we introduce this data is to introduce this for the shape player. 99 00:06:30,560 --> 00:06:38,550 The best way to introduce it is to add a path and in the same path here we can start keyframe the start 100 00:06:38,780 --> 00:06:40,470 to 100 percent go. 101 00:06:40,470 --> 00:06:47,710 After a few seconds and give it a zero percent let's go back here and make it 100 percent. 102 00:06:47,940 --> 00:06:51,590 So now we have your POV come again and wiggling. 103 00:06:51,610 --> 00:06:54,540 Now we can also draw your path and start wiggling. 104 00:06:54,690 --> 00:06:58,610 Let's reduce the time here and we come to the wiggle here. 105 00:06:58,650 --> 00:07:07,150 We want our player or our rectangle to start wiggling after it has opened so from here for example goal 106 00:07:07,390 --> 00:07:08,880 I can do similar things. 107 00:07:08,950 --> 00:07:12,020 The best way to do it is use the wiggle per second. 108 00:07:12,280 --> 00:07:14,230 And I would keyframe the wiggle by second. 109 00:07:14,230 --> 00:07:20,620 Now this is interesting the keyframe here is a whole keyframe is not a maze it means it takes this value 110 00:07:20,650 --> 00:07:25,340 at this time and nothing else we can come back before give it the value zero. 111 00:07:25,360 --> 00:07:30,780 We have zero we have now to hold keyframes. 112 00:07:30,820 --> 00:07:31,810 That's pretty interesting. 113 00:07:31,810 --> 00:07:36,440 It means it will jump into speed and even not gradually grow into the speed. 114 00:07:36,520 --> 00:07:38,400 I guess this is a computing thing. 115 00:07:38,620 --> 00:07:40,960 So we will learn and then move on. 116 00:07:40,960 --> 00:07:46,950 Let's move this to the side get us pretty far just like this. 117 00:07:47,030 --> 00:07:51,080 So now we start it draws normally and then start wiggling. 118 00:07:51,380 --> 00:07:53,590 Of course you can come and adjust it also. 119 00:07:53,750 --> 00:07:55,970 You can decide that it will draw straight. 120 00:07:55,970 --> 00:07:59,780 So the size of the regally I would keyframe it to zero. 121 00:08:00,410 --> 00:08:07,050 Come here for example I can also keyframe it again so says zero. 122 00:08:07,290 --> 00:08:12,310 Remove the first keyframe of course and then come here when it has grown or started to give the size 123 00:08:12,320 --> 00:08:13,700 like it was 50. 124 00:08:14,060 --> 00:08:15,160 So here you are. 125 00:08:15,200 --> 00:08:22,460 It will draw normally then start wiggling and that's a much better way to use with the wiggle not just 126 00:08:22,550 --> 00:08:25,920 to broaden your circle when it's wiggling will not be nice. 127 00:08:25,940 --> 00:08:32,870 Of course we can come and do the same for the wiggling characters and introduce the wiggling after a 128 00:08:32,870 --> 00:08:33,990 certain time. 129 00:08:34,810 --> 00:08:36,260 Let's open the beginning. 130 00:08:36,650 --> 00:08:37,690 It's over here. 131 00:08:38,710 --> 00:08:43,430 We can also open the wiggle here for the characters using the theme path. 132 00:08:43,450 --> 00:08:47,410 I will come to content and I will add a theme path for all of them. 133 00:08:47,410 --> 00:08:56,800 Of course now we can come to the Trimm path keyframe the end to 0 percent and then go after a few seconds. 134 00:08:56,800 --> 00:09:00,030 When it comes here we make it 100 percent. 135 00:09:00,070 --> 00:09:02,320 So they are all coming together. 136 00:09:02,380 --> 00:09:03,770 That's not exactly what we want. 137 00:09:03,770 --> 00:09:06,390 We want them to come each one after the other. 138 00:09:06,440 --> 00:09:10,370 So all three multiple shapes I will say individually. 139 00:09:10,420 --> 00:09:12,060 Let's look at our animation now. 140 00:09:12,220 --> 00:09:16,600 So the circle comes and the path of the character is drawn. 141 00:09:16,690 --> 00:09:18,990 Maybe make it longer to give it more. 142 00:09:19,450 --> 00:09:23,040 So if we kill here we see that it's starting and it's cool. 143 00:09:23,080 --> 00:09:25,060 It's pretty nice that way. 144 00:09:25,090 --> 00:09:29,110 This is not something that you can use everywhere but it's quite nice. 145 00:09:29,110 --> 00:09:32,010 Let me show you something else that you really want to know. 146 00:09:32,880 --> 00:09:35,400 I will create a new composition. 147 00:09:35,610 --> 00:09:36,690 Same same. 148 00:09:36,830 --> 00:09:41,190 Then I will come and draw just a line from beginning to the end. 149 00:09:41,190 --> 00:09:46,400 For example let's go and we give it six Let's give it even three. 150 00:09:46,910 --> 00:09:50,060 I will introduce the wiggle part here. 151 00:09:50,070 --> 00:09:59,760 I will come to the Adhir and the path I come to the regales path for example give it to C and then that 152 00:09:59,760 --> 00:10:03,730 it is give it a lot of details that make it smooth. 153 00:10:03,770 --> 00:10:04,560 If I want. 154 00:10:04,810 --> 00:10:08,380 So here you already have the widdling very nicely. 155 00:10:08,380 --> 00:10:09,890 Now this is pretty interesting. 156 00:10:10,090 --> 00:10:14,440 Double click here to create a shape and make it very thick. 157 00:10:15,350 --> 00:10:21,560 Something like this and make this one smaller so you have like the screen if you'd like to you know 158 00:10:22,130 --> 00:10:25,970 something that's wiggling inside a screen but that's pretty nice. 159 00:10:26,030 --> 00:10:28,520 Let's make this one move and I'm sure you hear it. 160 00:10:28,520 --> 00:10:30,090 That is very useful. 161 00:10:30,170 --> 00:10:33,270 I will add that to the ship lead this is the Reagle here. 162 00:10:33,290 --> 00:10:34,880 Not this one. 163 00:10:34,880 --> 00:10:38,180 I will add a three path. 164 00:10:38,500 --> 00:10:38,880 OK. 165 00:10:38,900 --> 00:10:45,230 That's a Normanton impasse that does nothing until now know what that will do I will keyframe the offset 166 00:10:45,860 --> 00:10:49,450 and come to and then say only 20 percent. 167 00:10:49,490 --> 00:10:54,080 I come to the end of the composition for example I move the offset until it goes out. 168 00:10:54,140 --> 00:10:59,870 I will always see 20 percent of the path or the path itself. 169 00:10:59,890 --> 00:11:01,770 OK but now that's not cool. 170 00:11:01,820 --> 00:11:06,170 The way it's moving like this what I will do I will come to speed and put the zero up. 171 00:11:06,320 --> 00:11:12,040 Now you have something very cool that I am sure you want to use in very many animations. 172 00:11:12,140 --> 00:11:18,560 Mainly if you're doing a hods or you're doing some you know special animations or doctors you know that's 173 00:11:18,560 --> 00:11:20,260 the heart beat something like this. 174 00:11:20,540 --> 00:11:24,700 And this is the wiggle path and I hope it was very useful for you. 175 00:11:24,890 --> 00:11:30,170 Of course there are so many manipulations that you can come and do and it would be pretty nice. 176 00:11:30,380 --> 00:11:35,350 I never see you in the next lecture was a preset that will move on its own also. 177 00:11:35,350 --> 00:11:37,610 And his animator was out keyframes see that.