VRChat 마이너 갤러리 저장소

제 목
강좌/정보 VRChat 유저를 위한 잡다한 Shader 강좌 <1>
글쓴이
포동포도
추천
14
댓글
6
원본 글 주소
https://gall.dcinside.com/vr/218156
  • 2019-07-10 22:45:30
							


원래 셰이더 강좌 순서대로라면

셰이더를 하나씩 소개하면서 그에 따른 기능을 소개하는거였겠지만


오늘 유동이 분탕친것도 있고 내가 요즘 낮시간엔 바빠져서 시간관계상

VRChat에서 자주 쓰는 셰이더를 소개하기도 하고

대략적으로 (수치를 임의적으로 수정하지 않은)특징과

어떤 환경과 소품, 아바타에 써야하는지 등에 소개하고자 함.


이 강좌는 시리즈물로써 일주일마다 1~2회씩,

3~10개 정도의 단원으로 내용을 분류하여 올릴거임.


처음에는 기본적이거나 자주 겪는 실수 등을 쓸거고

점점 어려운 내용이나 화제가 되는 셰이더 등에 대해 쓸 계획.


물론 쓸데없는 잡다한 정보도 많이 쓸거다.



===============================================================================


1. VRChat에서 자주 쓰는 Shader의 구분



일단 크게 3가지로 셰이더를 구분했고 용도도 구분할 수 있다.

초록색 글씨, 노란 글씨, 회색 글씨로 구분했는데


초록색 글씨는 PBR 셰이더거나 그에 가까운 것으로

물리 기반 셰이더라고 보면 된다.


물체의 현실적인 빛반사와 그림자가 특징으로

사진에서 볼 수 있듯이 그림자의 음영이 현실적이다.

햇빛으로 인해 그림자가 지고

바닥 부분은 땅에서 반사 된 빛으로 인해 살짝 밝게 되는 모습.


용도로써는 현실적인 느낌과 금속재질의 표현 등이 대표적으로

아바타보다는 월드나 아바타에 넣는 소품류에 이용된다.





노란 글씨는 툰(Toon) 셰이더로 NPR 셰이더에 속한다.

뚜렷하고 단조로운..단계적인 그라데이션 음영으로

2D 느낌도 나고 3D 느낌도 나는 표현이 많다.

거의 아바타에 쓰는데 월드 테마에 따라선 월드에다가도 넣는다.





회색 글씨는 조금 특수한 경우로

unlit 셰이더는 빛의 영향을 받지 않는다.

불투명 물체를 표현할 땐 Unlit/Transparent를 사용하면 되는데

월드의 UI, 아바타, 아바타의 이펙트 등에 고루 이용된다.


다만 밝은 월드에 가면 아바타가 잘 안보이거나

다른 사람들이 봤을 때 눈이 아플 정도로

빛나는 경우가 있어 주의해야한다.





이용한 셰이더는 이렇다.

Standard

Unlit/Texture

UnityChanToonShader/Toon_DoubleShadeWithFeather (2.0.7 버전)

Poiyomi/Master/Opaque

arktoon/Opaque

Reflex Shader 2/Reflex Shader 2





===============================================================================


2. Transparent와 Opaque


초보자라면 무조건 겪었을 위 사진은

Transparent와 Opaque의 존재를 몰라 겪는 일이다.






짤 하나로 요약된다. 불투명한건 opaque shader,

투명한건 transparent shader로 처리한다.


투명한건 alpha(알파)값이 있다고들 한다.

alpha가 클수록, 보통 255에 가까울수록 불투명하고

0에 가까울수록 투명해지는거다.


투명한 물체는 mmd아바타의 홍조가 대표적이다.


셰이더에 따라

셰이더를 선택하는 탭에서

위 두가지 셰이더 중 하나를 선택해 적용하든지


셰이더 인스펙터 내에서 Rendering Mode 탭에서 설정해

적용하는 경우(Standard Shader)가 있다.


대부분은 셰이더를 선택할 때 Opaque와 Transparent중 하나를 선택해 적용하는 방법이다.



===============================================================================









3. UnityChanToonShader가 이상해요


메인 텍스쳐 하나만 집어넣고 비교한 사진.


근데 UnityChanToonShader(이하 UTS)가 이상하다.




이럴 땐 사진에 보이는 1st ShadeMap에 텍스쳐를 넣어주면 된다.

2st ShadeMap에는 굳이 텍스쳐를 넣을 필요는 없고 색깔만 조절해주면 된다.









이제 UTS도 정상적으로 보이기 시작한다.








===============================================================================






4. PBR, NPR, Unlit 셰이더 비교


로봇은 뭔가 차이점이 별로 안보여서 아바타를 바꿨고

큰 세가지 그룹을 한 줄로 나열했다.


PBR인 Standard는 점토같이 생겼는데

세이프티로 shader를 껐을 때

많은 아바타들은 저렇게 보이게 된다.


NPR에 속하는 Toon 셰이더인 UTS는 제법 볼만하다.


UNLIT는 빛의 영향을 받지 않아 항상 밝다.




사용된 모델은 https://einzzwei.booth.pm/items/954617

매시와 바디가 분리되어 있고 .FBX파일만 있다. 뚜따재료 비추천











===============================================================================





5. Toon 셰이더의 꽃, 음영과 그림자


위 사진은 셰이더의 음영이나 그림자 설정의 잘못된 예시로

생각보다 많은 초보자가 이 문제에 대해 해결 방법을 몰라

Unlit shader를 쓰거나 아예 그림자를 없애는 경우가 있다.


하지만 아바타에 있어서 그림자와 음영을 부여하면

자연스럽고 조금이나마 생동감 있는 모습을 연출할 수 있다.








소개했던 같은 Toon 셰이더끼리 모아봤다.

Reflex Shader 2, Arktoon과 Poiyomi는 그림자로 인해 어색한 반면

UTS는 자연스러워 보기 좋은 모습.








먼저

Reflex Shader 2/Reflex Shader 2에서는 



이 부분을 건드리면 되는데

Reflex Shader 2는 빛을 받는 방향부터 순서대로

Diffuse 텍스쳐, Shadow 1, Shadow 2를 나타낸다.

쉽게 말하자면 그림자 1은 흰색, 그림자 2는 검은색일때

빛이 왼쪽에 있으면 아바타 텍스쳐>흰색>검은색 순서로 칠해진다는거다.

이것만 알면 그나마 쉽게 위 수치를 조절할 수 있다.


다만 이건 아직 제작자의 답변도 없고 설명서도 없으므로

일일이 설명하기엔 한계가 있는 것 같다.


Shadow 1또는 2 Contrast: 해당 Shadow의 강도


Shadow Contrast Toggle:

Shadow 1 Contrast과 Shadow 2 Contrast의 수치 바꿔치기,


Shadow Color: 그림자 색


Shadow Color Darken: 그림자를 흑백으로 할건지


Shadow 1또는 2 Place: 해당 그림자의 위치를 조절한다.


Shadow Mask: 그림자가 해당 텍스쳐의

검은색 부분에 생기지 않도록 제외시킨다.

아바타에 사용된 바디 텍스쳐를 통해 만들어야 하는

귀찮음과 수고로움이 있다.


사실 그림자가 예쁘게 만들어지는 것 같진 않아보인다면

간단하게 Shadow Toggle을 체크해제 하면 된다.

그럼 그림자가 사라진다. 이럴바엔 차라리 Unlit 쓴다.






왼쪽 아바타가 오른쪽 인스펙터에 나타난 대로 조절한 모습

오른쪽 아바타는 Reflex Shader 2를 그냥 적용만 시킨 모습이다.


음영을 조절함으로써 2D임에도 불구하고

입체적인 느낌을 잘 나타낸 예이다. 특히 슴1가.

사실 이 아바타 텍스쳐가 워낙 입체적이라 좋긴 하네.













Arktoon/opaque에서는Shadow탭의


Border: 그림자 두께


Strength & Mask: 그림자 강도와 흑백의 아바타 바디 텍스쳐를 넣어

그림자가 생기는 부분과 그렇지 않은 부분을 정한다.


Blur& & Mask: 그림자의 흐림 강도와 아바타 바디 텍스쳐를 넣어

그림자가 번지는 부분과 그렇지 않은 부분을 정한다.


Arktoon은 색깔을 지정하지 못한다는 점에서

그림자/음영 면에서는 아쉬운 것 같다.














UTS는 빛을 받는 방향부터 순서대로

Base Color, 1st Shade Color, 2nd Shade Color를 나타낸다.


UnityChanToonShader/Toon_DoubleShadeWithFeather에서는

대부분 [Basic Lookdevs: shading Step and Feather Settings]탭에서


BaseColor Step: Base Color와 Shade Color사이의 경계를 설정한다.


Base/Shade Feather: 기본 색상과 음영 색상 사이의 경계를 부드럽게 한다.


ShadeColor Step: 1st Shade Color와 2nd Shade Color의 경계를 설정한다.

2nd Shade Color를 사용하지 않으면 0으로 설정한다.


1st / 2nd_Shades Feather: 1st와 2nd사이 음영의 경계를 부드럽게 한다.



왼쪽이 음영만 잡은 모습이라면

오른쪽은 음영과 RimLight, Matcap, Outline 등을 추가한 모습.

이게 UTS2의 장점인데 이건 후에 있을 강좌때 설명하기로 하자.











Poiyomi/Master/Opaque

FakeLightning 탭에서 주로 이뤄진다.


lightning lamp: 음영을 입힐 텍스쳐를 넣는다.


Ramp Strength: 경사면의 강도. 자주 쓰진 않는다


Shadow Strength: 그림자 강도

Light Direction: 빛이 비치는 위치를 조절한다.


사실 poiyomi는 기본적으로 그림자 음영이 예쁘진 않다.

Shadow Strength를 0으로 하는걸 추천한다.












===============================================================================


사진은 PBR 셰이더를 쓴 월드와 아바타의 모습이다.

잘만 이용하면 현실감 있는 연출을 할 수 있으나

그런 연출을 하려면 특정 월드에 가야할 필요가 있다.

Standard 셰이더는 다음 시간에 자세히 다루기로 하자.

===============================================================================



딜런 2019.07.10 22:46:11
tntnt 개추 - dc App 2019.07.10 23:17:07
(≧◡≦) 2019.07.10 23:19:46
V 2019.07.10 23:30:14
ㅇㅇ 와 진짜 내가 어떻게 해야하나 고민했던 부분의 글이 딱 올라오네 개추 먹어라 진짜 감사 211.59 2019.07.10 23:34:46
ㅇㅇ 가슴골 엉덩이골표현에 유용할거같네ㄱㅅ 193.23 2019.07.10 23:36:46
번호 분류 제목 글쓴이 날짜 추천
220038 일반 차단박은 새끼 나와 개패벌라니까 ㅋㅋㅋㅋㅋㅋ 3 ㅇㅇ 211.226 2019-07-14 1
220037 일반 병신년이 글삭만쳐하노 ㅇㅇ 219.250 2019-07-14 0
220036 일반 그 새끼들 죽었냐?? 3 물멱 2019-07-14 1
220035 일반 좆목 인증 주딱 사퇴해@@@@@@@@ ㅇㅇ 219.250 2019-07-14 0
220034 일반 좆목 인증 주딱 사퇴해@@@@@@@ ㅇㅇ 219.250 2019-07-14 0
220033 일반 사퇴해 ㅇㅇ 219.250 2019-07-14 1
220032 일반 또 글삭하노 ㅇㅇ 219.250 2019-07-14 1
220031 일반 이겜 영어 공부대냐? 2 물멱 2019-07-14 0
220030 일반 디시망한것같아 6 다히캣 2019-07-14 0
220029 일반 ⚠+⚠+⚠+⚠+⚠+주딱 사퇴해⚠+⚠+⚠+⚠+⚠+⚠+⚠+⚠+ ㅇㅇ 219.250 2019-07-14 0
220028 일반 ⚠+⚠+⚠+⚠+⚠+주딱 사퇴해⚠+⚠+⚠+⚠+⚠+ ㅇㅇ 219.250 2019-07-14 0
220027 일반 근데 ㄹㅇ 역겹네 3 멚져 2019-07-14 6
220026 일반 방금 VR 체험 두개 해봤는데 1 RizeFalcon 2019-07-14 1
220025 일반 ???:"주딱 못해먹겠다" 2 베찐따 2019-07-14 0
220024 일반 이겜 살아있냐? 8 물멱 2019-07-14 0
220023 일반 근데 이거 개꼴리지 않냐 1 면요리좋아함 2019-07-14 1
220022 일반 포테코 엉덩이 4 다히캣 2019-07-14 0
220021 일반 ??? : 주작 막겠다 나명호 211.36 2019-07-14 1
220020 일반 ???: 난 막을려고 했어 7 ㅇㅇ 180.66 2019-07-14 22
220019 일반 치킨 추첨이 완료되었습니다. 8 바퀴드라곤 2019-07-14 2
220018 질문 리바이브써도 오큘러스 대시 기능은 못쓰지? ㅇㅇ 211.36 2019-07-14 0
220017 일반 개 아님 늑대임 1 KittyCannon 2019-07-14 1
220016 일반 좆목 하지말라하면 뭐함 ㅋㅋ 갤주년이 하는데 1 ㅇㅇ 175.223 2019-07-14 3
220015 일반 어제의 vrc일기 4 미니에스 2019-07-14 0
220014 일반 VR챗 마이크 질문 1 ㅁㄴㅇㅁㅇㄴ 59.24 2019-07-14 0
220013 일반 수인충들 보면 왜 대부분 개임? 1 아루라테 2019-07-14 1
220012 일반 퇴근까지 마실려고 음료수 샀는데 8 혀뇽 2019-07-14 0
220011 질문 블랜더에 좌우반전 작업같은거라도 있음? 4 123 49.166 2019-07-14 0
220010 일반 킷슈 블렌더 아이트래킹 알려줭 6 다히캣 2019-07-14 0
220009 일반 트래커 하나만 있어도 차이크나 1 ㅇㅇ 203.226 2019-07-14 0
220008 일반 심 다 따주고 이제 옷 만들고있워 2 쿰척쿰척 2019-07-14 0
220007 질문 담배연기 파티클 만들었는데 연기가안나옴 ㅇㅇ 175.223 2019-07-14 0
220006 일반 치킨당첨은 내것이야 6 혀뇽 2019-07-14 1
220005 질문 님들 안녕하세요 저가 궁금한게 잇어서 왓습니다 8 ㅇㅇ 112.170 2019-07-14 0
220004 일반 인덱스 결제 오류 뜨는데 왜 안되는건가요? 2 ㅇㅇ 116.46 2019-07-14 0
220003 일반 7/14 천주교 교류회 종료 2 감자 2019-07-14 2
220002 질문 그거 바이브로 오큘겜 할수있게 하는거 있잖아 1 ㅇㅇ 211.36 2019-07-14 0
220001 일반 네이버냐 씨발 7 ㅇㅇ 219.250 2019-07-14 0
220000 일반 맛초킹 4조각 먹은 후기 7 찌찌샤 2019-07-14 0
219999 일반 에픽세븐 장례식 치킨 추첨을 3시에 시작합니다. 9 바퀴드라곤 2019-07-14 1
념글 삭제글 갤러리 랭킹