[유니티 쉐이더 튜토리얼]RzFX Flow Trail in Unity



[유니티 쉐이더 튜토리얼]RzFX Flow Trail in Unity

금별 0 3,801 2018.11.11 17:42



For demo test.

Unity 2018.2.4

Amplify shader editor 1.5.8



FlowTrail_Breakdown_Full


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



누르면커져요



SD_Texture_FlowTrail


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_Breakdown_01


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




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




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

Comments


번호 포토 분류 제목 글쓴이 날짜 조회
1153 언리얼4 Step-by-Step: Design Stunning Level Up FX in Unreal Engine 5 ashif 05.13 875
1152 언리얼4 언리얼 - 나이아가라 캐쉬 간단 사용방법 금별 05.12 880
1151 언리얼4 Unleash the Magic: Crafting Material Spells in UE5 Niagara ashif 05.10 881
1150 언리얼4 Create Stunning Ghost Trails in Unreal Engine 5 with Niagara ashif 05.09 906
1149 언리얼4 언리얼5 - UV 조작으로 만드는 동적 그래픽(더빙) 금별 04.29 959
1148 언리얼4 언리얼 - 페이지 넘긴 효과 머트리얼 구현과정 금별 04.29 879
1147 언리얼4 언리얼 - 간단한 Procedural Dissolve제작노드 금별 04.25 860
1146 언리얼4 에픽 라이브 - 스타일라이즈드 번개 이펙트 만들기(린반) 금별 04.25 790
1145 3D 블랜더 - 머트리얼만으로 촛불효과 제작노드 금별 04.25 845
1144 언리얼4 언리얼 - 머티리얼/포스트 프로세스 피쉬아이 형태 노드구성 금별 04.25 768
1143 언리얼4 언리얼/Houdini로 구현하는 Shatter 효과: 3D 모델링과 애니메이션으로 완성하는 언리얼 워크플로우(자막) 금별 04.22 755
1142 언리얼4 언리얼5 - 머트리얼 디자이너를 활용한 간단한 잔물결 제작과정(더빙) 금별 04.03 838
1141 언리얼4 언리얼5 - 토네이도 효과 제작과정 part2(더빙) 금별 04.02 765
1140 언리얼4 언리얼5 - 토네이도 효과 제작과정 part1(더빙) 금별 04.02 806
1139 언리얼4 Totem Spawn FX in Unreal Engine 5 Niagara Tutorial ashif 03.24 766
1138 언리얼4 언리얼 - 바닥에 Clamp 되는 머티리얼 예제 금별 03.23 833
1137 유니티 유니티 - 컷신 VFX 워크플로우 예제 금별 03.23 1099
1136 언리얼4 간단한 Houdini에서 언리얼5 나이아가라로 이펙트 변환 가이드(한국어더빙) 금별 03.23 815
1135 언리얼4 언리얼5.4 -SampleTexture2.0 노드를 사용하여 입자를 이미지로 결합하는 방법(한국어더빙) 금별 03.23 808
1134 유니티 유니티 셰이더 그래프 - Cartoon 3D parallax 효과 제작과정 금별 03.03 1123
1133 언리얼4 언리얼5 - 캐릭터 아우라 효과 제작과정(한글자막) 금별 03.03 1053
1132 언리얼4 언리얼 - Spline Thicken 활용 커스텀 빔 간단제작팁 금별 03.03 871

 

Banner
 
Facebook Twitter GooglePlus KakaoStory NaverBand