유니티 이펙트 팁 - RzFX Flow Trail in Unity



유니티 이펙트 팁 - RzFX Flow Trail in Unity

금별 0 8,084 2020.02.27 16:40

I`m glad to share a work what I do for fun recently.
It is a flow trail shader in Unity 2018.2.4.
Amplify shader editor 1.5.8 for shader.
Substance designer 2018 for the texture.

Final result.
https://www.youtube.com/watch?v=w7BofLsV6IQ 878

The shader graph. (Full size link: https://drive.google.com/open?id=1x5fW5yX-r6p6mdbO35OrLzPlvdqmmhDG 292 )

FlowTrail_Breakdown_Full

FlowTrail_Breakdown_Full.jpg4260×1752 2.07 MB

 

The overview of the shader is included 4 part.

First: Define the main shape what I want for the trail.
Second: The way how to dissolve the shape. So I need a good motion for the mask.
Third : Fill the color.
Final : Optimize the visual. Mask some defect.

Here is the texture made within Substance designer for the shader.
RG: Work for distort the uv and the end of the trail dissolved.
B: The main shape of trail.

FlowTrail_TextureChannel

FlowTrail_TextureChannel.jpg1920×1080 222 KB

 

 

SD_Texture_FlowTrail

SD_Texture_FlowTrail.jpg1546×704 225 KB

 

The first step.
Do the main motion of trail. And add a little distort noise at uv coordinate for B channel.
There is a tip that is the node “Constant Bias Scale”.
It remap the value of noise from 0~1 to -1~1. As a result, it will keep the distorted trail at the center.
And I multiply the gradient of U coordinate to keep the shape in the start position and more distortion in the end position. As the result, the shape of trail will be more variety.

FlowTrail_Breakdown_01

FlowTrail_Breakdown_01.jpg3267×690 610 KB

 

Dissolve mask.
As the trail moving to the end will be dissolved by the noise from G channel.
In order to keep the initial opacity, it add the gradient of U coordinate.

FlowTrail_Breakdown_02

FlowTrail_Breakdown_02.jpg1806×438 264 KB

 

Color.
To fill the two color from start to end. It is filled full size.
If it multiplied the value of opacity, the pixel which less than 1 goes to black.
So, I created a switch to do the dark edge or not.

FlowTrail_Breakdown_03

FlowTrail_Breakdown_03.jpg1449×903 397 KB

 

Edge mask.
As the value of “Flow Strength” went over, the trail will move over the area.
So, I need a mask making it to be smooth fade out when it over the edge.

FlowTrail_Breakdown_04

FlowTrail_Breakdown_04.jpg1489×348 132 KB

 

That is all.

In fact, there is no more special. But just within some adjustment to make it better.
Please feel free any feedback or idea. 

Comments


번호 포토 분류 제목 글쓴이 날짜 조회
1358 언리얼4 Debuff in Unreal Engine 5 Niagara ashif 17:04 9
1357 언리얼4 Item Pickup VFX in Unreal Engine 5 Niagara ashif 15:44 13
1356 언리얼4 Buff in Unreal Engine 5 Niagara ashif 07.15 23
1355 3D 후디니 - COP활용 Stylized 느낌 물 소용돌이 제작팁 금별 07.15 30
1354 언리얼4 언리얼 - 논텍스처 UV 기반 기하학적 패턴/애니메이션 제작팁 금별 07.15 34
1353 언리얼4 Nature Swirl Heal in Unreal Engine 5 Niagara ashif 07.14 25
1352 언리얼4 Screen Space Fire in Unreal Engine 5 Niagara ashif 07.14 27
1351 언리얼4 언리얼5 - 간단한 공간 균열 제작 워크플로우 금별 07.08 114
1350 언리얼4 언리얼5 - 스크래치 패드활용 간단한 나이아가라 파티클 전체 회전 금별 07.08 115
1349 유니티 유니티 - Stylized 기본 검기 제작04_기본 검광 제작 (전체 워크플로) 금별 07.08 86
1348 유니티 유니티 - Stylized 기본 검기 제작03_검광 모델, 텍스처 및 UV 생성 금별 07.08 79
1347 유니티 유니티 - Stylized 기본 검기 제작02_검기의 구성과 리듬 금별 07.08 68
1346 유니티 유니티 - Stylized 기본 검기 제작01_파티클 시스템 소개 금별 07.08 97
1345 언리얼4 You need this Explosion in Unreal Engine 5 Niagara ashif 07.07 57
1344 언리얼4 언리얼 - 사실적인 데칼 균열 제작과정(한글자막) 금별 06.01 462
1343 언리얼4 언리얼 - 물결 형태 텍스쳐 트랜지션 효과 제작과정(한글자막) 금별 06.01 404
1342 언리얼4 언리얼 - Niagara에서 정적 메시를 사용하여 사용자 지정 파티클 모양 만들기 금별 05.17 493
1341 언리얼4 언리얼 - 포스트 프로세스 2D 페이지 넘김 효과 머트리얼 예제 금별 05.17 396
1340 언리얼4 언리얼 - AI 활용 블랙홀 셰이더를 업그레이드(한글자더빙) 금별 05.17 416
1339 유니티 유니티 - 호박(Amber) 셰이더 제작과정(한글자막) 금별 05.12 408
1338 언리얼4 언리얼 - HLSL 심층 설명 4_레이마칭 활용 평면정사각형 메시 3D 구체로 변형 금별 05.12 414
1337 언리얼4 언리얼 - HLSL 심층 설명 4 -UV 좌표를 레이어로 반복 쌓아 깊이감 있는 오목볼록 효과 구현(한글자막) 금별 05.06 453

 

Banner
 
Facebook Twitter GooglePlus KakaoStory NaverBand