Procedural Fabric Weave - Blender Shader Tutorial

Поделиться
HTML-код
  • Опубликовано: 8 ноя 2024

Комментарии • 114

  • @Baileyfest
    @Baileyfest 3 года назад +43

    One addition that might be useful is to replace the fabric color PNG image texture with a simple horizontal black-to-white gradient image. Then use a colorRamp set to Constant interpolation to create custom fabric patterns directly in the nodetree. Then, you don't have to pre-generate color maps for different patterns, you can create and adjust them right in the graph.

    • @Erindale
      @Erindale  3 года назад +5

      Yes great suggestion. Definitely let's you have a lot more procedural control!

  • @Erindale
    @Erindale  3 года назад +39

    Only 55 sleeps until Nodevember!
    EDIT: Wow there are some bad cuts in here. Serves me right for editing at 5AM and not listening through. Sorry for the repeats!

  • @jamesdelb6885
    @jamesdelb6885 Год назад +5

    Personally, I'd have to go over all this 100 times to even have an idea of what you're doing. I'm going to start. I want to make a corduroy material and this looks like the most in-depth fabric tutorial I've ever seen. Many secrets revealed. Many thanks.

    • @Erindale
      @Erindale  Год назад +2

      Thanks! You'll get it. Corduroy is an interesting fabric. Definitely look into how the weave is formed in real life as fabric making is fundamentally very mathematical. If you can work out how to replicate the maths then you'll be able to make a great material

  • @dougalmeredith7754
    @dougalmeredith7754 3 года назад +11

    Thank you for uploading the final node tree in a readable resolution, you'd think everyone would do that for tutorials like these but it's surprisingly uncommon

    • @Erindale
      @Erindale  3 года назад +2

      Glad it's useful! I always find it can be worth having something static just to check against

  • @SMOUSE
    @SMOUSE 3 года назад +10

    Wow, your calm voice makes this feel like a mathematical Bob Ross episode :D

    • @Erindale
      @Erindale  3 года назад +1

      Hahahah thank you kindly!

    • @vintezis
      @vintezis 3 года назад +1

      Yes, absolutely right! I always almost fall asleep while hearing his voice... :) Like some meditation, and ASMR experience.

  • @halafradrimx
    @halafradrimx 2 года назад

    This material is simply excellent. Best fabric material I have ever seen inside of Blender.

    • @Erindale
      @Erindale  2 года назад

      Amazing to hear! Thanks so much

  • @sazaam
    @sazaam 3 года назад +2

    awesome Erin!! it's funny how one would easily think.. nah it's good already without particles, but once the threads added the final result really brings it to another level!!

    • @Erindale
      @Erindale  3 года назад +2

      So true! It's always the last few percent that do a lot of the work

  • @fabbrobbaf
    @fabbrobbaf 3 года назад +1

    You are literally turning reality into math...amazing

  • @AtrusDesign
    @AtrusDesign 2 года назад

    Realism you achieved is incredible!

  • @DECODEDVFX
    @DECODEDVFX 3 года назад +1

    This is really nice. I'll be using this at some point.

    • @Erindale
      @Erindale  3 года назад

      Thanks! I might start doing a few more shader things again

  • @akurahdes3848
    @akurahdes3848 3 года назад +3

    Im still struggling with nodes but hopefully one day I'll be able to join nodevember hehehe!
    Thanks for this tutorial!!

  • @rougex7319
    @rougex7319 3 года назад +1

    Regardless of the cuts I enjoyed it.

    • @Erindale
      @Erindale  3 года назад

      Thanks! Luckily there weren't too many mistakes :D

  • @fumier21
    @fumier21 3 года назад +1

    That render is worth the nodes headaches and shit, fantastic job man

  • @millie2079
    @millie2079 3 года назад +2

    This is fantastic, thanks for sharing your knowledge. It seems there's two schools when approaching something like this. Either keep it all in house and use the native software to push the boundaries or go the mechanical route and model, uv, substance etc. You could say the mechanical route is easier which is why it's more common but I would aspire to learn the former method.

  • @chimpana
    @chimpana 3 года назад +1

    Really cool! And an advert for using frames and groups to organise your nodes! 😉

  • @Jonathan-ex3sl
    @Jonathan-ex3sl 2 года назад +2

    Wow amazing work. Thank you for sharing!

  • @gottagowork
    @gottagowork 3 года назад +5

    I typically do 1/density then multiplied with my nominal height of choice, rather than nominal height of choice/density, whenever I want to scale down displacement based on texture density. You also forgot to do that on the bump node, so the distance will remain fixed across all texture sizes and really mess things up. The wiggly noise can be 2D, no need to go 3D if you only give it a 2D coordinate like a UV.
    Have you ever toyed with using i.e. [0.5, 0.4, 1.0] and [0.5, 0.6, 1.0] -> normal map -> mixed shaders of different colors? It's a nice tool in the shading of fabrics. Don't overdo it as it leaves artefacts, and we need better tools if we want to make nap based true velour (where flipping fabric upside down basically makes it go very dark). Subtle color changes work well though.

  • @DanielGrovePhoto
    @DanielGrovePhoto 2 года назад

    Holy sheesh! Pure genius. Beautiful.

  • @yannterrer
    @yannterrer 9 месяцев назад

    Thank you so much Erin, another tuto I definitely have to do;)

  • @FilmSpook
    @FilmSpook Год назад +1

    👍🏾👍🏾Wow, excellent, many thanks!!

  • @stefanguiton
    @stefanguiton 3 года назад +1

    Excellent. Love these shader tutorials!

    • @Erindale
      @Erindale  3 года назад +1

      Thanks! It's been a while since I've touched shaders on this channel!

  • @AArmstrongC
    @AArmstrongC 3 года назад +1

    Awesome result :) Thanks for the tutorial

  • @whitemorning8416
    @whitemorning8416 3 года назад +1

    wow!!!! I was impressed!! Thank you for this amazing tutorial!!!

    • @Erindale
      @Erindale  3 года назад +1

      Thanks so much!

  • @weeliano
    @weeliano 3 года назад +8

    This is some nodal magic here! Amazing work! I'm curious how long it took for you to get familiar with all the different nodes in order to use them as efficiently as you do in this video demonstration?

    • @Erindale
      @Erindale  3 года назад +14

      It really is a constant process and something you accelerate by trying to teach. Nothing makes you learn something quite like having to explain it to others. I'd say about a year to be somewhat fluent and it's now been around 2 years I think.

    • @weeliano
      @weeliano 3 года назад +3

      @@Erindale "Nothing makes you learn something quite like having to explain it to others", as a teacher myself, this statement rings true! Thank you again for sharing your experience and knowledge!

  • @lbenn43
    @lbenn43 2 года назад

    Great tutorial! Thankyou so much for making this and sharing it! I learnt so much!

  • @jfkpires
    @jfkpires 3 года назад +1

    Amazing

  •  3 года назад +1

    simplemente genila!!!!!!!!!!

  • @TripTilt
    @TripTilt 3 года назад +2

    great eye for details! Looks so goooood! :)

  • @aleksanderk5695
    @aleksanderk5695 3 года назад +1

    Genius.

  • @프리시즌-y4r
    @프리시즌-y4r 2 года назад +2

    Nothing happens in 9:28 when I connect ping-pong node to the displacement(In the video, each square is shaped like a comb), I meant when I set the cycle render engine and apply sub-divisions, every little square is not transformed like a video, and it's lumped into a big triangle.

  • @JOLMS3D
    @JOLMS3D 3 года назад +1

    My man just procedural-created what (to me) is weeks worth of a stitch texture at the 2 minute mark.

  • @sidekick3rida
    @sidekick3rida Год назад

    My guess is this will leave a lot of people stumped. A node setup this complex needs more detailed explanation. Good for you for figuring this out. Great results.

  • @azeneza
    @azeneza Год назад

    man, this is amazing - two questions; how efficient is this method vs image textures (with bump, disp, normal maps etc), and how graphics-intensive is it

    • @Erindale
      @Erindale  Год назад +1

      Considering that you're rending inside Blender, performance is sort of secondary as you're offline rendering. You would definitely want to optimise the workflow if you were rebuilding this for mobile games in Unity etc. Procedural textures tax the CPU and image textures tax your ram / Vram.

    • @azeneza
      @azeneza Год назад

      @@Erindale cool, thanks - i mostly render single images and don't currently have a GPU (and only 8 gigs RAM), so i'll do a bit of testing to see which works best

  • @jeffreyspinner5437
    @jeffreyspinner5437 Год назад

    Oldie but goodie...

  • @D..S..
    @D..S.. 3 года назад +3

    Is there a way to download that 1 pixel texture you used for this, or is there a way to make it yourself?

    • @Erindale
      @Erindale  3 года назад +3

      I literally just made them real quick with a bush in Photoshop / GIMP/ Krita. I've uploaded mine here: drive.google.com/file/d/1LJkhGUml_K0R0JsMeN2pxarpAfhJc8vj/view?usp=sharing

    • @D..S..
      @D..S.. 3 года назад +3

      @@Erindale thanks a lot!

  • @vernonzehr
    @vernonzehr 3 года назад +1

    great tutorial. Fantastic. Amazing reality. My only teensie weensie complaint is the audio. I could barely hear you whispering and you were speaking really really really fast WHILE whispering. I just tried to follow the visual and had to turn up the audio and replay where needed. This is a very very very tiny tiny critique and I know as you said, you were doing this late at night/early morning so possibly you had to be very quiet.

    • @Erindale
      @Erindale  3 года назад

      Ah sorry! RUclips generally does pretty accurate subtitles with my accent so that's an option! I did boost it higher to start with but then I get told off the ASMR vibes 😂 I had people sleeping in the rooms adjacent to my studio hence the especially quiet one this time!

  • @cazalpine
    @cazalpine 3 года назад +1

    Impressive but logical. Awesome. It's time to train the brain to speak Alien Node's language ;o)))

  • @soumyajyotipaul4915
    @soumyajyotipaul4915 3 года назад +1

    Nice....

  • @arusenpai5957
    @arusenpai5957 3 года назад +2

    Math node is life :>

    • @Erindale
      @Erindale  3 года назад

      You're god damn right

  • @victorgomezsa
    @victorgomezsa Год назад

    Thank you very much! Great tutorial! Although a bit advanced for me... You could sell/share the file!!!! By the way, it would be great if you could make a jacquard/brocade fabric tutorial in the future!!!! Thanks again and regards!

  • @accuwau
    @accuwau 3 года назад +1

    i love your voice

  • @anficyon
    @anficyon 3 года назад +1

    Wow

  • @lilyounggamer
    @lilyounggamer 3 года назад +2

    can you please make a youtube vid explaining every math node pretty please

    • @Erindale
      @Erindale  3 года назад

      Best to check Just 3D thing's channel :)

  • @Rusty_piston
    @Rusty_piston 3 года назад +3

    im so confused

  • @gunrobot
    @gunrobot 3 года назад

    wow

  • @dinisdesigncorner332
    @dinisdesigncorner332 3 года назад +2

    wondering if there is a online platform with procedural shader collection!?

    • @Erindale
      @Erindale  3 года назад +2

      There are a certain amount on blend swap and blender kit and gumroad. There's also one that was just people's procedural textures that I think died off pretty fast. The issue is quality. Someone needs to be curating it because so many shaders are terrible or very single use. It's a good idea in theory though! I think the asset browser is going to make asset sharing a lot more accessible

    • @dinisdesigncorner332
      @dinisdesigncorner332 3 года назад

      @@Erindale is there a way to import and export shader nodes as text files? so when u import the data, the shader is beeing generated for you automaticly

    • @Erindale
      @Erindale  3 года назад

      @@dinisdesigncorner332 Not as far as I'm aware no. Sharing node groups or materials directly is still the way to go :)

  • @radwanfbi
    @radwanfbi 3 года назад +1

    do i need to go back to school or what mate ? amazing mathematical equations here

    • @Erindale
      @Erindale  3 года назад

      Always more fun to see them in action visually!

  • @ep6600
    @ep6600 3 года назад

    Why don't you have a roughness map? You can make one using an inverted curvature map
    It really makes fabrics pop

  • @LeoTourn
    @LeoTourn 3 года назад

    sos el puto amo!!!!!

  • @alekskroskin6101
    @alekskroskin6101 2 года назад

    Do people usually make this kind of complex nodes in blender, or is it preferred doing with other software?

    • @Erindale
      @Erindale  2 года назад

      Totally depends on your workflow. For commercial work in a multi software pipeline you'd be much more likely to use Substance 👍

  • @Kram1032
    @Kram1032 3 года назад +1

    Lovely result! I think I'd go with slightly fewer hairs and it'd probably make sense to also have a hair density texture so you get a feeling of varied levels of wear
    Really curious what you'll do once particle nodes are more advanced

    • @Erindale
      @Erindale  3 года назад +1

      Agreed! I could have probably just made a few little bezier stands and used geo nodes but I wanted to be picking up the underlying material colours. I honestly can't wait for everything to be node-based. The linear inputs we have now all jumbled together are very cumbersome.

  • @mercy1441
    @mercy1441 2 года назад

    This sum good shi

  • @abdullahsaad
    @abdullahsaad 3 года назад +1

    can you also make fractals in nodes?

    • @Erindale
      @Erindale  3 года назад +1

      Kind of.... It's hard without loop nodes though but not impossible.

    • @abdullahsaad
      @abdullahsaad 3 года назад

      @@Erindale I have seen some people doing it in volume shader, but if it can be implemented as a 2d texture, that would be great..

  • @aungtoegaday8473
    @aungtoegaday8473 Год назад

    how to use in blender 3.4 for displacement node? i cannot use bump from math ping pong node to bump.

  • @nickw.9947
    @nickw.9947 2 года назад

    alrighty, then o7

  • @TryStarGaming
    @TryStarGaming 2 года назад

    Do you have a download for the blend file?

    • @Erindale
      @Erindale  2 года назад

      I do not, sorry, although the node tree is available in the description if you just wanted to copy it directly

  • @D..S..
    @D..S.. 3 года назад

    Now I have another issue...when I attach the ping-pong to the displacement it just shows a black and white checkerboard pattern on the plane, it doesn't displace it like crazy like in your video. I can't figure out what I did wrong at all

    • @Erindale
      @Erindale  3 года назад +2

      Have you added adaptive subdivisions? You need to have the experimental feature set enabled on the render tab for Cycles for that option. Also double check that you have enabled displacement in the material options and that you're in Cycles rendered view.

  • @tentative4474
    @tentative4474 3 года назад +2

    I didn't follow the tutorial but sat through just for the ASMR, you might want to consider opening a second ASMR channel, and recite some technical words one by one.

    • @notblenderguru
      @notblenderguru 3 года назад +1

      I love his videos and hate his whispering voice :)

    • @Erindale
      @Erindale  3 года назад +1

      Come for Blender, stay for tingles.

    • @tentative4474
      @tentative4474 3 года назад

      @@notblenderguru im blessed with love for both, rare superpower!

  • @eduardorocha2767
    @eduardorocha2767 2 года назад

    Are you a goddamm wizard?

    • @Erindale
      @Erindale  2 года назад

      A wizard? I can't be a... a wizard!

  • @kalolord
    @kalolord 2 года назад

    I don't want to be that guy, but what's the point of using this super convoluted procedural material if you use an image texture anyway?

    • @Erindale
      @Erindale  2 года назад

      My image texture is a 1px strip of colour. It's just used for the colours. If you have a good tileable weave texture that's the exact colours you want at the scale you want then I'd definitely use that instead 👌

  • @프리시즌-y4r
    @프리시즌-y4r 2 года назад

    00:11 How to add a viewer node box in the shader screen??

    • @Erindale
      @Erindale  2 года назад +1

      Turn on the Nice Wrangler add-on and then you can ctrl+shift+left click on nodes to view them

    • @프리시즌-y4r
      @프리시즌-y4r 2 года назад

      @@Erindale Cheers, sorted out!

  • @JT11111
    @JT11111 3 года назад +2

    😔 no facecam

    • @Erindale
      @Erindale  3 года назад +1

      I didn't know I was making a tutorial until I was editing it 😭 this was originally just for one person and then I cut it down for RUclips last night

    • @JT11111
      @JT11111 3 года назад +1

      @@Erindale i felt like ur talkin to me only, liked it alot actually

    • @Erindale
      @Erindale  3 года назад +1

      @@JT11111 thanks! I just bought some fancy lights to up my face cam game so itll be back next time 😁

  • @saraheidari2642
    @saraheidari2642 Год назад +1

    hello how can i make that image texture?

    • @Erindale
      @Erindale  Год назад

      In Krita or Photoshop etc. Or even in Blender you could make a new image and paint it there. I just had a single pixel line

  • @spectrumto8521
    @spectrumto8521 3 года назад +2

    First

  •  3 года назад

    WTF!

  • @bingobangini
    @bingobangini 3 года назад +1

    wtf