핵심 개념 1 — 머테리얼 생성과 에디터 인터페이스

머테리얼 폴더 만들기

머테리얼을 프로젝트마다 새로 만들면 작업이 금방 비효율적이 됩니다. 그래서 재사용할 수 있도록 폴더와 이름을 처음부터 정리해두는 것이 중요합니다.

폴더 생성 순서:

1. Content Browser 좌측 상단의 초록색 + Add 버튼을 클릭합니다
2. 드롭다운 메뉴 하단의 FOLDER 섹션에서 New Folder를 클릭합니다
3. 경로를 확인합니다: All > Content > Lectures > 3Weeks
4. 여기에 Materials라는 이름의 폴더를 생성합니다

머테리얼 생성

이제 Materials 폴더 안에서 머테리얼을 만듭니다.

1. + Add 버튼 클릭
2. 드롭다운에서 CREATE BASIC ASSET 섹션을 봅니다. Blueprint Class, Level, Material, Niagara System 등이 있습니다
3. Material을 선택합니다 (지구본 모양의 초록색 아이콘)

네이밍 컨벤션

머테리얼도 이름을 변경해줍니다. 텍스트만 보고도 어떤 데이터 타입인지 알 수 있게 해야 합니다.

• 머테리얼: M_ 접두사 → M_Sample
• 텍스처: T_ 접두사
• 머테리얼 인스턴스: MI_ 접두사

Content Browser에 M_Sample이라는 이름의 머테리얼 에셋이 나타납니다. 썸네일에는 회색 구(Sphere) 프리뷰가 보입니다.

머테리얼 에디터 열기

M_Sample을 더블클릭하면 머테리얼 에디터가 별도 창으로 열립니다. 머테리얼의 모든 것을 정의하는 별도 에디터입니다.

머테리얼 에디터는 3개 영역으로 구성됩니다:

이미지: 머테리얼 에디터의 프리뷰 뷰포트, 노드 그래프, 디테일 패널, Result Node 구조

가운데 넓은 영역이 노드 그래프입니다. 여기서 노드를 배치하고 와이어로 연결하는 방식으로 머테리얼을 만듭니다. 코드 한 줄 없이 시각적으로 만드는 것으로, 블루프린트와 비슷한 개념입니다. 지금은 ’노드를 연결해서 만든다’는 것만 기억하면 됩니다.

노드 그래프 조작 — 기본 네비게이션:

상단 툴바:

상단 툴바에는 중요한 버튼들이 있습니다. 지금 알아야 할 것만 짚습니다:

Result Node (결과 노드)

노드 그래프 우측의 Result Node를 자세히 보면, 다음과 같은 핀(Pin)들이 세로로 나열되어 있습니다:

그 아래로 Opacity, Opacity Mask, Normal, Tangent, World Position Offset, Subsurface Color, Ambient Occlusion 등이 있지만, 오늘은 위의 6개 중 핵심 5개만 다룹니다.

이 Result Node가 머테리얼의 최종 결과물입니다. 왼쪽에서 노드를 만들어 이 핀들에 연결하면 머테리얼이 완성됩니다. 각 핀이 재질의 한 가지 특성을 담당합니다.

핵심 개념 2 — PBR 핵심 속성 (Base Color · Metallic · Roughness · Specular)

Base Color

Constant3Vector 노드 생성:

• 노드 그래프의 빈 공간에서 키보드 3을 누른 상태로 마우스 좌클릭(LMB)합니다
• 그러면 Constant3Vector 노드가 생성됩니다. 이 노드는 X, Y, Z 세 개의 값 영역이 있고, 이것이 곧 R, G, B 색상값입니다
• 노드 상단에 0,0,0이라고 표시되고, 하단에 검정색 사각형 프리뷰가 보입니다
• 우측에 흰색(●), 빨간색(○), 초록색(○), 파란색(○) 4개의 출력 핀이 있습니다

색상 선택:

• 노드를 선택하면 좌측 하단 Details 패널에 ’Material Expression Constant 3Vector’가 나타나고, Constant 옆에 색상 사각형이 보입니다
• 이 색상 사각형을 더블클릭하면 Color Picker 창이 열립니다
• Color Picker는 원형 색상환(Hue Wheel)이 가운데에 있고, 우측에 밝기/채도를 조절하는 직사각형 바가 있습니다
• 하단에 R, G, B 슬라이더와 H, S, V 값, Hex Linear/Hex sRGB 값이 표시됩니다
• 원하는 색을 선택하고 확인 버튼을 누르면 됩니다

연결:

• Constant3Vector의 흰색 출력 핀(●)에서 드래그하여 Result Node의 Base Color 핀으로 연결합니다
• 연결되면 흰색 곡선 와이어가 두 노드 사이에 나타납니다
• 프리뷰 뷰포트의 구체 색상이 즉시 바뀝니다

Apply와 Save:

머테리얼은 Save를 하지 않으면 반영이 되지 않으므로 반드시 저장해야 합니다.

• 상단 툴바의 Apply 버튼을 클릭하면 머테리얼이 컴파일됩니다
• 저장하지 않으면 에디터 탭에서 머테리얼 이름 옆에 별표(*)가 뜹니다: M_Sample*
• 좌측 상단의 디스크 아이콘(Save)을 클릭하거나 Ctrl+S로 저장합니다

뷰포트에 적용 — 3가지 방법:

머테리얼을 오브젝트에 적용하는 방법은 3가지가 있습니다.

머테리얼 에디터에서 색을 바꾸면 뷰포트에도 바로바로 적용됩니다.

Metallic

금속성인지 아닌지는 1개의 값으로 판단합니다.

Constant 노드 생성:

• 키보드 1을 누른 상태로 LMB 클릭 → Constant 노드 생성 (값 1개짜리)
• 노드 상단에 초록빛 바와 Value 필드가 있고, 기본값은 0.0입니다
• 이 노드의 출력 핀을 Result Node의 Metallic 핀으로 연결합니다

Metallic 값에 따른 변화 (0.0 → 0.5 → 1.0):

이 세 가지 값을 순서대로 적용해보면서 프리뷰 뷰포트의 구체 변화를 관찰합니다. 배경에 Epic 본사 건물이 HDRI로 비치고 있어서 반사를 잘 관찰할 수 있습니다:

• Metallic = 0.0 (비금속): 구체 표면이 균일하고 부드럽습니다. 플라스틱이나 고무 같은 느낌입니다. 빛이 표면에서 부드럽게 확산되고, 주변 환경이 거의 반사되지 않습니다. 색상이 선명하게 그대로 보입니다.
• Metallic = 0.5 (중간값): 표면에 약간의 금속 느낌이 나타나기 시작합니다. 색상이 살짝 어두워지면서 반사가 조금씩 보이기 시작합니다. 하지만 완전한 금속도, 완전한 비금속도 아닌 어색한 상태입니다.
• Metallic = 1.0 (완전 금속): 구체 표면에 주변 환경(건물, 하늘)이 선명하게 반사됩니다. 색상 자체가 반사광에 섞이면서 독특한 금속 색감이 됩니다. 마치 크롬이나 금처럼 환경을 비추는 거울 같은 느낌입니다.

값이 1에 가까울수록 금속성을 보입니다.

노드 연결 해제 — Alt+LMB

여기서 잠깐 유용한 단축키를 알아봅니다.

• 두 노드를 연결하는 와이어(흰색 곡선 라인)에 마우스를 올려놓으면 툴팁이 나타납니다. 예를 들어 << Constant Output과 M_Sample Metallic >>이라고 보입니다
• 이 상태에서 Alt 키를 누른 채 마우스 좌클릭(LMB)을 하면 연결이 끊어집니다
• 핀에서 직접 드래그해서 빈 공간에 놓아도 연결이 끊어집니다

Roughness

표면이 거친지 아니면 매끄러운지를 결정합니다. Metallic과 마찬가지로 Constant 노드(1+LMB)를 생성하여 Result Node의 Roughness 핀에 연결합니다.

Roughness 값에 따른 변화 (0.0 → 0.5 → 1.0):

Metallic을 끊어놓은 상태에서 Roughness만 변경하며 관찰합니다:

• Roughness = 0.0 (완전 매끄러움): 구체 표면이 광택 코팅 표면처럼 매끄럽습니다. 배경의 건물, 하늘이 또렷하게 반사됩니다. 표면에 선명한 하이라이트(정반사, Specular highlight)가 작고 날카롭게 나타납니다. 광택 타일이나 코팅된 당구공 같은 느낌입니다.
• Roughness = 0.5 (중간): 반사가 뿌옇게 번집니다. 배경이 어렴풋이 비치긴 하지만 선명하지 않습니다. 하이라이트도 넓고 부드럽게 퍼집니다. 일반적인 플라스틱 느낌입니다.
• Roughness = 1.0 (완전 거침): 반사가 거의 사라집니다. 구체 표면이 완전히 무광(matte)이고, 빛이 사방으로 확산됩니다. 하이라이트가 보이지 않습니다. 분필이나 콘크리트 같은 느낌입니다.

값이 0에 가까울수록 표면이 매끄럽고, 매끄러운 표면에서는 정반사가 일어납니다.

Metallic × Roughness 조합 매트릭스

Metallic과 Roughness 노드를 모두 연결한 상태에서, 값을 조합해가며 프리뷰 변화를 관찰합니다.

3×3 매트릭스:

이미지: Metallic 값과 Roughness 값의 조합에 따른 재질 변화

주요 조합 살펴보기:

1. M=0, R=0 (광택 비금속): 비금속인데 반사가 선명합니다. 비금속도 Roughness가 0이면 이렇게 반사됩니다
2. M=1, R=0 (크롬): 금속 + 매끄러움. 완전한 거울 금속입니다
3. M=1, R=1 (녹슨 철): 금속인데 무광. 금속이어도 Roughness가 높으면 반사가 사라집니다
4. M=0, R=1 (분필): 비금속 + 거침. 가장 밋밋한 표면입니다

Specular

물리기반 렌더링(PBR)에서 정반사는 Metallic과 Roughness를 통해 표현합니다. 그렇다면 Specular 핀은 왜 있을까요?

기본 PBR 반사에 미세한 보정을 더하고 싶을 때 Specular를 사용합니다. 포토리얼리스틱뿐 아니라 NPR 스타일에서도 활용할 수 있습니다.

Specular의 실체:

• Specular는 별도의 설정이 없으면 기본값 0.5를 가집니다
• Result Node에서 Specular 핀 옆에 0.5라고 표시되어 있는 것을 확인할 수 있습니다
• 대부분의 경우 이 값을 수정할 필요가 없습니다

Specular 값에 따른 변화 (0.0 → 0.5 → 1.0):

Constant 노드를 연결하여 비교합니다. 차이가 Metallic이나 Roughness에 비해 미묘합니다:

• Specular = 0.0: 구체 표면의 좌측 상단 하이라이트(반짝이는 밝은 점) 부분을 보면, 하이라이트가 거의 사라지고 표면이 평평해 보입니다. 빛 반사가 억제됩니다.
• Specular = 0.5 (기본값): 자연스러운 정도의 하이라이트가 보입니다. 대부분의 실제 재질과 유사합니다.
• Specular = 1.0: 하이라이트가 더 강하고 밝게 나타납니다. 반사 영역이 약간 더 선명합니다. 하지만 차이가 극적이지는 않습니다.

값이 1에 가까울수록 정반사 효과가 높아지지만, Metallic이나 Roughness만큼 극적인 변화는 아닙니다.

핵심 개념 3 — Emissive Color (자체 발광)

Emissive Color는 빛을 스스로 내는 것처럼 보이게 하는 속성입니다. 발광체를 만들 때 사용합니다.

단순 연결의 함정

Constant3Vector(3+LMB)로 빨간색-주황색 계열 색상을 만들어 Emissive Color 핀에 연결해봅니다.

노드 그래프에서: 좌측에 주황-빨강색 사각형이 있는 Constant3Vector(예: X=1.0, Y=0.028, Z=0.0)가 있고, 이 노드의 출력이 Result Node의 Emissive Color 핀에 연결됩니다.

뷰포트에서 확인하면 — 주황색 구체가 있지만, 단순히 주황색 표면으로 보일 뿐 발광 효과가 전혀 없습니다. 주변을 밝히지도 않고, 단순한 주황색 구체입니다. 그림자도 정상적으로 드리워져 있습니다.

이미지: Emissive 적용 전후 — 단순 Base Color와 자체 발광/빛 번짐의 차이

이유: Constant3Vector의 RGB 값은 0~1 범위인데, Emissive가 눈에 보이려면 1.0을 훨씬 넘는 HDR 강도가 필요합니다.

Multiply 노드로 해결

1. M+LMB 클릭으로 Multiply 노드를 생성합니다
2. Multiply 노드는 A와 B 두 개의 입력을 가집니다
   • 노드 모양: 상단에 Multiply(,100)이라고 표시되고, 좌측에 A 입력 핀과 B 입력 핀이 있고, B 옆에 값을 직접 입력할 수 있는 필드가 있습니다
3. 색상 노드 → Multiply의 A핀에 연결합니다
4. Multiply의 B값을 100으로 설정합니다 (기본값에서 직접 타이핑)
5. Multiply의 출력 → Emissive Color 핀에 연결합니다

뷰포트에서 확인하면 — 구체가 밝은 노란-주황색으로 빛나면서, 마치 태양처럼 환하게 빛납니다. 구체 주변 바닥에 주황색 빛이 번지고 있고, 가까이 있는 다른 오브젝트들도 주황빛에 살짝 물듭니다. 발광 강도가 높아서 구체 표면의 디테일은 보이지 않고, 밝은 발광체처럼 보입니다.