1 00:00:00,860 --> 00:00:07,370 In the previous lecture we completed the first step which is design in this lecture we go onto the second 2 00:00:07,370 --> 00:00:10,750 step which is to animate all the layers. 3 00:00:11,120 --> 00:00:14,220 Let's start shipload one. 4 00:00:14,360 --> 00:00:18,860 Let's rename it to rename or just select the layer over here. 5 00:00:18,860 --> 00:00:22,460 Press enter and is highlighted ready to be renamed. 6 00:00:22,640 --> 00:00:26,820 Let's call it background to commit you press enter. 7 00:00:26,820 --> 00:00:28,550 You could have clicked outside. 8 00:00:28,550 --> 00:00:32,260 Now I have your web design motion graphics and graphic design. 9 00:00:32,450 --> 00:00:39,170 These are going to have the same kind of animation I would like to meet the scale and the opacity at 10 00:00:39,170 --> 00:00:39,980 the same time. 11 00:00:40,840 --> 00:00:45,780 You know you can't roll down and twirl down the transform and studies like this. 12 00:00:45,780 --> 00:00:47,800 That's good but there is a shortcut here. 13 00:00:47,870 --> 00:00:55,140 I would select the three layers and to bring up the scale address as you see how the scale has been 14 00:00:55,140 --> 00:00:55,890 brought in. 15 00:00:55,980 --> 00:01:03,840 If I wanted position I would press B if I wanted opacity of press t if I want the rotation. 16 00:01:04,440 --> 00:01:12,890 But I want the scale and also I want the opacity to get the scale and the opacity a shift key. 17 00:01:13,000 --> 00:01:14,740 You are cool. 18 00:01:14,850 --> 00:01:18,290 So I have skin and opacity ready to be an image. 19 00:01:18,630 --> 00:01:23,830 Of course I could only meet the scale and the opacity for each layer at the time. 20 00:01:23,880 --> 00:01:29,960 Or better yet I can meet all the layers for this get passed by. 21 00:01:30,260 --> 00:01:31,290 Let's try this. 22 00:01:31,290 --> 00:01:32,740 I'll go after one second. 23 00:01:33,530 --> 00:01:38,720 I will click on the stopwatch to initiate the only issue Foskett well known that's what happened by 24 00:01:38,720 --> 00:01:39,930 clicking on the stopwatch. 25 00:01:39,950 --> 00:01:44,670 I initiated the animation for scale for all the players because they are selected. 26 00:01:44,750 --> 00:01:47,660 So you have the keyframes on each leg. 27 00:01:47,870 --> 00:01:50,370 Then I will do the same for opacity. 28 00:01:50,440 --> 00:01:52,960 We're really cutting down to an image. 29 00:01:53,210 --> 00:01:57,250 Of course the scale is going to be emitted from the anchor point. 30 00:01:57,410 --> 00:01:58,390 OK guys. 31 00:01:58,520 --> 00:02:04,550 Now the anchor point your position is OK for me if it's not OK for you go back to the paragraph and 32 00:02:04,550 --> 00:02:06,310 try to put it left on. 33 00:02:06,320 --> 00:02:08,620 Maybe I forgot to mention this in the beginning. 34 00:02:08,960 --> 00:02:13,060 Let's return the scale to 100 to 4 without making mistakes. 35 00:02:13,250 --> 00:02:23,310 And then let's go back in time to 0 0 and make the scale 0 and then make the opacity also zero. 36 00:02:23,370 --> 00:02:29,060 That's what happens now you animated the three layers at the same animation at the same time. 37 00:02:29,180 --> 00:02:30,800 Not one after the other. 38 00:02:30,800 --> 00:02:33,350 It really simplifies the work. 39 00:02:33,800 --> 00:02:34,440 OK. 40 00:02:34,760 --> 00:02:40,610 I play it fine but it's slow to get over it later. 41 00:02:40,620 --> 00:02:44,280 Now I notice that every time is going to go to five seconds. 42 00:02:44,280 --> 00:02:48,200 I have to wait three four seconds just waiting for it to go to the end. 43 00:02:48,210 --> 00:02:48,800 I don't want that. 44 00:02:48,810 --> 00:02:49,860 I want speed up. 45 00:02:49,860 --> 00:02:52,310 So I want just to stop at two seconds. 46 00:02:52,320 --> 00:02:57,010 It means I want to reduce my work area to two seconds. 47 00:02:57,040 --> 00:02:59,210 This bar here is your work area. 48 00:02:59,340 --> 00:03:00,140 OK guys. 49 00:03:00,240 --> 00:03:05,610 So you have a work area and you know this work area and not as the mouse pointer. 50 00:03:06,000 --> 00:03:10,320 And at the beginning you have work area start fine. 51 00:03:10,410 --> 00:03:15,190 I can take the work area and and drag it towards the time line indicates. 52 00:03:15,330 --> 00:03:16,270 But there is better. 53 00:03:16,410 --> 00:03:25,210 I can just press and and will bring the work area and to the timeline indicate we are going to use this 54 00:03:25,510 --> 00:03:26,470 very many times. 55 00:03:26,590 --> 00:03:34,900 Now if I press the space part to play on it it plays until it goes back pretty nice flat less any minute. 56 00:03:34,910 --> 00:03:40,310 Now the rectangle I'll pick the selection to open the background. 57 00:03:40,360 --> 00:03:44,640 So I want to through position press be it will being the position. 58 00:03:44,980 --> 00:03:49,790 Let's go to the Laski frame so you can use the navigator here. 59 00:03:49,900 --> 00:03:50,520 That's fine. 60 00:03:50,590 --> 00:03:57,400 But we have two very nice shortcuts the key will take it to the next visible keyframe the one that you 61 00:03:57,400 --> 00:03:59,080 can see over here. 62 00:03:59,100 --> 00:04:02,780 Jay will take you to the previous visible keyframe. 63 00:04:02,810 --> 00:04:09,710 So we'll go to the next visible keyframe and our keyframe the position just over here. 64 00:04:10,000 --> 00:04:13,920 I'll go back and take the layer. 65 00:04:13,930 --> 00:04:16,540 Now I'm not going to use the numbers like before. 66 00:04:16,540 --> 00:04:18,530 Click on the layer and drag it out. 67 00:04:18,730 --> 00:04:22,700 But you know it's going up and down with me to make it go in a straight line. 68 00:04:22,720 --> 00:04:25,250 As I shift and drag it. 69 00:04:25,420 --> 00:04:28,410 So that is how I have done this first I click on it. 70 00:04:28,600 --> 00:04:30,300 The most pointed return block. 71 00:04:30,430 --> 00:04:32,410 I don't know if you can see through the recording. 72 00:04:32,680 --> 00:04:37,190 Then I move a bit just a bit then press shift and then it goes straight. 73 00:04:37,300 --> 00:04:43,370 So it doesn't move up and down just straight line here using the modified key shift. 74 00:04:43,380 --> 00:04:47,000 Let's play on mission not bad Nabat. 75 00:04:47,250 --> 00:04:50,390 But the speed really guys the speed is not vague. 76 00:04:50,640 --> 00:04:53,970 But this is exactly the animation you want it's very slow. 77 00:04:54,210 --> 00:04:56,280 So let's reduce the speed. 78 00:04:56,280 --> 00:05:02,550 It makes sense that when you want speed the animation you make sure you get the keyframes near each 79 00:05:02,550 --> 00:05:03,330 other. 80 00:05:03,330 --> 00:05:09,240 Now in between frames there is only 10 frames and of course the animation of web design not just web 81 00:05:09,240 --> 00:05:11,800 design is going to be pretty fast. 82 00:05:11,820 --> 00:05:14,680 Can you get scale are not as good. 83 00:05:14,880 --> 00:05:18,620 So listen to this and select all the key frames here. 84 00:05:18,690 --> 00:05:21,880 Stop the animation and drag them towards. 85 00:05:21,900 --> 00:05:26,250 For example 15 frames I don't know where 15 frames is. 86 00:05:26,250 --> 00:05:34,990 So I can just play with the thumb indicator or simply go over here right. 87 00:05:35,010 --> 00:05:37,270 15 is 15 frames. 88 00:05:37,350 --> 00:05:40,280 It jumps to the 15 frames here. 89 00:05:40,410 --> 00:05:47,340 Then I can drag my keyframes the selected one press shift and it is snap to the timeline indicator. 90 00:05:47,400 --> 00:05:48,520 Very convenient. 91 00:05:48,540 --> 00:05:50,580 Here you are fine. 92 00:05:50,680 --> 00:05:51,320 Beautiful. 93 00:05:52,500 --> 00:05:58,890 So in the next texture we are going to move to the next step which is the last step that is sequencing 94 00:05:59,100 --> 00:06:04,420 anti-me our layers to make the animation a bit more beautiful and dynamic. 95 00:06:04,420 --> 00:06:05,240 I see you then.