디시인사이드 갤러리

갤러리 이슈박스, 최근방문 갤러리

갤러리 본문 영역

[유니티] VRC Shader 강좌 #03 - 마스크(Mask)

조개껍데기갤로그로 이동합니다. 2021.05.21 04:16:36
조회 4813 추천 1 댓글 0
														

원글 번호:582489


viewimage.php?id=3bafd3&no=24b0d769e1d32ca73dec8efa1bd8233c624b438d9b893fbf22b42f05c779d393402f900f2f53edcca9702396eef140d9857097ed87274e8479fde26333f519ca3a



모니터에서 보이는 색들은

빨강(R), 초록(G), 파랑(B)의 혼합(가산혼합)으로 표현하고 있다는 것은 많은 사람이 알고 있는 상식이다.



Unity에서는 이 세 가지 색을 혼합하여 모든 색을 나타내면서

거기에 알파(Alpha)가 추가되어 투명도까지 표현할 수 있게 되었다.



viewimage.php?id=3bafd3&no=24b0d769e1d32ca73dec8efa1bd8233c624b438d9b893fbf22b42f05c779d393402f900f2f53edcca9702396eef140d9857097ed87751bd929fdb43634f519ca00

유니티 색상 팔레트를 보면 빨강(R), 초록(G), 파랑(B), 알파(A)가 있으니 이해하기 쉽겠지.



Shader도 이 점을 이용하여 이미지로부터 정보를 읽어내고

어떤 색이 들어간 부분만을 쏙쏙 골라내어 보여주거나 효과를 입혀서 출력하는데(보여주는데)

이를 텍스쳐 마스킹이라고도 하고, Mask라고 하기도 한다.

많은 VRChat Shader에 있는 Mask Texture나

Emission Mask, Rim Light Mask 등.. 모두 이 방법을 쓴다.




게임에 쓰는 Mask 이미지는 대개 흑백으로만 이루어져 있는데

이는 검은색은 RGB가 (0, 0, 0)이고 흰색은 RGB가 (255, 255, 255)인 점을 이용하여

흰색은 모든 색이 혼합되어 있으므로 무슨 셰이더가 어떤 색을 골라내든 간에

아무 색도 혼합되지 않은 검은 색은 빠지고, 흰색만 골라내게 되므로

Mask 이미지를 흑백으로 만들면 VRChat에서 쓰는 셰이더들의 Mask 기능은 거의 다 활용할 수 있게 된다.



만약 셰이더가 빨간색만을 골라내면 R 채널을 골라낸다고 표현하고

알파(투명도)를 골라내면 A채널을 골라낸다고 표현한다.


이런 경우는 단순히 게임만 하는 우리로서는 흔치 않고

Metallic을 숫자가 아니라 이미지로 강도를 표현하려고 R 채널 이미지를 쓰는 때 정도이며

https://gamedevforever.com/149 이런 식으로 버텍스 컬러를 칠해서

텍스쳐가 아니라 버텍스 컬러로 구분하는 경우 말고는 없을 것이다.

이런 건 월드 제작할 때 쓰긴 하겠다..



마스크 기능을 활용하기 위해 에셋스토어에서 쓸만한 에셋을 다운로드하고 임포트한다.

마스크 텍스쳐는 흑백 이미지라면 아무거나 써도 되니까 굳이 다운로드할 필요는 없다.


https://assetstore.unity.com/packages/2d/textures-materials/34-free-shader-fx-masks-71311



새 메터리얼을 만든다.

1편부터 메터리얼 생성 강좌를 썼으니 다 알고 있을 것이다.



viewimage.php?id=3bafd3&no=24b0d769e1d32ca73dec8efa1bd8233c624b438d9b893fbf22b42f05c779d393402f900f2f53edcca9702396eef140d9857097ed872818d87ef5b3643df519ca92

Albedo의 색을 검은 색으로 바꿔준다.



viewimage.php?id=3bafd3&no=24b0d769e1d32ca73dec8efa1bd8233c624b438d9b893fbf22b42f05c779d393402f900f2f53edccc41e2b98e8f042dfaaa5f8a5ca37d7796d569d4197cb57be

새 오브젝트를 만들고 거기에 아까 만든 메터리얼을 입혀주었다.

오브젝트는 당연스럽게도 검은 색이다.


viewimage.php?id=3bafd3&no=24b0d769e1d32ca73dec8efa1bd8233c624b438d9b893fbf22b42f05c779d393402f900f2f15b199aa1f209beff140b4a1c0d1c4a7341aef9523bd4c

여기에 메터리얼을 만져주자.

Emission(이미션)을 체크하고 Color에 적당한 이미지를 집어넣는다.




viewimage.php?id=3bafd3&no=24b0d769e1d32ca73dec8efa1bd8233c624b438d9b893fbf22b42f05c779d393402f900f2f53edccc41e2b98e8f042dfaaa5f8a59b6cd77a6f00cf1797cb57be

원래는 검은 색만 있었는데 이미션에 집어넣은 이미지에 맞춰 색이 추가되었다.

이미션(Emission)의 기능은 그야말로 단순하다. 발광(發光). 빛을 내뿜어 밝게 빛나게 해 주는 기능이다.




viewimage.php?id=3bafd3&no=24b0d769e1d32ca73dec8efa1bd8233c624b438d9b893fbf22b42f05c779d393402f900f2f15b199aa1f209beff140b4f3cbd292f2604ce29523bd4c

그리고 이미지의 흰색 부분에만 Emission의 기능을 이용할 수 있게 된 모습이다.



이로써 아주 간단하지만 마스크 텍스쳐를 집어넣고

셰이더 기능을 이용하는 기초 강좌를 배웠는데


아바타 모델 얼굴 이미지를 그림판이나 포토샵 등의 프로그램으로 불러오고

눈 부분만 빼고 나머지를 검은 색으로 칠하고 저장한 다음

유니티에서는 눈 부분만 흰색인 마스크 텍스쳐를 강좌처럼 Emission에 집어넣어서

모델에서 얼굴 전체가 아니라 눈만 빛나게 한다든지


응용해서 옷에서 어떤 선 부분만 빛나게 하거나 다른 효과를 입히는 방법으로도 쓸 수 있으니 참고하면 좋겠다.



연관 강좌 


#01 - Shader(셰이더)의 기초와 이해


https://gall.dcinside.com/m/vr/572692




추천 비추천

1

고정닉 0

0

댓글 영역

전체 댓글 0
본문 보기

하단 갤러리 리스트 영역

왼쪽 컨텐츠 영역

갤러리 리스트 영역

갤러리 리스트
번호 말머리 제목 글쓴이 작성일 조회 추천
3009 설문 논란을 반복해서 진정성이 의심되는 스타는? 운영자 25/05/12 - -
2 공지 Vrchat 관련 정보 백업 갤러리입니다. 임신공격갤로그로 이동합니다. 21.03.29 781 2
12 공지 갤 정보글 백업 임신공격갤로그로 이동합니다. 21.05.12 2264 0
265 일반 123 은발적안광신도갤로그로 이동합니다. 03.04 105 0
264 일반 여기 자주오면 먹겠는데 우애옹갤로그로 이동합니다. 02.20 185 0
263 일반 남에 아바타가지고 시비거는새끼는 브갤러(180.182) 01.29 178 0
262 유니티 게이들아 얼굴 블랜드 쉐이프키 변경이 안되는데 도와주라 브갤러(211.108) 01.19 129 0
253 유니티 블렌더 본 수정 후 기존 아바타에 FBX 적용하기 / LP 칼도힉스갤로그로 이동합니다. 24.09.11 239 0
252 유니티 혀 본 잃어버린 사람은 보아라. [2] 칼도힉스갤로그로 이동합니다. 24.09.11 387 0
251 유니티 월드 조명의 기본/ 미찌 칼도힉스갤로그로 이동합니다. 24.09.11 195 0
250 블랜더 블렌더로 응원 털뭉치 만들기 / ㅇㅇ(211.197) 칼도힉스갤로그로 이동합니다. 24.09.11 219 0
249 기타 [강좌/팁] 뉴비필독) 하이드 아웃 v3.2 직업, 특성, 상태 가이드 칼도힉스갤로그로 이동합니다. 24.09.11 206 0
248 유니티 릴툰 FakeShadow로 앞머리 그림자 만들기 / LP 칼도힉스갤로그로 이동합니다. 24.07.12 1358 0
247 유니티 혀 메롱 침 나오는거 넣는법 / 이뀨립스 칼도힉스갤로그로 이동합니다. 24.07.12 530 1
246 유니티 vmr로 변환했는데 표정 왜 이따구로 됨? [2] 브갤러(210.183) 24.07.07 332 0
245 일반 브챗 입문하려는데 [2] ㅇㅇ(223.38) 24.07.01 330 0
243 일반 아니 진짜 이정도로 브갤에 진심인데 파딱 왜안하노 [1] 헤르만갤로그로 이동합니다. 24.06.03 260 0
242 일반 완장자리 잘 빌렸읍니다 나만애옹이없어갤로그로 이동합니다. 24.05.30 180 0
241 일반 ♿여❗긴❗할❗카❗스❗없❗어❗서❗좋❗다♿ [1] 설교소녀갤로그로 이동합니다. 24.05.27 416 0
239 기기 피코4프로컨 굳을 때 [1] 버터캣갤로그로 이동합니다. 24.05.20 252 0
237 기타 VRChat 마이너 갤러리 운영 2024/04/17 이히히갤로그로 이동합니다. 24.05.17 393 0
236 기타 영차, 게이 경고 목록 / 24.05.17 기준 이히히갤로그로 이동합니다. 24.05.17 291 0
235 일반 갤 정보글 분류 기준 이히히갤로그로 이동합니다. 24.05.17 200 0
234 유니티 [무료] 아바타에 월드고정기능 추가하기쉽게 만들었어 이히히갤로그로 이동합니다. 24.05.17 255 2
233 블랜더 명품강의)블렌더에서 쉐이프키 존재하는 메쉬 포즈모드 기본으로 적용하는 법 [4] 이히히갤로그로 이동합니다. 24.05.17 1389 0
232 유니티 10분안에만드는 속성 눈 동공지진 만들기 이히히갤로그로 이동합니다. 24.05.17 337 0
231 유니티 혀 메롱 침 나오는거 넣는법 이히히갤로그로 이동합니다. 24.05.17 288 0
230 기기 더블 힙 트래커, 더 이상 날아가는 허리를 보기 싫다면... 이히히갤로그로 이동합니다. 24.05.17 298 0
229 기타 스팀링크 마이크 안 되는거 해결법 이히히갤로그로 이동합니다. 24.05.17 642 0
228 기타 윈도우 11 에서 브챗 채팅이 이상하게 쳐질때 해결법 이히히갤로그로 이동합니다. 24.05.17 299 0
227 기타 퀘스트링크/에어링크 asw 완전박멸 방법 이히히갤로그로 이동합니다. 24.05.17 250 0
226 기타 버데탑 베타 하체 트래킹 끄는 방법 이히히갤로그로 이동합니다. 24.05.17 257 0
225 기기 베스 1.0 자동으로 껐다 키는법 이히히갤로그로 이동합니다. 24.05.17 202 0
224 유니티 다른 fbx의 메쉬를 기존 Armature에 이식시켜주는 툴 만들었음 이히히갤로그로 이동합니다. 24.05.17 209 0
223 기기 !!!피코프로 VRCFT 무한 Initializing 해결법!!! 이히히갤로그로 이동합니다. 24.05.17 220 0
222 기타 교양)비전공자들을 위한 실시간 광원이 얼마나 무거운지에 대한 정보 이히히갤로그로 이동합니다. 24.05.17 230 0
221 포토샵 뚜따 아바타 목 색깔 정확하게 맞추는 방법 / 쉐도우 마스크 이히히갤로그로 이동합니다. 24.05.17 316 0
220 유니티 (유니티 뚜따)진짜 뚜따 졸라쉽게 유니티에서 하는 법 (3분컷) 이히히갤로그로 이동합니다. 24.05.17 779 0
219 포토샵 존나야매로쉽고간단하게눈화장하기 이히히갤로그로 이동합니다. 24.05.17 636 0
218 기타 VRCFT 페이셜트래킹 더 자연스럽게 캘리브레이션 하기 이히히갤로그로 이동합니다. 24.05.17 350 0
217 유니티 가슴본에 중력에 의한 사실적 표현을 적용해보자 이히히갤로그로 이동합니다. 24.05.17 215 0
216 유니티 팁? 꼼수?? ) 실시간 라이트 안쓰고 앞머리 그림자주기 이히히갤로그로 이동합니다. 24.05.17 202 0
215 블랜더 야매 간단 블렌더) 본 없는 모델에 본 만들고 피본넣기 이히히갤로그로 이동합니다. 24.05.17 480 0
214 유니티 뉴비도 할수있다 아바타 다리길이 줄이기 feat.마누카 이히히갤로그로 이동합니다. 24.05.17 547 0
213 유니티 특정월드에서 아바타 이상해지는 버그 해결법 이히히갤로그로 이동합니다. 24.05.17 137 0
212 유니티 모듈러 아바타 본 스케일 맞추기 이히히갤로그로 이동합니다. 24.05.17 144 0
211 유니티 모듈러 아바타 옷 고장나는거 해결법 +적용 안되는 부위 적용법 이히히갤로그로 이동합니다. 24.05.17 143 0
210 유니티 다운로드사이즈/텍스처메모리 최적화 방법 이히히갤로그로 이동합니다. 24.05.17 392 0
209 유니티 아바타 최적화툴 'Avatar Optimizer' 추천과 사용법 [2] 이히히갤로그로 이동합니다. 24.05.17 737 0
208 유니티 의자기능 넣는법 ( 존나간단 ) 이히히갤로그로 이동합니다. 24.05.17 90 0
207 유니티 퀘프로 혀내밀고입벌리는방법 이히히갤로그로 이동합니다. 24.05.17 129 0
206 포토샵 간단색맞추기 이히히갤로그로 이동합니다. 24.05.17 93 0
205 유니티 '뉴비전용' 유니티로 아바타에 옷입히기 이히히갤로그로 이동합니다. 24.05.17 134 0
뉴스 플레이브, 일본 데뷔 싱글 ‘카쿠렌보’ 콘셉트 포토 공개 “하이틴 무드” 완성 디시트렌드 14:00
1234
갤러리 내부 검색
제목+내용게시물 정렬 옵션

오른쪽 컨텐츠 영역

실시간 베스트

1/8

뉴스

디시미디어

디시이슈

1/2