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



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

금별 0 505 2019.10.15 21:00

mmh9xV1.gif

 

 

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.



992E9A4D5DA5B4F52A71F0

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.


99501E4D5DA5B4F8329FB3

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.


99850E4D5DA5B4FD30A401

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.


990D254D5DA5B5010B8787

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


9927894D5DA5B505134419

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.


99682D4D5DA5B50828A3A5

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.


991ABA4D5DA5B50C349733

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.


991AB84D5DA5B5103494C6

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


99E3B74D5DA5B51904E08299AD4C4D5DA5B51D37239F

 

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


번호 포토 분류 제목 글쓴이 날짜 조회
공지 외국 교육 이펙트 튜토리얼 모음(사이트/유튜브/비메오등등..) 댓글+4 금별 2018.05.12 1712
공지 이펙트 추천 사이트/블로그 댓글+6 금별 2018.05.12 2772
169 언리얼4 Magical Book Effect | Unreal Engine Niagara Tutorials | UE4 Niagara Magical Book ashif 00:58 6
168 언리얼4 UE4 Niagara Explosions Pack 02 in Marketplace ashif 07.06 23
167 언리얼4 Trails | Unreal Engine Niagara Tutorials | UE4 Niagara Trails ashif 07.05 32
166 언리얼4 Volume Smoke | Unreal Engine Niagara Tutorials | UE4 Niagara Volume Smoke ashif 07.03 32
165 언리얼4 Energy Ball Effect | Unreal Engine Niagara Tutorials | UE4 Niagara Energy Ball ashif 06.27 48
164 언리얼4 Glitch Effect | Unreal Engine Niagara Tutorials | UE4 Niagara Glitch ashif 06.26 38
163 언리얼4 Weapon Trail Effect | Unreal Engine Niagara Tutorials | UE4 Niagara Weapon Trails ashif 06.19 39
162 언리얼4 Sun | Unreal Engine Niagara Tutorials | UE4 Niagara Sun ashif 06.12 44
161 언리얼4 Blood Cells Flow | Unreal Engine Niagara Tutorials | UE4 Niagara Blood Cells Flow ashif 06.11 39
160 언리얼4 UE4.25 Niagara Effects Pack 06 in Martketplace ashif 06.10 36
159 언리얼4 Shield Effect | Unreal Engine Niagara Tutorial | UE4 Niagara Shield ashif 06.08 44
158 언리얼4 Particle Attribute Reader | Unreal Engine Niagara Tutorials | UE4 Niagara Particle Attribute Reader ashif 06.01 48
157 언리얼4 Weapon Fx | Unreal Engine Niagara Tutorials | UE4 Niagara Weapon Fx ashif 05.31 49
156 언리얼4 Weapon Projectile | Unreal Engine Niagara Tutorials | UE4 Niagara Projectile ashif 05.30 33
155 언리얼4 언리얼4 나이아가라 - 트레일관련 미니팁 금별 05.30 109
154 언리얼4 Plexus effect with Particle Attribute Reader | Unreal Engine Niagara Tutorials | UE4 Niagara Plexus ashif 05.26 47
153 언리얼4 Fish Flock | Unreal engine 4.25 Niagara tutorial | UE4 Niagara Particle Attribute Reader ashif 05.23 37
152 언리얼4 UE4 Niagara Sci fi Tank ashif 05.21 55
151 언리얼4 UE4.25 Niagara Effects Pack 05 in Martketplace ashif 05.20 37
150 언리얼4 Portal Effect in Unreal Engine 4 inspired from Unreal Engine 5 Portal | UE4 Niagara Portal ashif 05.19 66
149 언리얼4 Birds Flock | Unreal Engine Niagara Tutorials | UE4 Niagara Bird Flock ashif 05.18 45
148 언리얼4 Unreal Engine Niagara Tutorials ashif 05.17 41


Banner
Facebook Twitter GooglePlus KakaoStory NaverBand