UNITY로 투명화 커브드 영상 배경화면 제작

2022.04.11 네이버 블로그에 올린 글을 이전한 게시글입니다.

 

 

UNITY로 칼리굴라 이펙트2 전투씬에 나오는 배경투명화 영상을 제작해보았다

 

 

우선 결과물.

 

 

 

칼리굴라의 느낌으로 카메라도 이동시켜 보았다.

 

 

영상원본은 망상감상대상연맹이다

이유는 알파추출이 쉬워보여서:)

 

https://youtu.be/8pGRdRhjX3o

 

---

1. Davinci Resolve로 배경투명 영상 만들기

 

유니티 공식홈페이지의 Videoplayer 설명을 보면

webm파일포멧과 VP8비디오 코덱이 있으면 비디오에 알파적용이 가능하다는 설명이 있다

https://docs.unity3d.com/kr/2020.3/Manual/VideoTransparency.html

 

우선 다빈치 리졸브를 이용하여 알파를 뺀다.

 

 

[다빈치 리졸브로 영상 알파 빼기]

하단의 [Color]탭에 이동한 후,

노드부분에 마우스 오른쪽 클릭 -> [Add Alpha Output]을 클릭한다.

[Add Alpha Output]을 클릭하면 파란색 노드가 추가된다

 

 

스포이드툴을 선택한 후 알파를 뺄 곳에(투명화를 할 곳에) 클릭한다.

 

선택한 부분의 알파를 뺄것이므로 반전을 눌러

선택한 부분의 알파값을 빼준다.

​

만약 크로마키 영상이 필요하다면 크로마키도 이와 같은 방법으로 진행한다.

렌더세팅

알파값을 함께 빼야하므로 [Export Alpha]를 체크해준다

​

​

​

[FFmpeg를 이용하여 포멧설정]

 

webm 포멧 코덱을 위해서는 FFmpeg를 사용해야한다

​

https://ffmpeg.org/download.html#build-windows

 

 

[설치폴더/bin]위치에 알파값을 뺀 영상을 넣는다

​

 

​[FramesToWebm.bat] 파일을 생성하여 실행시킨다

ffmpeg -i AlphaTest_Audio.mov -vcodec libvpx -auto-alt-ref 0 -codec:a libvorbis OutputAudio.webm

pause

 

​

-i AlphaTest_Audio.mov : 출력파일 이름

-vcodec libvpx : 사용코덱

-codec:a libvorbis OutputAudio.webm : 입력파일이름

​

​

[유니티에서 확인]

영상의 알파가 제대로 빠졌는지 확인한다

​

​

 

[Assets] - [Import New Asset]을 이용하여 만들어진 영상을 임포트한다

VideoPlayerPlayer로 플레이해보면 알파값이 잘 빠진것을 확인할 수 있다.

 

---

2. 굽어진(커브드) 캔버스 만들기

칼리굴라에선 둥글게 기울어진 캔버스를 사용하므로 기울어진 캔버스를 만들어보도록한다.

​

캔버스를 기울일 방법이 없으므로 다른 모델링을 이용하여 그 위에 매쉬랜더링을 하는 방법을 이용한다.

​

​

[Unity ProBuilder를 이용하여 커브드 캔버스 모델링 만들기]

 

[Package Manager]를 사용해 ProBuilder를 임포트해준다.

 

 

임포트에 성공했다면 [Tool]-[ProBuilder Window]로 프로빌더 윈도우를 활성화시킬 수 있다.

​

​

Unity ProBuilder는 유니티상에서 간단한 모델링이 가능하도록 지원해주는 기능이다

 

[New Shape]를 이용해 원뿔을 만들어준다

SideCount는 둥글게 보이도록 14로 설정했다

 

면 선택버튼을 누른 후 안쪽면을 제외한 바깥쪽 면들을 선택 -> [Delete Faces]를 클릭하여 내부면만 남겨둔다

 

 

 

 

내부의 면들만 남은 모습

 

 

 

 

UV에디터를 이용하여 UV를 정리해준다

 

 

 

 

처음 UV에디터를 켜면 UV가 정리되지않은 모습을 볼 수 있다

이를 정리해준다

​

​

[영상플레이용 머테리얼 생성하기]

​

 

 

 

​ [Create]-[Material]을 눌러 새로운 머테리얼을 추가한다

 

​

 

투명화를 지원해야하므로 Redering Mode를 [Transparent]로 설정해준다

 

 

 

 

VideoPlayer에 연결한다

 

 

결과물

​

영상의 알파값이 잘 빠진 모습이다

​