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



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

금별 0 481 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


번호 포토 분류 제목 글쓴이 날짜 조회
1241 언리얼4 Photoshop to UE5 Material: Creating Custom Stylized Noise Textures for Energy Orb VFX! ????????✨ ashif 10.25 22
1240 언리얼4 언리얼5 - 디지털 트랜지션 생성 및 파티클 픽셀화 제작과정(한글자막) 금별 10.22 57
1239 언리얼4 언리얼 - 데몬슬레이어 아카자 스킬 VFX 분석 금별 10.22 56
1238 언리얼4 언리얼5 - 테크노 스타일 매직 어레이/포스트 프로세싱 그리드 링 흐름 효과 제작과정(한글자막) 금별 10.20 74
1237 언리얼4 언리얼5 - 오클루전 활용한 지면 균열 머트리얼 생성과정(한글자막) 금별 10.20 65
1236 언리얼4 언리얼 - Lightmap UV 제거를 위한 에디터 유틸리티 제작 금별 10.17 92
1235 언리얼4 언리얼 - 텍스처 패킹 자동화: 기술 아티스트를 위한 시간 절약 도구 금별 10.17 79
1234 언리얼4 언리얼 - 폴라 UV는 타일링 텍스처 간단 활용 금별 10.17 79
1233 언리얼4 언리얼5 - 원형 링 마법진 왜곡 효과 구현 팁 금별 10.15 154
1232 언리얼4 언리얼5 - 물결 패턴 Normal Map 블렌딩 & 질감 교체 가이드 금별 10.15 131
1231 언리얼4 언리얼5 VFX 프로젝트 조직화 가이드: 폴더부터 명명 규칙까지(한글자막) 금별 10.14 122
1230 유니티 유니티 - Stylized 마법구 발사체 효과 제작과정 금별 10.14 134
1229 언리얼4 언리얼5 - 행성 흡수 제작과정 : Spline과 Blueprint 활용 part2 금별 10.12 144
1228 언리얼4 언리얼5 - 행성 흡수 제작과정 : Spline과 Blueprint 활용 part1 금별 10.12 116
1227 언리얼4 언리얼5 - WorldPositionBehindTranslucency로 만드는 간단 커스텀 데칼 UV 금별 10.11 108
1226 언리얼4 언리얼5 - 나이아가라(Niagara) 스폰 그룹 활용 퀵팁 금별 10.11 119
1225 언리얼4 언리얼 - '작은(Tiny) 지오메트리' 병합을 통한 카오스 최적화 팁 금별 10.11 117
1224 언리얼4 언리얼5 - 사실적인 횃불 VFX: Houdini와 Embergen 활용 금별 10.11 122
1223 언리얼4 언리얼5 - WorldPositionBehindTranslucency로 만드는 간단 커스텀 데칼 UV 금별 10.11 97
1222 유니티 유니티 - 망치 타격 효과 연출 part2(한글자막) 금별 10.11 110
1221 유니티 유니티 - 망치 타격 효과 연출 part1(한글자막) 금별 10.11 121
1220 언리얼4 Create an Epic Rings Burst AOE FX in UE5 Niagara! (Full Tutorial) ashif 09.25 204

 

Banner
 
Facebook Twitter GooglePlus KakaoStory NaverBand