10. 반투명 안개 머티리얼 제작 (feat. 머티리얼 연산 응용, 완전 중요⭐⭐⭐)

반투명 안개 머티리얼 

 

[활용]

별도의 안개 머티리얼 제작 > 개별적인 모델링에 넣을 수 있음. 

 

 

반투명 안개 머티리얼 제작

 

새폴더 생성 Customized Fog > 클라우드 노이즈 파일 가져오기

 

Cf. 머티리얼에서 대비값을 조정하는 방안 vs 대비값 조정된 텍스처를 새롭게 임포트 하는 방안

'대비값 조정된 텍스처를 새롭게 임포트' 하는 것이 '머티리얼에서 대비값을 조정' 보다, '연산 비용' 에서 유리

 

 

머티리얼 새롭게 제작 'M_Customized_Fog' 네이밍 > 지난번에 활용한 cloud noise 드래그 

 

마스터 머티리얼의 blend mode 를 'translucent' 로 변경 > '오파시티' 가 생김

 

즉, 어떤 모델링을 '반투명' 하게 만들고 싶으면 > translucent 활용해야 

 

Cf. masked 와 translucent 차이는 나중에 확인

 

 

스칼라 노드 (s클릭 + 왼쪽 마우스) > opacity 이름 짓고 > 연결 

 

 

큐브에 적용시키고 > value 값을 조절하면 > 반투명한 느낌이 날 수 있음. 

아! 여기에서 opacity 를 조절하는구나!!!!! ⭐⭐⭐⭐⭐ 

 

 

'평면 액터' 가져와서 > M_Customized Fog 넣어주기 

 

 

구름 텍스처의 '검은색' = 0 > so, 투명하게 나타남 

구름 텍스처의 '흰색' = 1 > 이게 'opacity' 로 들어감 > opacity 정도로 불투명하게 나옴. 

 

[검은색인 이유]

base color 에 값이 들어가지 않았기 때문

 

[뭔가 뭉쳐있는거 같은데?] 

 

 

 

[색깔 넣기] 

3번 + 왼쪽 마우스 클릭 > 색깔 노드 꺼내기 

 

 

색깔 노드를 파라미터로 변환 > Color 로 입력

 

Cf. '파라미터로 변환' 한다는 것은? 

1. 기본적으로 '인스턴스 머티리얼에서 해당 값을 조절' 할 수 있음 

 

2. '파라미터로 변환' 하면 > @마스터 머티리얼에서 값을 변환해서 > 색 변화를 볼 수 있음.

'파라미터로 변환' 하지 않으면 > 숫자 컬러 노드는 바꿀 수 없는 노드 이고 > @마스터 머티리얼에서 값을 변환해서 > 색 변화를 볼 수 없음> 추후에도, 변환할 수 없는 노드, 로 구워지게 됨. 

 

So, 실시간으로 확인하고 싶고, 머티리얼 인스턴스에서도 확인하고 싶으면 > '마스터 머티리얼' 에서 '파라미터 변환' 이 여러모로 이득 ⭐⭐⭐⭐⭐

 

파라미터로 변환하지 않으면 > 이 부분은 계속 '동일한 색' 이 될 것. 

 

 

텍스처의 '흰색' 부분에 > 파란색이 잘 들어가고 있음. 

왜냐면 '구름 텍스처의 '흰색' = 1 > 이게 'opacity' 로 들어감 > opacity 정도로 불투명하게 나옴. '

 

색을 바꾸면 > '연기' '먼지' 의 느낌을 만들 수 있음! 

 

 

MF_PannerNoise 불러오기 > MF_PannerNoise 를 '오파시티' 에 연결

 

 

그러면, 이렇게 움직이고 있음. 

문제점 : 타일링

 

[action 검토]

타일링을 바꾸려면 > MF_PannerNoise 로 들어가서 해야 함. 

MF_PannerNoise 의 Tiling 노드를 > 밖에서 수정할 수 있도록 해야 함

 

 

 

 Tiling 노드를, 밖에서 수정할 수 있게 하기 

 

우클릭 > function input 노드 만들기 

 

Cf. vector 3 노드 = 색깔 노드 임. / RBB 각각 3가지가 있다고 해서 Vector 3 임. 

 

input type 을 'Scalar' 로 변경 > Then, 'RGB' 를 정하는게 아닌, '숫자 하나를 정하는 파라미터' 가 됨. 

 

 

노드 간 연결 > 노드 이름을 'Input Noise Tiling' 으로 변경> Use Preview Value as Default 체크 

 

Then, '마스터 머티리얼' 에서 조절할 수 있는 'Input Noise Tiling' 노드가 생김! ⭐⭐⭐⭐⭐ 

 

스칼라 노드(s 클릭 + 왼쪽 마우스) > Panner Noise Tiling 이름을 정해주면 > Panner Noise Tiling 타일링에서 'MF_PannyNoise' 를 컨트롤 할 수 있게 됨. (Wow🤷‍♂️🤷‍♂️🤷‍♂️🤷‍♂️🤷‍♂️) 

 

speed x,y 도 밖에서 수정할 수 있게 하기 

 

✅ function input 노드 

✅ 이름 변경

✅ input type 을 'Scalar' 

✅ Use Preview Value as Default 체크 

✅ 노드 연결

 

Panner Noise Speed X,Y '스칼라' 파라미터 만들기 > 밖에서 '구름 그림자의 스피드' 를 조종할 수 있게 됨. 

 

 

[스피드 및 타일링 정리] 

 

타일링 : 200 정도

X Speed : 0.01 로 > 가로로만 움직이게 

 

이미시브 컬러를 넣어서 > '밝게 빛나게' 하기 

 

기본 셋팅 > 값이 강하지 않기 때문에, 'Emissive' 로 스칼라 파라미터 만들고 'multiply' 와 연결하기 

 

그러면, '밝게 빛나는 부분' 이 생긴다. 

연결 상태 확대

 

 

평면을 부드럽게 감싸서 > 환경에 배치할 수 있게 만들기

 

마스터 머티리얼에서 우클릭 > 'Sphere Mask 노드' 추가

마스터 머티리얼에서 우클릭 > textureCoordinate 노드 추가

마스터 머티리얼에서 숫자 2 누르고 > 왼쪽 마우스 버튼 클릭 > vector 2 노드 

 

 

 'Sphere Mask 노드' 우클릭 > 노드 미리보기 가능 > 해당 노드에 대한 값만 볼 수 있음. 🔺🔺🔺 

 

radius UP > 흰색이 '동그란 원' 으로 늘어가고 있음.

 

다만, '중심점' 이 - '왼쪽 상단' 에 있음 

 

 

'VERTOR 2' 를 '원의 X,Y 를 이동하는 노드' 라고 생각하고 > 각각 0.5 정도로 이동 > '흰 원' 이 '가운데' 로 오게 하기. 

 

 

Hardness UP > 테두리 명확 

Hardness Down > 테두리 희미해짐. 

 

 

⭐ '움직이는 노이즈 텍스처' 가 '원 안에서' 만 움직일 수 있게 하기 ⭐ > 테두리 부드러워짐

 

LinearInterpolate 가져오기 > Sphere Mask 노드 연결 > 'Sphere Mask 흰색 = LinearInterpolate B에 들어온 것을 표현' , 'Sphere Mask 검은색 = LinearInterpolate A에 들어온 것을 표현'

 

노이즈 텍스처가 > 가운데에 보여져야 하기 때문에 > B 로 연결 

 

 

 

머티리얼 노드의 OPACITY 로 연결 + Multiply A 로 연결 

 

Emissive 값 높이면 > '옆 테두리는 사라지고' '구름 텍스처' 만 보임.

Cf. 이 경우엔 지나치게 높긴 함.

 

 

 

🔺 문제는, '미리보기에서 가운데가 댕강 잘려서 보인다.' 라는 것 

그런데 이렇게 보면 괜찮음. 

그런데 타일링을 줄이면 > 갈라진게 보임. / 1) 타일링 확대로 해결? 2) 아니면, 텍스처 자체에 어떤 문제?

타일링 줄였을 때 > 깨지는 현상

 

⭐ 여기까지 정리하면 

1. 움직이는 '노이즈 텍스처' 를 만든다. 

2. 반투명 머티리얼로 만든다. 

3. '오파시티' 채널을 활용해서 '뒷부분' 이 보이게 만든다. 

4. 부드러운 원형을 사용해 Lerp 를 이용해 가운데 부분만 보이도록 한다. 

5. 이 값이 opacity 에 들어가면서 > 검정색 부분은 '투명하게' 바뀌게 된다. 

 

 

 

Contrast 먹인 디테일한 안개 텍스처를 '더하기'

 

contrast 먹인 디테일한 안개 텍스처 드래그 

 

add 노드 추가 (a 누르고 - 왼쪽 마우스 클릭) > MF_PannerNoise 와 contrast 먹인 texture 를 '더하기' 

 

 

 

문제는 '너무 부자연스럽게' 밝음 

 

 

'contrast 먹인 texture'와 'add 노드' 사이에 'Multiply' 추가 

 

 'Multiply' 에 '스칼라 노드(s 누르고 + 왼쪽 클릭) > 'Base Fog Intensity' 이름 짓기

 

 Base Fog Intensity 는 'contrast 먹인 texture' 의 강약을 정하는 곳

 

 

즉, 

 

'Contrast 먹인 안개'의 0.2 정도만 multiply 로 밝게 한다. > 이걸, add 에서 '기존 안개' 와 더한다.

 

 

약간, 자연스러워짐. 

 

 

정리하면 

1. 움직이는 텍스처를 가져옴

 

2. '첫 안개' 의 부족함을 메워줄 
'두 번째' 안개를 'multiply' 로 
표현

 

3. 동그란 흰색 원을 만들었음

 

4. 동그란 원 안쪽에 
'첫번째, 두번째 안개' 모두 
나올 수 있게 
lerp 시킴

 

 

 

5. opacity 채널 = 반투명하게 만들고 

6. emissive 채널 = 얼마나 밝게 만들것 인가! 를 결정했음 

 

 

 

 

'텍스처가 추가된 원' 을 Lerp 의 알파로 활용해서 > 디테일 잡기

 

 

Contrast 없는, 처음 '안개 텍스처' 드래그 

 

SphereMask 노드 - '기존 안개 텍스처' 를 - 'Multiply 로 연결 > 이 multiply 를 'Lerp 의 Alpha' 로 연결⭐⭐⭐⭐⭐ 

 

Cf. SphereMask의 하얀 부분 = 1 / SphereMask의 검은 부분 = 0

  

'SphereMask의 하얀 부분' 과 '안개 텍스처' 가 '곱하기' 로 만나게 되면 > '안개 텍스처의 값이 0~1 사이 일 것 이고' > 안개 텍스처의 자국이 남게 될 것 임. 

 

 

multiply 미리보기 한 경우

 

 

[연결] 

우클릭 > power 노드 > 텍스처 노드와 power 연결

스칼라 노드 (s + 왼쪽 클릭) > Sphere Mask Noise Gamma > Exp 연결

 

[원리] 

파워노드  = 제곱! 을 할 수 있음. 

exp = '제곱을 몇번 할 것 인지' 를 결정하는 지수! 값임. 

 

[효과]

제곱을 하면 > '(픽셀?값들 간의) 간극' 이 훨씬 더 많이 차이 나게 된다. 

so, multiply, add 같이 '균등 변화' 보다 > 훨씬 극명한 차이를 낳는다. / 극명한 '대비' 값으로 표현 가능. 

 

ex)

	A 값	차이	B값
1제곱	0.5	0.2	0.7
2제곱	0.25	0.24	0.49

 

🔺 조금 더 숫자적으로 이해 필요.🔺 

 

 

 

노드 연결 > 감마 값을 0.4 정도로 셋팅 > 밝게 만들어줌

 

그 결과.

 

 

✅ 스칼라 노드(S키보드 + 왼쪽 클릭) > Sphere Mask Noise Tiling 로 이름 > 'Sphere Mask Noise Tiling' default 를 '1' 로 설정 

✅ MF_Triplanar 불러오기 

🔺조금 더 이해 필요할 것 같음.  

 

[원리] 

1. 텍스처 파일은 근본적으로 같음. 

2. '타일링' '감마값' 을 다르게 함 > 미세한 디테일을 추가.

 

조금 더 디테일 추가됨. 

🔺 그런데, '애초 파일' 에 > 뭔가 선이 들어가 있는 것 같음. 

🔺 움직이는 놈은 아니고, 멈춰있는 놈에서 저런 느낌이 남. 

 

 

안개가 땅에 깔리게 하기

 

 

 

문제점 : 땅에 꽂으면 > 경계 라인이 생김 

 

✅ 'DepthFade 노드' 가져오기

✅ 스칼라 노드(s + 왼클릭) > Fade Distance 이름 짓기

✅ multiply 생성 > lerp 는 a / DepthFade 는 b 로 곱해주기 > 오파시티 로 연결 

 

 

경계 부분이 부드러워 짐 

 

땅, 돌 에도 적용된다! ⭐⭐⭐⭐⭐⭐⭐⭐ 

안개의 핵심! ⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐ 

특히, '타일링이 다른 노이즈' '밝기가 다른 여러 노이즈' 가 혼합됨 > '일반적인 노이즈 텍스처 하나' 가 아닌, '자연스럽고, 볼륨감' 있는 안개를 표현하고 있음. ⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐ 

 

 

⭐⭐⭐ 다른 응용 예시 ⭐⭐⭐

✅ Panner Noise 여러개 활용 > 노이즈 스피드를 다양하게 만든다. > 속도 다른 노이즈 혼합 

✅ 동일 안개가 아니라 > 다른 노이즈 텍스처를 가져와서 > 혼합할 수 있음. 

 

 

 

디테일 안개의 적용 

 

'M_CustomizedFog' 머티리얼을 > 머티리얼 인스턴스로 변환 > '평면' 에 이 인스턴스를 넣어줌

 

⭐ 중요팁 ⭐ 

'T 키를 누르면 > 반투명 사물은 적용하지 않는 모드' 가 된다. 

 

머티리얼 인스턴스로 값 조절 가능 > GROUP 및 SORT PRIOTY 이용해서 값 정리! 

 

 

'01 - Panner Noise Settings' 이름 짓고 > Sort Priority 1,2,3 까지 설정 

 

 

'02 - Sphere Mask Settings' 이름 짓고 > Sort Priority 까지 설정 

 

 

'03 - Sphere Mask Detail Settings' 이름 짓고 > Sort Priority 까지 설정 

 

 

'04 - Depth Fade Settings' 이름 짓고 > Sort Priority 까지 설정 

 

 

'00 - Base Settings' 이름 짓고 > Sort Priority 까지 설정 

 

머티리얼 인스턴스에서 변환 완료 > 기초 셋팅 

Cf. Light Function Noise 의 경우 > 위에 있는 Panner Nosie speed 로 override 했음 > Light Function Noise는 OFF 해줘도 됨. 

 

 

 

팁

 

⭐ 디테일한 부분 가릴 때 사용할 수도 있음. ⭐ 

 

머티리얼 인스턴스 복사 > 안개 마다 색상 변경 가능 

 

반투명 머티리얼 > 쉐이더 연산이 많이 필요 

 

 

콜리전 제거 

 

 

뒤에서 안 보이는 경우 > 마스터 머티리얼에서 'Two Sided' 체크 > 뒤에서도 보임 

 

느낌 내기 위한 보완 작업