언리얼4 이펙트 팁 - Rift to R’lyeh FX



언리얼4 이펙트 팁 - Rift to R’lyeh FX

금별 0 5,518 2019.10.15 21:00

 

 

So I thought I would do a little bit of a breakdown on what I did for this one. Currently I just have one sprite and one mesh for the particle system. The mesh is just an elongated sphere to match the approximate area of the effect, and it just does the distortion of the background. The main effect is the sprite.

 

So here’s an overview of the material (and forgive my strange organization :sweat_smile:). I tend to use parameters for all of my values so that I can adjust things easily in a material instance to get the right values without having to recompile the material after every change. This saves me a lot of time since my computer isn’t a beast, but it does mean the values and textures in all my screenshots don’t reflect the actual values used in the material instance.



So, starting off with the main shape, I painted a little rift texture and popped it in here. I set a parameter so I could mess with how transparent I wanted it to be.


Then we’ve got the frame of the effect. In the top left, I’ve got the UV distortion stuff coming in (which is separated by X and Y amounts; I’ll get to that later), and then a scaling parameter so I can adjust how far out the frame goes either horizontally or vertically. This is why I also have the center shifted on the radial gradient, which just helps fade out the edges of the frame texture.


Next, I’ve got some UV distortion going on. Incoming from the left is the second level of UV distortion to help give it even more of an organic movement. Then I have it shifted to radial UVs so it can radiate outward from the center of the rift. Then I just shift the values from 0-1 to -1-1. I have this masking radial gradient so that I don’t get a puckering effect in the very center of the rift. Then, I split the distortion between X and Y amounts so that I can have plenty of horizontal distortion without having the vertical distortion cut off on the edge of the sprite. The UV distortion affects basically every texture I’m using in this effect.


Then, as I mentioned, I have a second layer of UV distortion for less of a straight panning feel.


Next, I have the world aligned texture that makes the “interior” of the portal. This makes use of a adjusted world aligned texture function that I’ve made which really just adds a texture sampler that distorts the world aligned texture. If anyone is interested, I can go more in depth into this in another post.


Next up is the section I titled “zoom”. It’s a little bit of a mess (sorry), but basically what this does is create that rippling effect in the world texture and the center texture to give it a bit more of a depth feel. So, the central radial gradient is used as UV distortion to achieve that. To the center left of it, I have it set to adjust its center location based on where it is on the screen, and then the further it is from the center, the more it multiplies the distortion. In the bottom left, it adjusts the distortion amount based on distance from the camera, so it doesn’t stay super distorted from far away, and as you get closer in opens up a little for a fun effect.


Next is the “CenterTex”, which is the lightning-like effect. This also makes use of an adjusted world aligned function. In this one, both the UV distortion texture inside and the main texture are world aligned. I also set a parameter that lerps between using world position and camera position, so moving the camera gives it movement as well. In the top left, I’m pulling the zoom distortion to affect the scaling of the UV distortion texture, which makes it kind of spiral into those ripples. Past that, I’m just sending the main UV distortion from other sections into this as well, so it all is a bit unified.


Lastly, I’ve got my color and opacity sections which are honestly nothing special, but here they are.


 

So that’s basically the whole effect. If you liked my breakdown, let me know and I can do more of this. If you have any questions, feel free to ask and I can go more in depth. Or, if there are things I could improve, let me know that as well. Thanks for reading!

 

Comments


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

 

Banner
 
Facebook Twitter GooglePlus KakaoStory NaverBand