All language subtitles for 02_06_custom_shader_part_1

- [Zach] Welcome to the
first of two bonus videos

where we will recreate
the cubic worlds shader,

which we have discovered
in the previous video.

So, here I opened the empty
workspaces preset file.

And first of all, let's
press F4, go to preferences,

add-ons, and search for node,
and enable the node wrangler,

which allows us to work a bit
faster with the shader nodes.

I will of course mention
when I use any feature

of this node wrangler
during this video here.

Then let's go over to
the shading workspace

and with shift + A, let's add simple cube.

And since we are just
working on one cube here,

let's remove the outliner over here

so we have a bit more space here,

and let's also remove
the timeline down here.

We don't need it right now.

And before we get started,
just a quick note,

this is definitely a more
intermediate tutorial.

I won't explain each and every
detail here because I assume

that you're quite familiar
with the shader nodes already.

If this is a complete new topic for you,

I would highly recommend to go

through my Blender Launch Pad course.

There, I added a big
section about textures,

nodes, and all this stuff.

So there, I explained
everything from scratch.

And the second note, this is
just an optional bonus video.

So, it's not necessary to
watch these two tutorials

in order to follow the rest of the course,

because throughout the course itself

we will only use the
finished cubic world shader,

which I showed you in the previous video.

So in this first part
of the shader creation,

we will create the
different gradient types.

And in the next video, we
will finish up the shader

and group everything
together in a node group.

So let's get started by
adding a new material

to the selected cube.

Let's call it cw_material_new.

And since we keep the coloring process

in this cubic world
scenes relatively simple,

we don't need a full
principled shader here

with all this subsurface,
scattering, metallic, specular,

roughness, and so on and so forth.

So let's get rid of this
and let's hit shift+a,

then we can simply click
on the search function,

then we don't need to manually search

through all these different categories.

And then we can just type in
what we are searching for,

like diffuse.

Let's add this diffuse shader,
plug this into the surface,

and we can of course change
the color of the object,

the very basic thing we need.

Now, let's first start
with the bottom gradient.

For that, let's hit
shift + a, go to search,

and search for coordinate,

and add the texture coordinate node.

And we also need a separate
RGB node, put it in here.

Now when holding down control + shift,

and then left click on any node,

it will preview what this
node and this specific output

is doing to our surface here.

You can see the generated
output is generating

these weird colors on the object,

which are actually red, green, and blue.

Let's, up here, switch to the local axis,

press T and use the move tool,

and now we can see this local
axis on this object here.

And if I now plug this generated output

into the separate RGB, RGB
stands for red, green, and blue.

And now if I hold down control
+ shift + left click on here,

we can see that this color
is converted into gray scale.

And here we can see the
red output generates

a gradient along the red X axis,

the green output along the green Y axis,

and the blue output along the blue Z axis.

And this is basically what I want.

You can see with this simple setup,

we can generate this
gradient from bottom to top.

And this, by the way, is now attached

to the local axis of this object.

If I click up here under options

and click on affect only origins,

I can now press R to rotate the axis here,

which then will rotate the origin

and the local axis of the object.

And this is now also
changing the direction

of this gradient.

That means, if with this setup,

the gradient is pointing in a
complete different direction,

all you need to do is
to select the object,

press control + a, and
click on apply rotation.

Then this local axis of
the object will be reset

to the global axis of the scene.

And then this will work again.

Let's disable this up here,
and now we need to find a way

to add this on top of our color.

Let's control + shift
+ left click on here.

And by the way, this control
+ shift + left click option

is an option which was added
using the node wrangler add-on.

Then, if I connect the B output,

the blue channel to the color here,

it will be added to our cube.

However, we are losing the
ability to change the color

over here, which we need, of course.

So we somehow need to put it on top.

And for that let's hit shift + a,

and add and mix RGB node in between here.

The mix RGB node allows us
to add two different colors,

like purple and yellow.

And then with this Fac slider,

we can mix these two or blend
these two colors together.

If I set the Fac to
zero, it is just purple.

And if I set this to one,
it is completely yellow,

and everything in between
is a different ratio

of mixing these two colors.

Now let's reset the color
by simply clicking on this,

so we can see the color
wheel and then hit backspace.

And let's change this one here to 0.8,

then let's connect the
blue output to color two.

Let's reset color one to white.

Now, by default, it is doing something.

However, if I change the color
here, I'm changing the color

of the gradient and not
of the rest of the object.

So let's change the
blend type to multiply.

That means from this black
and white gradient here,

everything which is white
will become transparent

and everything which is
black will stay opaque.

That means if I control
+ shift + left click

on the diffuse shader over here,

I now can control the
strenght of this gradient

by changing the Fac here,

but I can still change the
color of the entire object.

And this is exactly what I want.

So we are basically done with the setup

for the bottom gradient.

Let's select the whole thing here,

press control + J to
add a frame around it,

and press F2 to give this frame a name,

like gradient bottom

Let's press N, go to node
and go to properties,

and increase the label size to 64

when this frame is selected
to make this better readable.

And another cool trick
to keep things organized,

select one node and press control + H

to hide all the out and
inputs which we are not using.

Same over here, and then the
whole thing looks much cleaner.

So, the next thing we want to add

is the gradient on the edges.

For that, let's hit shift +
A and add a gradient texture.

And if I hold down control +
shift + left click on here,

it is generating this gradient.

Let's change it from linear to spherical,

which will add this circle
shaped gradient to the object.

However, this is not positioned correctly.

So with the node wrangler enabled,

let's select this node
and press control + T

to add this mapping node and
this texture coordinate node.

Let's change the mapping type to texture.

That means we can use
better scale values here.

That means if I increase the scale value,

the texture gets bigger.

And if I make it smaller,
the texture gets smaller.

Let's select these three values
by left clicking and drag,

and then type in 0.5.

Then we can change this
for all values at once.

And now you can see the position

of this texture is not correct.

And in order to fix this,

we can change the location to 0.5 by 0.5.

So now we can see, we
have this circle here

perfectly placed on one
face or on one side.

However, it is missing
on all the other faces.

And for that, let's generate
a very simple UV map.

Let's split the view here.

Go to the UV editor, here in
3D view, switch to edit mode,

and then we can see we have
a very basic UV map already,

which is generated on
the default cube already.

However, here I need a
UV map where each side,

each face is exactly the same.

And for that, all you need to
do is to select everything,

press U, and click on reset.

Now, as you can see here,

we have all these faces
lying on top of each other.

So that means you don't even
need to open up this UV editor.

All you need to do here in edit mode

is to select everything,
press U, and click on reset.

Now we need to tell the gradient

that it should use this UV map

by plugging in the UV map
into the mapping vector here.

And now you can see what it does.

It will show up the sphere

on each and every face of this cube.

Let's go back to object
mode, and now it still

doesn't really look like
the gradient on the edges.

And that's why I scale up the
scale value down here to 0.8.

And now we can only see a
tiny bit of the black outline

of this circle, which looks
like this nice gradient.

Then again, here let's press
control + H and control + H.

And over here, we can
also use the Fac output,

which is gray scale already.

We don't need the color output here.

And now again, we need to put it

on top of the diffuse color.

And here we use the
same trick as down here.

Let's hit shift+a, add a mix
RGB node, plug it in here,

put this to the lower input,
change this to multiply,

and then it's working the same
as for the bottom gradient.

However, we want to use both
gradients at the same time.

That means we want to change the color,

the general color of the object,

but we want to be able to
control the edge gradient

and also the bottom gradient here.

And there's an easy fix.

Let's simply connect the color output

of this multiply node
to the first color input

of the gradient texture down here.

And that means I can
simply control the gradient

for the edges and the gradient
at the bottom down here.

And I'm still able to change
the color of the object.

Very cool.

Now, let's select this, press control +H ,

and then select the whole thing.

Press control + J to add the frame, F2,

and call it gradient edges, and
change the label size to 64.

So now let's add the
random color to our object.

For that, let's hit shift + a

and search for the object info node,

add this to our node set up here,

and here we have the random output.

That means if I add a
simple mix RGB node here,

plug this random input
into the mix factor,

we get a random mix
between these two colors

for each object this material is added to.

So I can use red color and green color,

control+shift, left click here
to preview it on the object.

And then if I duplicate this object,

each time the color will be randomized.

So a mix between these two colors

with a different mix factor here.

And on the five up here on
the material, it shows us

that this one material is used
on five different objects.

So, let's undo this.

Now we somehow need to add this

to our whole node set up here.

And for that, let's analyze
what we want to do here.

So we want to randomize this color here.

Color one should always
be the default color,

which we always use to define
the color of the object.

And color two should be the random color

which we can turn on and off.

That means, over here we can control

the general color of the object.

So let's simply connect this over here.

That means if I now change anything here,

it will change the color on the object.

However, now the random color
is turned on all the time.

And in order to fix that,
let's duplicate this mix node,

plug this into color two.

This one we connect with
the color input here.

And the second node we now want to use

to enable or disable the random color.

So for that, let's add a placeholder node,

which is called RGB, which
stands for red, green, and blue,

meaning color.

Let's plug this into
color input one up here,

and color input one down here.

However, since this is just a placeholder

which we'll delete later on,
let's enable color over here,

and let's color this into red,

so we know we need to delete it later on.

So that means we can now
control the color of color one,

and one of both mixed nodes,

and those will always stay the same.

And down here, we can
control the random color.

So let's make this red for
example, and this one here green,

and now here we have the random mix

of color one and color two.

And up here, we are basically
transferring the random color

to color two over here,

but we still have the same color one.

And then with this
slider, we can just say,

if I set the factor to one,

we are using the random color.

And if I set the factor to zero,

we are only using the default
color, which we set up here.

So we have this new
slider, which we can use

to enable or disable the random color.

So, that's basically
everything we need here.

And let's select this, control + J, F2,

let's call this random color,
increase the label size,

and for this node, press control + H

to make it a bit smaller.

So, this is now the basic
setup we want to have here.

We have the bottom
gradient, the edge gradient,

and the random color.

And in the next video,
let's add a specular effect,

so that it looks as if
our object has reflection,

and let's set up that we
can enable transparency

and emission and group this
all into a nice node group.

So, see you there.