Utwórz ozdobne płytki w projektancie substancji

Feb 10, 2026
Jak

Projektant substancji jest doskonałym narzędziem 3D do tworzenia realistycznych podłóg kaflowych, ponieważ ogromny zestaw dźwięków, wzorów i generatorów dostępnych daje wiele kreatywnej wolności.

Jednak projektant substancji jest programem, który dobrze gra z innymi, ponieważ wysokość, maska ​​i inne mapy tekstury można łatwo zaimportować i używać do trwającego procesu teksturowania, zwłaszcza jeśli masz coś konkretnego.

W trakcie tego samouczka pokażemy, jak łączyć tekstury maski utworzone poza projektantem substancji, aby wygenerować modyfikowalną ozdobną podłogę kafelkową. Pokażemy Ci, jak stworzyć uderzające mapę Albedo, wiarygodne uszkodzenia płytek i jak realistycznie wiek twojej tekstury poprzez wykorzystanie subtelnych detali powierzchni i mieszanek.

Obejmujemy również kilka wskazówek i sztuczek, aby pomóc Ci generować maski i ciekawe szczegóły, które pomogą Ci w tworzeniu wiarygodnych materiałów wysokiej jakości. Dla głębszego spojrzenia w proces teksturowania, udaj się do moja strona guma .

01. Zbierz referencje materiałowe

Find some reference images of your chosen material (Click the image to make it full-screen)

Znajdź kilka zdjęć referencyjnych wybranego materiału (kliknij obraz, aby wykonać go na pełnym ekranie)

Przed utworzeniem jakiegokolwiek materiału substancji zbierają korpus o wysokiej rozdzielczości referencyjnych obrazów wybranego materiału, korzystnie w różnych warunkach oświetleniowych.

W przypadku tego materiału kafelkowego, patrząc na Shutterstock, Google Images i Flickr odkryły 10 obrazów, które pokazują blisko i średni detal. Może pomóc w utworzeniu tablicy nastrojowej, aby odnieść się, być może na drugim monitorze.

02. Utwórz wzorce wejściowe

Create tile patterns in Hexels, then clean them up in Photoshop (Click the image to make it full-screen)

Utwórz wzory płytek w hekselach, a następnie wyczyść je w Photoshopie (kliknij obraz, aby wykonać go na pełnym ekranie)

Wygenerować różne wzory płytek, użyj Hexels. Następnie posprzątać w Photoshopie. Stwórz trzy różne wzory, każda wykonana z stałych bloków koloru definiującym każdą płytkę w teksturę. Ważne jest, aby zapewnić, że dwa sąsiednie płytki mają dokładnie taki sam kolor, lub węzeł wykrywania krawędzi w substancji będzie ich łączy się razem, dając dziwnie ukształtowane płytki.

Importuj wzory do projektanta substancji, w którym można zamienić i zastąpić je innym, co jest częścią tego, co sprawia, że ​​program jest tak potężny.

03. Połącz wzorce wejściowe

Combine your inputs to create a new tile pattern (Click the image to make it full-screen)

Połącz swoje wejścia, aby utworzyć nowy wzór płytki (kliknij obraz, aby wykonać go na pełnym ekranie)

Połącz wzory przy użyciu bezpiecznej transformacji, przekształcić Plasterek 2D i symetrii, a także kilka prostych węzłów mieszania. Użyj funkcji przycinania i maski węzłów mieszania, aby maskować każdy wzór.

Połączone wzory są używane jako początkowe kolor podstawy dla każdej płytki na mapie Albedo, z maską do wykrywania krawędzi płytek i wypaczenia informacji grunge i hałasu.

04. Utwórz wysokość płytki

Follow these steps to give your tiles depth (Click the image to make it full-screen)

Postępuj zgodnie z poniższymi krokami, aby podać głębokość płytek (kliknij obraz, aby to zrobić pełny ekran)

Wykonaj wersję obrazów szarości, wykrywanie krawędzi (aby utrzymać ostrość maski), a następnie łącz je. Daje to czarno-białą maskę każdej płytki z czarną obwodnicą, którą trzeba skosić wysokość płytek.

Aby zmienić rozmiar płytki, użyj dwóch węzłów skanowania histogramu o różnych wartościach, a następnie mieszać wynik za pomocą maski generowanej z wielokierunkowego wypaczonego fraktalnego suma.

05. Dodaj uszkodzenia krawędzi płytek

Use the Slope Blur node to rough up the edges of your tiles (Click the image to make it full-screen)

Użyj węzła rozmycia nachylenia, aby szorstkować krawędzie płytek (kliknij obraz, aby to zrobić pełny ekran)

Aby dać płytki w jakiś wiek i postać, dodaj obrażenia krawędzi. Węzeł rozmycia nachylenia pcha szczegóły z jednego wejścia w dół stoków drugiego wejścia wysokości dla tego.

Połącz niektóre grunge i wzory, aby wygenerować wysokość mapy z różnorodnymi szczegółami, co pozwala na duże i małe uszkodzenia krawędzi. Weightmap zawiera również obszary stałego czarnego, w którym nie wystąpi uszkodzenie krawędzi.

06. Przyczyna Uszkodzenie powierzchni

Follow up the edge damage with some surface damage (Click the image to make it full-screen)

Postępuj zgodnie z uszkodzeniem krawędzi z pewnymi uszkodzeniem powierzchni (kliknij obraz, aby wykonać go na pełnym ekranie)

Teraz, gdy płytki mają uszkodzone krawędzie, dodaj pewne uszkodzenia powierzchni, aby usunąć większe kawałki. Aby wygenerować uszkodzenia, użyj węzła próbnika płytek rozpraszających kształty Gaussa. Aby upewnić się, że uszkodzenie pochodzi z krawędzi każdej płytki, użyj wysokości płytek z wcześniejszego wykresu jako maski.

Pozostałe węzły w tym kroku rozmycie nachylenia i wypaść te dane z grunge i hałasu, aby uzyskać bardziej szczegółową mapę uszkodzeń. Pomaga to zapewnić, że każda płytka wygląda wyjątkowo noszona.

07. Dodaj pęknięcia płytek

The Cells 3 node is a great starting place for adding cracks (Click the image to make it full-screen)

Komórki 3 węzeł to świetne miejsce wyjścia do dodawania pęknięć (kliknij obraz, aby wykonać go na pełnym ekranie)

Aby płytki wyglądały, jakby przeszedł lata ruchu stóp, mieszają się w pęknięciach za pomocą przyciemnionego trybu mieszania przez nieprzerwane płytki. Komórki 3 węzła jest doskonałym miejscem do rozpoczęcia podczas budowania pęknięć, ale jest zbyt jednolity bez pewnej modyfikacji.

Po wypaczeniu pęknięć użyj kolejnych zbocza rozmywa się z wejściami grunge / szumów i niewyraźne wersję samego wejścia. Slope rozmycie samego wejścia przy niskich intensywności, aby dać efekt napompowanych szczegółów.

Dalej: Grove i wykończ swoje płytki

  • 1.
  • 2.

Bieżąca strona: Projektowanie i tekstura płytki podłogowe 3D


Jak - Najpopularniejsze artykuły

Jamstack: Buduj szybsze, bardziej wydajne strony internetowe

Jak Feb 10, 2026

(Kredyt obrazu: Future / Joseph Ford) Jamstack jest metodą tworzenia i serwowania stron internetowych z minimalnym o..


Zbuduj blog z siatką i flexbox

Jak Feb 10, 2026

Ostatnie dwa do trzech lat widziały układ ruszyć w skokach i granicach. Teraz, gdy te nowoczesne techniki mają taki spójny w..


Narysuj złe tyłek Geisha

Jak Feb 10, 2026

W tej ilustracja Geisha chciałem uchwycić grungy, ciemny, miejski klimat, sznurowany eleganckimi tradycyjnymi japońskimi eleme..


Zaprojektuj wrażliwą witrynę o wymiarowaniu opartym na EM

Jak Feb 10, 2026

Prawdopodobnie słyszałeś, że należy użyć względnych jednostek do rozmiaru czcionki. Jest to dobra reguła dla dostępnego projektowania stron internetowych; Jeśli użytkownik zmienia..


Jak stopić obiekt 3D z trzema.js

Jak Feb 10, 2026

Web, jak to wiemy, stale się zmieniają i ewoluuje. Co nadal pamiętamy jako prosty i prosty medium zyskał inny wymiar kilka la..


Wyostrz swoje umiejętności szkicowania

Jak Feb 10, 2026

Szkicowanie to proste, ale potężne narzędzie dla każdego zaangażowanego w produkty cyfrowe. Długopisy, papier i tablice są łatwo dostępne w każdym biurze; Nie ma potrzeb..


Jak budować światy do kina

Jak Feb 10, 2026

Kiedy poproszono o wykonanie warsztatów na temat stworzenia środowiska fantasy, pomyślałem, że dobrze będzie spłacić hoł..


Jak utworzyć środowisko zimowe

Jak Feb 10, 2026

Zanim zaczniesz pracować na osobistym obrazie, zwykle zaczynam myśleć o tym, co chcę zobaczyć w gotowej pracy. W większośc..


Kategorie