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



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

금별 0 1,534 2025.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


번호 포토 분류 제목 글쓴이 날짜 조회
1346 언리얼4 Recall FX in Unreal Engine 5 Niagara ashif 05.20 57
1345 언리얼4 Poison Spell AOE in Unreal Engine 5 Niagara ashif 05.17 77
1344 언리얼4 언리얼 - Niagara에서 정적 메시를 사용하여 사용자 지정 파티클 모양 만들기 금별 05.17 108
1343 언리얼4 언리얼 - 포스트 프로세스 2D 페이지 넘김 효과 머트리얼 예제 금별 05.17 80
1342 언리얼4 언리얼 - AI 활용 블랙홀 셰이더를 업그레이드(한글자더빙) 금별 05.17 81
1341 언리얼4 Poison AOE FX in Unreal Engine 5 Niagara ashif 05.16 83
1340 언리얼4 Lightning Trap FX in Unreal Engine 5 Niagara ashif 05.13 102
1339 유니티 유니티 - 호박(Amber) 셰이더 제작과정(한글자막) 금별 05.12 121
1338 언리얼4 언리얼 - HLSL 심층 설명 4_레이마칭 활용 평면정사각형 메시 3D 구체로 변형 금별 05.12 133
1337 언리얼4 언리얼 - HLSL 심층 설명 4 -UV 좌표를 레이어로 반복 쌓아 깊이감 있는 오목볼록 효과 구현(한글자막) 금별 05.06 220
1336 언리얼4 언리얼 - HLSL 심층 설명 3 -큰 원의 궤적을 따라 작은 원 배치효과(한글자막) 금별 05.06 189
1335 언리얼4 언리얼 - HLSL 심층 설명 2 -원형(Circle) 기반 쉐이더를 구현(한글자막) 금별 05.06 177
1334 언리얼4 언리얼 - HLSL 심층 설명 1 - 그라데이션 변화 도구 구현(한글자막) 금별 05.06 208
1333 언리얼4 언리얼 - 03 나이아가라 트레일 매직 매트릭스_1단계 - 스트립 방출 금별 05.04 214
1332 언리얼4 언리얼 - 02 나이아가라 트레일 매직 매트릭스_2단계 -스트립 트리거 매트릭스 금별 05.04 166
1331 언리얼4 언리얼 - 02 나이아가라 트레일 매직 매트릭스_1단계 - 스트립 방출 금별 05.04 185
1330 언리얼4 언리얼 - 01 나이아가라 트레일 매직 매트릭스_2단계 - 스트립 트리거 매트릭스 금별 05.04 172
1329 언리얼4 언리얼 - 01 나이아가라 트레일 매직 매트릭스_1단계 - 스트립 방출 금별 05.04 160
1328 언리얼4 언리얼 - 00 나이아가라 트레일 매직 매트릭스 효과: 초보자를 위한 속성 금별 05.04 236
1327 언리얼4 언리얼 - 유성우 효과 제작과정(한글자막) part3 금별 05.02 239
1326 언리얼4 언리얼 - 유성우 효과 제작과정(한글자막) part2 금별 05.02 163
1325 언리얼4 언리얼 - 유성우 효과 제작과정(한글자막) part1 금별 05.02 206

 

Banner
 
Facebook Twitter GooglePlus KakaoStory NaverBand