이 영상은 언리얼 엔진(Unreal Engine)을 사용하여 미호요(miHoYo)의 신작 게임에 등장하는 포탈(전송 게이트)의 프레임 효과와 테크 스타일의 스캔 효과를 구현하는 튜토리얼입니다.

 

영상 내용은 크게 세 부분으로 나눌 수 있습니다.

 

1. 포탈 프레임 및 뎁스 페이드 효과 구현 (00:00 ~ 10:25)

기본 큐브 형태의 프레임에 외곽선, 색수차, 지면 상호작용 효과를 추가하는 과정입니다.

머티리얼 설정: Translucent(반투명), Unlit(언릿) 모드로 설정합니다.

외곽선(Outline) 생성: 모델의 UV 좌표를 활용하여 수식(Abs, Step 등)을 통해 가장자리에만 선이 나타나도록 만듭니다. 1-x를 사용하여 두께 조절을 직관적으로 만듭니다.

색수차(Chromatic Aberration): Scene Color 노드를 사용하여 화면의 RGB 채널을 미세하게 Offset(이동)시켜, 프레임 내부의 배경이 번져 보이게 만드는 왜곡 효과를 줍니다.

지면 상호작용(Depth Fade): Depth Fade 노드를 사용하여 프레임이 바닥이나 다른 오브젝트와 겹치는 부분에 하이라이트(발광) 효과를 줍니다. 이를 통해 물체와의 교차면을 자연스럽게 강조합니다.

디테일 추가: 외곽선에 텍스처와 Panner 노드를 추가하여 레이저가 흐르는 듯한 일렁이는 애니메이션을 만듭니다.

 

 

2. 내부 레이저/삼각뿔 형상 제작 (10:26 ~ 18:34)

포탈 내부나 장식 요소로 쓰이는 레이저 느낌의 삼각뿔 형태를 제작합니다.

모델링 (3ds Max): 피라미드 형태를 만들고 밑면을 제거한 뒤, UV를 평면으로 펴서 내보냅니다.

텍스처 제작 (Photoshop):

R 채널: 삼각뿔의 외곽선 발광(Glow) 이미지를 저장합니다.

G 채널: 내부에 채워질 구름(Cloud) 노이즈 텍스처를 저장합니다.

언리얼 엔진 적용: 제작한 모델과 텍스처를 가져옵니다. R 채널로 테두리를 빛나게 하고, G 채널의 노이즈 텍스처에 Distortion(왜곡)과 Panner(이동)를 적용하여 에너지가 흐르는 듯한 효과를 구현합니다.

 

 

3. 테크 스타일 데칼(Grid Decal) 제작 (18:35 ~ 끝)

바닥이나 공간을 스캔하는 듯한 격자무늬 효과를 구현합니다.

격자 생성 원리: 텍스처 이미지를 쓰는 대신 World Position 노드를 기반으로 수학적 계산(Fmod, Floor 등)을 통해 절차적(Procedural)으로 격자무늬를 만듭니다.

스캔 효과: Time 노드를 추가하여 격자가 한쪽 방향으로 흘러가게 만듭니다.

입체적 격자: 단순히 바닥(XY축)뿐만 아니라 높이(Z축)까지 고려하여, 큐브 형태의 공간 전체에 격자가 입체적으로 퍼져 보이는 효과를 구현합니다. 이를 통해 물체 위로 스캔 라인이 지나가는 듯한 연출이 가능합니다.

요약하자면:

이 튜토리얼은 텍스처 의존도를 줄이고 언리얼 엔진의 셰이더 노드(Math, Scene Color, Depth Fade 등)를 적극 활용하여, 세련되고 최적화된 SF 스타일의 포탈 및 스캔 효과를 만드는 고급 기법을 다루고 있습니다.

 

 

 

---

 

 

이 영상은 언리얼 엔진의 머티리얼 에디터 활용 능력을 높이는 데 매우 유용한 튜토리얼입니다. 텍스처에만 의존하지 않고 수식(Math)을 활용하는 '테크니컬 아티스트(TA)'적인 접근 방식이 돋보입니다.

이 영상을 바탕으로 실무나 포트폴리오 퀄리티를 더 높이기 위해 제가 드릴 수 있는 첨언(팁)과 추천 영상 제목입니다.

 

---

추가 (Advanced Tips)

 

1. 성능 최적화 관련 (Performance)

Translucency Cost: 영상에서 Translucent 모드를 사용하는데, 반투명 재질은 오버드로우(Overdraw) 비용이 발생하여 모바일 환경에서는 무거울 수 있습니다. 만약 PC/콘솔 타겟이 아니라면, 꼭 필요한 부분만 반투명을 쓰고 나머지는 Masked 모드에 Dithered Opacity를 활용하는 방법도 고려해 볼 수 있습니다.

Instruction Count: Scene Color를 통한 색수차 효과는 멋지지만 비용이 듭니다. 배경이 복잡하지 않다면 큐브맵(Cubemap)을 활용한 가짜 굴절(Fake Refraction)로 대체하여 성능을 아낄 수도 있습니다.

 

2. 시각적 디테일 업그레이드 (Visual Polish)

프레넬(Fresnel) 추가: 영상의 삼각뿔이나 프레임에 Fresnel 노드를 추가하여, 시야각에 따라 가장자리가 더 밝게 빛나도록 만들면 입체감이 훨씬 살아납니다.

펄스(Pulse) 애니메이션: Time 노드에 Sine 함수를 연결하여 Emissive 강도(밝기)가 숨 쉬듯이 천천히 밝아졌다 어두워지는 효과를 추가하면 생동감이 생깁니다.

인터랙션 강화: 캐릭터가 포탈을 통과할 때 Distance Field를 활용하여 캐릭터 주변으로 디지털 노이즈가 퍼지는 효과를 추가하면 게임 플레이 몰입도가 높아집니다.

 

3. 활용도 확장 (Usability)

로컬 좌표 vs 월드 좌표: 영상 후반부의 데칼 격자(Grid)는 World Position을 사용하여 스캔 효과를 냈습니다. 만약 이 포탈이 움직이는 물체라면(예: 움직이는 엘리베이터), World Position 대신 Local Position을 사용해야 격자가 오브젝트를 따라다닙니다. 이 점을 유의해서 용도에 맞게 좌표계를 선택하세요.

나이아가라(Niagara) 연동: 셰이더로 만든 이펙트 위에, 언리얼의 파티클 시스템인 나이아가라를 사용하여 데이터 조각이 튀거나 전기 스파크가 튀는 효과를 얹어주면  특유의 화려함을 완벽하게 재현할 수 있습니다.



 

 

 

 

 

 

 

에반 언리얼5 이펙트 그룹과정[26년초 시작] : https://cafe.naver.com/unrealfx/20727

KUPAFX Stylized 유니티 이펙트 취업과정 : https://cafe.naver.com/unrealfx/21249

트리키 언리얼+후디니 활용 게임 VFX 연출과정 : https://cafe.naver.com/unrealfx/25629

 

max님의 쌩기초 메쉬활용 이펙트과정 1달특강 : https://cafe.naver.com/unrealfx/24469

eVan텍스쳐 단품과정 : https://cafe.naver.com/unrealfx/24468

rak 유니티 UI연출이펙트 : https://gamefx.co.kr/bbs/page.php?hid=Rak_intro