1 00:00:01,260 --> 00:00:01,550 OK. 2 00:00:01,560 --> 00:00:04,660 So we created this animation is very nice. 3 00:00:04,660 --> 00:00:09,880 How about if we add some leading arrow just in the middle over here. 4 00:00:09,880 --> 00:00:10,550 Let's. 5 00:00:10,570 --> 00:00:16,540 I out take the circle to compose a sham press control these commands on the mark and you have circle 6 00:00:16,540 --> 00:00:17,920 free of course. 7 00:00:17,920 --> 00:00:22,150 I would double click to open it and we are going to close circuit 2 so we don't. 8 00:00:22,150 --> 00:00:23,370 Not confused at all. 9 00:00:24,920 --> 00:00:28,910 I will use the novel here to move just over here. 10 00:00:28,910 --> 00:00:30,300 That will be nice. 11 00:00:30,530 --> 00:00:33,410 Then the inner ring I want to delete it. 12 00:00:33,410 --> 00:00:34,610 I don't want it. 13 00:00:34,940 --> 00:00:37,260 The outer ring we can keep it. 14 00:00:37,400 --> 00:00:39,740 We are going to delete the background. 15 00:00:39,740 --> 00:00:40,340 We don't want it. 16 00:00:40,370 --> 00:00:40,950 Good. 17 00:00:40,970 --> 00:00:45,040 So now we're ready to start working on our new artwork. 18 00:00:45,050 --> 00:00:48,650 Let's increase the number of dashes. 19 00:00:48,860 --> 00:00:53,120 So I would come over to throw one and we have our dashes here. 20 00:00:53,180 --> 00:00:55,100 So I will open the dashes. 21 00:00:55,100 --> 00:00:59,460 Put it at 10 and then from experience I can tell you. 22 00:00:59,490 --> 00:01:04,200 Nine point nine here will give you a very nice dashes here. 23 00:01:04,220 --> 00:01:08,070 Now we want to create an arrow that would go around just with the pipe. 24 00:01:08,570 --> 00:01:09,810 So how to create a.. 25 00:01:09,860 --> 00:01:12,490 Actually there are so many ways to create an arrow. 26 00:01:12,590 --> 00:01:14,170 I will use the one that I like. 27 00:01:14,180 --> 00:01:16,200 And you can call it the lazy way. 28 00:01:16,220 --> 00:01:17,720 So it's a polygon. 29 00:01:17,810 --> 00:01:20,000 I would draw a simple polygon here. 30 00:01:20,180 --> 00:01:21,270 Remove the stroke. 31 00:01:21,280 --> 00:01:22,090 I don't want any stroke. 32 00:01:22,100 --> 00:01:25,000 Put it to zero and the field is okay. 33 00:01:25,040 --> 00:01:27,300 So this is our arrow. 34 00:01:27,320 --> 00:01:27,590 Okay. 35 00:01:27,590 --> 00:01:29,510 I would rename it to arrow. 36 00:01:29,630 --> 00:01:31,490 I'm gonna go to the police third one. 37 00:01:31,520 --> 00:01:33,880 That's what you get when you draw a poly style. 38 00:01:34,250 --> 00:01:38,830 And the first thing I want to do is to reduce the number of points to three. 39 00:01:38,930 --> 00:01:40,900 Then there is a kind of rotation here. 40 00:01:40,910 --> 00:01:42,500 We are going to put it to zero. 41 00:01:42,500 --> 00:01:44,510 So we have an upright. 42 00:01:44,510 --> 00:01:45,590 Are you okay. 43 00:01:45,590 --> 00:01:50,540 You can play a bit with the outer edges to make it big and small but I'm gonna use a different technique. 44 00:01:50,810 --> 00:01:55,630 So I use the selection tool and then bring it just in the middle here. 45 00:01:55,640 --> 00:01:57,720 Now I need really to center it. 46 00:01:57,740 --> 00:01:59,890 According to the PI itself. 47 00:02:00,260 --> 00:02:03,950 So I'm gonna open the tile an action safe. 48 00:02:03,950 --> 00:02:07,760 Actually in these days everybody is doing an ATP even on TV. 49 00:02:07,880 --> 00:02:15,330 This one is about how safe is your video was the limitation of certainty vs if you like the most important 50 00:02:15,330 --> 00:02:17,270 is we have here a cross. 51 00:02:17,400 --> 00:02:23,160 I'm gonna zoom in using the R mouse scrawled on this cross determines the middle of the composition. 52 00:02:23,730 --> 00:02:29,220 So not notice if I select the by here the anchor point is exactly in the middle. 53 00:02:29,700 --> 00:02:34,620 But when it comes to our new shape or the arrow the anchor points just over here. 54 00:02:34,650 --> 00:02:39,450 So the first thing I'm going to do is to snap the anchor point to the bottom of the ship itself. 55 00:02:39,450 --> 00:02:40,070 Right. 56 00:02:40,320 --> 00:02:46,310 Then with the selection tool chest position it over here actually I can use control room and it will 57 00:02:46,320 --> 00:02:49,320 position and I think it's positioned quite well. 58 00:02:49,450 --> 00:02:50,200 Cool. 59 00:02:50,280 --> 00:02:51,690 Let's look up a bit. 60 00:02:51,750 --> 00:02:54,090 We notice that we need to make it a bit longer. 61 00:02:54,090 --> 00:02:55,400 In fact I'm not going to make it longer. 62 00:02:55,400 --> 00:02:59,910 I'm going to just put it here and then you know do just like this. 63 00:02:59,910 --> 00:03:00,490 Here you are. 64 00:03:00,730 --> 00:03:00,910 Yeah. 65 00:03:00,920 --> 00:03:02,580 Very nice lazy guy. 66 00:03:02,580 --> 00:03:05,200 Arrow this changes color. 67 00:03:05,320 --> 00:03:09,440 I'm gonna give it something bright yellow green. 68 00:03:09,460 --> 00:03:11,260 Something like this. 69 00:03:11,350 --> 00:03:19,960 Now we want this arrow to rotate according to the trim path and okay in the PI here you remember we 70 00:03:19,960 --> 00:03:22,680 have animated the end. 71 00:03:22,690 --> 00:03:26,110 How do we get it to rotate with the trim path. 72 00:03:26,110 --> 00:03:27,310 Well it's very easy. 73 00:03:27,310 --> 00:03:30,080 Let's come to the arrow and open the rotation. 74 00:03:30,130 --> 00:03:34,100 You notice that the arrow is rotating very nicely in the middle of the composition. 75 00:03:34,750 --> 00:03:42,580 But now if you look at the trim path and it's going according certain percentage from zero to 100 percent 76 00:03:42,580 --> 00:03:43,940 of course you can change this value. 77 00:03:44,290 --> 00:03:54,070 So actually at zero the arrow should rotate 0 and at 100 percent the arrow should rotate a full rotation 78 00:03:54,070 --> 00:03:58,090 which is 360 degrees in between. 79 00:03:58,090 --> 00:04:04,900 It should rotate a certain percentage of the 360 degrees the full rotation which is the percentage of 80 00:04:04,900 --> 00:04:05,830 the end. 81 00:04:05,890 --> 00:04:12,190 How do we do that let's enter an expression and then like the rotation to the end. 82 00:04:12,190 --> 00:04:12,910 Okay. 83 00:04:13,090 --> 00:04:16,900 So actually now we have only the percentage and it's not correct. 84 00:04:16,900 --> 00:04:20,740 But we want to multiply this by 360. 85 00:04:20,830 --> 00:04:23,710 We multiply by 360. 86 00:04:23,710 --> 00:04:30,880 And of course we need 360 and the percent of the end because now it's a full value if you notice saw 87 00:04:30,940 --> 00:04:36,350 the three path here is not giving us 50 percent it's giving us 50. 88 00:04:36,460 --> 00:04:42,000 So you need to add the percent which means that we divide by 100. 89 00:04:42,040 --> 00:04:48,070 That's one way to do it but 360 divided by 100 is equivalent to three point six. 90 00:04:48,070 --> 00:04:50,310 There is no need to complicate things. 91 00:04:50,470 --> 00:04:52,490 And it's so obvious by the way. 92 00:04:52,490 --> 00:04:55,320 Now if you play not just what's happening. 93 00:04:55,540 --> 00:05:00,840 There is a full rotation here which is pretty cool actually. 94 00:05:00,880 --> 00:05:03,290 This is the whole trick on how to work. 95 00:05:03,340 --> 00:05:06,290 So I'm going to make it just jump over here for example. 96 00:05:06,310 --> 00:05:07,330 Start from here. 97 00:05:07,830 --> 00:05:09,740 And the arrow appears and comes out. 98 00:05:09,820 --> 00:05:13,240 You can also create a small animation for the arrow. 99 00:05:13,240 --> 00:05:20,370 I'm going to open the scale I will move forward now to preserve the values of the scale. 100 00:05:20,590 --> 00:05:21,570 I'll keep frame it. 101 00:05:21,700 --> 00:05:24,940 Come back to the beginning and put it at 0 percent. 102 00:05:24,940 --> 00:05:28,090 We have a very short animation but it looks very nice. 103 00:05:28,090 --> 00:05:29,070 Here you are. 104 00:05:29,070 --> 00:05:29,950 You're not so happy. 105 00:05:30,280 --> 00:05:31,650 Okay I'm gonna push it a bit. 106 00:05:32,740 --> 00:05:34,550 And here you are. 107 00:05:34,610 --> 00:05:34,900 Good. 108 00:05:35,380 --> 00:05:37,540 Let's play very nice. 109 00:05:37,960 --> 00:05:39,650 I want to add one more thing. 110 00:05:39,670 --> 00:05:40,730 It's a bar. 111 00:05:40,780 --> 00:05:41,170 You know this. 112 00:05:41,170 --> 00:05:44,880 I want the bar to go at the tip of the arrow. 113 00:05:45,010 --> 00:05:49,530 So actually I'm going to use the outer ring here duplicated. 114 00:05:49,690 --> 00:05:55,000 So I have outer ring to change its color to something orange whatever you like guys. 115 00:05:55,000 --> 00:05:56,670 It works okay. 116 00:05:56,680 --> 00:06:01,660 And of course I'm gonna go inside the outer being the content ellipse one. 117 00:06:02,020 --> 00:06:03,430 And here you are. 118 00:06:03,460 --> 00:06:07,260 I'm gonna reduce its size so it matches the arrow. 119 00:06:08,720 --> 00:06:11,810 I'm gonna make it the big bigger let's say 10. 120 00:06:11,900 --> 00:06:17,880 Now I'm gonna add that the theme path and of course I want to use the end of the trim path. 121 00:06:17,900 --> 00:06:21,230 But there is no need to have an animation was key frames here. 122 00:06:21,320 --> 00:06:22,940 We can follow the pie. 123 00:06:23,090 --> 00:06:26,300 So this is the pie here and a fireplace. 124 00:06:26,340 --> 00:06:33,860 You I can see the empty frames so I'm gonna come up to the trim path here and just from here link it 125 00:06:33,860 --> 00:06:36,980 directly to the pie. 126 00:06:37,160 --> 00:06:39,020 And as simple as this. 127 00:06:39,020 --> 00:06:43,100 Now not what's happening here it's gonna have a very nice animation. 128 00:06:43,290 --> 00:06:45,530 Very cool guys. 129 00:06:45,530 --> 00:06:49,880 Of course now you have one key frame to adjust only which is this one. 130 00:06:49,880 --> 00:06:55,710 I'm gonna put it for example 75 percent so you have a very nice animation. 131 00:06:55,830 --> 00:06:58,880 Now of course there are so many things that you can create here. 132 00:06:58,920 --> 00:07:07,060 For example the arrow and our line here was swiped first a full rotation then swipe again with the pie. 133 00:07:07,080 --> 00:07:09,810 And of course you can make the pie without the dashes. 134 00:07:09,810 --> 00:07:10,830 Here you are. 135 00:07:10,830 --> 00:07:11,990 So let's look at it 136 00:07:14,820 --> 00:07:20,290 and remove the title action see if you are of course this guy. 137 00:07:20,290 --> 00:07:22,530 Now let's come over here. 138 00:07:22,530 --> 00:07:26,940 This guy here we can position it the way you would like and get it up 139 00:07:33,430 --> 00:07:33,630 now. 140 00:07:33,630 --> 00:07:40,000 I put an arrow here but actually you can have any kind of shape any kind of artwork over here. 141 00:07:40,000 --> 00:07:41,740 Turning with the pipe. 142 00:07:42,240 --> 00:07:43,490 Thank you very much for listening. 143 00:07:43,560 --> 00:07:51,120 And in the next lecture I'll show to add even more as a rotation with a line on a pie chart like a ball 144 00:07:51,390 --> 00:07:53,890 or a bar or something like this. 145 00:07:53,910 --> 00:07:54,470 I'll see you then.