WEBVTT 1 00:00:04.475 --> 00:00:08.925 Realistic basic Making text animation: mask and track matte 2 00:00:23.525 --> 00:00:26.475 Hello this is Jiwon Choi 3 00:00:26.775 --> 00:00:29.575 In this lecture, we will talk about creating text animation 4 00:00:29.575 --> 00:00:34.075 masks and track mattes 5 00:00:34.075 --> 00:00:36.425 First, let's start with today's learning content 6 00:00:36.425 --> 00:00:40.325 Create an effect where text layers appear sequentially 7 00:00:40.325 --> 00:00:42.775 Through this, in After Effects 8 00:00:42.775 --> 00:00:47.375 Let's understand the concept of mask and track matte 9 00:00:47.375 --> 00:00:52.375 Secondly, we will practice applying a gradient effect to text 10 00:00:52.375 --> 00:00:55.375 Let's learn about Gradient Ramp Effect with Keyframes 11 00:00:55.375 --> 00:00:59.375 and Luma Inverted Matte settings 12 00:00:59.375 --> 00:01:03.375 The concept of mask and track matte 13 00:01:03.375 --> 00:01:09.125 First, let's learn about masks 14 00:01:09.125 --> 00:01:13.725 Masks are a representative use case of layers 15 00:01:13.725 --> 00:01:17.425 This is a function that reveals only a portion of a layer 16 00:01:17.425 --> 00:01:20.925 or hides certain parts 17 00:01:20.925 --> 00:01:26.725 It is often used in image compositing and animation 18 00:01:28.024 --> 00:01:32.274 You can think of it as a very core function 19 00:01:33.974 --> 00:01:38.524 We're going to practice the mask function later 20 00:01:40.424 --> 00:01:42.524 Before we start practicing it 21 00:01:42.524 --> 00:01:47.674 I think it would be good to go in and find out the properties of the mask path 22 00:01:47.674 --> 00:01:54.374 What is mask path, feather, opacity, expansion? 23 00:01:54.374 --> 00:01:57.424 It has these four functions: 24 00:01:57.424 --> 00:02:02.524 Mask path is to set the shape of the mask path 25 00:02:02.524 --> 00:02:06.074 And you can create keyframes 26 00:02:06.074 --> 00:02:09.424 It is a function usefel to animate the 27 00:02:09.424 --> 00:02:12.474 shape change of the mask 28 00:02:12.474 --> 00:02:16.224 Mask path that sets the shape 29 00:02:16.224 --> 00:02:19.274 Next mask feather 30 00:02:19.874 --> 00:02:21.574 What is a feather? 31 00:02:23.774 --> 00:02:30.774 This adjusts the softness of the mask path border 32 00:02:33.624 --> 00:02:37.874 Are the edges sharp or soft? 33 00:02:37.874 --> 00:02:41.474 You can think of it as adjusting that level 34 00:02:41.824 --> 00:02:44.674 As you can guess, the higher the value, 35 00:02:44.674 --> 00:02:47.224 The smoother the edges 36 00:02:47.224 --> 00:02:50.974 So, 'please increase the feather value a bit ' 37 00:02:50.974 --> 00:02:55.024 means, "Please soften the edges a bit " 38 00:02:55.024 --> 00:02:58.124 The third, opacity 39 00:02:58.124 --> 00:03:02.374 This is not just for masks 40 00:03:02.374 --> 00:03:09.274 It is equipped with the transformation function of all layers 41 00:03:09.274 --> 00:03:12.724 This indicates the degree of transparency and is also used a lot 42 00:03:12.724 --> 00:03:16.524 You can adjust the transparency of the mask 43 00:03:18.024 --> 00:03:21.024 100 is the most opaque 44 00:03:21.024 --> 00:03:24.674 As it gets closer to 0, it disappears 45 00:03:24.674 --> 00:03:27.374 You can understand it that way 46 00:03:29.774 --> 00:03:34.674 Lastly, there is the mask extension property of the mask path 47 00:03:34.674 --> 00:03:38.224 Mask extension extends the mask path area 48 00:03:38.224 --> 00:03:43.374 It acts as a zoom in or zoom out function 49 00:03:43.374 --> 00:03:47.724 So, if the mask path that was drawn in advance 50 00:03:47.724 --> 00:03:51.574 is too small, you can just enlarge it 51 00:03:51.574 --> 00:03:55.374 If it's big, you can make it smaller 52 00:03:55.674 --> 00:04:01.374 Like this, the shape of the mask and the edge value 53 00:04:01.374 --> 00:04:05.374 And the transparency of the mask itself, the size of the mask 54 00:04:05.374 --> 00:04:09.574 By adjusting these four functions in detail, 55 00:04:09.574 --> 00:04:14.074 You can design a mask 56 00:04:14.074 --> 00:04:21.973 Please understand that it has such a function 57 00:04:24.373 --> 00:04:27.323 So, let's take a look at the shortcut keys 58 00:04:27.323 --> 00:04:31.423 If you press M on the mask shortcut key, 59 00:04:31.423 --> 00:04:34.173 The selected layer in the timeline panel's 60 00:04:34.173 --> 00:04:38.673 mask path options will expand 61 00:04:39.223 --> 00:04:42.473 Then, the second F, you could guess a little bit 62 00:04:42.473 --> 00:04:49.973 F is a shortcut to expand the mask feather options 63 00:04:51.123 --> 00:04:54.323 M,M This is to unfolded all the options 64 00:04:54.323 --> 00:04:59.273 related to the mask at once 65 00:04:59.273 --> 00:05:05.423 Shift + Alt + M This is for the keyframe creation 66 00:05:05.423 --> 00:05:09.773 in mask path option 67 00:05:10.773 --> 00:05:15.073 As you can guess, the shape of the mask is also 68 00:05:15.073 --> 00:05:20.473 You can probably guess that we can incorporate the concept of speed 69 00:05:21.823 --> 00:05:28.073 Secondly, we will look at the concept of track matte 70 00:05:28.373 --> 00:05:30.573 It's very similar to a mask 71 00:05:30.573 --> 00:05:34.223 Track mattes are organized with Alpha Matte 72 00:05:34.223 --> 00:05:37.023 and Luma Matte 73 00:05:37.023 --> 00:05:41.723 The matte has a similar function to a mask 74 00:05:41.723 --> 00:05:45.223 They make only part of the screen visible 75 00:05:45.223 --> 00:05:48.673 or cover a part 76 00:05:53.023 --> 00:05:56.523 If you watch commercial videos carefully, 77 00:05:56.523 --> 00:05:59.473 I think you can imagine it a little bit 78 00:05:59.473 --> 00:06:03.573 Among the many motions 79 00:06:04.673 --> 00:06:10.673 Because it is very common to see mattes being used 80 00:06:10.673 --> 00:06:12.623 I hope you take a look 81 00:06:12.623 --> 00:06:16.623 Matte has this meaning of tracking 82 00:06:16.623 --> 00:06:19.423 What does tracking mean? 83 00:06:23.623 --> 00:06:30.123 Track a certain value and adjust only that value 84 00:06:30.123 --> 00:06:35.773 You can think of it as a word with this kind of feeling 85 00:06:36.023 --> 00:06:38.323 Connect two layers or 86 00:06:38.323 --> 00:06:42.323 You can apply the matte properties of a layer to another layer 87 00:06:42.323 --> 00:06:47.923 This concept is a bit applied 88 00:06:48.523 --> 00:06:54.873 It means that it can be applied 89 00:06:54.873 --> 00:06:58.573 by connecting the track matte to two layers 90 00:06:59.073 --> 00:07:02.623 You will understand this as soon as you try it out 91 00:07:03.173 --> 00:07:06.423 Next is Alpha Matte 92 00:07:06.423 --> 00:07:10.923 Alpha matte is, by dragging the Track matte pick whip 93 00:07:10.923 --> 00:07:13.873 When you connect the layer that will track the matte, 94 00:07:13.873 --> 00:07:17.722 Alpha matte is applied, it says here 95 00:07:17.722 --> 00:07:22.422 Only the alpha channel area of ​​the layer to be used as a matte is displayed 96 00:07:24.172 --> 00:07:27.572 Please be aware of this content as well 97 00:07:27.572 --> 00:07:30.522 You will understand it all when you practice 98 00:07:32.072 --> 00:07:36.722 Next, there is something called the Alpha Inversion Matte 99 00:07:36.722 --> 00:07:42.772 Alpha Inversion Matte is the reverse effect of the previously mentioned Alpha Matte 100 00:07:42.772 --> 00:07:46.122 So the transparent parts and opaque parts 101 00:07:46.122 --> 00:07:48.772 appear reversed 102 00:07:48.772 --> 00:07:51.272 This feature only displays the opposite area of 103 00:07:51.272 --> 00:07:55.572 the Alpha channel of the layer to be used as a matte 104 00:07:56.972 --> 00:08:00.422 Next, there is Luma Matte 105 00:08:00.422 --> 00:08:04.322 Luma is an abbreviation for Luminance 106 00:08:04.322 --> 00:08:07.572 It indicates the brightness of the image 107 00:08:08.222 --> 00:08:13.472 The results will vary depending on the brightness of the layer you use as a matte 108 00:08:14.172 --> 00:08:16.072 Brightness is important 109 00:08:16.072 --> 00:08:19.222 It only appears in the bright areas of the layer you want to use as a matte 110 00:08:19.222 --> 00:08:21.422 It says brightness, brightness, brightness 111 00:08:21.422 --> 00:08:26.122 This is luma matte where brightness is very important 112 00:08:28.472 --> 00:08:32.222 Next, guess what the Luma inverted matte is? 113 00:08:32.222 --> 00:08:35.222 It is written in English as Luma Inverted Matte 114 00:08:35.222 --> 00:08:39.872 Only the dark areas of the layer to be mated are displayed 115 00:08:40.422 --> 00:08:45.522 If you think about it as a reversal, it'll be easier to understand 116 00:08:47.622 --> 00:08:55.022 So we've learned about the concepts related to masks and track mattes 117 00:08:55.022 --> 00:08:57.422 Based on this concept 118 00:08:57.422 --> 00:09:03.022 Let's try a practical application 119 00:09:03.022 --> 00:09:07.022 Mask and track matte practice 120 00:09:07.022 --> 00:09:11.522 If you look at the practice screen, let's see the track matte completed 121 00:09:11.522 --> 00:09:14.972 the track matte completed, the second composition 122 00:09:14.972 --> 00:09:20.022 Let's move the indicator forward and play it 123 00:09:22.722 --> 00:09:27.272 The Happy New Year message 124 00:09:27.272 --> 00:09:30.972 appears with this animation 125 00:09:30.972 --> 00:09:33.922 Let's try this effect 126 00:09:33.922 --> 00:09:36.972 Please open the fifth composition file 127 00:09:36.972 --> 00:09:41.922 I wrote it like this in advance 128 00:09:41.922 --> 00:09:45.322 I wrote some text, this text layer 129 00:09:45.322 --> 00:09:50.522 And you can see that there is a solid layer 130 00:09:51.072 --> 00:09:54.322 How to create a text layer 131 00:09:54.322 --> 00:09:57.222 Right click in the timeline panel 132 00:09:57.222 --> 00:10:02.022 If you create a new one and click on the text, a cursor will appear 133 00:10:02.022 --> 00:10:03.722 You can write it like this 134 00:10:05.072 --> 00:10:11.972 The second way is to click on the text in the toolbar 135 00:10:11.972 --> 00:10:16.321 You can write it like this by dragging it 136 00:10:17.521 --> 00:10:20.871 I already wrote it so I did Ctrl + Z 137 00:10:25.921 --> 00:10:32.571 I'm going to copy the text that's written 138 00:10:32.571 --> 00:10:36.271 I'm going to duplicate it to create movement 139 00:10:37.021 --> 00:10:41.521 With the Happy New Year text layer selected 140 00:10:41.521 --> 00:10:43.421 press Ctrl + D 141 00:10:44.171 --> 00:10:49.371 If you press once and press twice, three layers will appear like this 142 00:10:49.371 --> 00:10:56.171 We're going to put the mask on top of these three layers 143 00:10:57.371 --> 00:11:05.171 Select the bottommost layer 144 00:11:05.171 --> 00:11:12.271 Select the rectangle tool from the tool bar above 145 00:11:12.271 --> 00:11:16.021 and drag it like this to the Happy section 146 00:11:16.521 --> 00:11:24.771 Then the Happy part will be masked on the lowest layer 147 00:11:24.771 --> 00:11:29.471 You can see the mask on the timeline 148 00:11:30.621 --> 00:11:33.121 And I'll try the second one too 149 00:11:33.121 --> 00:11:36.071 After selecting the middle layer 150 00:11:36.071 --> 00:11:42.371 Drag the New section in the middle with the rectangle tool 151 00:11:42.371 --> 00:11:46.621 Then the second mask will be put on too 152 00:11:47.071 --> 00:11:54.071 Finally, click on the source at the top 153 00:11:54.071 --> 00:11:56.671 Select the rectangle tool 154 00:11:58.421 --> 00:12:02.771 This time, it is the Year section at the very bottom 155 00:12:02.771 --> 00:12:05.021 Please select here 156 00:12:05.021 --> 00:12:08.621 This will create 3 masks 157 00:12:08.621 --> 00:12:10.271 The process of doing this is 158 00:12:10.271 --> 00:12:15.571 This is to separate the masks by row 159 00:12:16.321 --> 00:12:27.421 So, let's start from the top 160 00:12:28.321 --> 00:12:32.971 For Year and New, we will turn off the eyes 161 00:12:32.971 --> 00:12:37.671 If you close the eyes, they will be temporarily hidden and you will not be able to see them 162 00:12:37.671 --> 00:12:43.371 Then we have the third source 163 00:12:43.371 --> 00:12:46.021 I'm going to try it with Happy 164 00:12:46.671 --> 00:12:48.971 What is important here is 165 00:12:48.971 --> 00:12:52.821 I will work on this Happy 166 00:12:52.821 --> 00:12:54.671 Click the cursor on an empty space 167 00:12:54.671 --> 00:12:59.421 in the timeline so that nothing is selected 168 00:12:59.421 --> 00:13:02.871 Then no source is selected 169 00:13:02.871 --> 00:13:09.670 On top of this, select the rectangle shape from the tool bar 170 00:13:09.670 --> 00:13:15.520 Please drag it like this and hide it 171 00:13:17.620 --> 00:13:21.120 Now let's break this shape layer down to make it easier to distinguish 172 00:13:21.120 --> 00:13:25.870 I'll change the name to box 1 173 00:13:25.870 --> 00:13:30.420 You can change the name like this 174 00:13:30.420 --> 00:13:32.570 Are you following well so far? 175 00:13:35.270 --> 00:13:39.670 So, what we're working on is number 4 176 00:13:39.670 --> 00:13:44.270 Open layer 4, Happy New Year 177 00:13:44.270 --> 00:13:48.870 I'm going to change the location value a bit 178 00:13:48.870 --> 00:13:51.820 Go to Transform 179 00:13:51.820 --> 00:13:55.820 The indicator is now at zero 180 00:13:56.570 --> 00:13:58.970 Please click on the position 181 00:13:58.970 --> 00:14:03.220 So now you have a rhombus shape 182 00:14:03.220 --> 00:14:08.820 Here, let's just change the Y value once 183 00:14:08.820 --> 00:14:12.920 Please change the Y value to 660 184 00:14:13.520 --> 00:14:21.220 Then go for about 20 frames 185 00:14:21.220 --> 00:14:29.170 I will only change the Y value to 410 186 00:14:29.170 --> 00:14:32.720 Because it has to be hidden 187 00:14:32.720 --> 00:14:35.670 Let's change it to 376 188 00:14:36.070 --> 00:14:41.120 Take the motion indicator to the zero point 189 00:14:41.120 --> 00:14:42.970 If you press the space bar 190 00:14:43.620 --> 00:14:50.320 It should fit inside the rectangular box and be invisible 191 00:14:50.320 --> 00:14:53.320 We made it like this 192 00:14:53.320 --> 00:14:57.670 If you made it like this, this layer 193 00:14:58.520 --> 00:15:00.170 This Happy layer 194 00:15:00.170 --> 00:15:05.670 If you look next to this layer, you'll see a track matte 195 00:15:05.670 --> 00:15:08.270 Here it says No Matte now 196 00:15:08.270 --> 00:15:11.520 I made this box 1 earlier 197 00:15:11.520 --> 00:15:14.820 I'll put it in box 1 198 00:15:14.820 --> 00:15:21.670 You can put it in like this 199 00:15:21.670 --> 00:15:24.520 And I'll press the space bar once 200 00:15:24.520 --> 00:15:29.570 If you press it, Happy will go up 201 00:15:31.520 --> 00:15:36.170 So now Box 1 and Happy are connected 202 00:15:37.070 --> 00:15:42.070 Then I guess I should give animation to the remaining two as well 203 00:15:43.220 --> 00:15:46.420 Next, it would be good to try the middle one 204 00:15:46.420 --> 00:15:48.970 Let's try the middle one 205 00:15:48.970 --> 00:15:53.370 I'll open the eyes If you open the eyes, you can see now 206 00:15:53.370 --> 00:15:56.370 The word New is written there 207 00:15:58.770 --> 00:16:03.569 Again, to have no layer selected 208 00:16:04.669 --> 00:16:06.869 Please press another place once 209 00:16:06.869 --> 00:16:15.169 Drag a rectangular layer over it to hide it 210 00:16:15.169 --> 00:16:18.869 If you hide it, a shape layer 1 will appear on the timeline 211 00:16:19.469 --> 00:16:21.569 I'll change the name as well 212 00:16:21.569 --> 00:16:27.019 I'll change it to box 2 You can just change it to box 2 213 00:16:30.169 --> 00:16:33.369 Then now New Layer 214 00:16:33.369 --> 00:16:36.319 You can't see it now because it's covered by a box 215 00:16:36.319 --> 00:16:42.569 Let's change the position value by pressing the transform button in the same way 216 00:16:44.869 --> 00:16:48.719 What do you change the position value to? 217 00:16:49.369 --> 00:16:51.469 I'm just going to change the Y value 218 00:16:51.469 --> 00:16:54.719 With the indicator at 0 219 00:16:54.719 --> 00:17:00.219 I'm going to change the Y value in the position value 220 00:17:00.219 --> 00:17:03.819 What I'm going to change it to is 195 221 00:17:03.819 --> 00:17:07.319 Change it to 195 and do the same as before 222 00:17:07.319 --> 00:17:10.719 Please move the indicator to frame 20 223 00:17:10.719 --> 00:17:15.519 Here we will now change the Y value to 410 224 00:17:18.219 --> 00:17:27.269 I'll move it to 385 so that it doesn't stick out 225 00:17:28.519 --> 00:17:30.719 So what's left to do? 226 00:17:32.369 --> 00:17:36.619 Now the track matte, from No Matte 227 00:17:36.619 --> 00:17:45.919 You can change it to the newly created box 2 228 00:17:50.719 --> 00:17:52.369 Let's take a look 229 00:17:56.269 --> 00:17:59.769 The position value is not assigned 230 00:17:59.769 --> 00:18:08.069 I'll check the position value again 231 00:18:08.069 --> 00:18:18.619 First, set it to No Matte 232 00:18:18.619 --> 00:18:33.869 I set the position value to box 1 195 233 00:18:33.869 --> 00:18:40.319 I changed it to 410 here 234 00:18:40.319 --> 00:18:47.969 If that happens, it overlaps like this 235 00:18:52.019 --> 00:18:56.068 If you set a value but the motion does not come out properly, 236 00:18:56.068 --> 00:18:59.168 You can open it and check it like this 237 00:18:59.168 --> 00:19:02.768 Because the position value wasn't assigned earlier 238 00:19:02.768 --> 00:19:09.068 I made it by moving the indicator again 239 00:19:09.068 --> 00:19:12.168 I set the rhombus 240 00:19:13.468 --> 00:19:19.868 Okay, you can make it like this 241 00:19:21.218 --> 00:19:26.518 Since it's slightly cut off now, I changed the position value to 392 242 00:19:27.668 --> 00:19:30.718 We're almost there, we did 2 243 00:19:32.718 --> 00:19:38.568 I'll turn the eyes on the last third one There's still year left 244 00:19:40.018 --> 00:19:41.268 How did you do it? 245 00:19:43.768 --> 00:19:47.868 Please click on a blank space in the timeline panel 246 00:19:47.868 --> 00:19:53.668 If you draw a rectangle on the Year section, a box will appear 247 00:19:53.668 --> 00:19:58.218 I'll rename the box to Box 3 248 00:19:58.218 --> 00:20:00.418 Please change it to box 3 249 00:20:05.318 --> 00:20:08.368 Please check the mask in the Year section 250 00:20:08.368 --> 00:20:12.468 Now again the position values ​​in Transform 251 00:20:12.468 --> 00:20:15.418 I will definitely change it right this time 252 00:20:15.418 --> 00:20:16.868 A rhombus appeared 253 00:20:16.868 --> 00:20:20.868 If you see a rhombus, you would change the value 254 00:20:23.918 --> 00:20:26.668 What will you change it to? 255 00:20:26.668 --> 00:20:33.845 I'll just change the Y value again Just change the Y value to 186 256 00:20:34.418 --> 00:20:40.168 I'll just change the Y value to 0 when it reaches 20 frames 257 00:20:44.168 --> 00:20:46.218 The rhombus is still right there 258 00:20:49.718 --> 00:20:53.068 From 186 to 0 259 00:21:02.818 --> 00:21:06.318 Please change it like this 260 00:21:07.618 --> 00:21:11.868 You can change the matte to box 3 261 00:21:16.868 --> 00:21:21.168 Where did it go? I changed it to box 3 262 00:21:24.968 --> 00:21:27.968 Let me check again 263 00:21:39.418 --> 00:21:46.268 Year This guy shouldn't have existed in the first place 264 00:21:47.818 --> 00:21:50.817 Let's reverse the position 265 00:21:50.817 --> 00:21:55.017 In frame 20, it should appear below this 266 00:21:55.017 --> 00:21:59.767 So I changed the Y value to 388 267 00:22:02.867 --> 00:22:08.517 Because at first it must be covered with box 3 268 00:22:11.817 --> 00:22:14.167 I changed to 189 269 00:22:16.167 --> 00:22:24.217 So if the value you thought of turns out to be imperfect 270 00:22:24.217 --> 00:22:28.067 You can change the value by checking it 271 00:22:28.067 --> 00:22:30.567 Let me tell you again, the zero point 272 00:22:30.567 --> 00:22:34.817 The location is Y 189 and then 273 00:22:36.217 --> 00:22:40.167 The position of frame 20 is Y value 388 274 00:22:40.167 --> 00:22:43.617 You can change it like this 275 00:22:44.367 --> 00:22:46.467 Then let's play it once 276 00:22:49.917 --> 00:22:51.267 From nothing visible 277 00:22:51.267 --> 00:22:55.017 The words “Happy New Year” will appear like this 278 00:23:00.367 --> 00:23:03.117 If you've followed along this far 279 00:23:05.217 --> 00:23:10.267 Let's take a look at some other features as well 280 00:23:13.867 --> 00:23:17.617 I'm going to create a solid layer behind it 281 00:23:17.617 --> 00:23:20.267 I'm going to create a solid layer 282 00:23:25.517 --> 00:23:32.017 First of all, the solid setting is Ctrl + Y 283 00:23:32.017 --> 00:23:35.917 Press Ctrl + Y and from there 284 00:23:39.517 --> 00:23:46.917 Let's make a solid layer with the color FFFFFF 285 00:23:46.917 --> 00:23:51.167 White 286 00:23:52.517 --> 00:23:56.917 I'll change the name and erase the black one 287 00:23:59.517 --> 00:24:06.367 Let's change it to ramp like this 288 00:24:09.667 --> 00:24:17.867 Here we will now apply an effect 289 00:24:18.867 --> 00:24:23.317 If you look on the right, you will see Effects & Presets 290 00:24:23.317 --> 00:24:27.867 Let's search for gradient ramp here 291 00:24:35.217 --> 00:24:44.816 If you search gradient ramp, one will appear 292 00:24:44.816 --> 00:24:50.766 I'm going to drag this effect and put it on this ramp 293 00:24:50.766 --> 00:24:52.666 Then what happens? 294 00:24:59.016 --> 00:25:00.516 The screen changes 295 00:25:01.616 --> 00:25:09.566 So let's take a look to see what effect this ramp has 296 00:25:15.366 --> 00:25:18.166 When you apply an effect in the Effects Control panel, 297 00:25:18.166 --> 00:25:20.366 It will appear in the upper left corner 298 00:25:20.366 --> 00:25:23.266 That's why you can see it here 299 00:25:23.266 --> 00:25:28.366 Here you can see the effects 300 00:25:28.366 --> 00:25:30.516 There is ramp shape 301 00:25:30.516 --> 00:25:36.816 If you choose the second option here, 302 00:25:37.616 --> 00:25:42.366 You can see a slightly different effect 303 00:25:42.366 --> 00:25:49.516 There is Start of Ramp and Start Color 304 00:25:49.516 --> 00:25:53.316 There is End of Ramp and End Color 305 00:25:56.266 --> 00:26:00.316 This is about choosing how to change the motion 306 00:26:00.316 --> 00:26:06.316 from the starting point and the ending point 307 00:26:06.616 --> 00:26:09.266 So let's take a look at the timeline panel 308 00:26:09.266 --> 00:26:15.866 It also appears in the timeline panel 309 00:26:15.866 --> 00:26:19.116 First, Start of Ramp 310 00:26:21.316 --> 00:26:22.866 Please apply one 311 00:26:22.866 --> 00:26:26.266 Because we're going to go up to 20 312 00:26:28.366 --> 00:26:31.866 I'll reduce the Y value like this 313 00:26:31.866 --> 00:26:34.866 Drag the Y value to the right 314 00:26:35.866 --> 00:26:38.266 I'll add some 315 00:26:38.266 --> 00:26:42.866 496 You can make it like this 316 00:26:42.866 --> 00:26:48.816 Then, according to the motion of the letters like this 317 00:26:48.816 --> 00:26:57.516 You can also change the background 318 00:27:01.966 --> 00:27:06.066 First, by utilizing text 319 00:27:06.066 --> 00:27:09.816 If you have ever created an animation using a track matte 320 00:27:09.816 --> 00:27:14.316 Now I have the completed thief-finding mask 321 00:27:14.316 --> 00:27:20.766 Let's try making an animation with a mask 322 00:27:20.766 --> 00:27:24.994 Let's try playing it Press the space bar 323 00:27:40.515 --> 00:27:46.215 Detective, looking for a thief in the dark 324 00:27:46.215 --> 00:27:52.115 Found them but got lost in a maze 325 00:27:52.115 --> 00:27:58.565 The story of a thief who never gets caught 326 00:27:58.565 --> 00:28:00.715 To help you have fun 327 00:28:00.715 --> 00:28:04.515 I tried making this simple story 328 00:28:05.765 --> 00:28:10.015 Using mask keyframes like this 329 00:28:10.015 --> 00:28:15.415 You can also try to make a simple story 330 00:28:15.415 --> 00:28:18.665 So not only text animation 331 00:28:18.665 --> 00:28:25.515 you can create animations using characters like this 332 00:28:25.515 --> 00:28:29.065 I made it like this because I wanted you to see it 333 00:28:29.065 --> 00:28:33.715 Also, this example in particular has sound 334 00:28:33.715 --> 00:28:36.815 When writing a story 335 00:28:36.815 --> 00:28:42.715 If you work with sound, your work will be faster 336 00:28:42.715 --> 00:28:45.565 It becomes easier to create stories 337 00:28:45.565 --> 00:28:50.165 If you put motion to match that sound source, 338 00:28:50.165 --> 00:28:53.465 you can create animations 339 00:28:53.465 --> 00:28:57.215 that are much more realistic and immersive 340 00:28:59.065 --> 00:29:04.815 I recommend that you always work with a sound source 341 00:29:05.915 --> 00:29:12.065 As you might have guessed, where a mask is used is 342 00:29:12.065 --> 00:29:18.165 the background part 343 00:29:19.715 --> 00:29:25.665 Behind the dark monochrome is this background 344 00:29:27.865 --> 00:29:32.765 Using this background part and the solid color part, 345 00:29:32.765 --> 00:29:36.765 This is how light is expressed, space is expressed 346 00:29:36.765 --> 00:29:40.915 And it can be expressed in animation 347 00:29:40.915 --> 00:29:43.665 So we'll keep it simple 348 00:29:43.665 --> 00:29:48.115 I don't know if we'll be able to finish this story, but 349 00:29:48.115 --> 00:29:51.165 But still, we'll try to understand the principle 350 00:29:51.165 --> 00:29:57.515 Let's start practicing this lighting-like expression 351 00:29:58.915 --> 00:30:06.515 Now go to the fourth composition 352 00:30:06.515 --> 00:30:10.865 I brought a detective 353 00:30:10.865 --> 00:30:19.265 I brought a detective, a color background, and a black background 354 00:30:20.415 --> 00:30:23.265 Here, in the project panel 355 00:30:23.265 --> 00:30:29.415 Please also bring the music called Spy Swing 356 00:30:33.864 --> 00:30:37.064 I'll bring the thief too 357 00:30:38.264 --> 00:30:43.014 Please put the thief at the very bottom 358 00:30:43.014 --> 00:30:45.864 First of all, I will be working in the order of 359 00:30:45.864 --> 00:30:50.664 detective, color background, black 360 00:30:50.664 --> 00:30:53.164 You can think of it that way 361 00:30:55.714 --> 00:31:04.414 First, I need to try making a flashlight shine in the dark 362 00:31:04.414 --> 00:31:06.514 How to make it 363 00:31:06.514 --> 00:31:09.364 There's a color background, right? 364 00:31:09.364 --> 00:31:13.764 Please click on this color background once 365 00:31:13.764 --> 00:31:21.264 We're going to create this with this color background layer selected 366 00:31:21.264 --> 00:31:23.814 If we were only using rectangular shape layers before 367 00:31:23.814 --> 00:31:27.164 This time, from the toolbar 368 00:31:27.164 --> 00:31:29.314 After creating the shape layer 369 00:31:29.314 --> 00:31:33.514 Here I'm going to draw an ellipse 370 00:31:33.514 --> 00:31:37.114 So please click on the oval, the third one 371 00:31:38.564 --> 00:31:44.314 Please draw it like this in an appropriate size on top of this 372 00:31:45.014 --> 00:31:49.964 The moment you draw 373 00:31:49.964 --> 00:31:54.264 A mask was created on the color background layer 374 00:31:54.264 --> 00:31:57.014 A mask was created 375 00:31:57.914 --> 00:32:04.114 Here, if it's an oval shape, it's a little bit 376 00:32:04.814 --> 00:32:09.714 Because the shape of the light is not expressed 377 00:32:09.714 --> 00:32:15.464 We're going to press the pen tool here Press the pen tool 378 00:32:19.064 --> 00:32:21.414 Convert Vertex Tool in Pen Tool 379 00:32:21.414 --> 00:32:25.664 Please press the third pen tool 380 00:32:25.664 --> 00:32:32.764 I'm going to try to move the point like this a little bit 381 00:32:32.764 --> 00:32:37.564 If you pull the cursor like this, it will become narrower 382 00:32:39.964 --> 00:32:43.564 If you pull it outwards, it gets wider 383 00:32:43.564 --> 00:32:50.614 I just adjusted the angle a little bit and made it like this 384 00:32:50.614 --> 00:32:54.714 I'll try to give it a bit of a light-gathering feel 385 00:32:55.814 --> 00:33:03.164 If you do it like this, the outside should be a little blunt 386 00:33:03.164 --> 00:33:06.964 So I'm going to drag it outward a little bit 387 00:33:07.914 --> 00:33:12.714 This should be enough 388 00:33:16.814 --> 00:33:20.264 This kind of delicate work is also required 389 00:33:20.264 --> 00:33:25.514 Please do this and to make it slightly diagonal 390 00:33:27.513 --> 00:33:44.413 Please adjust the shape and size of this mask a bit more 391 00:33:44.413 --> 00:33:48.263 Please give it some rotation too 392 00:33:48.263 --> 00:33:50.763 You can do it all in transform 393 00:33:51.413 --> 00:33:56.763 Please slightly increase the Y value and slightly increase the X value for the location value 394 00:33:56.763 --> 00:34:00.563 You can do it like this 395 00:34:00.563 --> 00:34:06.113 I won't show you the exact values ​​because 396 00:34:09.663 --> 00:34:14.213 If you see it with your own eyes and make it like this, that's good enough 397 00:34:14.213 --> 00:34:16.763 Something a little bit more important is the mask feather 398 00:34:16.763 --> 00:34:20.613 The more mask feather values ​​you give,the better 399 00:34:20.613 --> 00:34:23.113 It would be nice to have that spreading feeling 400 00:34:23.113 --> 00:34:27.613 So actually the feather value is very important in expressing light 401 00:34:27.613 --> 00:34:30.313 So right click 402 00:34:31.363 --> 00:34:36.313 To get a good feel of the spread, adjust it like this 403 00:34:38.513 --> 00:34:44.113 This way, you can utilize the mask 404 00:34:44.113 --> 00:34:49.463 to shape light in the darkness 405 00:34:49.463 --> 00:34:54.313 Now you can make it by changing the value of feather 406 00:34:56.713 --> 00:34:59.663 Did you follow along well? I think I went a little too fast 407 00:34:59.663 --> 00:35:04.663 Well then, let me play the audio here 408 00:35:11.063 --> 00:35:15.213 I think I need to create a frame here 409 00:35:15.213 --> 00:35:20.613 I want this detective with this light to keep going forward 410 00:35:20.613 --> 00:35:25.263 so that it feels like he's looking for something until the 5 second mark 411 00:35:25.263 --> 00:35:29.663 We learned about keyframes, right? Let's try it with keyframes 412 00:35:31.213 --> 00:35:37.763 Detective and the colored background at the same time 413 00:35:37.763 --> 00:35:41.313 Please click while holding down Ctrl 414 00:35:41.313 --> 00:35:44.663 Transform will appear Click on transform 415 00:35:44.663 --> 00:35:48.213 I'm going to change the location values ​​simultaneously 416 00:35:48.213 --> 00:35:53.463 Please give it the position value and this one was also taken together 417 00:35:54.013 --> 00:36:00.863 This location is now assigned to the position value 418 00:36:10.263 --> 00:36:17.313 It will move a little bit until 4.5 seconds 419 00:36:18.363 --> 00:36:28.612 I'll reduce the X value together, but what should I do with the Y value? 420 00:36:30.362 --> 00:36:34.312 I'll shorten it and move in a diagonal direction 421 00:36:42.412 --> 00:36:49.262 So if you drag it like this, you can go in a straight line 422 00:36:49.262 --> 00:36:53.812 'Straight lines are a bit boring', then 423 00:36:53.812 --> 00:36:57.262 You can just take a point in the middle 424 00:36:57.262 --> 00:37:01.362 Somewhere in the middle 425 00:37:04.662 --> 00:37:10.712 Please move the position value, the X-axis like this 426 00:37:12.112 --> 00:37:17.012 and move the Y axis just a little bit 427 00:37:17.012 --> 00:37:20.862 Put the indicator in at about 4.5 seconds 428 00:37:20.862 --> 00:37:26.162 Here, please go one more time along the X axis 429 00:37:26.162 --> 00:37:29.612 The Y-axis also, go up further 430 00:37:29.612 --> 00:37:34.812 Using keyframes like this 431 00:37:34.812 --> 00:37:36.862 I took 3 key frames like this 432 00:37:36.862 --> 00:37:39.262 Well then, let me play it again to see how it goes 433 00:37:47.512 --> 00:37:50.712 Not boring, not too straight 434 00:37:50.712 --> 00:37:53.812 It went up nicely like this in a curve 435 00:37:56.462 --> 00:38:01.162 Here, according to the time 436 00:38:02.962 --> 00:38:08.812 I feel like 437 00:38:11.212 --> 00:38:20.562 I think it would be fun if the value of the mask spreads out a bit 438 00:38:20.562 --> 00:38:25.062 So, let's try to change the mask value a little bit 439 00:38:25.062 --> 00:38:28.712 I think that would be good 440 00:38:33.362 --> 00:38:39.812 Please mark the scale value of the color background at zero point 441 00:38:59.262 --> 00:39:03.412 Now instead of Transform, in Mask 442 00:39:05.062 --> 00:39:13.462 I'll give it some Mask Expansion like this 443 00:39:18.811 --> 00:39:23.311 It's getting bigger and bigger Mask Expansion is expanding the mask 444 00:39:23.961 --> 00:39:29.961 As it grows, I will also give it more feather value Feather value is at 0 445 00:39:29.961 --> 00:39:35.511 This is the default value, but I'll give it more feather value here 446 00:39:38.161 --> 00:39:44.611 It expands more and more, and at the end, please take one more shot 447 00:39:46.311 --> 00:40:00.761 With the sound, I'll give it much Mask Expansion 448 00:40:03.311 --> 00:40:06.561 I'll give it a little more mask feather too 449 00:40:06.561 --> 00:40:14.761 Then the flashlight light expands into a light for the whole space 450 00:40:14.761 --> 00:40:20.661 Remember this motion and let's watch it from the beginning 451 00:40:28.811 --> 00:40:32.561 Like this, smoothly, following the sound source 452 00:40:32.561 --> 00:40:39.211 the shape and size of the light and the feather value can be adjusted 453 00:40:39.211 --> 00:40:42.911 I've managed to create a natural motion Let's take a look again 454 00:40:50.711 --> 00:40:55.411 In this way, character animation also 455 00:40:55.411 --> 00:40:58.911 Using the mask like this 456 00:41:00.161 --> 00:41:03.811 Creating natural light motion 457 00:41:03.811 --> 00:41:08.011 That's what we should take from this 458 00:41:08.011 --> 00:41:12.611 I hope you understand that 459 00:41:13.261 --> 00:41:15.411 In this lecture 460 00:41:15.411 --> 00:41:18.361 we created an effect in which text layers appear sequentially 461 00:41:18.361 --> 00:41:22.461 and created a gradient effect on the text 462 00:41:23.011 --> 00:41:26.461 Not only pictures or photos, but also title sequence in 463 00:41:26.461 --> 00:41:29.161 in intros and outros 464 00:41:29.161 --> 00:41:32.911 are being treated as an important independent genre 465 00:41:32.911 --> 00:41:37.161 I think you could think this lecture as a time to learn 466 00:41:37.161 --> 00:41:39.911 the basics of text animation 467 00:41:40.261 --> 00:41:44.511 Then, let's wrap up by summarizing what we learned this time 468 00:41:44.511 --> 00:41:45.711 Thank you 469 00:41:46.461 --> 00:41:47.111 Understanding Mask 470 00:41:47.111 --> 00:41:47.711 Mask: A representative use of layers, often used for image composition and animation 471 00:41:47.711 --> 00:41:48.361 Ability to reveal or hide only certain parts of a layer 472 00:41:48.361 --> 00:41:48.961 Mask properties 473 00:41:48.961 --> 00:41:49.611 Mask Path: Set the shape and create keyframes, making it easy to animate the shape changes of the mask 474 00:41:49.611 --> 00:41:50.211 Mask Feather: Controls the softness of the mask pass border 475 00:41:50.211 --> 00:41:50.811 Mask Opacity: Controls the transparency of the mask 476 00:41:50.811 --> 00:41:51.411 Mask Expansion: Enlarge or reduce the mask path area 477 00:41:51.411 --> 00:41:51.961 Understanding Track Mattes 478 00:41:51.961 --> 00:41:52.561 Track mattes: classified into alpha mattes and luma mattes 479 00:41:52.561 --> 00:41:53.111 A matte has a similar function to a mask, allowing you to show only part of the screen or hide part of it 480 00:41:53.111 --> 00:41:53.661 Connect two layers or apply the matte properties of a layer to another layer 481 00:41:53.661 --> 00:41:54.211 Alpha Matte: Drag the Track matte pick whip to connect the layer you want to track the matte on 482 00:41:54.211 --> 00:41:54.761 Only the alpha channel area of ​​the layer to be used as a matte is displayed 483 00:41:54.761 --> 00:41:55.311 Luma Matte: Luma is an abbreviation for Luminance and indicates the brightness of an image 484 00:41:55.311 --> 00:41:55.861 The results will vary depending on the brightness of the layer you use as a matte 485 00:41:55.861 --> 00:41:56.411 Only visible in the bright areas of the layer to be matted