Toon Shader Tutorial - Part 2 - How to Make Dynamic Outlines (Blender 2.8/EEVEE)

แชร์
ฝัง
  • เผยแพร่เมื่อ 10 มิ.ย. 2024
  • Part 2 of our tutorial series on how to make a real time Toon Shader in Blender 2.8
    In this video, David from Lightning Boy Studio will show how to add dynamic outlines to your shader.
    dinomancersproject
    / lightningboyst1
    Watch Part 1 here :
    • Toon Shader Tutorial -...
    Opening Logo Sound Mix : Les Productions Underground
    Download the .blend file from this tutorial:
    drive.google.com/file/d/1Vau3...
  • ภาพยนตร์และแอนิเมชัน

ความคิดเห็น • 433

  • @Keeg64
    @Keeg64 3 ปีที่แล้ว +275

    For those in 2.90+, flip normals is now normals/flip. Backface culling has been moved to the material panel.

    • @EyeMCreative
      @EyeMCreative 3 ปีที่แล้ว +6

      He should pin this

    • @norabp6988
      @norabp6988 3 ปีที่แล้ว +3

      Thanks a lot!

    • @dashdiamonds4468
      @dashdiamonds4468 2 ปีที่แล้ว +2

      @Runax ゲーム Same

    • @_Jayce_
      @_Jayce_ 2 ปีที่แล้ว +1

      @Runax ゲーム Same as well

  • @mostafabalboul3966
    @mostafabalboul3966 4 ปีที่แล้ว +315

    When I got to 3:43, I noticed these odd shadows on my sphere and I tried troubleshooting to find out where they were coming from. Eventually I found out that I could solve the problem by setting Shadow Mode to None for the outline material. I was going to comment here that if anyone was having trouble, they could solve it that way... and then I got to 4:52. Nice, thorough tutorial! I'm appreciating the effects of what I've done so far, and I'm eager to continue!

    • @FriskAnimation
      @FriskAnimation 4 ปีที่แล้ว +9

      Damn I'm lucky to find your comment out! I had the same issue and got worried, thank you a lot!

    • @richard29sher
      @richard29sher 4 ปีที่แล้ว +4

      I like this "bug" if it's around in the next versions I'll suggest keeping it as a "feature" I'm a big fan of graffiti, it's kind of a nice look in certain situations.

    • @davidricardofernandez-orti7988
      @davidricardofernandez-orti7988 4 ปีที่แล้ว +2

      wow i found this.. im so relieved 😌

    • @mostafabalboul3966
      @mostafabalboul3966 4 ปีที่แล้ว +1

      @@FriskAnimation Oh wow nice! I'm glad my comment was at least able to help someone out. Even with the knowledge that sometimes the solution will come later on, it's tempting to try to troubleshoot and make sure each step goes perfectly, haha

    • @mostafabalboul3966
      @mostafabalboul3966 4 ปีที่แล้ว +3

      @@richard29sher Good point! That "bug" is actually the shadows from the invisible material forming the outline shape around the main object; even though backface culling makes sure we can't see it, it's still a material and it can still form shadows on top of the actual material within.

  • @Kimb4000
    @Kimb4000 2 ปีที่แล้ว +27

    I cannot believe you gave this away for free. It feels like a little piece of gold. Thank you so much. I'm so glad I found you. You're tutorials are so well done. I've learned so much. I can't wait to explore your channel more!

  • @tokyoplastic8046
    @tokyoplastic8046 4 ปีที่แล้ว +12

    We had a lot of fun with the inverted normals outline when we made tokyoplastic. Great to be revisiting this technique in Blender. Killer tutorials man, love them!

  • @TheRoso69
    @TheRoso69 3 ปีที่แล้ว +4

    Amazing work, this is pure gold and it's really inspiring, most people didn't even bother in sharing this kind of tricks and knowlegde for free. The entire material in this channel is worth to watch and specialy this kind of tutorials are lifesavers. I really hope the best for you and your projects, you're really breathtaking.

  • @nirubansatchithanandakumar3266
    @nirubansatchithanandakumar3266 4 ปีที่แล้ว +2

    Thanks so much for sharing this! I'v been searching for a easy to use, native to evee (no external scripts, etc) NPR material for the longest time, and this is perfect! The best part is you explained in an easy to understand way how this all comes up! awesome stuff! do keep creating! cheers

  • @professort5585
    @professort5585 3 ปีที่แล้ว

    I neglected to say how helpful your tutorials have been, btw. Many thanks. It's a clever approach.

  • @shon6435
    @shon6435 2 ปีที่แล้ว +1

    Just want to say your content is incredible and you are an amazing instructor. I know this content is from 2020 but it's still very valuable here in 2022.

  • @Zoe0755
    @Zoe0755 4 ปีที่แล้ว +3

    Thank you so much for sharing your knowledge, I'm going to use these awesome techniques introduced in these videos on my Uni project. I got stuck for a few days to figure out how to achieve 2D animation looks effect and I'm pretty new to Blender. These tutorials save my life! I'll share them with my peers as well. Again Thank you so much!

  • @art_pinheiflor
    @art_pinheiflor 3 ปีที่แล้ว +1

    You made one of the best tutorials I've ever watched. Thank you so much!!

  • @diadorim273
    @diadorim273 2 ปีที่แล้ว +1

    I regret I didn't find you guys sooner. I had an absolute blast watching (and many simultaneous emotions) watching Le Gouffre and it will not be the last time either. Well deserved wins, congratulations! You guys as a small team making your dreams come true is a real inspiration. It made my wildest dreams and hopes I tend to not entertain seem more tangible and less silly (I'm old, new at 3D and animation, but I have always loved it so, so much)
    Also you are a very good teacher! Thank you for going into what things do or actually modify/change and why. This really helps with learning.
    I took a peek at your commercial shader and will definitely buy in the future!

  • @Jamie-wh3kd
    @Jamie-wh3kd 4 ปีที่แล้ว +12

    thank you so much for these, have been trying to figure out how to get this sort of effect for a while with little luck. this looks great, gonna try it out tonight. thanks!

  • @cryptoffee6941
    @cryptoffee6941 2 ปีที่แล้ว

    You've changed my life with your channel guys. Thanks sooo much!!!

  • @icedriver2207
    @icedriver2207 4 ปีที่แล้ว +17

    Really enjoying your content. Love your version of toon shading for cycles.

  • @drewleach527
    @drewleach527 4 ปีที่แล้ว

    Thanks for the comprehensive and thorough tutorials on toon shading! You're a talented teacher and i hope to see more of this kind of content in the future!
    I'm looking forward to seeing more of your game given how beautiful this art style is!

    • @LightningBoyStudio
      @LightningBoyStudio  4 ปีที่แล้ว +1

      Thank you! Happy to hear you're enjoying our content! :)

  • @kruth6663
    @kruth6663 4 ปีที่แล้ว +1

    I love your toon shader tutorials, thank you so much!

  • @mprior108
    @mprior108 3 ปีที่แล้ว

    Brilliant Tutorial David! Learning so much from your tutorials

  • @coenrens
    @coenrens 4 ปีที่แล้ว +1

    This is aMAzing dude.

  • @DonDisainer
    @DonDisainer 3 ปีที่แล้ว

    the first time i start understand shaders in a tuto, great video!

  • @josewilson2492
    @josewilson2492 4 ปีที่แล้ว +1

    This is the kind of video i was trying to find. Thank you so much for publish it !

  • @-Blender
    @-Blender 3 ปีที่แล้ว +10

    I still haven't gotten myself to actually try toon shading. Hopefully this motivates me to because the results are great ! 😀😀😀

  • @kaydown6040
    @kaydown6040 ปีที่แล้ว

    I can't believe you're giving this away for free. This is awesome, thank you so much.

  • @mango_octopus
    @mango_octopus 3 ปีที่แล้ว

    An absolutely fantastic tutorial, thank you!

  • @nholmes86
    @nholmes86 4 ปีที่แล้ว +1

    perfect shader i have seen so far 😍

  • @VHM777
    @VHM777 3 ปีที่แล้ว

    Great Step-By-Step tutorials. Thank you!!

  • @manishkachhawaha5024
    @manishkachhawaha5024 3 ปีที่แล้ว +1

    Thank You for adding such a beautiful tutorial.... This is a service to Humanity :D

  • @MrCaptainbirdman
    @MrCaptainbirdman 3 ปีที่แล้ว

    Thank you for this helpful tutorial :D!! Very nice to follow and I'm learning new concepts in Blender which is good!

  • @dayman01
    @dayman01 4 ปีที่แล้ว +2

    These tutorials are amazing. I really hope there's a lot more!

    • @LightningBoyStudio
      @LightningBoyStudio  4 ปีที่แล้ว +2

      Thank you! We're planning at least 4 more for this particular shader, but we have a lot of ideas on other tricks we could share as we start making actual animated shots.

    • @dayman01
      @dayman01 4 ปีที่แล้ว

      @@LightningBoyStudio Awesome, can't wait

  • @kadathan
    @kadathan 4 ปีที่แล้ว +5

    Amazing stuff. So much of this is new to me, but I feel like watching these videos I am not only learning how to do new things, but learning why they work the way they do. Thank you very much. On to part 3.

    • @LightningBoyStudio
      @LightningBoyStudio  4 ปีที่แล้ว +3

      Thanks Kada than, really appreciate it! We personally love when tutorials take a bit more time to explain why things work the way they do. When you learn not just to copy but to really understand, it's a lot easier to remember and get creative afterwards to do your own custom features. Cheers!

  • @ArdaaBangsa
    @ArdaaBangsa 3 ปีที่แล้ว

    Yes! I learned many things from this tutorial .. I've tried it and it works .. thanks a lot !

  • @jankremenek6783
    @jankremenek6783 3 ปีที่แล้ว

    You have really practical videos. Thank you and Happy blending:)

  • @ololo9283
    @ololo9283 3 ปีที่แล้ว

    absolutely amazing tutorial man.. wow!!!

  • @thoracis
    @thoracis 3 ปีที่แล้ว

    Absolutely amazing! I can’t wait to employ these techniques. I am now subbed and awaiting new tutorials :) cheers!

  • @loam_media
    @loam_media 3 ปีที่แล้ว

    Wow, amazing tutorials, thank you!

  • @RubenGonzalez-uu3es
    @RubenGonzalez-uu3es 5 หลายเดือนก่อน

    Thank you for these videos, they are incredible, thank you very much!

  • @junaldodiasdossantos4232
    @junaldodiasdossantos4232 ปีที่แล้ว

    thank you guys from lighting boy studio

  • @lupusars3215
    @lupusars3215 3 ปีที่แล้ว +1

    Thx for making these tutorials

  • @JulianSirArt
    @JulianSirArt 3 ปีที่แล้ว

    this magic tutorials this characters are so beautiful with this shaders.

  • @Ludifant
    @Ludifant 3 ปีที่แล้ว

    This is so just what I needed, thanks!

  • @gegenti
    @gegenti 4 ปีที่แล้ว

    Tks man! awesome job and tutorials!

  • @paulabril
    @paulabril 3 ปีที่แล้ว

    Super Great Tutorial! Thank you so much!

  • @senthilvelan544
    @senthilvelan544 3 ปีที่แล้ว

    Im soooo thankful for this. You have no idea!!!

  • @DangitDigital
    @DangitDigital 2 ปีที่แล้ว

    This is just what I was looking for. Ty!

  • @user-vk4yf8dj4c
    @user-vk4yf8dj4c 3 ปีที่แล้ว +1

    I love it. Thank you so much!

  • @overdigitize
    @overdigitize 3 ปีที่แล้ว

    I feel dirty watching this tutorial for free. Thank you for sharing!
    Top quality content. Subbed ;)

  • @shirosame7
    @shirosame7 4 ปีที่แล้ว

    I appreciate your teachings

  • @ism6938
    @ism6938 2 ปีที่แล้ว

    phenomenal

  • @jvaiguade
    @jvaiguade 4 ปีที่แล้ว

    Thanks a lot fot these tutorials. It helps me a lot :)

  • @djsalarindo
    @djsalarindo 4 ปีที่แล้ว

    Amazing tutorial, thank you

  • @marcfolcholivella9976
    @marcfolcholivella9976 3 ปีที่แล้ว

    man you are a lifesaver learned a lot!

  • @FedTalk
    @FedTalk 3 ปีที่แล้ว

    Amazing job

  • @Forkbird
    @Forkbird 4 ปีที่แล้ว

    This is really great stuff! :)

  • @jeimoall
    @jeimoall 3 ปีที่แล้ว

    This is massive! Thanks a lot!

  • @brandonjacksoon
    @brandonjacksoon 3 ปีที่แล้ว +1

    Cool! thank you for your tutorials))

  • @dominikjakubczyk9643
    @dominikjakubczyk9643 3 ปีที่แล้ว

    Oh boy... you save my life. Thank U very very very much.

  • @vazak11
    @vazak11 4 ปีที่แล้ว +9

    Ooh there are some cool tricks here, thanks!

  • @goilo888
    @goilo888 3 ปีที่แล้ว

    Mindblowing

  • @hermesjunior0
    @hermesjunior0 2 ปีที่แล้ว

    Awesome!!! Thank you!!

  • @andrea_ciani
    @andrea_ciani 2 ปีที่แล้ว

    Perfect next part! Tx!

  • @zanzaraloggan3713
    @zanzaraloggan3713 4 ปีที่แล้ว

    glad I found your channel
    it is rare but TH-cam algorithm does score some times.

  • @dudex104
    @dudex104 3 ปีที่แล้ว

    Awesome tutorial

  • @cyborg9099
    @cyborg9099 2 ปีที่แล้ว

    You guy are amazing

  • @bigcaka7725
    @bigcaka7725 4 ปีที่แล้ว

    hey man thanks so much for sharing this. made me finally upgrade from cycles lol.

  • @VSWRKS
    @VSWRKS ปีที่แล้ว

    Thank you so very much!

  • @AlterMax24-YouTube
    @AlterMax24-YouTube 4 ปีที่แล้ว +1

    You Are AMAZING! Thank You SO much for sharing your knowledge! Everything is clear! Perfect! Hope you'll also do tutorials to explain how you draw your elements on these cel shading render and how it's possible to have texture behind...Example: a t-shirt with logos on it and/or scars on the skin! Thank You from Paris - FRANCE!!!

    • @LightningBoyStudio
      @LightningBoyStudio  4 ปีที่แล้ว

      Haha, thanks Maxime! We'll show how to do that in the next few tutorials!

  • @4yanimation68
    @4yanimation68 4 ปีที่แล้ว

    thx for ur tutorial... really help me alot...

  • @WBro.
    @WBro. 2 ปีที่แล้ว

    Can I same process do on the cube because i need the outline on the cube without solidify modifier only shader nodes ...so any way to do that?

    • @LightningBoyStudio
      @LightningBoyStudio  2 ปีที่แล้ว

      It's very difficult to generate good outlines on sharp cubes using the shader graph only. We're still trying to figure it out ourselves! If you absolutely need to, it can still work but you might get some weird results depending on the cube angle. We would also suggest adding as large a bevel as you can on the edges, that will help get more pleasing outlines.

    • @WBro.
      @WBro. 2 ปีที่แล้ว

      @@LightningBoyStudio thanks ❤️

  • @SilliS
    @SilliS 3 ปีที่แล้ว +2

    I absolutely love these tutorials! When it comes to toon shaders there's just one issue that I haven't been able to solve... Do you know any trick that could draw a line between intersecting meshes? I don't like it when the line disappears when things touch.

  • @yvesmolina
    @yvesmolina 4 ปีที่แล้ว

    Very nice, thanks !

  • @AllExistence
    @AllExistence 4 ปีที่แล้ว

    Such a cool idea!
    I though you wanted to use weight proximity first... But it is much better.

  • @warpzone8421
    @warpzone8421 4 ปีที่แล้ว +1

    The reason for the shadow glitch is simple: your rim is casting a shadow onto your toon shader. Make a thick enough rim or enable Contact Shadows in your light source, and you'll see the whole thing go dark. For very thin rims with no contact shadows, the light source mostly "clips through" and doesn't properly shade the object from the sun.

  • @Donald_gig
    @Donald_gig 4 ปีที่แล้ว

    Dude amazing keep the tutorial caming

  • @user-gh8ft5oe1c
    @user-gh8ft5oe1c 3 ปีที่แล้ว

    Thank you! You are great!

  • @user-ub6sk6ex3e
    @user-ub6sk6ex3e 3 ปีที่แล้ว

    thx man u r legendary

  • @gamedevstanislove
    @gamedevstanislove 4 ปีที่แล้ว

    Cool tutor. Thank you v.much!)

  • @joaovanz2328
    @joaovanz2328 3 ปีที่แล้ว

    great content! thanks!!!

  • @artisunknown
    @artisunknown 4 ปีที่แล้ว +5

    Thank you for your detailed tutorials. I learned a lot from your video. I have a question. Your character has beautiful details like scacrs over toon shader. How do you make those partially transparent texture shaders over toon shader, could show us the nodes? Thanks again!

  • @pikustudio1
    @pikustudio1 ปีที่แล้ว

    Thank you

  • @GSXR150BlueSilver
    @GSXR150BlueSilver 3 ปีที่แล้ว

    Thank you very much, i need this , i very like it... :D

  • @LeonardoNascimentoDesenhista
    @LeonardoNascimentoDesenhista 4 ปีที่แล้ว

    You are the man!

  • @Darkfredor
    @Darkfredor 3 ปีที่แล้ว

    merci mille fois,super tutoriel

  • @quantummobilegames
    @quantummobilegames 4 ปีที่แล้ว

    thank for this tutorial

  • @nelsonmenezes7474
    @nelsonmenezes7474 2 ปีที่แล้ว

    very cool

  • @eugene-d
    @eugene-d 2 ปีที่แล้ว

    For outline colour I would bind it to base colour parameter and darken it with math node. Amount of darkening would be another parameter. It is basically what we see on most of these demo toons: same hue and saturation for base and outline. They only differ in brightness.

  • @blendflix6390
    @blendflix6390 3 ปีที่แล้ว

    thank you

  • @gazfilm693
    @gazfilm693 3 ปีที่แล้ว

    This is cool

  • @toastercleaner1853
    @toastercleaner1853 2 หลายเดือนก่อน

    thoroughly informative tutorial!! much appreciated!!! i do find background music unnecessary and distractive though...

  • @timothypulliam2177
    @timothypulliam2177 3 ปีที่แล้ว

    you are a legend!

  • @ingramsmart
    @ingramsmart 3 ปีที่แล้ว +1

    Great tutorial. Part 1 worked perfectly. Here, the solidify modifier blocks my lights, so my sphere is in full shadow -- not full black like the outline color, but the shadow color from part 1.

    • @ingramsmart
      @ingramsmart 3 ปีที่แล้ว +1

      BUT -- changing the shadow mode from opaque to none fixes this problem. I would say that next time I'll watch the whole video before commenting, but I'm not sure I can make that promise. Thank you Lightning Boy!

    • @LightningBoyStudio
      @LightningBoyStudio  3 ปีที่แล้ว

      @@ingramsmart No worries Gavin! This kind of comment is always helpful, even if just to help others who find themselves in the same situation.

  • @pe2494
    @pe2494 3 ปีที่แล้ว

    Thank you for the excellent tutorial. This has been a huge help and one of the most accessible yet effective cell shaders i've found while trying to learn. One problem, I've set up the 3-light shaders and standard outline from Parts 1 and 2 (no dynamic outline). I am trying to upload the .fbx of my character into Mixamo but it doesn't appear to want to take it anymore. Has anyone else encountered this issue before?

  • @jesudoss7795
    @jesudoss7795 3 ปีที่แล้ว

    Thnak you sir

  • @EEEEEE1337
    @EEEEEE1337 3 ปีที่แล้ว +1

    Hi, first time I am watching one of your videos, instant subbed
    I also think you would be a great streamer/coach*
    /e: Live-FAQ would be very interesting!

    • @LightningBoyStudio
      @LightningBoyStudio  3 ปีที่แล้ว

      Thanks for the sub! The idea of doing Live-FAQs is interesting. We'll discuss it internally.

  • @joseernane5333
    @joseernane5333 3 ปีที่แล้ว

    perfect!!!!

  • @My-World2007
    @My-World2007 2 ปีที่แล้ว

    David:"hey guys,it's..."
    Me: GOD IS HEEEEERE!!!

  • @viktorleon7915
    @viktorleon7915 3 ปีที่แล้ว

    You Sir deserve a medal!

  • @Ikxi
    @Ikxi 2 ปีที่แล้ว

    Good video
    Can't wait until the asset browser comes out and I can just easily put this material on anything without hassle at all!

    • @LightningBoyStudio
      @LightningBoyStudio  2 ปีที่แล้ว

      Yes, that asset browser will be a godsend. We're looking forward to it too! :)

  • @lazzy5397
    @lazzy5397 4 ปีที่แล้ว +8

    3:12 When I activated backface culling I got weird shadow problem in the middle of each light falling on object. I fixed it by changing shadow mode to 'none'. Don't know why it works but it worked.
    EDIT: Ohh you explained it later.

    • @LightningBoyStudio
      @LightningBoyStudio  4 ปีที่แล้ว +3

      Smart thinking to have figured it by yourself! This bug had us puzzled for a while. :)

  • @DEADEYESTUDIO
    @DEADEYESTUDIO 3 ปีที่แล้ว +1

    Damn the toon shading looks great here, most animations with toon shadings seem to always look a bit meh to me, but this is awesome looking

    • @-Blender
      @-Blender 3 ปีที่แล้ว +1

      Agreed, his results look awesome

  • @christianbelko
    @christianbelko 3 ปีที่แล้ว

    I love those outlines you have in the skull! I have been looking for a tutorial like this but haven't been able to find it. All tutorials that I find are with the solidify method, but the edges which are not in the silhouette are not having an outline :(

  • @abdelkarimkeraressi1418
    @abdelkarimkeraressi1418 3 ปีที่แล้ว

    my mind blowin i just need to copy and past now i understand nothing hihi LOL . amazing job and skills you have bro ; amazing . you deserve like minimum 20M subscribers not 60k . amazing job. amazing skills brain as you like no coment!

    • @LightningBoyStudio
      @LightningBoyStudio  3 ปีที่แล้ว +1

      Haha, thanks for the kind words! You can duplicate stuff using Shift-D, it's become so natural now, sometime we forget to say it out loud.

    • @abdelkarimkeraressi1418
      @abdelkarimkeraressi1418 3 ปีที่แล้ว

      @@LightningBoyStudio yes i know many things in blender about shift D ex.. but that logic and stuff you are doing is amazing how much please you are using blender?