Stylized Cartoon Shader In THREE.JS ( Full Explanation )
Рет қаралды 7,535
Күн бұрынIn this video I'll show you how to create 3 Different stylized objects in THREE.JS. Lets go 🔥
The Sketchfab Model:
sketchfab.com/3d-models/trand...
Artist:
sketchfab.com/einmeister5
Starter Files ( Code ) :
github.com/visionary-3d/styli...
Download Krita:
krita.org/en/download/krita-d...
References Used:
www.artstation.com/artwork/D3goA
/ doodles
www.artstation.com/artwork/D5...
Chapters:
00:00 - Intro
00:23 - Project setup
01:06 - References
01:40 - How I arrived at the solution
04:48 - Stylized Torus Knot
12:07 - Stylized Sword Model
21:01 - Bonus Method
23:48 - Outro
--------------------
Visionary 3D:
Follow me:
x.com/visionary_3_d
Discord Community:
/ discord
Shaders Crash Course:
• Three.js Shaders (GLSL...
My Shaders Playlist:
• Shaders
Three.js Boilerplate:
github.com/visionary-3d/three...
#threejs
#3d
#3danimation
#glsl
@ThePouetman Жыл бұрын
Hey great video! It gave me some ideas, I'll definitely keep it in mind :) while you explained well how to do this, I feel like you didn't explain why you were doing it. What is the point of the 5/4/3 tone texture (you didn't even show them in the video)? Why do we need to remove the hierarchy from the sword in blender? What is the point of using another software to do the effect you did with the shader?
@visionary_3_d Жыл бұрын
Great Feedback! I do think you're right. Here's the answer to those questions: 1. 5/4/3 tone textures don't make a huge difference but it changes the gradient layers on the toon shader 2. The hierarchy was removed in blender so that we can easliy access the main mesh when you export the glb -> aka: gltf.scene.children[0] 3. That section is called "How I arrived at the solution". It shows how I got the idea of implementing something like solidify.
@EinMeister 4 ай бұрын
I am glad you liked my sword :) Thank you for crediting.
@MrBumbo90 Жыл бұрын
Love your channel man. It is like having a phd in shaders.
@sampalacio 8 ай бұрын
Thanks!
@yoga1775 Жыл бұрын
Banger video. Would love to see some particle system breakdown and tutorial from you
@visionary_3_d Жыл бұрын
Thank You! Added that to my todo list.
@taofeek-bakare Жыл бұрын
I think it will be great to always include the repo of the completed works. Hopefully waiting
@timetosleep8055 Жыл бұрын
If i create my own models in blender what would my workflow look like? Should i do basic texturing and baking in blender, the cartoonish filter through photoshop/krita and then the blackoutline with the help of shaders??
@manthrax69 Жыл бұрын
Good breakdown. ++
@JohnScript 10 ай бұрын
Nice Job bro!!!. Just a little tip: If you wanna add a Pixel Art Effect in this setup, make this: 1- Reduce the size of the texture from the current size to a smaller one(512x512, 256x256, 124x124....). 2 - Change the filter in Blender from "Linear" to "Closest". 3 - Exports and it's done Cheers 🤟🤟
@visionary_3_d 10 ай бұрын
Nice 👌 Thank you for sharing this info.
@nishantmodi5451 Жыл бұрын
A great tutorial! But i was wondering, is it possible to create crosshatched shaders in threejs? That gives the models a manga kind of look
@visionary_3_d Жыл бұрын
Like this ? 😉 kzfaq.info/get/bejne/oNJ7gbKa186aZnk.html
@Joheungju 2 ай бұрын
Plz be my teacher,,,, your lesson is wonderful..!
@rithvik_ Жыл бұрын
is this like a sword from hell's paradise anime 😮
@visionary_3_d Жыл бұрын
Yo. My face is covering the blender settings and I didn't fix that in editing because the blender part is just for representation. And it's not part of the actual tutorial. Checkout this shader playlist if you're interested: kzfaq.info/sun/PLTEbuqk52pICikiHfD-a52dxEav5UqMLy
@Lagooneration 8 ай бұрын
The whole time you were working on blender your face blocked the visuals of what you did, maybe keep in mind next time to keep moving your face where its not blocking the important contents of what your viewers need 👍
Miro Leon
Рет қаралды 3,3 М.