본문 바로가기
Substance 3D

[Part2] 모션 디자이너를 위한 Substance 3D Painter

by SUGI_ 2024. 5. 16.

Substance 3D Painter에서 텍스처링된 모델과 함께 After Effects를 사용하여 3D 모션 디자인 작업을 향상시키는 방법.
 

1. 시작하기

Substance 3D를 사용하여 After Effects 프로젝트의 3D 작업 흐름을 향상시키는 방법
 

2. After Effects로 보내기

 
Configure - 3D 파일 형식을 저장하려는 출력 directory / 기본 값 glb , gltf → 3D 및 애프터이펙트에 사용하기 위해 선호되는 3D 형식
 
GLB는 모든 텍스처 맵이 GLB 파일 자체에 포함되어 있기 때문에 훌륭한 옵션
https://www.adobe.com/kr/products/substance3d/discover/3d-files-formats.html

 

다양한 유형의 3D 파일 포맷 - Adobe

저장되는 3D 모델의 데이터와 정보에 따라 3D 파일 포맷 유형이 달라집니다. 다양한 3D 파일 유형을 자세히 살펴봅니다.

www.adobe.com

gltf - 인기 있는 다양한 3D 애플리케이션과 호환
웹과 실시간 인터렉티브 요소에 최적화된 GLTF 및 GLB 파일은 크기가 비교적 작아 애플리케이션에 빠르게 로딩.

 

3. 컴포지션 만들기

 
새 컴포지션 생성
개체 크기 조정에 대한 옵션 - Make Comp Size 선택 → 구성 요소 크기에 맞게 3D 모델의 크기가 조정
 
※ 파일 저장을 한글로 하니까 애펙 창에서 안보임 ...! 영어로 하니까 보인다.. 파일 이름은 꼭 영어로 하기

 
3D 모델을 변환할 수 있는 새로운 속성 패널
 

4. 3D 보기 탐색

단축키 1 - 회전 , 2 - 이동, 3 - 크기  조절
 
확대 축소 - Alt or Option 키를 누른 상태에서 마우스 오른쪽 버튼
회전 - Alt or Option 키를 누른 상태에서 마우스 왼쪽 버튼
이동 - Alt or Option 키를 누른 상태에서 마우스 휠 버튼
 

새 카메라 생성

Layer - New - Camera (단축키 Ctrl + Alt + Shift + C)

카메라 설정

 
2 Views를 사용하여 3D 공간내에서 카메라를 이동할 수 있음 
 

5. 3D 모델 애니메이션

키프레임을 통해 애니메이션 작업
 

6. 작업 조명 사용

새 조명 추가
Layer - New - Light (Ctrl + Alt + Shift + L)

 
Environment - 그림자가 있는 이미지 기반 조명을 생성 
빛의 광원을 선택할 수 있음 
High Dynamic Range = HDR 사용하여 장면을 비춥니다.
 
Assets - 조명 다운로드 

 
내 환경에 사용할 HDR 이미지를 다운로드
 
After Effects는 도트 HDR 형식만 지원하므로 Photoshop을 사용하여 EXR을 실체 3D 자산에서 HDR로 변환해야 함. 
Radiance format = HDR file
 
포토샵에서 EXR 파일을 열려고 다운받아서 설치했는데
https://exchange.adobe.com/apps/cc/20897/exr-io

 

Adobe Exchange

exchange.adobe.com

https://www.exr-io.com/

 

Exr-IO free Photoshop OpenEXR plug-in | OpenEXR Free plugin for Adobe Photoshop

Exr-IO Exr-IO is a free, extensive and precise OpenEXR image format reader and writer for Adobe Photoshop. It imports all image channels from OpenEXR file into separate Photoshop layers. Unlike existing solutions, Exr-IO supports all latest OpenEXR standar

www.exr-io.com

 
왜 오류가 뜨지?

 
https://community.adobe.com/t5/after-effects-discussions/huge-bug-after-effects-18-2-import-bug-with-exr-images-and-sequences/td-p/12030390

 

Huge BUG! After effects 18.2 import bug with EXR images and sequences

With the latest After Effects there's a serious bug with EXR images and sequences where parts of the image disappear. I do not know where to report this now that AE has changed to a voting system for feature requests. But this should seriously be fixed qui

community.adobe.com

 
그래서 파일을 변환해서 일단 처리하려고 했으나 실패 .. 파일 문제인가 ..?
https://convertio.co/kr/download/ae0800a5d17598c6018cab9535d448fb0092f6/

 

변환된 파일 — Convertio

전반적 변환 품질 평가 4.6 (23,548,329 표) 의견을 제공하려면 1 개 이상의 파일을 변환하여 다운로드해야합니다.!

convertio.co

 
근데 애펙에 EXR 파일이 열려서 일단 해봄
 
https://convertio.co/kr/exr-hdr/

 

EXR HDR 변환 (온라인 무료) — Convertio

exr 파일(들) 업로드 컴퓨터, Google Drive, Dropbox, URL에서 선택하거나 이 페이지에서 드래그하여 선택해 주세요.

convertio.co

 

뜨긴 하네 ?!

근데 파일이 다 잘려서 보임 ..

 
EXR 파일은 애펙 오류 남.. HDR로 해야함
 

해결 ! 디바이스 문제였던 것...


환경 조명의 소스 옵션을 HDR 레이어로 설정하여 3D 장면을 조명할 수 있음
변환을 통해 조명 방향을 변경할 수 있음
 

7. 그림자 작업

그림자와 렌더링 품질을 살펴볼 수 있음
지금 3D에는 그림자가 전혀 보이지 않다는다는 것을 알 수 있음
 
Render Options

 
Casting Box를 기반으로 한 복셀 그리드에 의해 계산됨.

 
내 Casting Box에는 내 3D 오브젝트가 포함되어 있지 않으며 
장면 맞추기 버튼을 클릭하여 수정할 수 있음

시각화하여 확인 가능

복셀 그리드의 크기와 위치를 보여줌
 
Casting Box가 낮을수록 낮은 해상도로 더 높은 충실도의 그림자를 얻을 수 있고
Resolution 해상도와 Smoothness 부드러움을 설정하면 메모리 사용량에 영향을 미치므로 성능이 향상될 수 있음
 
Casting Box 외부의 3D 개체는 그림자를 투사하지 않음
그러므로 애니메이션 모델의 Casting Box 크기를 고려하는 것이 좋음
 
더 높은 충실도의 그림자를 얻기 위해 Render Quality을 높일 수 있음
품질과 재생 속도 사이의 적절한 균형을 찾는 것!
 
새로운 솔리드 추가 Ctrl + Y

3D 켜기
Material Options 수정

 
나는 그림자 효과가 안나오는데 ..? Casting Box가 잘못 조절된 건가 다시해보기
 

값을 조정하면 품질 설정으로 인해 장면이 꽤 느리게 업데이트되는 것을 볼 수 있음
따라서 빠른 미리 보기로 이동하여 적응형 해상도로 설정

1/2로 되어있는지 확인

해상도가 낮아졌다가 다시 높은 품질로 돌아가는 걸 확인 가능 
언제든지 수정 가능
 

활성화하면 그림자가 비활성화되는 초안 모드로 전환 / 렌더링 품질 저하
그러나 이 보기는 매우 빠르게 작동

8. 3D 저장소 이해

3D 작업의 두 가지 중요한 측면
장면 위에 합성된 2D 레이어가 있음
각 저장소를 레이어 스택에 합성된 프레임으로 렌더링한다는 것
 

9. 3D 빛과 그림자

환경 라이트만 그림자를 투사
 

10. 3D 레이어에 효과를 적용하는 방법

3D 모델에 효과를 직접 적용할 수 없다는 것
그러나 몇 가지 옵션이 있음
구성 요소를 미리 구성하고 조정 레이어를 사용할 수 있음
그러나 레이어를 입력으로 사용하는 모든 효과는 3D 레이어를 사용할 수 있음
 
Layer - New - Solid

솔리드에 효과 추가
Opacity 100 / Blending Mode Copy

3D 레이어의 2D 버전을 만들었음
 
다른 효과를 적용
Hue 왜 전체가 아니고 얘만 바뀌지?

움직이여도 2D레이어도 업데이트 되는 걸 확인
솔리드에 대한 계산을 사용하는 것은 효과를 만들거나 3D 모델에 효과를 적용하는 좋은 방법
 

11. 최종소감

이 새로운 3D 워크 플로우에서 가장 좋아하는 점은
텍스트 및 비디오와 같은 2D 레이어를 3D 콘텐츠와 쉽게 혼합하여 애펙 효과를 종료할 필요 없이 프로젝트를 풍부하게 할 수 있다는 것 
 
혼합물에 Substance 3D를 추가하면 사실적인 재료를 만들기 위한 놀라운 솔루션이 제공
 
https://youtu.be/qPOkGR7Ek2I?si=KL9-tMvA34reXabW

 

728x90