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



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

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


번호 포토 분류 제목 글쓴이 날짜 조회
783 2D 애프터이펙트 - Water Escape 제작방법(한글자막) 금별 03.28 116
782 언리얼4 언리얼5.4 - 나이아가라의 메모가 파라미터마다 재편집가능 금별 03.28 83
781 공구,번역정보 언리얼 - 커스텀 뷰 모드를 위한 포스트 프로세스 머티리얼 금별 03.28 60
780 언리얼4 언리얼 - 눈 셰이더에 디더링 간단 적용노드 및 예제이미지 금별 03.28 83
779 언리얼4 언리얼 - 셰이더 토이를 활용한 커스텀 머트리얼 표현식 사용법(한글자막) 금별 03.28 58
778 2D 포토샵/언리얼5 - 게임 VFX용 페인트 트레일 텍스처를 드로잉으로 처리하는 방법 금별 03.25 132
777 언리얼4 언리얼 - 그레이스케일 그라디언트/텍스처를 시각화하는 간단한 방법 사진링크new 금별 03.21 131
776 언리얼4 언리얼 - 먹물 느낌의 검기 효과 제작과정(한글자막) 금별 03.21 155
775 2D 섭스턴스디자인/언리얼적용 - 분화구형 크랙 텍스쳐 제작과정(한글자막) 금별 03.21 111
774 유니티 유니티/포토샵 - 불속성/물속성 소드 슬래시 간단 제작과정(한글자막) 금별 03.19 206
773 3D 블랜더를 활용한 매직 오브 제작과정(머트리얼메이커) 금별 03.19 77
772 2D 포토샵 - 리얼한 연기 간단 제작과정 금별 03.19 136
771 유니티 유니티 - 2D 형태 충격파 궁극기 제작과정 금별 03.17 204
770 2D 애프터이펙트 - 2D 물속성 원통회전 효과 제작과정 금별 03.17 129
769 2D 애프터이펙트 - 2D 물회오리 형태 아우라 모이는 효과 제작방법(한글자막) 금별 03.14 112
768 언리얼4 언리얼 - Stylized 연기효과 제작과정(한글자막) 금별 03.13 173
767 언리얼4 언리얼 - 워터링 머트리얼 제작노드예제 금별 03.11 149
766 유니티 유니티 셰이더 그래프 - 글리치 효과 제작과정 금별 03.10 162
765 3D 후디니를 사용해서 이펙트 메쉬 제작후 HDA툴 제작하기 금별 03.10 104
764 2D 섭스턴스 디자인 - 물튀김 텍스쳐 제작과정 금별 03.10 165
763 2D 포토샵/맥스 - 연기형태의 메쉬 및 텍스쳐 제작방법 금별 03.10 125
762 2D 포토샵 - 잎파리/눈결정체 시퀀스 제작하기 금별 03.10 120

 

Banner
 
Facebook Twitter GooglePlus KakaoStory NaverBand