book/imported/game-develop-study/toon-shader-links/SDF Face Shadow Video Course 2.md

SDF Face Shadow Video Course 2

SDF Face Shadow Video Course 2

간단 요약: 영상자료 자료 링크: https://www.artstation.com/artwork/wJZ4Gg 태그: Cartoon, NPR, SDF, Shader, Shadow, Unity

번역 본문

ArtStation - Genshin Impact 캐릭터 셰이더 분석 [Unity URP]

마켓플레이스 봄플링 세일샵 바로가기

* [](https://www.artstation.com/search "검색")
* [](https://www.artstation.com/marketplace/cart "장바구니")
* 미국 달러,  

    * USD
    * CAD
    * 유로
    * GBP

* [회원가입](https://www.artstation.com/registration/signup)
* [로그인](https://www.artstation.com/users/sign_in)
*   
    * [ArtStation 소개](https://www.artstation.com/about)
    * [회사소개](https://www.artstation.com/about/company)
    * [도움말](https://help.artstation.com/)

    * [뉴스레터](https://mt.artstation.com/subscription/q8BISXhn)
    * [페이스북](https://www.facebook.com/artstationhq)
    * [인스타그램](https://www.instagram.com/artstationhq)
    * [트위터](https://twitter.com/ArtStationHQ)

    * [이용약관](https://www.artstation.com/tos)
    * [개인정보처리방침](https://www.artstation.com/privacy)
    * [_info_ Impressum](https://www.epicgames.com/site/de/impressum?lang=de)

가입

닫기

그림 30: ArtStation

가입

예술과 디자인을 위한 선도적인 쇼케이스 플랫폼에 참여하세요.

그림 31: Epic Games, Inc.Epic Games 가입

이미 계정이 있나요?

여기에 로그인

닫기

그림 32: ArtStation

로그인

그림 33: Epic Games, Inc.Epic Games로 로그인Google로 로그인 Facebook으로 로그인

아니면

이메일 주소

비밀번호

로그인

비밀번호를 잊으셨나요?

계정이 없나요?

여기서 가입하세요

유럽의 ArtStation을 사용하고 계신 것 같습니다.

통화를 유로(€)로 변경하시겠습니까?

영국의 ArtStation을 사용하고 계신 것 같습니다.

통화를 파운드(£)로 변경하시겠습니까?캐나다의 ArtStation을 사용하고 계신 것 같습니다.

통화를 CAD($)로 변경하시겠습니까?

USD $ 유지

EUR로 변경 €GBP로 변경 £CAD $로 변경

공지: 2025년 4월 6일부터 본 약관이 업데이트될 예정입니다.새 약관 읽기

그림 34: Adrian Mendez

아드리안 멘데스

DLE의 수석 VFX 아티스트 | 액티비전. COD WZN. 이전 유비소프트

팔로우

더 보려면 스크롤하세요.

그림 35: Genshin 임팩트 캐릭터 셰이더 분석 [Unity URP]

그림 36: Genshin Impact 캐릭터 셰이더 분석 [Unity URP]

그림 37: Genshin Impact 캐릭터 셰이더 분석 [Unity URP]

그림 38: Genshin 임팩트 캐릭터 셰이더 분석 [Unity URP]

그림 39: Genshin Impact 캐릭터 셰이더 분석 [Unity URP]

맞춤형 조명먼저 간단한 NdotL을 수행합니다(NdotL은 법선 방향과 빛 방향 사이의 내적입니다).

그림 40: Genshin Impact 캐릭터 셰이더 분석 [Unity URP]

맞춤형 조명

Cel 셰이딩 스타일에서 가장 중요한 것은 빛과 그림자 사이의 전환입니다. Genshin Impact에서는 극도의 경도를 수행하지 않으므로 0.1이면 충분합니다.

그림 41: Genshin Impact 캐릭터 셰이더 분석 [Unity URP]

맞춤형 조명

더 많은 색상 제어를 위해 그림자와 빛에 색조를 더하려면 이전 결과를 사용하여 Lerp를 수행합니다.

그림 42: Genshin 임팩트 캐릭터 셰이더 분석 [Unity URP]

맞춤형 조명

결과에 기본 텍스처를 곱합니다.

그림 43: Genshin 임팩트 캐릭터 셰이더 분석 [Unity URP]

외부 그림자

Genshin Impact는 다른 색상의 외부 작은 그림자를 추가합니다. 또 다른 NdotL을 수행하되 이번에는 약간 상쇄하고 전환을 더 어렵게 만들고 비슷한 색상으로 색조를 지정합니다.

그림 44: Genshin 임팩트 캐릭터 셰이더 분석 [Unity URP]

이방성 머리카락

머리카락은 빛을 받을 때만 빛납니다. 더 나은 결과를 위해 프레넬로 옆면을 제거할 수도 있습니다.그림 45: Genshin 임팩트 캐릭터 셰이더 분석 [Unity URP]

페이스 섀도우

단순한 NdotL은 셀 셰이딩 아트 스타일, 특히 얼굴에 가장 적합한 옵션이 아닙니다. 빛의 방향에 따라 결과가 좋지 않을 수 있습니다.

나쁜 결과를 피하기 위해 법선 방향을 편집할 수 있지만 더 나은 옵션이 있습니다.

그림 46: Genshin 임팩트 캐릭터 셰이더 분석 [Unity URP]

4K 8K Pro 회원은 4K8K로 자산을 표시할 수 있습니다. 여기에서 구독하세요

페이스 섀도우

이 텍스처를 사용하여 그림자 모양을 수정할 수 있습니다.

채널 R은 0~180도에 사용됩니다.

채널 G는 180~360도에 사용됩니다.

그림 47: Genshin 임팩트 캐릭터 셰이더 분석 [Unity URP]

메탈릭

금속성 부분은 디퓨즈 텍스처와 매트캡이 일종의 혼합된 것처럼 보입니다. 그래서 Matcap을 만드는 것으로 충분할 것입니다. 그러나 저는 비슷하고 간단한 것을 했습니다.

그림 48: Genshin 임팩트 캐릭터 셰이더 분석 [Unity URP]

메탈릭

1- 원하는 색상의 그라데이션 텍스처를 사용하여 금속에 색조를 입히고 일반 벡터와 보기 방향 + 빛 방향 사이에 DOT를 수행하여 UV를 수행합니다.

2- 필요한 경우 법선 맵을 사용하여 Gradient Texture UV를 왜곡합니다.

그림 49: Genshin Impact 캐릭터 셰이더 분석 [Unity URP]

메탈릭

그림 50: Genshin Impact 캐릭터 셰이더 분석 [Unity URP]

메탈릭

그림 51: Genshin 임팩트 캐릭터 셰이더 분석 [Unity URP]

메탈릭

그림 52: Genshin Impact 캐릭터 셰이더 분석 [Unity URP]

노멀 맵이 포함된 메탈릭

그림 53: Genshin 임팩트 캐릭터 셰이더 분석 [Unity URP]

빛과 안개

마지막으로 최종 결과에 색상 빛과 안개를 곱합니다. 캐릭터 셰이더가 완성되었습니다. 후처리로 넘어가겠습니다.

그림 54: Genshin 임팩트 캐릭터 셰이더 분석 [Unity URP]

개요

아웃라인 후처리는 기존 방법(메시 복제, 크기 조정 및 뒤집기)이 덜 정확하기 때문에 더 좋습니다.

사용자 정의 후처리를 위해서는 blit 렌더링 기능이 필요합니다. 저는 다음을 사용했습니다:

https://github.com/Cyanilux/URP_BlitRenderFeature그림 55: Genshin 임팩트 캐릭터 셰이더 분석 [Unity URP]

개요

1- Depth Scene Texture와 Normal Scene Texture를 사용하여 동일한 작업을 수행하여 가장자리를 감지합니다.

2 - 최대 가장자리 적용 범위를 위해 두 결과를 결합합니다.

이 기사에 대한 추가 정보:

https://roystan.net/articles/outline-shader.html

그림 56: Genshin 임팩트 캐릭터 셰이더 분석 [Unity URP]

윤곽선 면

얼굴 등의 불필요한 윤곽선을 피하기 위해 심도 값을 조작하여 나타나기 어렵게 만듭니다.

그림 57: Genshin 임팩트 캐릭터 셰이더 분석 [Unity URP]

가장자리 하이라이트

Genshin Impact는 대부분의 애니메이션과 마찬가지로 캐릭터 주위에 흰색 윤곽선이 있습니다.

이것은 프레넬이 아닙니다.

캐릭터의 실루엣을 읽고 소벨 필터로 가장자리를 감지하여 최종 이미지에 추가하는 후처리입니다.

그림 58: Genshin 임팩트 캐릭터 셰이더 분석 [Unity URP]

가장자리 하이라이트

깊이 장면 텍스처를 읽은 다음 Sobel 필터를 사용하여 가장자리를 감지합니다. 윤곽선은 깊이 값이 큰 쪽으로 삽입됩니다.

마지막으로 가장자리 강조 표시를 약간 아래로 이동합니다.

그림 59: Genshin Impact 캐릭터 셰이더 분석 [Unity URP]

포스트 프로세스 톤매퍼

Unity URP에는 조정 가능한 매개변수가 없는 2개의 톤매퍼가 있습니다.

중립: 색상 채도를 유지하지만 가장 밝은 영역에서는 계속해서 조명이 부족합니다.

Aces: 밝은 영역을 수정하지만 색상을 대비하고 채도를 낮춥니다.

그림 60: Genshin Impact 캐릭터 셰이더 분석 [Unity URP]

포스트 프로세스 톤매퍼

중립이 가장 좋은 옵션이지만 사용자 정의 톤매퍼를 작성하는 것이 더 좋습니다.

그림 61: Genshin 임팩트 캐릭터 셰이더 분석 [Unity URP]

포스트 프로세스 톤매퍼

저는 Gran Turismo 톤매퍼(https://www.desmos.com/calculator/gslcdxvipg?lang=es)를 사용했습니다. 채도를 유지하고 탄 부분을 수정하기 때문입니다. 이것은 만화 스타일에 이상적입니다.

그림 62: Genshin Impact 캐릭터 셰이더 분석 [Unity URP]

안경 효과

Sucrose의 안경에 시차 효과를 추가했는데 원본에서는 사용되지 않았지만 추가로 추가했습니다.

그림 63: Adrian Mendez

아드리안 멘데스

DLE의 수석 VFX 아티스트 | 액티비전. COD WZN. 이전 유비소프트

팔로우

그림 64: 좋아요좋아요 저장

그림 65: 좋아요1.2K

그림 66: 놀라운그림 67: 마법

그림 68: 훌륭함

그림 69: 크리에이티브

반응이란 무엇입니까?

반응은 좋아요 수를 변경하지 않고도 프로젝트에 응답하는 더 많은 방법을 추가하는 베타 기능입니다.

광고 이미지 70: 예정된 프로젝트 이미지 71: ArtStation 아티스트.

Genshin 임팩트 캐릭터 셰이더 분석 [Unity URP]

저는 Genshin Impact 아트 스타일을 좋아해서 캐릭터 셰이더가 어떻게 만들어지는지 연구하기로 결정하고 Unity URP를 사용했습니다.

다음은 커뮤니티와 공유하고 싶은 약간의 분석입니다.

캐릭터와 텍스처는 Hoyoverse 회사에서 제공합니다. 여기에서 공식적으로 모델을 다운로드할 수 있습니다.

https://genshin.hoyoverse.com/ja/news/detail/5885

제 경우에는 교육 목적으로만 모델을 사용하고 있습니다.

셰이더 기능:

  • 셀 셰이딩을 위한 맞춤형 조명(여러 조명 지원, 그림자 투사).

  • 외부 그림자.

  • 이방성 모발.

  • 얼굴 그림자 조정.

  • 메탈릭.

  • 개요.

  • 특별한 얼굴 윤곽선.

  • 가장자리 하이라이트.

  • 맞춤형 톤매퍼.

  • 디더링.

  • 안개.

더 보기

4년 전 게시됨

1.2K 반응

조회수 36.3천회

댓글 7개

공유

저장

공유

공유

사용된 소프트웨어

댓글 7개

Kt 앳 Kt

게임 개발자

감사합니다! 매우 유익합니다.

얼굴 그림자 텍스처 만드는 방법을 물어봐도 될까요?

감사해요!

* 좋아요 
* 2 
* 2년 

타마라 하이트만

3D 캐릭터 및 천 아티스트

정말 멋지고 도움이 됩니다!

* 좋아요 
* 3년* [![그림 75 : 권동환](/imported/toon-shader-links/sdf-face-shadow-video-course-2/image-015.jpg)](https://www.artstation.com/ruddyk)

* [악용사례 신고](https://safety.epicgames.com/en-US/policies/reporting-misconduct/submit-report?product_id=artstation_content_report&content_id=5795657&content_type=project_comment)

권동환

TA / 제너럴리스트 _ GIANTSTEP | @ruddyk_work

와 대단하다

* 좋아요 
* 4년 

 더 많은 답글 로드

더 많은 댓글 로드

태그

Adrian Mendez의 콘텐츠 더보기* 그림 76: 포켓몬 다이아몬드 & 펄 아르세우스 조우 [영상 컨셉/팬아트] VFX 분해

  • 그림 77: 포켓몬 레츠고 워터 쉐이더 [팬아트]
  • 이미지 78: Unity HDRP 레드 슬래시 VFX 릴
  • 그림 79: 개인용 VFX 릴 [2017]
  • 이미지 80: 실시간 VFX 릴 2019 - Respawnables Heroes
  • 그림 81: Nier Automata VFX Bullets Shader [팬아트]
  • 그림 82: 전문 VFX 릴 [2017]
키보드 단축키
  • 이전
  • 다음
  • Esc 닫기

제보