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



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

금별 0 2,657 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


번호 포토 분류 제목 글쓴이 날짜 조회
144 유니티 유니티 앰플리파이 쉐이더 이펙트 - 물속성+불속성 토네이토 금별 2020.07.30 2081
143 언리얼4 언리얼4 나이아가라 - 트레일관련 미니팁 금별 2020.05.30 2016
142 유니티 유니티 - 기어즈5 Hammer of Dawn 이펙트 만들기 댓글+1 금별 2020.05.16 1890
141 유니티 포토샵으로 디졸브 쉐이더를 사용해 2D 툰이펙트 제작팁 댓글+2 금별 2020.05.16 4054
140 언리얼4 언리얼4 이펙트 튜토리얼 - 애펙을 사용한 트랜지션 효과 만들기 금별 2020.04.01 2769
139 유니티 유니티 URP 쉐이더그래프 팁 - 블러만들기 금별 2020.04.01 5777
138 유니티 유니티 HDRP에서 소규모 고품질의 영상 제작 - Unite Tokyo 2019 금별 2020.03.29 1879
137 3D Visual Effects Bootcamp: The Rise of Realtime 금별 2020.03.26 1835
136 언리얼4 언리얼4 머터리얼 튜토리얼 - Procedural 노이즈제작 금별 2020.03.26 1909
135 언리얼4 언리얼4 머터리얼 팁 - 머터리얼만으로 밴드형태 구현하기 금별 2020.03.26 2012
134 언리얼4 언리얼4 머터리얼 팁 - 머터리얼만으로 트위스트 구현하기 금별 2020.03.26 1744
133 유니티 유니티 쉐이더 그래프 - Orthographic 뎁스 금별 2020.03.26 1690
132 언리얼4 언리얼4 머터리얼 튜토 - 플립북 모션벡터의 비대칭 RowCollumn 카운트 수정 금별 2020.03.19 1754
131 유니티 유니티 쉐이더 그래프 - 꼬여지는듯한 착각의 쉐이더 금별 2020.03.19 2040
130 언리얼4 언리얼4 이펙트 팁 - 꿀렁이는 액체머터리얼 금별 2020.03.14 3750
129 3D [후디니]간단한 UV twist 방법 댓글+1 금별 2020.03.14 2697
128 2D 번개 효과 제작 간단팁 영상 댓글+2 금별 2020.03.13 3156
127 언리얼4 언리얼4 - 리퀴드 이로이젼(침식) 효과 금별 2020.03.12 2819
126 언리얼4 언리얼4 튜토리얼 - 액터/버텍스옵셋/스플라인메시컴포넌트 및 파티클 용 언리얼 모션 블러사용법 금별 2020.03.12 2200
125 유니티 유니티 - 마스크 디스토션 림 쉐이더그래프 금별 2020.03.05 3618
124 언리얼4 언리얼4 튜토리얼 - 툰 쉐이더 제작(보더랜드/Jet Set Radio) 금별 2020.03.01 3190
123 언리얼4 언리얼4 튜토리얼 - Radial 블러 만들기 금별 2020.03.01 3446

 

Banner
 
Facebook Twitter GooglePlus KakaoStory NaverBand