WEBVTT 00:00.390 --> 00:02.830 WELCOME TO THE NO TYPE overview. 00:02.970 --> 00:09.330 In this video you will look at the nodes that are created for the textures we'll learn about the different 00:09.330 --> 00:15.810 types of connection points and what the coloured dots are and which ones beat can be connected together 00:16.170 --> 00:17.700 and what they would do. 00:18.030 --> 00:20.660 So let's hop straight on over into a blender. 00:21.370 --> 00:22.720 Right so over in blender. 00:22.720 --> 00:27.490 If you've not caught one already I'd like you to open up a window. 00:27.490 --> 00:28.380 That is the No. 00:28.390 --> 00:34.200 ED see using this selection tool on the head a bar of any of the other windows. 00:34.210 --> 00:41.130 I'm split mine in two just here and I'm going to switch it to the node editor. 00:41.230 --> 00:47.680 Once you switch it to the node editor on the outliner itself you'll want to select one of the grass 00:47.680 --> 00:50.530 blades that we've been using. 00:50.680 --> 00:54.840 And over in the node editor itself you should see three items. 00:54.850 --> 01:00.280 Now they're very small at the moment you can zoom in and out just like you can your 3D model. 01:00.310 --> 01:05.130 In fact a lot of what you've done before will apply to here. 01:05.130 --> 01:10.900 So if you need to duplicate something you can if you need to move it around you do exactly the same 01:10.900 --> 01:14.530 thing as you would do with your model and geometry. 01:14.530 --> 01:20.830 So let's explore these nodes we have in front of us we have three nodes here all doing different things 01:21.130 --> 01:23.790 and there are quite a few notes to pick from. 01:24.070 --> 01:30.550 So first of all let's talk about the colours these dots that are based on all of the nodes and they 01:30.550 --> 01:32.400 all do slightly different things. 01:33.160 --> 01:39.550 And one important point to make here as you can see the image textured node is highlighted orange at 01:39.550 --> 01:39.990 the moment. 01:40.000 --> 01:41.530 That's the selected node. 01:41.530 --> 01:45.700 So the properties panel on the right hand side are going to shut it down in a moment to give me some 01:45.700 --> 01:48.240 space or some more space anyway. 01:48.250 --> 01:56.230 Now I do notice that use Alpha is ticked on the image and that is important because we need to use the 01:56.230 --> 02:03.890 alpha channel to make sure that the background eventually of this grass blade becomes transparent. 02:03.940 --> 02:06.220 So I'm going to give myself a little bit more space here. 02:06.220 --> 02:12.940 By shutting down the properties panel of the node editor and you can use the N key to do that all the 02:12.940 --> 02:15.180 little plus that exists here. 02:15.340 --> 02:16.710 So there we go. 02:16.720 --> 02:18.400 We've now got a bigger view. 02:18.400 --> 02:22.030 And at the top here come scan to make this a little bigger. 02:22.030 --> 02:23.190 So we can see what's going on. 02:23.190 --> 02:32.420 And I'm going to view the thing we want to view which and then have to scroll down here and view selected. 02:33.940 --> 02:38.550 And I'm going to switch into material mode an hour I'm not not selected on the layer. 02:38.550 --> 02:44.370 So now I'm selected on the right layer now I can go view and view selected on a number pad full stop. 02:44.470 --> 02:50.330 If you've got a number pad attached and here we go here's our our texture that we're working on. 02:50.800 --> 02:52.960 So what do all of these colours mean. 02:52.960 --> 02:56.690 Well let's have a look at the colour one first of all. 02:56.920 --> 02:58.860 So the colour ones are all yellow. 02:58.960 --> 03:04.480 And you can see that one is on the right hand side and one is on the left hand side. 03:04.570 --> 03:10.330 And when you're connecting nodes you would generally only connect ones on an output side to the right 03:10.330 --> 03:16.060 hand side of a node to the left hand side the input side of a node together. 03:16.060 --> 03:18.450 So here we can see the colour is going from here to here. 03:18.550 --> 03:20.920 So what does that yellow colour indicate. 03:20.920 --> 03:28.170 Well it indicates that there are three values coming out of it's a red a green and a blue there. 03:28.180 --> 03:29.830 They make up the colours. 03:29.830 --> 03:37.690 So if we plug a yellow into a yellow it can receive all three bits of those colours without any loss. 03:37.690 --> 03:45.070 Now if we were to plug it into a grey node those three values would be averaged out because a grey node 03:45.100 --> 03:47.390 is just a single value. 03:47.410 --> 03:56.740 Finally purple node is also three values and they usually do vectors or coordinates. 03:56.740 --> 04:02.560 Now all of these things can be plugged into one another but sometimes it makes no sense to do so. 04:02.650 --> 04:06.600 But we're going to explore how they're all connected together. 04:06.910 --> 04:12.810 So just Siri iterate there's so a grey node like this alpha node here contains one value. 04:12.820 --> 04:17.300 So let's play for a little bit let's plug the alpha channel into the colour instead. 04:17.300 --> 04:22.260 So there's one value coming out of here and we can see that the image is turned into black and white. 04:22.390 --> 04:25.000 And I'm in material mode at the moment. 04:25.000 --> 04:27.630 If you were in rended mode it would look black and grey. 04:27.640 --> 04:33.200 But that's because the lighting is determining the level of this whiteness here. 04:33.220 --> 04:39.280 So I'm going to switch back in to material on the viewport shading so we can see that this is coming 04:39.280 --> 04:40.440 through to the colour. 04:40.450 --> 04:45.170 And because Alpha only outputs a value per pixel by the way. 04:45.250 --> 04:48.400 So each one of these pixels has an individual value. 04:48.760 --> 04:54.580 And this is 1024 by a thousand and 24 so there's a lot of information coming through there but that's 04:54.580 --> 04:58.300 a single value coming through and being plugged into a colour channel. 04:58.330 --> 05:05.200 And what that will do is set all three values in the colour channel to one single value so if the Alpher 05:05.200 --> 05:12.910 was black as it is here a value of zero all of the red green blue channels on the colour would be also 05:12.910 --> 05:14.070 set to zero. 05:14.140 --> 05:20.950 If the alpha channel was one i.e. white then what we will or have is the red green and blue all at the 05:20.950 --> 05:25.050 value of 100 percent and that would make it white. 05:25.060 --> 05:27.190 And that's why we're seeing it here. 05:27.490 --> 05:34.420 Now when we plug the colour to the colour we get all of the R G B Red Green Blue values coming through. 05:34.420 --> 05:41.140 Now you can do some very strange things when you're linking them together but in general you will not 05:41.140 --> 05:43.560 always want to connect the same colour time together. 05:43.570 --> 05:49.960 It will depend on what you're doing and the final colour that we've not dealt with yet is these green 05:49.960 --> 05:58.540 blobs here now that they represent a shader Now that represents a description of how light will interact 05:58.540 --> 06:01.210 with the surface or volume. 06:01.210 --> 06:07.570 Now this in general should only really be connected to other green sockets but there are certain cases 06:07.570 --> 06:14.680 where you may not want them so yellow and purple can be connected together without any loss of information 06:14.710 --> 06:21.380 because they both contain at least three values r.g. B and probably X Y Z. 06:21.580 --> 06:23.950 So they're pretty much the same under the hood. 06:24.220 --> 06:30.820 Now Grey now that can be connected to yellow or purple without any loss of information because all three 06:30.820 --> 06:38.410 values will be the same value as we've discussed when you play the Alpha Arin you get rgv of 1 or 0 06:38.410 --> 06:44.810 in this case and the yellow and purple can be connected to grey. 06:45.780 --> 06:48.830 But they will be averaged out. 06:49.140 --> 06:55.200 So that's worthwhile knowing that connecting a yellow or purple to a grey node will average it out and 06:55.200 --> 06:57.970 thus be losing some information. 06:57.990 --> 07:01.010 Now it all depend on the application you're using. 07:01.020 --> 07:03.600 But that can make a great difference. 07:03.600 --> 07:09.870 Now interestingly when we link the owl for channel to the colour we will see that it does go black and 07:09.870 --> 07:10.250 white. 07:10.260 --> 07:16.700 And this enables us to create what's called a mask we can cover up certain parts of our image. 07:17.010 --> 07:24.690 So that will allow us to make the background that was currently being shown as black transparence. 07:24.690 --> 07:30.510 So in order to control the node editor itself you can use a lot of your prior knowledge that you have 07:30.750 --> 07:32.900 using the 3D editor window. 07:32.940 --> 07:35.270 So for instance if you need to add something. 07:35.310 --> 07:40.080 We do have an ADD menu down here or you can use Shift A brilliant. 07:40.140 --> 07:42.380 There's also a powerful search tool as well. 07:42.390 --> 07:44.440 If you know what something is called. 07:44.760 --> 07:48.020 Now when you go to add a node I will just go and add one. 07:48.020 --> 07:48.940 Now let's go in. 07:48.970 --> 07:51.680 Add anything at random colour mix. 07:51.690 --> 07:57.810 RG And let's see what we get there so we can have as you can see it's got three inputs someone output 07:57.810 --> 08:03.300 it outputs a colour based upon a value and two colours coming in. 08:03.350 --> 08:07.560 Okay so it could be two textures coming in and then something else coming out. 08:07.560 --> 08:11.060 Brilliant So that's a great way of mixing things there if I didn't want that. 08:11.070 --> 08:12.160 I got the wrong thing. 08:12.210 --> 08:18.290 I can press X and it will delete it's just like you can delete things in the 3D window. 08:18.570 --> 08:23.880 There's also a search function as I just mentioned which allows you to search for things that you might 08:23.880 --> 08:24.150 want. 08:24.150 --> 08:26.570 So when we type in makes we get the mix. 08:26.570 --> 08:32.880 RG be that we've just seen again and I can select that and add it in to our scene again and I'm going 08:32.880 --> 08:35.270 to delete that again with the x key. 08:35.400 --> 08:38.240 So a very powerful way of finding what you want. 08:38.250 --> 08:41.990 Unfortunately some things are hidden away. 08:42.150 --> 08:46.190 So for instance I know there's something called a multiply. 08:46.230 --> 08:50.040 So if I go in and type multi nothing comes up. 08:50.040 --> 08:56.310 Now the reason for that is it's hidden in another node and it changes the title of that node so under 08:56.310 --> 08:59.640 converter there's something called maths. 08:59.820 --> 09:03.010 And when we have that you can see at the moment it's called ADD. 09:03.180 --> 09:08.810 But if we change it to something else it changes its name based upon this value here. 09:08.850 --> 09:14.640 So as worthwhile bearing in mind sometimes you have to know what the shader is called in order to search 09:14.640 --> 09:15.140 for it. 09:15.210 --> 09:19.830 But it's not always going to be called the function you're using it for a okay. 09:19.920 --> 09:24.310 So armed with those few bits of knowledge I've got a small challenge for you. 09:25.570 --> 09:28.270 I would like you to add some notes. 09:28.360 --> 09:35.940 So we need to tell blender that when light hits a black part of the image it needs to treat it as transparent. 09:36.100 --> 09:43.050 So that's how light interacts with the surface at the node you'd use for that. 09:43.320 --> 09:48.030 Then add a node that would mix the two different shaders together. 09:48.720 --> 09:51.090 Clues in the name. 09:51.090 --> 09:58.730 Use the alpha channel of the texture image control control the mix between the shaders. 09:59.770 --> 10:06.490 And play with the connections and see how it effects the image to gain a better understanding of what 10:06.490 --> 10:08.430 is happening. 10:08.440 --> 10:16.580 Finally expect it to take a few minutes of linking things together and playing to work out the connections. 10:16.720 --> 10:24.400 Hint very important here you only actually two additional shader modes supporter video now. 10:24.430 --> 10:27.080 Challenge yourself and give that a go. 10:27.550 --> 10:28.320 Okay guys. 10:28.360 --> 10:29.620 Welcome back. 10:29.620 --> 10:35.080 Now the solution to this one is going to be in the next lecture because I'm going to do a bit of playing 10:35.260 --> 10:41.320 and a bit of further expansion on what you've done so I'll see you guys shortly in the next lecture. 10:41.320 --> 10:42.120 Take care.