Substance in UE4 | 8: Adding Leaks Using Particle Painting

# Substance in UE4

## 使用バージョン
Substance Desinger 6.0.1
Substance Painter 2.5.1
Unreal Engine 15.1

## 8: Adding Leaks Using Particle Painting

**8: Adding Leaks Using Particle Painting**
[![8: Adding Leaks Using Particle Painting](http://img.youtube.com/vi/-9ZMqDliLLI/0.jpg)](https://www.youtube.com/watch?v=-9ZMqDliLLI)

## archwayのLeaksペイント
Substace Painterでarchway.sppを開く

archway_Normal_DirectX.pngをインポートする
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0522.png)

archwayを選択
TextureSet Settings
Select normal map
archway_Normal_directXを選択する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0523.png)

Particles -> Leaksを選択する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0524.png)

archwayのみ表示する
Layerを追加する
名前をLeaksに設定する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0525.png)

![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0526.png)

Leaksレイヤーにwhite maskを追加する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0527.png)

Ventsの箇所から水が垂れているように塗る
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0528.png)

パイプの付け根から水が垂れているように塗る
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0529.png)

![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0530.png)

黒のFill Layerを追加する
Leaksの塗った部分のみ白くなるようにする
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0531.png)

Ctrl + Shift + EでTextureをExportする
masksフォルダを作成して、出力先を変更する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0532.png)

archwayのみチェックを入れてExport
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0533.png)

archway_Base_Color.pngをmaskとして使用する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0534.png)

出力後は使用しないので、Leaks,Fill layer 2を非表示にする
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0535.png)

### backingのLeaksペイント
backingのみ表示する
Layterを追加する
名前をLeaksに設定する
white maskを追加する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0536.png)

backing_Normal_DirectX.pngをインポートする
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0537.png)

Normal mapを追加する
TextureSet Settings
Select normal map
backing_Normal_DirectX
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0538.png)

Leaksレイヤーの下に黒のFill Layerを追加する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0539.png)

![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0540.png)

backingのみ書き出し
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0541.png)

出力後は使用しないので、Leaks,Fill layer 2を非表示にする
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0542.png)

### designer archwayにLeaks maskを追加する

Preference Libraryにmasksフォルダを追加する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0543.png)

Filterを追加する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0544.png)

archwayのGraphにarchway_Base_Colorを追加する
Grayscaleに設定する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0545.png)

Material Color Blendを追加する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0546.png)

Material Color BlendのChannelsを設定する

|Channel名  |True/False  |
|---|---|
|Diffuse  |False |
|Base Color  |True  |
|Normal  |True  |
|Specular  |False  |
|Emissive  |False  |
|Glossiness  |False  |
|Roughness  |True  |
|Metalic  |True  |
|Specular Level  |False  |
|Ambient Occlusion  |False  |
|Height  |False  |
|Opacity  |false  |

![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0547.png)

Material Color Blendを各所につなげる

![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0548.png)

### Material Color Blendのパラメータを調整する

**Base Color**
Color : RGB(50,41,32)
Opacity : 0.25

![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0549.png)

**Normal**
Height Opacity : 0.01
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0550.png)

**Base Color**
Opacity : 0.38
Blending Mode : Multiply
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0551.png)

**Base Color**
Opacity : 0.43
Blending Mode : Normal

![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0552.png)

Input Parametersを追加する

|項目  |値  |
|---|---|
|Identifier |Leaks |
|Type/Editor |Boolean/Buttons |
|Defailt |True |

![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0553.png)

Base ColorのOpacityにEmpty Functionを追加する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0554.png)

FunctionのアイコンをダブルクリックしてFunctionのGraphを表示する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0555.png)

Get Booleanを追加する
右クリック -> Add Node -> Variables -> Get Boolean

![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0556.png)

Variables / Get BooleanにLeaksを設定する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0557.png)

If...Elseを追加する
右クリック -> Add Node -> Control -> If...Else
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0558.png)

Constant Floatを追加する
右クリック -> Add Node -> Constant -> Float
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0559.png)

Floatの値を0.5に設定する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0560.png)

Constant Floatを複製する
値を0に設定する
If...Elseにつなげる
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0561.png)

右クリック -> Set as Output Node
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0562.png)

LeaksのTrue/Falseで水の垂れた効果の表示/非表示を切り替えられる
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0563.png)

Input Parameter Leaksの設定を変更する
Label : Leaks
Group : Weathring
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0564.png)

### designer backingにLeaks maskを追加する

backingをダブルクリック
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0565.png)

backing_Base_ColorのLink resourceを追加する
Grayscaleに設定する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0566.png)

Material Color Blendを追加する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0567.png)

Material Color BlendのChannelsを設定する

|Channel名  |True/False  |
|---|---|
|Diffuse  |False |
|Base Color  |True  |
|Normal  |True  |
|Specular  |False  |
|Emissive  |False  |
|Glossiness  |False  |
|Roughness  |True  |
|Metalic  |True  |
|Specular Level  |False  |
|Ambient Occlusion  |False  |
|Height  |False  |
|Opacity  |false  |

![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0568.png)

Material Color Blendを各所につなげる
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0569.png)

**Base Color**
Color : RGB(50,41,32)
Opacity : 0.5

**Normal**
Height Opacity : 0.01

![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0570.png)

Input Parametersを追加する

|項目  |値  |
|---|---|
|Identifier |Leaks |
|Type/Editor |Boolean/Buttons |
|Label |Leaks |
|Group |Weathring |
|Defailt |True |

![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0571.png)

Empty Functionを追加する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0572.png)

archwayと同様の手順でFunctionを作成する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0573.png)

### SVG
maskを複製する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0574.png)

SVG -> New Resource...
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0575.png)

Choose a resource nameをvent_masksに設定する
OKをクリック
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0576.png)

SVGをダブルクリック
Ventsの溝をPathで囲む
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0577.png)

選択ツールでPathで囲んだ箇所を選択する
RGB(255,255,255)に設定する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0578.png)

Metal Edge WearとSVGを切断する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0579.png)

SVGのOutputとMetal Edge WearのGrayscaleをつなげる
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0580.png)

Curvature Weightを0.08に設定する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0581.png)

Invert Grayscaleを追加する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0582.png)

SVGのOutputとInvert Grayscaleをつなげる
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0583.png)

Bldをクリックし、Blendを追加する
Blendに対して各ノードをつなげる
BlendのBlend ModeをMultiplyに設定する

![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0584.png)

BlendのOutputとMetal Edge Wearをつなげる
Curvatureが外れていたので、Metal Edge Wearにつなげる
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0585.png)

Bldをクリックし、Blendを追加する
Metal Edge WearとBlendをつなげる
BlendのOutputとMatarial Color Blendのmaskとつなげる
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0586.png)

Curvature Werightを0.17に設定する
(溝部分の金属が表示される)
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0587.png)

Frameを追加して、処理をまとめる

![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0588.png)

Titleと色の変更が出来る
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0589.png)

色分けをしてるとわかりやすくなる
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0590.png)

### Backing側もLeaksのmask処理を行う

![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0591.png)

![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0592.png)

![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0593.png)

**Frame化** 
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0594.png)

## Next
- [9: Publishing The Substance](http://qiita.com/gansaibow/private/700f6bcad4ae21f20de5)

## Before
- [7: Creating The Substance Material Part 2](http://qiita.com/gansaibow/private/cc8bfa4921acf0f1706e)

## Index

- [1: Project overview, baking and setup](http://qiita.com/gansaibow/private/5019a8b8b222e73ab0aa)
- [2: Painting Height Details](http://qiita.com/gansaibow/private/3e12bee2faa5f51432a0)
- [3: Creating Base Materials](http://qiita.com/gansaibow/private/73362f4a869b84444b54)
- [4: Setting Up An Export Pipeline](http://qiita.com/gansaibow/private/512468a06c6f2c6ac27e)
- [5: Finishing The Base Materials](http://qiita.com/gansaibow/private/89df8c5d461733828a5e)
- [6: Creating The Substance Material Part 1](http://qiita.com/gansaibow/private/f05761a263b4a4f53581)
- [7: Creating The Substance Material Part 2](http://qiita.com/gansaibow/private/cc8bfa4921acf0f1706e)
- [8: Adding Leaks Using Particle Painting](http://qiita.com/gansaibow/private/8a5e596729db52cafec1)
- [9: Publishing The Substance](http://qiita.com/gansaibow/private/700f6bcad4ae21f20de5)
- [10: Importing Substance Into UE4](http://qiita.com/gansaibow/private/8c61590d240e2ebecf5e)
- [11: Changing Substance parameters using Blueprint](http://qiita.com/gansaibow/private/ee22619189ccf8f56521)