How to BLEND TEXTURES in Blender with NODES

Introduction – What are we going to do?

In this article we are going to see how to combine two textures in Blender to apply them to the same material using nodes, this is going to be a somewhat extensive article but with quite interesting content, we will see step by step how to go from a standard plane as in the image on the left to the result of the image on the right, in which two textures have been combined, a rock brick floor with a mud texture that is applied mostly in the spaces between the rocks, all this in a procedural way.



Download .Blend file with implemented nodes

Textures from this example

If you want to follow the procedure step by step here are the images I used. Right click and save the images.



Initial configuration of the model and material

We start with the standard plane in figure 1 and create a material for it.

Fig. 1: To combine textures in Blender let’s start with a plane.
Fig. 2: We create a material for the 3D model.

Configuration of the textures to be combined

With the object and the material selected we open the Shader Editor window to visualize the material nodes, we can see it in figure 3, by default a material in blender is created with the Shader Principled BSDF, to have a very basic idea, a Shader is like a code fragment that will be executed in the graphic card and that will determine how the 3D object will be seen on screen, it is not necessary to go deeper into the subject, Blender offers us the Shader Editor to create complex Shaders in a visual and intuitive way.

Fig. 3: We open a “Shader Editor” window to work on the texture mix.

What we are going to do now is to load the two textures that we want to combine, for that in the Shader Editor window we press SHIFT+A to add a new node and clicking on “Search” we look for the “Image Texture” node and position it to the left of the Principled BSDF node, the Image Texture node should look like in figure 5.

Fig. 4: Window for adding a node to the Shader.
Fig. 5: An image node is added to the material.

As we are going to combine two textures we will need two image nodes so we repeat the previous step and place the second image next to the first one.

Fig. 6: Two image nodes for combining textures in Blender

Now we load both textures, for that we click on Open and in the popup window we look for the textures we need.

Fig. 7: Textures are loaded in both nodes
Fig. 8: Both nodes have their respective textures.



Blend Node Configuration – MixRGB

The next step is to add the node that will be in charge of mixing the textures, press SHIFT+A and click on Search to look for the “MixRGB” node, which is shown in Figure 10, place it in the middle of the images and the Principled BSDF node.

Fig. 9: The window to search for a node and add it is displayed.
Fig. 10: Search for the “MixRGB” node that will be used to combine the two textures.

The MixRGB node combines two colors, as in this case we have textures, what it will do is to combine the colors of each texture pixel by pixel according to a mixing factor, this factor can be a constant or it can also be a black and white texture in which black represents 0 and white represents 1, being the grayscale all intermediate values. In figure 11 we see how to connect the textures that we want to combine to the mix node and in this we see the value “Fac” in 0.5, that is the mix factor, by default the textures will be mixed in a factor 50-50.

As shown in Figure 12 we connect the output of the MixRGB node to the color input of the Shader Principled BSDF.

Fig. 11: Both images are connected to the blending node.
Fig. 12: The output of the mix node is connected to the input of the base color of the Shader Principled BSDF.



First result of the mix of textures

To visualize the result we go to the Viewport and with the Z key we switch to “Material Preview” or “Rendered” mode, although for the latter we must take into account the lighting. As can be seen in Figure 13, the result is a 50-50 mix between both textures in all points equally.

Fig. 13: Switch to the “Material Preview” view to display the applied material.

If we take the factor to 0 the result is that the texture connected to Color1 is completely applied, as shown in Figure 15.

Fig. 14: The factor determines how the textures are combined, we set the factor to 0.
Fig. 17: With the factor at 0 the mixture results in the first image.

If we take the factor to 1 the result is that the texture connected to Color2 is fully applied, as shown in Figure 17.

Fig. 16: We set the factor to 1.
Fig. 17: With the factor at 1 the mixture results in the second image.



Mixing textures using noise

Now what we are going to do is that the texture mix is not homogeneous throughout the space, we want that in some parts the brick texture is more visible and in others the mud texture, an alternative could be to use a noise node, which generates a random grayscale texture to which you can control certain parameters and generate different patterns.

In the Shader Editor window press SHIFT+A and click on Search to find the “Noise Texture” node.

Fig. 18: Searching for another node to add.
Fig. 19: We add the “Noise Texture” node.

We place the node in a comfortable place that allows us to connect it to the mixing node, we make the connection as shown in figure 20.

Fig. 20: The output factor of the noise node is connected to the input factor of the RGBMix node.

In the material view you will notice the first results, however I am going to add an intermediate brightness and contrast node so that the grays of the noise texture are shifted to white or black.

Fig. 21: Searching for another node to add.
Fig. 22: We add a brightness and contrast node.

The brightness and contrast node is placed between the noise texture and the MixRGB node (Figure 25 shows how it is connected). In this case I am going to increase the contrast a lot so that there are almost no grays, in figure 23 we see that it has the value 50.

Fig. 23: The brightness node is placed between the noise and the RGB Mix node and the contrast is set to 50.

The result is that the model has some parts where the brick texture is applied and others where the mud texture is applied, as shown in Figure 24, you can play a little with the texture node parameters shown in Figure 20 to see how the texture mix behaves. You can also combine different noise textures with different scales to create large areas of a texture that has micro details. However we will leave it here and continue with the final step.

Fig. 24: Both textures are combined according to the noise texture.



Mixing textures using another texture as a factor

What we want to do now is to use the rock brick texture itself to determine how to blend the textures, note that conveniently it is a grayscale texture in which the whiter areas are rock while the darker areas are the cracks, we are going to use this information to make the mud texture blend into the cracks of the brick texture.

For convenience we can select the brick texture node, duplicate it with CTRL+D and position it where the Noise Texture node was. As we are not going to use this image as if it were the color of a material but as a factor we must change the “Color Space” parameter to “Non-Color” as shown in Figure 25.

Fig. 25: Now the noise node is changed to an image node with the brick texture and the Color Space is marked as “Non-Color”.

By adjusting the values we can get a result like the one in Figure 26, in which the mud texture has been combined with the rock texture in such a way that it appears mostly in the cracks of the rocks.

Fig. 26: The mud texture is combined with the brick texture where the brick cracks would be.



Exit mobile version
Secured By miniOrange