효율적으로 패턴을 만들고 혼합하기

 

배워볼 것

◼ Proceduals 활용해서 > 패턴을 효율적으로 만드는 법 배울 것 임

 

 

 

 

노란빛 나는 천 만들기

 

◼ fill layer - 색 선택 - 그룹핑 해서 넣기

▫ 새로운 방법으로 러프한 느낌 추가 하기 ⭐⭐⭐⭐⭐⭐ 

구분	설명	비고
👏 paint vs fill layer	fill layer
하위 속성_1	base color 색 선택
하위 속성_2_새로운 러프한 방법 추가⭐⭐⭐⭐⭐	add filter - Mat finish rough	⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐  fill layer 를 통해 러프함을 낼 수 있는 방법
하위 속성_3
👏 mask	add mask with color selection
하위 속성_1	파란색으로 묶인 것 선택
하위 속성_2
👏 전체 look 관련
👏 레이어 이름 및 정렬	그룹핑 해서 넣기

 

 

 

 

◼ 테두리 넣어주기 

구분	설명	비고
👏 paint vs fill layer	fill layer
하위 속성_1	base color - 살짝 흰색으로
하위 속성_2
하위 속성_3
👏 mask	black mask
하위 속성_1	add generator - UV Border Distance	⭐⭐⭐⭐⭐ 핵 중요 ⭐⭐⭐⭐⭐ / UV 전개도를 기준으로 안쪽으로 테두리를 넣을 수 있게 함.  Cf. UV Border distance VS Curvature UV Border distance : UV 전개도를 기준으로 만든다. 꺾여있지 않아도 > UV 전개도 상에서 - '구분되어 있다면' > 테두리가 적용. 덩어리 마다 테두리가 생김.  Curvature : 베이킹 할 때, 베이킹된 것을 기준으로 만든다. 실제로 '꺾여있지 않다면 > 테두리가 적용되지 않는다.'
하위 속성_2	contrast 늘리면 > 딱딱한 모양이 됨. > 이 상태에서 밸런스를 줄이기
👏 전체 look 관련
👏 레이어 이름 및 정렬

 

 

▫ UV Border distance 의 특징

'UV 전개도 상 덩어리진 모든 것' 의 '테두리' 에 적용됨.

 

▫ Curvature 의 특징 

UV 에서 덩어리져 있다고 해도 > 실제로 꺾여 있어야만! > 잡는다. 

SO, 3D 뷰포트 기준으로 '꺾여있는 부분' 을 잡는다. 

 

 

▫ 덩어리 진 부분 살짝 빼주기

add paint - 블렌딩 모드는 subtract - brush 는 square - 지워주면 된다. 

 

▫ UV Border 로 인해 생긴 테두리는 - '원형' 으로 지우면 좀 더 자연스러울 것. / flow 낮춰서 여러번 클릭하는 방식으로 자연스럽게 만들어주기 

 

 

패턴 넣기 

◼ layer mask - 하위 요소로 add fill 中 gray scale 안에 넣어주기 

 

❓ 왜 레이어 마스크 쪽으로 드래그를 해줄까? 

 

◼⭐ Tile & height ⭐ 조절해서 > 원하는 패턴을 만들 수 있음. > '수치값을 바꾸면, 다양한 형상' 을 만들어줄 수 있기 때문에, 이름이 'procedual' 임. 

 

◼ 그런데, '하얀색 테두리가 사라지는 문제점' 이 발생함. 

▫ 위에 패턴 레이어가 덮어버렸기 때문 

 

▫ 'blending 모드' 를 'linear dodge' 로 변경하면 같이 나타남. 

 

 

◼ 러프한 재질을 동일하게 넣어주기 

▫ 밑에 것을 복사 - 붙여넣기 해주기! 

 

 

 

Procedual 의 다른 활용법 

◼ 새로운 패턴 넣어주기 

 

◼ '다른 활용법' = 다양한 필터를 넣어줄 수 있다는 점! ⭐⭐⭐ 

▫ add filter > blur slope 

 

Cf. 더 다채롭게 꾸밀 수 있음! 

 

▫ 활용 가능 필터 

구분	기능	비고
blur slope	블러 느낌이 나게
warp	약간 흐물흐물 하게	⭐⭐⭐ 나쁘지 않음

 

▫ contrast, UV Tiling, Balance 등을 조절하면 > 만들 수 있는 패턴 = '거의 무한대' 

구분	러닝 소스	비고
연어회 패턴	https://youtu.be/H8ioxopCT0E

 

▫ 🔺🔺🔺 이게 '마스크' 에 정리되는 것이고 > fill layer 의 속성을 바꾸면 또 다른 느낌을 낼 수 있음!  

 

 

▫ Height 0.01 ~ 0.05 정도는 '미세하게 패턴을 강조' 하는데에 도움이 됨. 

 

 

▫ add fill > 다른 패턴을 넣어주고 > linear dodge(blending 모드 활용) 하면 > 다른 패턴도 섞을 수 있음. ⭐⭐⭐⭐⭐ 

 

▫ procedual 활용해서 > '패턴' 감각 어필 가능! ⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐ 

 

👏 so, 패턴을 하나씩 사용해보면서 > 어떻게 나오는지를 느껴보는게 매우 중요! ⭐⭐⭐⭐⭐ '창의력 및 미적 감각!' 어필 가능! 

 

 

 

아이스크림 만들기

 

타일 모양 패턴 활용 > 아이스크림 손잡이 만들기

 

 

밑에 과자 부분 느낌 만들기

◼ 만들 아이스크림 패턴

 

◼ 셋팅 요소 정리 

구분	설명	비고
👏 paint vs fill layer	1st fill layer	기본 연갈색 느낌
하위 속성_1	base color - 연갈색
하위 속성_2
하위 속성_3
👏 paint vs fill layer	2nd fill layer	부스러기, 거친 느낌 주려고
하위 속성_1	roughness, height 만 남기기
🥽 mask	black mask
하위 속성_1	add fill
하위 속성_2	grunge 中 noise 中 grunge rock - grayscale 에 넣기	🔺 shelf 에서 grunge 파트가 없는거 같은데
✅ 추가 셋팅_1	2nd fill layer > height 값 조절	마스킹에서 height, roughness 만 가져오고  fill layer 쪽에서 height 값 조절해야 보이는 거지.
✅ 추가 셋팅_2	1st layer 러프니스 UP ❓❓❓	약간 벽같은 느낌에서 > 아이스크림 쪽 느낌을 주고 싶어서
	2nd layer fill layer 색깔 채도 up ❓❓❓	❓ 이건 1st fill layer 이야기 아닌가?
	1st layer mask - grunge rock - balance up	마스킹 범위를 컨트롤 해서 > 까끌한 느낌이 미세하게 나게 ⭐⭐⭐⭐⭐
👏 paint vs fill layer	add fill - grunge folds - 위쪽 레이어 블렌딩 모드를 linear burn	⭐⭐⭐ 중요
	balance - contrast 조절	과자 떨어질 것 같은 느낌!

Cf. 최종 레이어 상황

 

▫ 연갈색으로 만들어주기 

 

▫ 2nd layer - roughness, height 만 남기기

 

▫ grunge 中 noise 中 grunge rock - grayscale 에 넣기

 

 

▫ 추가 셋팅 2 

1st layer 러프니스 UP

2nd layer fill layer 색깔 채도 up

1st layer mask - grunge rock - balance up

 

 

▫ 추가셋팅 3

add fill - grunge folds - 위쪽 레이어 블렌딩 모드를 linear burn

 

 

balance - contrast 조절

 

 

 

 

패턴 넣어주기

 

◼ 와플 패턴 모양 기초 셋팅 

구분	설명	비고
👏 paint vs fill layer	fill layer
하위 속성_1	fill layer 중 height 만 남기기
하위 속성_2
하위 속성_3
👏 mask	blak mask
하위 속성_1	add fill - brick generator 를 grayscale 에 넣기	⭐⭐⭐새로운 마스크!!!
하위 속성_2

 

 

◽ 문제 상황 

이쪽 부근에서 뭔가가 보이긴 함. 

다만, 과자 패턴 같아 보이진 않음.

 

 

◼ 추가 수정 

 

구분	설명	비고
👏 paint vs fill layer	fill layer - height
하위 속성_1	살짝 down
하위 속성_3
👏 mask	mask - add fill - brick generator
하위 속성_1	pattern > brick x, y 를 동일 수치로 맞출 것 ⭐⭐⭐⭐⭐⭐⭐	그래야 정사각형 타일이 나옴
		쌤은 30, 30 으로 함. / 우선 나는 45,45
하위 속성_2	histogram position UP ⭐⭐⭐⭐⭐⭐

 

◽ pattern > brick x, y 를 동일 수치로 맞출 때 효과 

 

◽ histogram position UP 효과 

 

◽ height 살짝 down 

 

 

 

◼ [상황] 아이스크림 콘 부분에만 패턴이 있게 하기

 

◽ [아이데이션]

저 부분만 남겨야 해 > 칠한 부분만 남는거면, WHITE 를 칠해야 하니까 > BLACK MASK 넣기 

어디에 넣어야 해? > (                 ) 여기를 생각해내야함. 

 

패턴 부분 그룹핑 & 마스킹 잡아주기 

 

구분	설명	비고
👏 폴더	Cookies 설정
하위 속성_1	Polygon Fill - Mesh Fill 로 잡아준다.
하위 속성_2
👏 mask
하위 속성_1
하위 속성_2
👏 전체 look 관련
👏 레이어 이름 및 정렬	The Pattern / Over Grunge 입력

 

 

 

 

 

[문제상황] 아직, 조금 초콜릿 덩어리 같아서, 수정할 예정

 

◼ 타일링이 부정확한 부분을 삭제 하고 싶음. 

 

◽ [아이데이션] 

저 부분만 잡아줘서 > 없애주면 되겠지. 

없앨거면 > 저 부분에 black을 칠해야 함. > so, 'white 마스크' 를 만들어야 함. 

'white 마스크' 를 어디에 만들지? > add paint 하고 subtract 를 해도 되지 않을까? 

 

 

◽ [쌤 구현 방법] 

쌤은, 하위 폴더를 만들고 > 그게 white mask 가 적용될 수 있게 함. 

구분	설명	비고
👏 폴더	the pattern 에만 하위 폴더 생성
하위 속성_1	white mask
하위 속성_2	UV Chunk 를 3D 뷰포트를 눌러서 선택!	⭐⭐⭐ 중요! ⭐⭐⭐

 

 

◼ [상황] 벽돌 패턴에 조금 흐믈흐믈한 느낌을 주고 싶음 

 

구분	설명	비고
👏 layer	cookies 그룹 - tile 그룹 - the pattern layer
하위 속성_1	add fill - warp 추가
하위 속성_2	intensity 조금 UP
👏 레이어	cookies 그룹 - tile 그룹 - the pattern layer
하위 속성_1	brick layer 에서 histogram 지수 살짝 UP
👏 폴더 정리	레이어 색깔 지정

 

 

위쪽 아이스크림 만들기

 

◼ 기본색상 넣어주기 

구분	설명	비고
👏 paint vs fill layer	fill layer
하위 속성_1	base color - 살짝 주황색
하위 속성_2
하위 속성_3
👏 mask	black mask
하위 속성_1	mesh fill 로 아이스크림 부분 선택
하위 속성_2
👏 전체 look 관련
👏 폴더 정렬	폴더 생성 > 'cream' 으로 이름 짓기

 

 

◽ Mesh fill 채우기 

 

 

◼ [상황] 더 디테일하게 표현해보고 싶음.

 

아이스크림 레퍼런스를 찾아봄 > 그래서, 약간의 noise 가 있다는 것을 알게 됨. ⭐⭐⭐⭐⭐⭐ 

 

 

◽ height 맵을 사용해서 > 노이즈를 만들어주기 ⭐⭐⭐⭐⭐⭐⭐⭐ (핵 중요) 

구분	설명	비고
👏 paint vs fill layer	fill layer
하위 속성_1	하위 속성 중 - height 만 남기고 모두 제거
하위 속성_2	height 값 살짝 상승
하위 속성_3
👏 mask	black mask
하위 속성_1	add fill - Bnw spot2
하위 속성_2	UV transform - scale - 촘촘한 느낌이 들게 UP
👏 mask
👏 레이어 이름 및 정렬

 

◽ UV transform - scale - 촘촘한 느낌이 들게 UP 셋팅

 

 

 

◼ 2D 와 3D 관계로 인해 '왜곡' 이 생기는 현상이 발생

▫ 어떤 점을 말하는거야? 와닿지가 않아 아직. 🔺🔺🔺🔺🔺🔺  

 

 

 

▫ Projection 을 UV Projection 에서 Triplanar 로 변환 > 왜곡이 사라지게 됨. ⭐⭐⭐⭐⭐⭐⭐⭐ 

(음... 공감은 못 하겠어. 찾아내야 하는데) 

 

 

 

더 디테일을 살리려면 '어떤 포인트' 를 표현해줘야 할까? ⭐⭐⭐⭐⭐⭐ (핵심)

 

◼ 쌤 아이데이션

 

아이스크림이 맛있어 보이는 이유는 '빛을 받는 테두리 부분이 다른 부분보다 밝기' 때문. (⭐⭐아, 이걸 어떻게 봤을까)

테두리에 약간의 밝기를 넣어서 > 다이나믹함을 넣어주자! 

 

구분	설명	비고
👏 paint vs fill layer	paint layer
하위 속성_1	filter - HSL Perspective
하위 속성_2	blending mode - passthrough
하위 속성_3	HSL Perspective - Ligntness 살짝 up
👏 mask	black mask
하위 속성_1	curvature
하위 속성_2
👏 레이어 이름 및 정렬	Curvature HSL

 

 

 

크림에 전체적인 색채를 넣어주기 

 

구분	설명	비고
👏 paint vs fill layer	paint layer
하위 속성_1	blending mode - pass through
하위 속성_2	add filter - HSL Perspective
하위 속성_3	명도, 채도 살짝 UP	명도 0.57 / 채도 0.69 정도
👏 mask	Black mask
하위 속성_1	grunge concrete dirty
하위 속성_2	contrast, balance 값 조절
하위 속성_3	UV 에서 - 하나 하나 타일링 값이 크게 보이게
추가 속성_1	add filter - blur slope
추가 속성_2	intensity 낮추고
👏 레이어 이름 및 정렬	Grunge HSL
	Cookies 폴더에도 동일하게 적용해주기

 

 

▫ UV 에서 - 하나 하나 타일링 값이 크게 보이게 

 

 

'Cookies 폴더에도 동일하게 적용해주기'

 

◼ Grunge HSL 레이어를 복사해서 > Cookies 에 넣어주기 

 

✅ grunge concrete dirty UV 스케일 조절 해주기 ⭐⭐⭐⭐⭐ 

 

👉 그러면, 얼룩덜룩한 느낌이 붙으면서 좀 더 다이나믹해졌음! 

 

ambient occlusion 으로 디테일 UP (핵심⭐⭐⭐⭐⭐⭐⭐⭐)

 

구분	설명	비고
👏 paint vs fill layer	fill layer
하위 속성_1	어두운 base color
하위 속성_2	아이스크림 관찰시,  음영은 '완전 어두운 색' 이 아닌  '과자보다 살짝 어두운 색' 으로 보임 따라서, 갈색빛이 나게 함.
하위 속성_3
👏 mask	black mask 추가
하위 속성_1	generator 추가
하위 속성_2	ambient occlusion ⭐⭐⭐	⭐ 모델링에 '음영' 넣을 때 많이 사용!  ⭐ 겹치는 부분에 그림자를 넣어줄 수 있음!
하위 속성_3	global invert 를 True 로 변환
👏 전체 look 관련
👏 레이어 이름 및 정렬

 

 

 

 

 

---

궁금한 점 

▫ balance 와 contrast 가 어떤 기능을 하는지 궁금함. 아직 완전히 못 익혔음. 

📜 2021.12.19 - [[3D]/섭스턴스] - 물리 기반 텍스처와 머티리얼 원리 이해 하기 (Feat. PBR 텍스처) 참고

 [Roughness - balance] 

 

balance UP > 흰색이 더 많아짐. > 1에 가까워지는 비중이 높음 > 반짝임 줄어들고, 거칠어짐.  

 

balance Down > 검은색 이 더 많아짐. > 0에 가까워지는 비중이 높음 > 더 반짝이게 됨 ⭐⭐⭐ 

 

 

[Roughness - Contrast] 

balance 로 만든 형태를 '더 디테일' 하게 조절하기 위해 사용 ⭐⭐⭐⭐⭐ 

balance 먼저 조절 후 사용하면 좋을듯. ⭐⭐⭐⭐⭐ 

 

Contrast UP > 회색 부분이 검정색으로 변해 > 거칠기가 증가 

Contrast  down > 회색 부분이 흰색으로 변해 > 더 반짝임. (🔺추가 확인 필요)