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



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

금별 0 2,921 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


번호 포토 분류 제목 글쓴이 날짜 조회
695 언리얼4 언리얼5 - 블랙 매직 빔형태 캐논볼 제작튜토리얼 금별 01.08 273
694 언리얼4 언리얼 - 워리어 검기/휠윈드 트레일효과 제작과정(중국어/AI자막) 금별 01.05 301
693 언리얼4 언리얼 - 홀리 라이트 버프효과 제작과정(중국어/AI자막) 금별 01.05 201
692 유니티 유니티 앰플리파이 셰이더 - 색수차 활용 글리치 효과 제작튜토리얼 금별 01.03 198
691 언리얼4 언리얼엔진 셰이더 최적화(번역자료) 금별 2023.12.30 212
690 언리얼4 언리얼/3DsMax - 레이파이어 Export (부서지는메시 언리얼엔진에 넣기 || 한국어) 금별 2023.12.30 156
689 언리얼4 언리얼 - 시퀀서 기본 사용법(한국어) 금별 2023.12.30 161
688 언리얼4 언리얼 - 파라곤 캐릭터 조작 설정 금별 2023.12.30 131
687 언리얼4 언리얼 레벨관련 - 언리얼 배경 설정 (퀵셀 브릿지로 배경 꾸미기) 금별 2023.12.30 143
686 3D 3dsMax - 토네이도 메시 제작과정(중국어/AI한글자막) 금별 2023.12.27 257
685 3D 3dsMax - 나선형 아우라 메시 제작 금별 2023.12.27 197
684 3D 3dsMax - UI 경계에 활용되는 메시 제작과정 금별 2023.12.27 147
683 3D 3DsMax - 쉴드 메시 모델 제작방법(중국어/AI자막포함) 금별 2023.12.27 144
682 2D 포토샵 - 게임이펙트 Tornado 에 쓰인 텍스처 그리기 금별 2023.12.26 185
681 유니티 유니티 앰플리파이 셰이더 - 똥파리 셰이더 옷 제작과정 금별 2023.12.23 217
680 언리얼4 언리얼 - 절차적 폭포 생성툴 데모 및 기술분석(한글자막) 금별 2023.12.22 162
679 유니티 유니티 앰플리파이 셰이더 - Hell Rift VFX를 만드는 방법(한국어자막/+후디니,섭디) 금별 2023.12.22 231
678 언리얼4 언리얼 - 나이아가라 별자리 연결 효과 제작과정(중국어/한글자막) 금별 2023.12.20 323
677 언리얼4 언리얼 - 젤다 느낌의 폭파 간단제작과정(한글자막) 금별 2023.12.19 248
676 언리얼4 언리얼5 - 음악효과 시각화방법[커스텀 모듈 간단적용](중국어/한글자막) 금별 2023.12.18 165
675 언리얼4 언리얼5 - 빗방울 효과와 물튀김 효과 제작과정(중국어/한글자막) 금별 2023.12.18 232
674 언리얼4 언리얼엔진 시네마틱 다이브 2023 - 시퀀서와 무비 렌더큐 기초(한글자막) 금별 2023.12.18 146

 

Banner
 
Facebook Twitter GooglePlus KakaoStory NaverBand