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



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

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


번호 포토 분류 제목 글쓴이 날짜 조회
1204 언리얼4 언리얼5 - Stylized 라이트닝 메쉬 제작과정(한글자막) 금별 08.22 133
1203 언리얼4 언리얼/C4D로 만드는 모션그래픽 스타일 VFX 제작과정(한글자막) 금별 08.22 79
1202 언리얼4 후디니/언리얼5 - 가벼운 VFX: Pivot Painter 제작과정(한글자막) 금별 08.22 104
1201 언리얼4 언리얼5 - 자연스러운 바닥 얼음생성 효과 제작과정(한글자막) 금별 08.22 95
1200 언리얼4 언리얼5 - 간단한 바닥 아우라 색수차 효과를 추가 제작팁 금별 08.22 68
1199 언리얼4 Power Up Sphere with Fresnel Effect UE5 Tutorial ashif 08.21 79
1198 언리얼4 Create EPIC Mystic Barrier Effect with Niagara Particles in Unreal Engine 5 ashif 08.20 89
1197 언리얼4 언리얼5 - 셰이더 토이로 만든 블랙홀을 언리얼에서 구현하는과정 금별 07.27 278
1196 언리얼4 언리얼5 - 나이아가라 활용한 라이트닝 감전효과 제작과정(한글자막) 금별 07.27 239
1195 언리얼4 언리얼5 - 고품질 반사 효과 만들기: Reflection Vector 활용법 금별 07.25 252
1194 언리얼4 언리얼5 - EasyMap으로 구현하는 무작위 텍스처 타일링 기법 금별 07.25 221
1193 언리얼4 How to Create EPIC Toon Smoke Trail FX in Unreal Engine 5 ashif 07.22 185
열람중 언리얼4 언리얼5 - SDF와 굴절로 완성하는 UI VFX 제작과정 금별 07.16 288
1191 언리얼4 언리얼5 - Spline과 Particle Effect 활용 아이스 스파이크 제작예제(한글자막) 금별 07.16 233
1190 공구,번역정보 언리얼5 - Niagara로 카메라 추적 VFX 파티클 만들기 금별 07.03 383
1189 언리얼4 언리얼5/후디니 - Explodable Skeletal Meshes 만들기 part2(한글자막) 금별 06.27 323
1188 언리얼4 언리얼5/후디니 - Explodable Skeletal Meshes 만들기 part1(한글자막) 금별 06.27 214
1187 언리얼4 언리얼5 - 인디 게임 VFX 성능 최적화 몇가지팁(한글자막) 금별 06.24 369
1186 언리얼4 후디니/언리얼5 - Pivot Painter 구현과 파괴 효과 제작과정2/데이터맵 언리얼로 임포(한글자막) 금별 06.24 251
1185 언리얼4 후디니/언리얼5 - Pivot Painter 구현과 파괴 효과 제작과정(한글자막) part1 금별 06.24 226
1184 유니티 유니티 앰플리파이 셰이더 - 스텐실 크랙 간단 제작과정(한글자막) 금별 06.24 291
1183 언리얼4 언리얼5 간단팁 - 컨텐츠 브라우저 복제팁(Advanced Copy Here) 금별 06.23 232

 

Banner
 
Facebook Twitter GooglePlus KakaoStory NaverBand