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



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

금별 0 5,265 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


번호 포토 분류 제목 글쓴이 날짜 조회
1281 언리얼4 Heat Distortion VFX for Fire in UE5 Niagara! (Photoshop & Normal Map Workflow) ????????✨ ashif 12.16 39
1280 2D 섭스턴스 디자인 - 색수차(Chromatic Aberration) 매직 오라 텍스처 만들기(한글자막) 금별 12.16 52
1279 언리얼4 언리얼 - 미호요 신작 스타일 Depth Fade와 UV 조작을 이용한 공간 포털 연출(한글자막) 금별 12.16 71
1278 언리얼4 언리얼5 - Polar Coordinates를 활용한 태극 무늬 제작 금별 12.16 38
1277 언리얼4 언리얼 - AAA 게임 개발에서의 나이아가라 모듈(Niagara Module) 연구 및 적용 금별 12.16 41
1276 유니티 유니티 - 유니티 스플라인 카메라 무브먼트 예제(워프 효과 연출) 금별 12.16 38
1275 언리얼4 언리얼 - 간단한 스타일라이즈드 불효과 제작과정팁 금별 12.16 44
1274 언리얼4 Simple Stylized Tornado VFX in UE5 Niagara! (Torus Mesh, Erode & Dynamic Params) ????️????✨ ashif 12.15 41
1273 2D 섭스턴스 디자인 - 움푹 파인 바닥 절차적 제작과정(한글자막) 금별 12.10 84
1272 언리얼4 언리얼 - Stylized 파도/물보라 제작과정 part3(한글자막) 금별 12.10 95
1271 언리얼4 언리얼 - Stylized 파도/물보라 제작과정 part2(한글자막) 금별 12.10 67
1270 언리얼4 언리얼 - Stylized 파도/물보라 제작과정 part1(한글자막) 금별 12.10 73
1269 언리얼4 언리얼 - 나이아가라 나선형 파티클 구현 과정 금별 12.04 130
1268 언리얼4 Create a Bubble Shield VFX in UE5 Niagara! (Character Defense & Multi-Layer Bubbles) ????️ ashif 12.02 142
1267 언리얼4 언리얼 - 흡입형 화면이 빨려들어가는 느낌 스크린 이펙트 제작과정(한글자막) 금별 12.02 178
1266 언리얼4 언리얼 - 물결무늬 에너지 실드 소재 제작과정(한글자막) 금별 12.02 157
1265 2D 포토샵 - 빛 효과 텍스쳐 간단 제작방법팁 금별 12.02 142
1264 3D 후디니 - COP 활용한 검기 텍스쳐 생성 과정(한글자막) 금별 11.24 217
1263 유니티 유니티 - ASE 활용 포털 조각 분리 및 트위스트 애니메이션 제작과정(한글자막) 금별 11.24 214
1262 언리얼4 언리얼 - 나이아가라 파티클 위치 및 곡선(Arc) 제어과정 금별 11.24 229
1261 언리얼4 언리얼5 - 나이아가라 객체 회전 예제 금별 11.24 208
1260 유니티 유니티 - (퀵팁) 간단한 파티클 orbit 움직임제어팁 금별 11.20 213

 

Banner
 
Facebook Twitter GooglePlus KakaoStory NaverBand