Outline Stylized Material - part 1 [UE5, valid for UE4] 

Say no more. I subbed because this teaches more about the intricacies of how rendering light works than any expensive course at college 👀

Nice one tricking artists into a programming video :D

Incredibly well done video. Very thorough and well explained! Look forward to seeing what you offer up in the follow up.

2 videos in and you became my favorite technical art channel ever. The video has depth, explains terms clearly, leads us through the logic and process. You are killing it, thanks for the tutorial!

tremendous depth of learning here and a truly artistic outcome, bravo

Amazing!! Can't wait for part 2 🙌🏻

Note for 5.4 users doing this now - the post process material at the time of this video was supposed to be set to Before the Tonemapper, however this option was removed in favor of several new ones. Using Scene Color After DOF produces visually similar result.

Great video as always... and I absolutely loved the classical soundtrack as background of nodes proliferation :D MORE OF THIS

fantastic video. really excited for part two

Just found your channel and loving it.♥

I thought you were a Robot or such kind of AI. But you are a real man and this is even your voice. Anyway thank you very much for the videos! You are doing great things.

As always, fantastic video! Nice work dude

My new favorite channel fr

By far this is one of the best tutorials and explanations of a 3D concept I have ever seen. This was a ton of work I bet. I also appreciated the humour, 13:00 had me laughing! Fantastic, subscribed!

Fantastic Art. I love your presentation. 🦋🌻Melinda

Great Video, very nice explanation!

This video is amazing, not only it offer a better way of making outlines than any other video, it explain it a lot clearer and it breakdown HLSL code, which a lot of people aren't familiar with, by comparing it with the unreal node system, which a lot of people a familiar with. This is gold on so many level. The only feedback i could give is in the lack of easily accessible keyword in your description or title, I don't fully know how youtube work on the uploader side, but many who want to find a tutorial on this subject whould probably search "outline","toon shader", "cartoon line","line art", etc... your work is too good to not be accessible by everyone.

this was such a great explanation. i came to get a quick post process shader graph and i left an improved person

Awesome video, thanks!

You are insane! Thank you!

Thanks for the tutorial!

GREAT VIDEO!

fantastic tutorial ! thank u so much !!!!!!!!!!!

failed at this for days i now trust you with my life

Che qualità, ragazzi! Complimenti davvero. Non mi occupo direttamente di queste cose ma di compositing, nel quale alcune info possono tornare utili, però mi piace parecchio vedere "under the hood" come funzionano queste cose.

amazing

I never used the cutsom node, didnt know you can put code in there I was missing my for loops thank you for the great video

holy shiet.. watching this hurt my soul.. but i feel happier.. thank you xD

I've made the material using both methods (simple paste and HLSL custom node). When I apply the material I get only the colored effect shown at 3:33. Please advise. Thanks!

Nice! I also changed it a little bit to get me a wider outline that's also inside the mesh (not just outside), made that white, and then used a dot product of the inverted sun light vector and the world normal to create a mask, multiplied by fresnel, and now the outlines are rim lights too :) that I added on top of my scene colour. Also you can make the Kernel size exposed, and UE5 lets you expose more than one output with the additional outputs option but I left that as is.

subscribed!

This is super helpful, but is it possible to go without the for loop by using matrix math directly? I'm not familiar with what you can do in HLSL but back when I did a lot of biological stats in another code language my mentor always pushed me to drop my loops as I could do things in one pass instead of many and it saved a ton of processing time at the expense of making it a little more difficult for me who tends to think in loops. It really paid off though. Back then I was working with a lot of maps and landscape stuff but the structure was the same. I think you'd need 8 iterations that way instead of however many runs that loop currently takes. Am I missing something? It's ok if I am I always like to learn.

Awesome video! How do i get the node with the x and y inputs? Oh, and also the one with the "value [0]"

Hi! great tutorial! quick question, I'm trying to call the function "SceneColor()" from inside a custom node, but the "undeclared identifier" warning appears, same as in this video with "SceneTextureLookup". The thing is, connecting either SceneTexture of SceneColor to the custom node does not fix it in that case, do you have any idea what node I would need to connect to the custom in order to fix this?

What is the editor you are using to write the code for the custom node? As far as I can find, Unreal does not have an internal code editor.

Perfetto 🤌🤌 Grazzie mille

uh i get an error with the A mask component, it says " [SM6] (Node ComponentMask) Not enough components in (Local1: float3) for component mask 0001"

Hi, Thanks so much for the tutorial! on my code I am getting an error in engine that says "error: too many elements in vector initialization (expected 4 elements, have 6) return float4(LaplacianFilter_Normal, LaplacianFilter_Depth);" do you know where I could be going wrong? Thanks again!

My outline is really pixelated on the edges, how did you make it so smooth? Is there some antianalsing?

Hi I'm stuck searching for the "Texel Size" node right at the beginning of the video any idea how to make it or where I can find it? Thanks to anyone who helps in advance.

I need to get rid of jagged edges and smooth them out. I hope there is tutorial on that somewhere on the internet.

How can this be used so there's no white background but rather have it use the colors of the scene would be nice to be able to use this outlines on my stylized colored scenes.

Hi, I just purchased the Outline Filter for Post Process Material. Since I'm not very experienced with materials could you explain how to only get outlines without the white background. This way I have the outlines only with the colored scene. THX!

That was a well done video! I have a question though. I bought the latest shader and pasted the clipboard code into UE4, but for some reason the lines don't seem nearly as clean as yours. Some lines are even way too thick while others are very thin. Doubt this problem is because of your code because it happens when i copy other outline tutorials as well. I just wanted to know if you probably have any ideas as to why that happens? Thanks!

Will I be able to put materials on objects after finishing this tutorial?

How Do i create the "Texel Size" node that is connected to the SceneTexelSize node? Great Tutorial btw

Hi Visual Tech, I am trying to create the TexelSize node using the TextureProperty node and even I already set the dropdown menu to TexelSize, but the node doesn´t look like in your tutorial, it is asking for a texture as an input, is there any step I am missing?

Do I need to find a way of adding the additional nodes shown at 22:20 ? …or should the node I purchased work out of the box? Anyone out there who can answer? Thanks.

How do you get rid of the jittering? My outline is also very aliased.

how do you get the texel size node?

I intend to buy it and use it But I don't know how it applies to my project If possible, could you record a video for us to use in our own projects? Thank you so much! It means a lot to me

where to bring money ?? that's gorgeous

Is it possible to download the material

Wow! this material can use color?

how do you even learn this stuff? like, you need a very good understanding of this for making this shader by yourself. any resource on that?

When part2?

I bought the code but could not use it! the explanations are very vague for beginners, I cannot find where to place that code. Please try to be mindful of that! I loved the effect but just could not apply it.

i doodoo poopoo my pant 8)

Hi. Thanks a lot for the amazing and clear tutorial. Sadly I fail to make the Laplacian Filter works. First I tried it in 5.4.1, then in 5.3.2 (to have the Before Tonemapping switch available), but in both I keep getting the following errors, even after naming the input and connecting the SceneTexture node set as PostPorcessInput0: [SM6] SceneTextureLookup [SM6] /Engine/Generated/Material.ush:3362:27: error: use of undeclared identifier 'SceneTextureLookUp'; did you mean 'SceneTextureLookup'? LaplacianFilter_Normal += SceneTextureLookUp(KernelUVs, 8, false).rgb * CenterWeight; ^~~~~~~~~~~~~~~~~~ [SM6] /Engine/Generated/Material.ush:3363:26: error: use of undeclared identifier 'SceneTextureLookUp'; did you mean 'SceneTextureLookup'? LaplacianFilter_Depth += SceneTextureLookUp(KernelUVs, 1, false).r * CenterWeight; ^~~~~~~~~~~~~~~~~~ [SM6] /Engine/Generated/Material.ush:3358:26: error: use of undeclared identifier 'SceneTextureLookUp'; did you mean 'SceneTextureLookup'? LaplacianFilter_Depth -= SceneTextureLookUp(PixelUVs, 1, false).r; ^~~~~~~~~~~~~~~~~~ [SM6] /Engine/Generated/Material.ush:3031:8: note: 'SceneTextureLookup' declared here float4 SceneTextureLookup(float2 UV, int SceneTextureIndex, bool bFiltered) ^ [SM6] SceneTextureLookup [SM6] /Engine/Generated/Material.ush:3357:27: error: use of undeclared identifier 'SceneTextureLookUp'; did you mean 'SceneTextureLookup'? LaplacianFilter_Normal -= SceneTextureLookUp(PixelUVs, 8, false).rgb; ^~~~~~~~~~~~~~~~~~ Thanks for any orientation you may give me. First time trying code in Custom node. All the best.