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



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

금별 0 4,102 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


번호 포토 분류 제목 글쓴이 날짜 조회
680 언리얼4 언리얼 - 절차적 폭포 생성툴 데모 및 기술분석(한글자막) 금별 2023.12.22 971
679 유니티 유니티 앰플리파이 셰이더 - Hell Rift VFX를 만드는 방법(한국어자막/+후디니,섭디) 금별 2023.12.22 1031
678 언리얼4 언리얼 - 나이아가라 별자리 연결 효과 제작과정(중국어/한글자막) 금별 2023.12.20 1306
677 언리얼4 언리얼 - 젤다 느낌의 폭파 간단제작과정(한글자막) 금별 2023.12.19 1143
676 언리얼4 언리얼5 - 음악효과 시각화방법[커스텀 모듈 간단적용](중국어/한글자막) 금별 2023.12.18 930
675 언리얼4 언리얼5 - 빗방울 효과와 물튀김 효과 제작과정(중국어/한글자막) 금별 2023.12.18 1223
674 언리얼4 언리얼엔진 시네마틱 다이브 2023 - 시퀀서와 무비 렌더큐 기초(한글자막) 금별 2023.12.18 1071
673 유니티 유니티 - 대쉬 수룡참효과 제작과정(중국어/AI한글자막) 금별 2023.12.16 1588
672 언리얼4 게임 이펙트 개념과 준비[린반 라이브 특강 12.14] 금별 2023.12.14 1026
671 언리얼4 언리얼5 - 나이아가라 Ray/Path Effect(한글자막) 금별 2023.12.14 1311
670 유니티 유니티 VFX 그래프 - 기둥형태 내리꽂는 빔효과 제작과정(한글자막) 금별 2023.12.13 1762
669 언리얼4 언리얼5 - 머트리얼과 나이아가라를 사용하여 오브젝트 크기 조정(한글자막) 금별 2023.12.12 1083
668 언리얼4 언리얼/후디니 활용 검기 메쉬 제작방법(중국어/한글자막) 금별 2023.12.12 1536
667 언리얼4 언리얼5 - 가변값의 셰이딩 이해 금별 2023.12.12 1111
666 언리얼4 언리얼 - 버텍스 셰이더 최적화 설명영상 금별 2023.12.12 1132
665 언리얼4 언리얼5 - 모래폭풍 만들기 제작과정 금별 2023.12.12 1584
664 유니티 유니티 VFX 그래프 - Ribbons and Balls 금별 2023.12.11 932
663 언리얼4 언리얼5 - 나이아가라 코인 이펙트 제작과정 금별 2023.12.10 1007
662 언리얼4 언리얼 5 - 비기너를 위한 라이팅 튜토리얼 금별 2023.12.07 882
661 언리얼4 언리얼 - 물속성 발사체 3D Meshes 제작과정 PART 1 금별 2023.12.05 1088
660 언리얼4 언리얼 - 크리스탈 머트리얼 이펙트 제작과정 금별 2023.12.05 1058
659 2D 포토샵 - 다양한 형태의 VFX 텍스쳐 가공방법팁 금별 2023.12.01 1292

 

Banner
 
Facebook Twitter GooglePlus KakaoStory NaverBand