How to BLEND TEXTURES in Blender with NODES

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.

3d model of a plane on which a material with combined textures will be applied in blender
two combined textures based on a noise pattern in Blender.

Download .Blend file with implemented nodes

Nodo Mezcla de textura de rocas y lodo

PLEASE CONSIDER SUBSCRIBING TO THE CHANNEL


PRESS "DOWNLOAD NOW!" TO DOWNLOAD THE FILE

Textures from this example

If you want to follow the procedure step by step here are the images I used.

A SHORT BREAK WITH THE LATEST NEWS

CONSIDER SUBSCRIBING!


LET'S CONTINUE WITH THE ARTICLE

Initial configuration of the model and material

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

3d model of a plane on which a material with combined textures will be applied in blender
Fig. 1: To combine textures in Blender let’s start with a plane.
material creation window for 3D model in blender
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.

shader editor window to edit the shader of a material in blender
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.

Window to add a node to the Shader.
Fig. 4: Window for adding a node to the Shader.
image node for a material in blender
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.

Two image nodes to combine textures in Blender
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.

texture loading on image nodes to combine textures in blender
Fig. 7: Textures are loaded in both nodes
Two image nodes to combine textures in Blender
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.

window to search and add nodes in blender
Fig. 9: The window to search for a node and add it is displayed.
rgb mix node to mix two textures in blender
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.

connection of two image nodes to a rgb mix node to combine textures in Blender
Fig. 11: Both images are connected to the blending node.
connection of the mix node output to the color input of the bsdf principled node in blender
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.

3d model visualization modes in blender
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.

rgb mix node to mix two textures in blender
Fig. 14: The factor determines how the textures are combined, we set the factor to 0.
mud texture applied to a plane in blender
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.

rgb mix node to mix two textures in blender
Fig. 16: We set the factor to 1.
brick texture applied to a plane in blender
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.

window to search and add nodes in blender
Fig. 18: Searching for another node to add.
noise node added in Blender
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.

connecting the output factor of a noise node to the input factor of an rgb mix node in blender
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.

window to search and add nodes in blender
Fig. 21: Searching for another node to add.
brightness and contrast node added in blender
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.

brightness and contrast node in Blender.
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.

two combined textures based on a noise pattern in Blender.
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.

image node for a material in blender
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.

dos texturas combinadas basadas en un patrón de ruido en Blender.
Fig. 26: The mud texture is combined with the brick texture where the brick cracks would be.

Secured By miniOrange