물질 디자이너에서 화려한 타일 만들기

Sep 15, 2025
어떻게

물질 디자이너는 거대한 소음, 패턴 및 발전기를 사용할 수 있으므로 현실적인 타일 바닥을 만드는 훌륭한 3D 도구입니다.

그러나 물질 디자이너는 높이, 마스크 및 기타 텍스처 맵이 쉽게 가져올 수 있고 텍스처링 프로세스를 쉽게 보낼 수있는 프로그램입니다.

이 튜토리얼의 과정에서 물질 디자이너 외부에서 생성 된 마스크 텍스처를 결합하여 수정 가능한 화려한 타일 바닥을 생성하는 방법을 보여 드리겠습니다. 우리는 눈에 띄는 알베도지도, 믿을만한 타일 손상, 그리고 미묘한 표면 세부 사항과 혼합물을 사용하여 텍스처를 현실적으로 연령하는 방법을 보여 드리겠습니다.

우리는 또한 믿을만한 고품질의 재료를 만드는 데 도움이되는 가면과 흥미로운 세부 정보를 생성하는 데 도움이되는 몇 가지 팁과 트릭을 다룰 것입니다. 질감 과정을 더 깊이 살펴보고 내 검사 페이지 ...에

01. 자료 참조를 수집하십시오

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

선택한 자료의 일부 참조 이미지를 찾으십시오 (이미지를 전체 화면으로 만드는 이미지를 클릭하십시오)

물질 재료를 만들기 전에 선택한 재료의 고해상도 기준 이미지의 몸체를 모으고 다른 조명 조건에서는 여러 가지가 있습니다.

이 타일 된 재료의 경우, Shutterstock을 보면서, Google 이미지 및 Flickr는 가까운 거리 및 중간 거리 세부 사항을 나타내는 10 개의 이미지를 밝혀 냈습니다. 아마도 두 번째 모니터를 참조하는 데 도움이되는 기분 보드를 만드는 데 도움이 될 수 있습니다.

02. 입력 패턴을 만듭니다

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

타일 ​​패턴을 헥셀로 만들고 Photoshop에서 정리하십시오 (이미지를 클릭하여 전체 화면으로 만듭니다)

다양한 타일 패턴을 생성하려면 " 헥셀러스 그런 다음 Photoshop에서 정리하십시오. 세 가지 다른 패턴을 만듭니다. 각 타일을 텍스처로 정의하는 솔리드 블록으로 만들어졌습니다. 두 개의 인접한 타일이 정확히 같은 색을 가지지 않거나 물질의 가장자리 검출 노드가 이상하게 형성된 타일을 제공하는지 확인하는 것이 중요합니다.

패턴을 물질 디자이너로 가져 와서 다른 사람들과 교체하고 교체 할 수있는 이는 프로그램을 강력하게 만드는 것의 일부입니다.

03. 입력 패턴을 결합하십시오

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

입력을 결합하여 새 타일 패턴을 만듭니다 (이미지를 전체 화면으로 만듭니다)

안전 변환, 2D 및 대칭 슬라이스를 사용하여 패턴을 결합하여 몇 가지 간단한 블렌드 노드를 더합니다. 블렌드 노드의 자르기 및 마스크 기능을 사용하여 각 패턴을 함께 마스크하십시오.

결합 된 패턴은 알베도 맵의 각 타일에 대한 초기 기본 색상으로 사용되며, 타일 에지 용 마스크가 그런지 및 잡음 정보를 탐지하고 뒤틀리게합니다.

04. 타일 높이를 만듭니다

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

타일 ​​깊이를 부여하려면 다음 단계를 수행하십시오 (전체 화면으로 이미지를 클릭하십시오)

GreyScale 버전의 이미지, 가장자리 감지 (마스크의 선명도를 유지하기 위해) 그런 다음 결합하십시오. 이렇게하면 검은 색 테두리가있는 각 타일의 흑백 가면을 제공합니다. 그런 다음 타일 높이에 대한 경사가 필요합니다.

타일 ​​크기를 변화 시키려면 여러 값으로 두 개의 히스토그램 스캔 노드를 사용하여 멀티 방향 전방 프랙탈 합계 패턴에서 생성 된 마스크를 사용하여 결과를 혼합합니다.

05. 타일 가장자리 손상을 추가하십시오

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

슬로프 블러 노드를 사용하여 타일의 가장자리를 거칠게하십시오 (이미지를 클릭하여 전체 화면으로 만듭니다)

타일에 약간의 나이와 문자를주기 위해서는 가장자리에 손상을줍니다. 슬로프 블러 노드는 이에 대한 제 2 높이 입력의 기울기를 하나의 입력으로부터 입력으로부터 푸시한다.

일부 그런지와 패턴을 결합하여 다양한 세부 사항으로 높이 맵을 생성하여 크고 작은 가장자리 손상을 허용합니다. HeightMap에는 가장자리 손상이 발생하지 않는 솔리드 블랙 영역이 포함되어 있습니다.

06. 표면 손상을 일으킬 수 있습니다

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

표면 손상으로 가장자리 손상을 따르십시오 (이미지를 전체 화면으로 만드는 이미지를 클릭하십시오)

타일이 가장자리가 손상되었으므로 큰 덩어리를 제거하기 위해 표면 손상을 추가하십시오. 손상을 생성하려면 타일 샘플러 노드 산란 가우시안 모양을 사용하십시오. 각 타일의 가장자리에서 손상이 발생했는지 확인하려면 그래프의 앞부분에서 마스크로 타일 높이를 사용하십시오.

이 단계 기울기의 다른 노드는이 데이터를 그런지와 소음으로 흐리게하여 더 자세한 손상 맵을 얻습니다. 이는 각 타일이 고유하게 착용되는 것을 보장하는 데 도움이됩니다.

07. 타일 균열을 추가하십시오

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

셀 3 노드는 균열을 추가하기위한 훌륭한 시작 장소입니다 (이미지를 전체 화면으로 만듭니다)

타일이 수년간의 발 트래픽을 겪은 것처럼 보이게하기 위해 깨지지 않은 타일을 통해 어두운 블렌드 모드를 사용하여 균열을 혼합하십시오. 셀 3 노드는 균열을 구축 할 때 시작하기에 좋은 장소이지만 몇 가지 수정없이 너무 균일합니다.

균열을 뒤틀린 후 그런지 / 노이즈 입력과 입력 자체의 흐려진 버전이있는 연속 기울기 블러스를 사용하십시오. 기울기는 팽창 된 세부 사항의 효과를 부여하기 위해 낮은 강도에서 자체로 입력을 흐리게합니다.

다음 : 그라우트와 타일을 마무리하십시오

  • 1
  • 2.

현재 페이지: 디자인 및 텍스처 3D 바닥 타일


어떻게 - 가장 인기있는 기사

Photoshop의 스토리 보드 방법

어떻게 Sep 15, 2025

(이미지 크레디트 : 마크 Evan Lim) Photoshop의 스토리 보딩은 아이디어를 맵핑 할 수있는 좋�..


더 나은 3D 세계 환경을 구축하는 10 가지 방법

어떻게 Sep 15, 2025

[이미지 : Albert Valls Punsich] 3D 아티스트로 게임 맨 위에 머물러 있으려면 지금마다 기술을..


색수차 효과 생성

어떻게 Sep 15, 2025

'컬러 프린 징'이라고도하는 색수차 (왜곡)는 공통의 광학 문제입니다. 카메라 렌즈가 동일한 초�..


더 나은 생물을 그리는 17 가지 방법

어떻게 Sep 15, 2025

생물을 그리는 것이면 믿을 수있는 것이 중요합니다. 당신의 디자인이 얼마나 미친지도 상관없이..


당신의 그림에서 척도를 달성하는 방법

어떻게 Sep 15, 2025

이 튜토리얼에서 우리는 자신의 조각에서 큰 규모의 아이디어를 전달하는 데 도움이되는 몇 가지 기본 원칙을 다룰 것입니다. 나는이 튜토리얼�..


만화 커버를 만드는 전통 및 디지털 기술을 결합하십시오

어떻게 Sep 15, 2025

몇 년 동안 나는 디지털로 일함으로써 협박당했습니다. 플라스틱 표면에 플라스틱 펜촉에 관한 �..


타이포그래피의 스타일과 물질을 발견

어떻게 Sep 15, 2025

결정, 결정, 결정 ... 유형을 사용하여 작업하는 과정에 하나의 키 측면이있는 경우 설계자 또는 특징 작가가 최종 디자인과 레이아웃을하기 전�..


Photoshop의 'Match Font'기능을 사용하는 방법

어떻게 Sep 15, 2025

모든 분야의 디자이너와 광고 소재는 밝고 빛나는 것들을 수집하기 위해 식욕에있는 까치와 같습..


카테고리