I made Spider Verse Style Shader in Blender!! | Across the Verse

I'm gonna break down how I did the spider verse stylized render in blender so there's a new Spider-Man movie had dropped with insane amount of visual stylization I decided to try it myself in blender I just loved that 2D 3d effect those line shapes and shadows and comic book art styles I just loved that so I am going to break down the full process in simple steps [Music] so I had spent very much time in gathering as much reference as I can mainly for the stylizations I collected his head references those comic Styles and line shape references and much more basically my idea was to create the Spider-Man is standing on a rooftop in the middle of the scene with the pose something like this maybe some futuristic sci-fi objects on his back and some buildings in the background and yes also I want to put those hexagon shaped things which are there in the movie and finally I will lighten up this with two lights one pinkish purplish light from left and a cool bluish light from the right [Music] after I satisfied with the idea I jumped into zbrush and started sculpting the Spider-Man I had used the zbrush male Z Tool to create the body let me tell you that this is a very brief explanation of how I created the character and set up the scene with models if you straight away want to see how I created the shaders in render you can see the timestamps at this point I had no idea that I will later add the Miles Morales head as well this stage I only assumed that I used the Spider-Man itself as the model gets sculpted I quickly send it to blender where I quickly Rito poet let me know you that these footages which you are looking at are post recorded after the character creation because the point of this video is to show the shading and materials not the character creation after ritopo I marked the seams from which I can generate the UVS for texturing then I throw the model to substance painter for texturing in here I firstly added the first layer of color which is the deep blue color then I painted second layer with the red color details and finally the subtle light blue color layer export this color texture I also made a mask texture in which the lower layer which is the deep blue layer is black and all the other top layers are white it will be used later on when I will doing the materials foreign at this point I had decided to make the Miles Morales head as well it's a sculpt that also in zbrush give a good topology in blender then UV unwrap it throw that to substance painter paint the skin colors and also I painted those cool lines as a mask so that I can use them separately from the skin texture I had painted the eyes as well the white highlights as you can see are also painted [Music] then I jumped back to blender select some faces for scalp and add a hair particle system you know this step I had many tutorials on hair also don't forget the eyebrows when everything done it's time to rig it because otherwise out character won't be posed so I enabled the rigify add-on and add the human metric just align all the bones with your characters and yes delete all the bones which you don't need here after aligning click on generate rig it will generate a good rig for the model select the body and then the rig now hit Ctrl p and then parent with automatic weights and yes now you can pose your character [Music] foreign [Music] in this stage I will just putting some primitive shapes to conceptualize the scene just adding cubes cylinders and circles to make the basic shapes [Music] I had made the world color to Black and add a point light with pinkish color with a high intensity in size put that on his right and add another Point light with blue color with same intensity and may be bigger in size and put that on his left and I also added a third Point light with white color on front of it to add some light on his face as well with very little intensity [Music] finally added a plane with emission Shader with deep purple like color and just hit render to get your first draft image [Music] in this stage I just replaced all the Primitive shapes with detailed models some models I had created in a separate blend file and import here and position it and some models are from Video Copilot motion design packs just reshape them adjust the size or position I also created a hair particle system for the buildings you can see the building models with light on I just desaturate the color map and inverted it and used as a mask for emission Shader I also added some volumetrics for depth I had given it a procedural volumetric Shader and feed a good color ramp in the color socket and yes I had done a cloth SIM for his mask now the part which you all are waiting for the spider-verse like shaders first of all disable all the layers which have background elements to only show the Spider-Man and Lighting now we can focus on the subject better select his body and add an image texture note I am selecting the color texture that we created I am plugging in the color texture it looks like this but for this Shader we doesn't need the principal bsdf instead we need a tune Shader this Shader is very friendly when it comes to make cartoon like shaders so I am plugging in the color texture to the Shader and Shader to the output let's reduce the size to make the specularity sharp [Music] and give a little amount of smoothness now this is our first shading group I'm framing it by hitting shift p and call it tune Shader [Music] now it's time to add these details as you can see in bluish color add a mix Shader I am adding an image texture node and import the texture the texture looks something like this I made that in Photoshop let's preview the texture as you can see it's wrapping on the body which I need but they are very big so to increase the mapping size add a mapping node and then a texture coordinate node and plug the UV to the vector of the mapping node now you can increase the tile size by increasing these numbers separately but I am adding a value node here and plug that to the scale [Music] now I can increase all the value together I am leaving it at 15. as you can see the patterns are not that straight it has a rotation so I will also rotate our pattern by setting the value of 45 in the Z rotation of the mapping node now to add this to the main Shader we have to add the principal bsdf Shader why I am adding a principal Shader and not the tune Shader because if you see the trailer or the shots of Spider-Man in the movie these patterns don't just have a color they are glossy or reflective too and it can properly done with the principal node foreign so add the principal node in the bottom socket of the mix Shader and give a blue color and now plug the pattern image texture to the factor value of the mix node now you can see the pattern in the suit but it is all over the place let's keep these apart and add a mix node set it to color place it between the connecting link of the pattern and Factor value set the bottom color to full black and now this Factor value will work as on off switch of the pattern so we need something here so that it can recognize us where it have to put the pattern and where not so here's the mask texture comes to the picture that we made in substance painter add that texture and plug that into the factor value [Music] now we can see the pattern is only on the black areas of the suit [Music] here still little amount of pattern is visible so I added a color ramp node to tighten up the mask [Music] let's see the reference again you can see the pattern is not uniformly everywhere on the black areas to achieve this effect first we need to give some space [Music] duplicate the color mix node and add again on the connection link again it becomes the on off switch so we have to add something to this Factor value here I am adding a node called layer weight node let me share what it can do you can see it works like a fresnel effect or in simple words light trap effect to the mesh you can change it to facing also to get much more contrast effect and you can also change the blend values to increase or decrease the effect It's a Wonderful node to fake the light wrap on objects now replug the Shader links back place the node here and use its facing option plug that to the factor value you might be think what the hell has changed but wait when increased the blend value you will see the effect [Music] I am setting it to 0.97 now it's looking fine now this is the pattern node group let's frame it and name it foreign the third and final Group which is left is to add those dot patterns which looks very comical but they are not all over the place they are mostly on the edges of the objects add an image texture node I am importing this dot pattern image let's preview the texture as you can see it also wraps on the object which I don't want the dot patterns in the movie are flat to achieve this we had to add the mapping node and texture coordinate node but we will not be using generated or UV this time we will be using camera now you can see they are looking flat on the object but there's another problem with the camera option as well when you turn the model around there you can see some wrapping happening in the Contour of the mesh this is because the camera option shoots array of projection mapping to the object and wrap from the camera angle and those thing which are curved would bend the projection so you can also use this option called window but it not proportional to the camera distance if you go further you will get big dots and when the object is near you will get small dots basically the texture will be like a flat image stuck on the object it's actually helpful in some extent but when you use camera it may get stretched the dots because the window option depends on the frame ratio of the camera because I am using a 16 to 9 ratio it's squeezing the dots vertically and yes if you use Square ratio frame it does not squeeze the image you can technically use the scale value separately according to the ratio but I want to keep this non-destructive and we have to render this in any ratio we want so I will stick to camera for now again to tile the mapping I am using value node this image which I am using has black and white values so I will be using its Alpha channel in this material now I get full white dots now again add a principle bsdf and plug the dots images Alpha to the color socket and also to the emission socket [Music] I want the dots to be the color of the suit which I can manipulate later [Music] so I am adding a color mix node here [Music] and put the color of the suit in its bottom socket let me organize the nodes better [Music] let's put the dot texture to factor value of the color mix node make the top color to Black we can able to see some dots are getting to the Shader but I want some control of the contrast and brightness so I added RGB curves here in place that on the connection link now I can brighten it up so the last group is also finalized let's combine this also to the Shader [Music] add a mix Shader and plug both links to the mix Shader now you can see if I set factor to zero there will be no dots and with the factor value to 1 there are full dots so we have to add something to the factor input and yes we will again add the layer weight node but this time the fresnel option now the dots are more toward the edges but there are still too much let's decrease the blend value and boom we got the suit Shader you can see the dots are fully visible on edges of the character adding a subdivision modifier to give some resolution to the curves [Music] now I will give the same material to the mask which is in his hand with one two three boom now we will focus on his head first quickly give some hair Shader to his hair his hair has basic principal hair Shader with black color and increased roughness [Music] assign the same Shader to the eyebrows as well now we'll jump on the head Shader select the head and add a material called Head [Music] add an image texture here I will import this color texture which I had painted in substance painter plug that to the color socket I am adjusting the color map a bit I also want some amount of subsurface scattering so set the subsurface color to red and set the type to random walk fixed radius and lower the value very much also lower the roughness a bit so this is the first group of Shader let's name this skin Shader now I will jump to the lines effect on his face I understand that these lines are more visible in the shadow area of the face so I need some node to have this information well the closely I found is ambient occlusion node I know it only addresses the ambient light but it will do the job perfectly so add the ambient occlusion node and also add a color ramp node and contrast it so that we get maximum amount of black Shadows tighten it add a mix color node and place it in between the connection link now it's time to call the line texture import the texture and add both of his friends [Music] connect the camera option you can see this time we are seeing much more bending but here we can easily use the window option because this is line texture and if it get wrong ratio it won't stretch so now we can increase the tile size [Music] I can see the lines are not straight on his face there is a rotation here so I will rotate the z-axis to 45 degree now put the ambient occlusion value to the factor of the color mix node and put the line texture to the top slot [Music] make the bottom color fully white we don't want this amount of Darkness so light up the black levels of the color amp node and make it gray [Music] I am increasing the tiling more so this is now the second group for the Shader frame it and name it [Music] now we need the same dot effect in this Shader also so let's just copy that from the suit oh I forgot to frame that third group frame it name it and copy it and paste to the Head Shader here the dot Shader is looking for color information plug the head color here [Music] now I can preview the dots let's give me some time to organize the nodes and now finally we will mixing the groups add a mix Shader plug that to material output plug the line pattern group to the factor and put the skin Shader to the bottom and you can add a tuned Shader with black color in the top socket [Music] I am reorganizing the nodes [Music] now to connect the third group duplicate the mix Shader add a layer weight node and connect that to the factor of the mix Shader and connect the dot group to the bottom socket this time I have to lower the brightness of the dots and also detach it from the emission now the final thing is left is the expression lines which we had painted in substance painter so add the texture this is the line texture add a mix Shader plug the main connection to the bottom socket and plug the line's texture to the factor value if you want you can add an emission node with black color or whatever color you want [Music] now the shaders are done we can re-enable all the other layers [Music] now we are in the final step the compositing stage for this you have to render the scene but before rendering let's check some render passes so that we will use them later in compositing nodes we only need the combined pass missed pass Shadow pass an ambient occlusion pass [Music] now let's give it a render [Applause] so our render is done we can split the view and open the compositor [Music] here please enable use nodes and add a node which is input render layer and another node called composite you can also check this option called backdrop so that you can preview any node on the compositor background I am usually not a fan of this I am disabling it for now actually we will be creating the dots effect in the background objects as well which is there in the movie as well so firstly we need this AO so preview this and add a color ramp node do the same which I am doing crunching the Black and Whites flip the colors add a color mix here duplicate the color map node plug the Shadows here and plug this color map to the factor flip the colors I am again adding the color map to the connection link you may be thinking what's the purpose of this is I am making like a mask image for the dot texture I have seen in the references that the dots are visible in mostly the highlighted parts of the image take this example here this is the Highlight part of the image and this is the shadow part if I can make a mask with Shadow pass or ambient occlusion pass and then with little bit of blur I can feed it in the factor value of mix node with DOT texture in original render so that's what I am doing here now I get the information here I added a blur node and increased the value to 50 for both X and Y because nothing is remained in contrast I am again adding a color map node and push the blacks even further [Music] so now this image has become like a mask for our DOT pattern speaking of dots let's call it in the compositor add an image node and import the dot pattern preview this now we can mix it with mix node our mask in the factor and dots are in the top socket let's again add a mixed node plug the main link to the bottom and the combined pass from the render layer connect that to the top socket [Music] Now set the blend mode to color Dodge and set this color to Black you can see the dots are in fully white color which we don't want I want to add the image colors to the dots so now I am going to add a RGB curve node in the connect link of the combine render layer pass and crunch it down to get darkness in the image something like this and now add a blur node again give some X and Y values now duplicate a mix node plug the blur layer to the top and the Dot's texture to the factor [Music] oh let's put the blur link to the bottom actually and set the color again to Black now you can see the dots have the colors now finally we can mix it with the original render to place the mix node at the end link the original render toe the top of the mix node and this time we will use the add blending mode you can also decrease the size of the dots by adding a transform node in between and lower the scale value the final last thing is remaining is an issue where these dots are also generating on the character as well so to fix it we have to go to this option and click on this button and click new and rename this to Spider-Man only [Music] you can see we have two render layers so let's rename the first one also [Music] and go to the Spider-Man only render layer and disable all the layer other than Spider-Man let me know you that this step only works if you had checked transparent under the render setting under the film now hit another render [Applause] [Music] back on the compositor add another render layer node and set to Spider-Man only and place it at the end and add another color mix node here and take the alpha input to the factor on the top we have out previous composition and at the bottom we can plug the original render the last step is to add the chromatic abrasion which you can see in the film actually that's very simple just add the lens Distortion node and play with the settings which you think is good foreign give a good color grade to the image and call it done so this is it for this video I hope you like it subscribe the channel for more bye foreign

Channel: Anèésh Arts

Views: 48,910

Keywords: Blender, Cgi, VFX, Render, Realistic, 3D, 3dartist, b3d, Zbrush, Rendering, CG, 3dmodel, animation, 3danimation, Motion, Graphics, Spiderman, Spider, Man, Verse, Multiverse, Spiderverse, Spider-verse, Shading, Miles, Morales, Comics, Comicshading

Id: c2H8VdyiXLY

Length: 24min 58sec (1498 seconds)

Published: Thu Jun 22 2023