언리얼5 - SDF와 굴절로 완성하는 UI VFX 제작과정



언리얼5 - SDF와 굴절로 완성하는 UI VFX 제작과정

금별 0 848 07.16 14:58

 



이 비디오 튜토리얼은 언리얼 엔진 5를 활용해 **VFX(시각 효과)**를 제작하는 방법을 다룹니다. 주요 내용은 **SDF(Signed Distance Field)**를 기반으로 한 UI 및 VFX 제작 과정입니다. 다음은 핵심 요약입니다:

 

- SDF의 기본 원리: SDF는 점, 선, 정사각형 등의 형태를 생성하며, 중심점에서 거리에 따라 값을 계산합니다. 이를 Step 노드로 처리하면 원, 캡슐, 둥근 모서리 정사각형 같은 형태를 만들 수 있습니다.

 

- SDF 조합: 점, 선, 정사각형 SDF를 조합해 다양한 형태를 생성하며, 언리얼 엔진의 MF-UI-SDF-BOX 함수를 활용해 효율적으로 작업합니다.

- VFX 구성 요소: 화면 공간 굴절(Refraction), 블러(Blur), 외곽선(Outline), 커스텀 UI를 결합해 VFX를 완성합니다.

 

- 세부 작업:

ㅇ SDF로 마스크를 생성하고, Step 및 Power 노드로 외곽선을 조정.

ㅇ 굴절은 외곽에 적용하며, Opacity와 상호작용하지 않도록 설정.

ㅇ 블러는 화면 공간 반사 기반으로, 샘플링 횟수(예: 8번, 50번)에 따라 효과가 달라짐.

ㅇ Alpha와 Color를 조합해 부드러운 외곽과 단단한 중심을 구현.

 

- 실용 팁: 언리얼의 무료 UI Material Lab에서 제공하는 함수를 사용하거나, Custom Node 코드를 AI로 분석해 작업을 간소화할 수 있습니다.

결과: SDF, 굴절, 블러, 외곽선을 조합해 부드러운 전환과 커스텀 UI가 포함된 VFX를 완성.

 

전체적으로, 초보자도 따라 할 수 있도록 SDF의 기초부터 실질적인 VFX 제작까지 체계적으로 설명하며, 언리얼 엔진의 내장 도구를 활용하는 방법을 강조합니다.



 

 

 

 

 

에반 언리얼5 이펙트 그룹과정 : https://cafe.naver.com/unrealfx/20727

언리얼5 스타일라이즈드 VFX 과정(신규) : 과정 정보 링크

린반 언리얼5 초급과정 정보 : https://cafe.naver.com/unrealfx/22518

 

 

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

Comments


번호 포토 분류 제목 글쓴이 날짜 조회
1280 2D 섭스턴스 디자인 - 색수차(Chromatic Aberration) 매직 오라 텍스처 만들기(한글자막) 금별 03:27 27
1279 언리얼4 언리얼 - 미호요 신작 스타일 Depth Fade와 UV 조작을 이용한 공간 포털 연출(한글자막) 금별 02:56 34
1278 언리얼4 언리얼5 - Polar Coordinates를 활용한 태극 무늬 제작 금별 02:55 22
1277 언리얼4 언리얼 - AAA 게임 개발에서의 나이아가라 모듈(Niagara Module) 연구 및 적용 금별 02:55 21
1276 유니티 유니티 - 유니티 스플라인 카메라 무브먼트 예제(워프 효과 연출) 금별 02:29 18
1275 언리얼4 언리얼 - 간단한 스타일라이즈드 불효과 제작과정팁 금별 02:26 22
1274 언리얼4 Simple Stylized Tornado VFX in UE5 Niagara! (Torus Mesh, Erode & Dynamic Params) ????️????✨ ashif 12.15 22
1273 2D 섭스턴스 디자인 - 움푹 파인 바닥 절차적 제작과정(한글자막) 금별 12.10 71
1272 언리얼4 언리얼 - Stylized 파도/물보라 제작과정 part3(한글자막) 금별 12.10 82
1271 언리얼4 언리얼 - Stylized 파도/물보라 제작과정 part2(한글자막) 금별 12.10 60
1270 언리얼4 언리얼 - Stylized 파도/물보라 제작과정 part1(한글자막) 금별 12.10 65
1269 언리얼4 언리얼 - 나이아가라 나선형 파티클 구현 과정 금별 12.04 122
1268 언리얼4 Create a Bubble Shield VFX in UE5 Niagara! (Character Defense & Multi-Layer Bubbles) ????️ ashif 12.02 136
1267 언리얼4 언리얼 - 흡입형 화면이 빨려들어가는 느낌 스크린 이펙트 제작과정(한글자막) 금별 12.02 166
1266 언리얼4 언리얼 - 물결무늬 에너지 실드 소재 제작과정(한글자막) 금별 12.02 148
1265 2D 포토샵 - 빛 효과 텍스쳐 간단 제작방법팁 금별 12.02 133
1264 3D 후디니 - COP 활용한 검기 텍스쳐 생성 과정(한글자막) 금별 11.24 212
1263 유니티 유니티 - ASE 활용 포털 조각 분리 및 트위스트 애니메이션 제작과정(한글자막) 금별 11.24 205
1262 언리얼4 언리얼 - 나이아가라 파티클 위치 및 곡선(Arc) 제어과정 금별 11.24 223
1261 언리얼4 언리얼5 - 나이아가라 객체 회전 예제 금별 11.24 203
1260 유니티 유니티 - (퀵팁) 간단한 파티클 orbit 움직임제어팁 금별 11.20 204
1259 언리얼4 언리얼5.7기준 - 나이아가라의 확장성 및 모범 사례 금별 11.17 240

 

Banner
 
Facebook Twitter GooglePlus KakaoStory NaverBand