유니티 이펙트 팁 - 데스스트랜딩 홀로그램 효과 참고해 만들기



유니티 이펙트 팁 - 데스스트랜딩 홀로그램 효과 참고해 만들기

금별 0 3,081 2019.11.19 20:48

(eVan님의 언리얼이펙트클래스정보 : https://cafe.naver.com/unrealfx/17165 )

 

 

 

 

 

I’m not sure if they had two parts inside the real game but I went like this:

 

First there is a 3d model somewhere in the world, viewed by a camera, rendering the result into a render texture. In this 3d model I have a special shader that will do the vertex noisy offset (which can be seen as transmission issues), and scanlines. Scanlines felt to be part of the 3d model, so I added them at this step.

3d model:

 

base_3dmodel

 

 

shader (the scanlines are messy, there should be a better way to do it) (big file, open it on another tab to zoom into it):

 

 

base_3dmodel_shader

 

The second part is the hologram itself. I use a simple quad with a custom shader on it. The shader will use the render texture as a base, and will put different things on top of it:

an outline (I think in DS they did it differently, as the line appears inside the 3d model as well)

color correction

while noise effect (I’m not sure about this one, in DS it looks like it’s also put on the 3d model)

chromatic aberration (which is not on DS, at least on this hologram, but I love doing it)

 

hologram

 

The outline is a multisampling of the texture with a small offset in 4 directions, that will give a thicker version of the texture, subtracting by the alpha of the base texture will give the outline.

 

 

float finalA = 0;
finalA += tex2D(_MainTex, uv + float2(offset, 0)).a;
finalA += tex2D(_MainTex, uv + float2(-offset, 0)).a;
finalA += tex2D(_MainTex, uv + float2(0, offset)).a;
finalA += tex2D(_MainTex, uv + float2(0, -offset)).a;
return saturate(finalA);

 

 

 

I put this on a custom expression node, as it avoids dealing with a lot of nodes.

 

 

For the chromatic I simply sample 3 times the texture with an offset and extract R G and B individually, then combine them and add it to the base texture. I also have a custom chromatic UV that is shifting with a mask I made, to add some variety on the effect.

 

 

 

 

The white noise is juste a noise texture panning randomly with a mask panning vertically that will remove a part of the noise.

 

Around that I made a simple hologram fake light, with a custom mesh and a custom texture:

fake_light_mesh

 

 

fake_light_mesh

 

 

There is also some “plus” floating in the air, I used a basic tiled texture with a simple shader that will shake the UV:

 

plus_pattern

 

 

Finally I used Cinemachine to add some fake random movement and add a bit of life, and made a animation to trigger everything for the last shot.

 

Feel free to ask me more questions if you want more details on a specific point.

 

 

 

 

Comments


번호 포토 분류 제목 글쓴이 날짜 조회
763 2D 포토샵/맥스 - 연기형태의 메쉬 및 텍스쳐 제작방법 금별 03.10 221
762 2D 포토샵 - 잎파리/눈결정체 시퀀스 제작하기 금별 03.10 261
761 2D 포토샵 - 수박무늬 베이스 롤스타일 바닥크랙 텍스쳐 제작과정 금별 03.10 154
760 언리얼4 메쉬를 활용 페이크 볼류메트릭 스모크 간단제작짤방 금별 03.08 197
759 언리얼4 언리얼/게임이펙트기초 - 린반님의 사소한 라이브1(질답위주 라이브) 금별 03.06 167
758 2D 섭스턴스 디자인 - VFX 해골 네크로 발사체 트레일 텍스처 제작방법 part1(한글자막) 금별 03.06 181
757 언리얼4 언리얼5 - 리마스터 파라곤 FX part1 금별 03.06 185
756 언리얼4 언리얼 - 나이아가라에서 For Loops를 사용해 가장 높은 파티클 찾기(한글자막) 금별 03.05 156
755 언리얼4 언리얼 - 충돌(콜리전) 채널로 충돌 제어(한글자막) 금별 03.05 159
754 언리얼4 언리얼 - 월드포지션옵셋으로 뿌리를 내리는 효과 제작과정(한글자막) 금별 03.05 153
753 언리얼4 언리얼 - 머트리얼과 나이아가라를 사용하여 오브젝트 크기 조정(한글자막) 금별 03.05 148
752 언리얼4 언리얼 - 차원 포탈 생성 VFX 제작과정 금별 03.04 282
751 언리얼4 언리얼 - Sobel 외곽선 탐지 포스트 프로세스 제작과정(한글자막) 금별 03.04 204
750 언리얼4 언리얼 - VFX 아티스트로서 더 빠르게 작업하기 위한 단축기 사용법(한글자막) 금별 03.04 172
749 유니티 유니티 셰이더 그래프 - 가까운 거리에 따른 오퍼시티 변화 셰이더효과 제작과정(한글자막) 금별 02.28 254
748 언리얼4 언리얼5 - Stylized 불효과 제작방법(한글자막) 금별 02.28 220
747 언리얼4 언리얼 머트리얼 - 쇼크웨이브 형태의 디스토션 텍스쳐변화 효과 금별 02.27 199
746 언리얼4 Stylized 전기빔효과 간단제작팁 금별 02.27 211
745 유니티 유니티 앰플리파이 셰이더 - 2D 형태 Sci-fi 파티클 테이링 효과 예제 및 제작노드 금별 02.26 218
744 3D 3dsMax - 벌집모양의 쉴드형태 제작방법(AI한글자막) 금별 02.26 294
743 유니티 유니티 - 카툰풍 핵폭발 효과 제작과정(AI한글자막) 금별 02.26 492
742 언리얼4 언리얼5 - 8 Elements Pack에 들어가는 물효과 재현 과정(한글자막) 금별 02.23 226

 

Banner
 
Facebook Twitter GooglePlus KakaoStory NaverBand