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



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

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


번호 포토 분류 제목 글쓴이 날짜 조회
열람중 언리얼4 언리얼5 - SDF와 굴절로 완성하는 UI VFX 제작과정 금별 07.16 16
1194 언리얼4 언리얼5 - SDF와 굴절로 완성하는 UI VFX 제작과정 금별 07.16 10
1193 언리얼4 Integrate Niagara FX with PCG Points in UE5 ashif 07.11 49
1192 언리얼4 UE5 Glowing Icon Tutorial - Create Stunning UI Materials with Custom Parameters ashif 07.04 85
1191 공구,번역정보 언리얼5 - Niagara로 카메라 추적 VFX 파티클 만들기 금별 07.03 125
1190 언리얼4 언리얼5/후디니 - Explodable Skeletal Meshes 만들기 part2(한글자막) 금별 06.27 146
1189 언리얼4 언리얼5/후디니 - Explodable Skeletal Meshes 만들기 part1(한글자막) 금별 06.27 111
1188 언리얼4 Master Progress Bar UI Widget in UE5 - Dissolve & Distort Material Effects ashif 06.25 104
1187 언리얼4 언리얼5 - 인디 게임 VFX 성능 최적화 몇가지팁(한글자막) 금별 06.24 164
1186 언리얼4 후디니/언리얼5 - Pivot Painter 구현과 파괴 효과 제작과정2/데이터맵 언리얼로 임포(한글자막) 금별 06.24 124
1185 언리얼4 후디니/언리얼5 - Pivot Painter 구현과 파괴 효과 제작과정(한글자막) part1 금별 06.24 106
1184 유니티 유니티 앰플리파이 셰이더 - 스텐실 크랙 간단 제작과정(한글자막) 금별 06.24 141
1183 언리얼4 언리얼5 간단팁 - 컨텐츠 브라우저 복제팁(Advanced Copy Here) 금별 06.23 109
1182 언리얼4 린반라이브 - 무엇이든 물어보세요(크래쉬 해결 방법/스태틱메시 뷰모드에서 노멀맵 보기/애셋 삭제 주의사항 등) 금별 06.19 84
1181 언리얼4 언리얼5 - Niagara로 실감나는 핏물 VFX 제작과정(한글자막) 파트1 금별 06.19 117
1180 유니티 유니티 - Ground Effect와 검기 기초 제작가이드(한글자막) 금별 06.17 147
1179 유니티 유니티 VFX[검기] : 검기 나비 VFX/Particle System과 Airflow 효과 제작가이드(한글자막) 금별 06.17 143
1178 유니티 유니티 VFX[검기] : 검광과 화염 효과 제작 가이드(한글자막) 금별 06.17 104
1177 유니티 유니티 VFX[검기] : 세 가지 검기(Sword Trail) 제작 기법 가이드(한글자막) 금별 06.17 122
1176 언리얼4 언리얼5 - 마야 프렉쳐 시뮬레이션을 언리얼에서 임포팅(한글자막) 금별 06.16 113
1175 언리얼4 The Ultimate UE5 UI Material Tutorial: Mastering Radial Progress Bars ashif 06.12 390
1174 언리얼4 Step-by-Step: Building a Customizable Slider Material in Unreal Engine ashif 06.11 443

 

Banner
 
Facebook Twitter GooglePlus KakaoStory NaverBand