WEBVTT 00:00.180 --> 00:06.000 Welcome to the first lesson where we are going to be learning about UVs and learning how to create them 00:06.000 --> 00:10.710 for ourselves, and I'm just going to reiterate again that UVs are incredibly important. 00:11.010 --> 00:19.440 You cannot skip this step in any program, in any application of 3D because every model needs UVs to 00:19.440 --> 00:23.460 describe where and space the texture is going to be. 00:23.970 --> 00:29.760 So we're going to work in the Ghostbuster trap, no UVs scene files. 00:29.760 --> 00:33.480 So you should have this downloaded and you can open up and follow along. 00:33.480 --> 00:39.190 Or if you followed part one of the series of 3D modeling, you should have your own modeled as well. 00:39.540 --> 00:40.620 So we are modeling this. 00:40.620 --> 00:42.300 We did not take into account UVs. 00:42.510 --> 00:46.230 We were just kind of, you know, scaling stuff up and down and moving vertices. 00:46.230 --> 00:48.420 And we did whatever we wanted and that was fine. 00:48.450 --> 00:49.350 We got the model done. 00:50.010 --> 00:54.590 But now what we have to contend with is the fact that we distorted the UVs of all these things. 00:54.870 --> 00:56.100 So let's take a look at what I mean. 00:56.100 --> 00:57.500 Let's let's create a new square. 00:57.960 --> 00:58.950 It's going to drag this up. 00:59.550 --> 01:02.050 I'm going to open up the movie editing tools. 01:02.050 --> 01:04.910 So I'm going to go to the workspace and I'm going to scroll down to movie editing. 01:05.250 --> 01:11.280 The other thing we need to do is go to Windows settings and preferences, plug in manager and make sure 01:11.280 --> 01:16.590 that we have turned on the unfold 3D bundle and check it loaded. 01:16.980 --> 01:20.210 And you can also check auto load if you want it to load every time you open fire. 01:20.760 --> 01:22.890 And so now we have those loaded. 01:23.370 --> 01:28.380 We can use some of the tools and the movie tool kit here. 01:28.860 --> 01:32.370 But so what we're looking at is the actual UV space here in this window. 01:32.380 --> 01:33.690 This is two dimensions. 01:34.020 --> 01:38.940 You along the bottom and vias along the top or vertically v four vertical. 01:39.360 --> 01:43.080 And let me hit Albe and just change the color here so we can see the numbers a little bit better. 01:43.200 --> 01:46.710 But you can see that it's basically in a zero to one space. 01:47.190 --> 01:49.620 All of these moves are in zero to one. 01:49.780 --> 01:56.580 So we have this square selected and can see this kind of represents a folded out version of it into 01:56.580 --> 01:57.430 a flat plane. 01:57.690 --> 02:04.590 Now, let's select a 3D object like this door, a rectangle that is a much different 3D object shape. 02:05.100 --> 02:07.990 So we click that it looks pretty much the same. 02:08.550 --> 02:10.500 So what does that mean? 02:10.620 --> 02:17.310 Well, let's turn on this little checker box icon here and we can see what a texture would look like. 02:17.310 --> 02:21.930 And we kind of preview what the moves are, how they're represented on 3D object. 02:22.290 --> 02:26.010 And for this kind of default square, we can see that it's pretty correct. 02:26.010 --> 02:31.350 You know, the checkerboard squares are square all along each face. 02:31.710 --> 02:38.220 And if we select the door here, we can see they're super stretched out and they are really distorted. 02:38.520 --> 02:43.980 So if we were to apply the same texture to both of the of these things, let's just say, you know, 02:43.980 --> 02:45.630 we wanted to look like concrete or something. 02:45.870 --> 02:48.800 The concrete texture would be super stretched out in the street here. 02:49.110 --> 02:56.580 OK, so and let me just re-emphasize, this is not the most glamorous part of learning 3D. 02:56.790 --> 03:02.040 And but again, you're just going to have to learn it because there's no way around this stuff. 03:02.040 --> 03:04.740 And this is just the nature of 3-D. 03:05.430 --> 03:10.080 All the models that you create will have to have UVs, even models that you buy. 03:10.080 --> 03:13.920 Off-line may not have UVs with them and you might have to create them yourself. 03:13.950 --> 03:20.190 So this is this is a very, very, very important skill to comprehend because there's no skipping this. 03:20.190 --> 03:23.500 Everyone has to understand this and learn it if you're going to learn 3-D. 03:23.760 --> 03:30.570 Let's take a look at how we resolve the issue that this rectangle has the same UVs as a square and we 03:30.570 --> 03:32.820 want this texture to look the same as the square. 03:32.820 --> 03:39.210 We want squares wherever we go so that we know that any texture that we apply to this object here is 03:39.210 --> 03:40.650 not going to be distorted like this. 03:40.860 --> 03:47.790 OK, so let's delete this and isolate select by clicking this little button up here, the one of these 03:47.790 --> 03:50.130 door panels, and we'll kind of focus in on it. 03:50.560 --> 03:53.550 Let's go to the face mode and select the top faces. 03:53.550 --> 03:55.890 And I'm going to include the Bevell on this. 03:56.220 --> 04:00.210 And we can actually turn off this texture to make it a little visually easier. 04:00.210 --> 04:01.110 Just like these things. 04:01.110 --> 04:09.030 I'm holding down shift and selecting and rotating around, and I just dislike that. 04:09.540 --> 04:17.940 And the one trick to this that we can use to our advantage is the fact that these door panels are facing 04:17.940 --> 04:21.330 in the same axis, which is the y axis. 04:21.330 --> 04:22.260 It's up and down. 04:23.040 --> 04:26.810 So we just want to make sure we get these corners as well. 04:31.430 --> 04:36.350 So what I'm doing is selecting where we want to create new UVs and. 04:37.490 --> 04:41.990 Just in general, when you're creating new UVs, it's very flexible. 04:42.050 --> 04:45.740 You don't have to select the whole object by itself and try to make all moves. 04:45.740 --> 04:50.380 At the same time, you can select individual faces and project new UVs just for those faces. 04:50.870 --> 04:57.020 So let's go to the movie menu and we can scroll down to Planer and let's click click this option box 04:57.020 --> 04:57.290 here. 04:58.610 --> 05:04.250 So let's try this over and see what our options are, we have a projection to plane or bounding box, 05:04.250 --> 05:09.170 bounding boxes, what we want and we want to project from the y axis, because that's up and down that 05:09.170 --> 05:10.310 the vertical axis. 05:11.090 --> 05:19.070 And we want to make sure that keep image width and ratio as on, because if we don't have this on, 05:19.070 --> 05:19.790 I'll show you what happens. 05:19.790 --> 05:20.480 I'll hit appli. 05:21.260 --> 05:25.630 And it takes this really long rectangle and it tries to make it into a square. 05:25.910 --> 05:34.400 It tries to maximize the surface area of the texture, which may be useful if you're painting on this 05:34.400 --> 05:36.280 thing in my eye, which we'll do later. 05:36.620 --> 05:44.390 And you want to make sure that, you know, if this is an image, this square image is one hundred pixels 05:44.390 --> 05:45.470 by one hundred pixels. 05:45.890 --> 05:51.110 You don't want it to be tiny little square in the corner because then that really means that this entire 05:51.110 --> 05:57.590 texture would actually only be taking up like, you know, 10 pixels by 10 pixels in this entire image. 05:57.860 --> 06:05.930 So it could be useful to try to maximize the space to make sure that the UVs are taking full advantage 06:05.930 --> 06:07.450 of the dimensions of a texture. 06:07.850 --> 06:13.930 You can see that it's distorting the UVs still and this is not what we want. 06:14.480 --> 06:22.490 So if we turn on keep image with in height ratio, that will respect the shape of the 3-D object. 06:22.520 --> 06:26.750 So when we hit appli, it's going to make sure that we get the squares that we expect. 06:27.260 --> 06:34.460 And because we chose these beveled edges, these these squares bleed over that edge. 06:34.970 --> 06:37.400 You can see where it stops here because we didn't include this. 06:37.400 --> 06:40.130 These are facing another in another axis. 06:40.610 --> 06:42.980 So we need to select those and do those separately. 06:43.550 --> 06:47.180 The one little catch here is the fact that we did the top and bottom faces together. 06:47.420 --> 06:52.820 So if we look over here in the movie menu and we turn on this little blue button here, this little 06:52.820 --> 06:59.000 middle button excuse me, that we can see that we have blue down here and this is kind of like a purple. 06:59.390 --> 07:00.990 So that tells us something is up. 07:01.430 --> 07:04.930 So if we're right, click and hover, we can choose UV or UV shell. 07:04.940 --> 07:06.140 Let's choose UV shell. 07:06.140 --> 07:07.190 That means the whole thing. 07:07.700 --> 07:09.500 And let's click the top one. 07:09.500 --> 07:13.790 And you can see up here that we're clicking which one we're clicking. 07:13.790 --> 07:14.500 Let's take a look. 07:15.760 --> 07:22.260 We're clicking the top one here, so let's click that and now we hit w we can translate that up. 07:22.720 --> 07:27.910 So now we can see that we have blue here instead of it being purple earlier. 07:27.940 --> 07:30.220 You know, this part, as we can see, these are overlapping. 07:30.220 --> 07:35.470 So these colors just denote to us that these moves are overlapping. 07:35.740 --> 07:40.570 And if we wanted each face to have a unique texture, we wouldn't want this to overlap. 07:40.570 --> 07:40.890 Right. 07:41.290 --> 07:44.110 So we need to make sure they're there in their own space. 07:44.110 --> 07:46.300 And that's actually called laying out UVs. 07:46.510 --> 07:48.010 And there's tools to help us do that. 07:48.010 --> 07:53.530 So let's select everything we can go down to arrange and layout and just click layout. 07:54.550 --> 07:58.360 So now I'll lay everything out accordingly and not have them overlap. 07:58.790 --> 08:00.700 The only problem we have now is this thing is red. 08:00.730 --> 08:01.300 What does that mean? 08:01.600 --> 08:07.570 That means that these UVs, this face, because we projected them together, was actually projected, 08:07.840 --> 08:12.360 you know, through this 3D object to the back side of those faces down here. 08:12.370 --> 08:14.830 So these are flipped and that's what red means. 08:14.830 --> 08:16.420 And we can get that with this little tool. 08:16.420 --> 08:17.670 We can turn this on and off. 08:18.190 --> 08:24.070 So now we know this is ready to flip this around so we can do that with the transform tools over here 08:24.370 --> 08:25.690 and we can scroll down. 08:25.960 --> 08:28.510 And instead of rotating, we want to rotate it. 08:28.780 --> 08:29.790 We want to flip it. 08:29.800 --> 08:31.330 So let's flip this thing over. 08:31.960 --> 08:33.260 And now it's blue. 08:33.490 --> 08:35.080 So now we can see everything's blue. 08:35.080 --> 08:36.640 They're all facing the right direction. 08:36.850 --> 08:39.010 But we still need to resolve these edge pieces. 08:39.280 --> 08:40.240 So let's select them. 08:40.810 --> 08:42.820 And I'm still in movie mode. 08:43.060 --> 08:45.220 So let me right click and I can go to a movie. 08:45.220 --> 08:47.350 And if I hover over it, it'll give me the two options. 08:47.590 --> 08:52.270 I'm going to go movie or TV show right now if I have her back, we just want to give faces because we 08:52.270 --> 08:53.830 want to select these things individually. 08:54.370 --> 08:59.560 So I'm going to include the bevels on this axis and. 09:03.270 --> 09:07.620 We're going to shift select all the faces that are kind of facing the same direction and let's see what 09:07.620 --> 09:13.260 direction that is, I go up and I can see my manipulators pointing the blue means the Z axis, and also 09:13.260 --> 09:14.500 look down here in the bottom left. 09:14.940 --> 09:16.260 This means the Z axis. 09:16.290 --> 09:23.580 So when we open back up this planer projection tool, go down here, click there, we can choose Z axis 09:23.580 --> 09:27.170 and we have image with ratio height on and hit apply. 09:27.630 --> 09:34.200 And if we go back to the text option here, the check the checker box, we can see that in fact, the 09:34.200 --> 09:40.330 these are the correct size and dimensions of checker box for what we're after. 09:40.770 --> 09:41.730 So we did a good job. 09:41.730 --> 09:45.360 But again, because we did these together, it will need to flip this side over. 09:45.660 --> 09:52.060 So if I click and go to a movie, you've shall I hand select this side and I can go down and click a 09:52.080 --> 09:52.530 flip. 09:53.100 --> 09:56.520 And all we need to worry about is the fact that they're right on top of each other again. 09:57.210 --> 10:03.000 So I can select all of these again, go down to layout, click layout, and now they've sorted it appropriately. 10:03.330 --> 10:07.650 So when I click off, I can see everything's blue and nothing is overlapping. 10:07.920 --> 10:13.920 So we just need to finish up with grabbing these two faces and let's choose the X axis, because that's 10:13.920 --> 10:15.780 the the way they're facing it head apply. 10:16.410 --> 10:20.390 And now we have another issue that we can talk about. 10:20.850 --> 10:24.540 So look at how small these checker's these checkerboards are here. 10:24.900 --> 10:26.070 Look how big these are. 10:26.070 --> 10:28.920 So they're not the same Texel density. 10:29.330 --> 10:35.490 OK, so if we apply the same texture to both of these, one would look bigger on one face and smaller 10:35.490 --> 10:35.970 on other. 10:36.270 --> 10:41.100 And we want to have the same Texel density across the movie. 10:41.100 --> 10:44.190 And you can see there's it says it right here, Texel density. 10:44.490 --> 10:46.230 That means pixels per unit. 10:46.620 --> 10:47.880 So we need to address that. 10:48.270 --> 10:52.360 The first let's deal with the fact that these are overlapping and one of them needs to be flipped. 10:52.680 --> 10:54.890 So if I select off of this, it looks like this one's red. 10:56.010 --> 10:59.310 Let's actually just move it up and see if that's, in fact, the one that's red. 10:59.310 --> 10:59.820 It is. 11:00.210 --> 11:01.650 Go down here, flip it. 11:01.650 --> 11:02.610 And now it's blue. 11:02.980 --> 11:05.940 Let's select everything and click layout again. 11:06.420 --> 11:08.370 And now it's all nicely organized. 11:08.820 --> 11:13.320 So let's select let's say we want this type of Texel density. 11:13.320 --> 11:19.320 So let's click this and we'll choose get and you can say, see that these numbers change over here and 11:19.320 --> 11:20.790 we can also choose a map size for it. 11:20.790 --> 11:22.230 But we're just going to focus on this for now. 11:22.230 --> 11:25.110 So we've gotten the Texel density of this. 11:25.410 --> 11:32.070 So if we choose this and set it, it's going to change to that exact same Texel density so that we know 11:32.070 --> 11:38.820 textures are going to be look the same scale wise so we can click this one and it's set as well. 11:39.120 --> 11:40.470 So let's just double check that. 11:40.470 --> 11:44.340 These are also set to that Texel density. 11:44.820 --> 11:46.890 They were pretty close, but not exact. 11:47.310 --> 11:53.310 So it's one way to just get everything to be totally exact and same across the same object. 11:54.150 --> 11:55.470 So that's pretty cool. 11:55.980 --> 12:02.030 So in the next lesson, I'm going to discuss how to merge UVs back together because now they're on in 12:02.040 --> 12:02.850 different pieces. 12:03.150 --> 12:07.200 And let's say we want to wrap a texture around this edge. 12:07.470 --> 12:10.530 We can see that the checkerboards are no longer lining up. 12:10.710 --> 12:15.580 So let's resolve that in the next lesson and learn another form of projection. 12:15.930 --> 12:16.590 Thanks for watching.