Teksturowanie jak marzenie [Tutorial]

[RaVirr]

Tutorial przeznaczony jest dla użytkowników posiadających wiedzę co najmniej podstawową w zakresie obsługi Blendera.

Czy zdarzyło Ci się kiedyś, że spojrzałeś z wielkim zadowoleniem na wymodelowany przez siebie obiekt i przypomniałeś sobie o zestawie tekstur, które wspaniale by go uzupełniły, ale po przypisaniu ich do modelu okazało się, że nie jest tak jak sobie wymarzyłeś? W tym wątku zaprezentuję, że nie potrzebujesz dodatkowych narzędzi by poradzić sobie z rozczarowaniem w kwestii tekstur.
Poradnik jest skierowany głównie do concept artystów, którzy dzięki 3d chcą ułatwić sobie pracę (lub nadgonić brak umiejętności). Sam tworzę w ten sposób modele, które są fenomenalną bazą do późniejszej podmalówki.
Dodam tylko, że efekt jest nie do końca spójny jako całość, ale chciałem by było widać jak na dłoni poszczególnie zaimplementowane etapy pracy.

1. Zaczynamy od wymodelowania prostego obiektu (w przypadku bardziej skomplikowanych obiektów ta metoda zadziała tak samo dobrze):

Przypisujemy do materiału Principled BSDF interesujący nas, bazowy zestaw tekstur PBR:

Model po wyrenderowaniu wygląda następująco:

Nie da się ukryć, że efekt nie należy do najciekawszych- co za chwilę zwalczymy.
2. Przechodzimy do pierwszego etapu, jakim będzie "przetarcie krawędzi". 
Podaję linka do darmowych, gotowych masek do wykrywania krawędzi obiektu, a których używam w tym wypadku:
https://alaaeldien.gumroad.com/l/lzqZZF

Dodajemy node "Mix Shader", który, jak sama nazwa wskazuje, będzie mieszał 2 tekstury i podpinamy interesującą nas maskę w następujący sposób:

Kopiujemy istniejący Shader Principled BSDF wraz z teksturami, w skopiowanym materiale dodajemy node "Hue Saturation Value" w taki sposób:

Podpinamy drugi shader do noda MixShader i efekt powinien wyglądać tak:


3. W edytorze materiału dodajemy kolejny node "Mix shader". Z racji tego, że podłoże jest trawą- dodamy zestaw tekstur trawy 🙂 


3.a. Obecnie tekstury po prostu nakładają się na siebie. Chcemy by zazielenienie obiektu pojawiło się jedynie przy podłożu. Aby uzyskać ten efekt należy podłączyć następujący zestaw nodów do noda mix shader:

Powinniśmy uzyskać następujący efekt:

Skrótowe objaśnienie dlaczego tak to wygląda:
Invert node- zamienia miejscami czerń z bielą na color rampie
ColorRamp node- odpowiada za ustawienie wysokości do jakiej ma występować zazielenienie wraz z jej "intensywnością":
https://i.gyazo.com/ab586a1e0b25bc96530d63f84d0757c2.mp4

SeperateXYZ- pokazujemy o którą oś nam chodzi (w tym wypadku Z bo wysokość)
Mapping- to samo działanie co ColorRampa, ale w wygodniejszy, liczbowym wydaniu- ten nod można pominąć w tym zestawie
Texture Coordinate- podpięte w ten sposób sugeruje programowi, że ważne dla nas jest ustawianie zależności w obrębie samych tekstur. Dzięki temu wysokość zazielenienia na obiekcie będzie niezależna od jego pozycji (wysokości) na scenie.
Jeśli chcemy by zazielenienie występowało do pewnej wysokości (w rozumieniu całej sceny) należy podłączyć nody w taki sposób:

https://i.gyazo.com/d7780d98da9a788b3ff79108dbebaf8d.mp4

3.b. By dodać nieco nieregularności dodajemy node MixRGB oraz Musgrave Texture podłączając je w następujący sposób:

Efekt powinien wyglądać mniej więcej tak:

Jeśli chcemy by przy gruncie zazielenienie było lite należy dodać zestaw nodów jak w 3.a. (dodając dodatkowy node Mix shader):

Efekt:

Efekt włącznie z "przetarciami":

4. Kolejnym etapem jest dorzucenia pseudo mchu na górnych częściach- standardowo dodajemy node Mixshader, podłączamy materiał zieleni i robimy tym razem następujący setup by program wiedział gdzie to wyświetlać:

Efekt:

Oczywiście jeśli chcemy dodać do tego randomowość to powtarzamy krok jak w punkcie 3.b.
5. Ostatnim elementem będą pseudo uszkodzenia/zabrudzenia na samej powierzchni by przełamać nieco teksturę cegieł.
ŻEBY ZABRUDZENIA/USZKODZENIE NIE PRZEBIJAŁY PRZEZ ZAZIELENIENIE DODAJEMY NODE MIXSHADER PRZED WSZYSTKIMI DOTYCHCZAS DODANYMI NODAMI MIX SHADER

Dodałem nowy materiał, który będzie imitował brud. Ustawienie nodów powinno wyglądać tak:

*Node tytuowany tutaj Add tak naprawdę nazywa się Math.

6. Ostatecznie ustawienie nodów jest tylko na pozór przerażające (jak pokazałem w poprzednich punktach jest to tak naprawdę powtarzanie tych samych czynności):

Ostateczny efekt powinien wyglądać mniej więcej tak:


Dzięki za przeczytanie!

Edytowane 29 Czerwiec 2022 przez RaVirr

[KLICEK]

wow dzieki 🙂

[EthicallyChallenged]

Super minitutorial, właśnie takich trzeba. 

Mam uwagę odnośnie tego:

13 godzin temu, RaVirr napisał:

Mapping- to samo działanie co ColorRampa, ale w wygodniejszy, liczbowym wydaniu- ten nod można pominąć w tym zestawie

Nie chodziło aby o Map Range? Bo właśnie tego noda można stosować zamiast Color Ramp w sytuacji gdy ten drugi ma tylko dwie flagi i chcemy tylko 'zgnieść' walory. Przy używaniu Musgrave Texture w połączeniu z Map Range trzeba tylko pamiętać, że Musgrave wypluwa wartości od -1 do 1 a nie od 0 do 1, więc trzeba ustawić w Map Range właśnie taki zakres.

[RaVirr]

2 godziny temu, EthicallyChallenged napisał:

Super minitutorial, właśnie takich trzeba. 

Mam uwagę odnośnie tego:

Nie chodziło aby o Map Range? Bo właśnie tego noda można stosować zamiast Color Ramp w sytuacji gdy ten drugi ma tylko dwie flagi i chcemy tylko 'zgnieść' walory. Przy używaniu Musgrave Texture w połączeniu z Map Range trzeba tylko pamiętać, że Musgrave wypluwa wartości od -1 do 1 a nie od 0 do 1, więc trzeba ustawić w Map Range właśnie taki zakres.

Mój błąd lub niedopowiedzenie- chodziło mi o Mapping, ale (w tym wypadku) gdyby nie było color ramp to cały ten zestaw by nie działał tak jak opisałem. Ja go sobie dodaję bo wygodniej mi liczbowo "przesuwać" granicę gradientu 🙂 To miałem na myśli:
https://i.gyazo.com/f67f45039d5e3199be4820b9c6d8aa61.mp4

[EthicallyChallenged]

Na wypadek gdyby się ktoś zastanawiał, to tu jest fajne objaśnienie jak zastąpić ColorRamp lżejszą MapRange gdy potrzebujemy tylko zacieśnić walory:

 

[Angelika Kruczek]

super, taki tudorial na pewno mi się przyda 🙂 

[michalo]

Dzięki - lubię tekstowe tutoriale. Szybko można  przez nie przebrnąć i znaleźć konkretne informacje jeśli trzeba.  Cenne info! 

 

[yarosh]

legancko, teraz przerobić to kilka razy i wbić w głowę trochę

[Destroyer]

Dobra robota!

Jak za starych dobrych czasów, dawnego forum albo nawet internetu na modemach 56 kbs gdzie tutoriale tekstowe zapisywało się jako html z obrazami na później bo internet drogi i wolny 😛