Substance in UE4 | 3: Creating Base Materials

# Substance in UE4

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

## 3: Creating Base Materials
**3: Creating Base Materials**
[![(3: Creating Base Materials)](http://img.youtube.com/vi/6MbhESad5D4/0.jpg)](https://www.youtube.com/watch?v=6MbhESad5D4)

Heightのレイヤーをグループ化
Layer名をHeightに設定する
archwayのみ表示する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0194.png)


Fill Layerを追加し、Layer名をmaterialに設定する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0195.png)


動画との色を近づけるために、
Enviroment mapをbonifacio_streetに変更
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0196.png)

動画ではMaterialはuniform_cobaltを使用するといっているが、Substance Painterでは品質が満足できず削除されてしまったらしい
https://forum.allegorithmic.com/index.php?topic=9492.0

代わりにCobalt_Pureを使用する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0197.png)

動画と似たような質感にはなった
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0198.png)

Roughnessの値を大きくすると、プラスチックのような質感になる
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0199.png)

Metaricの値を小さくすると、金属光沢が少なくなる
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0200.png)

Fill Layerを追加する
名前をPaintに設定する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0201.png)

uniform_plastic_glossyがPS2では削除されているので、
Plastic Glossy Pureをダブルクリックする
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0202.png)

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

フォルダを作成する
名前をPaint GRPに設定する
PaintレイヤーをForderにドラッグ＆ドロップして、Forder内に入れる
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0204.png)

追加したForder Paint GRPを右クリック
Add black maskを選択する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0205.png)

materialレイヤーのみ表示される
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0206.png)

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

塗った所にpaintレイヤーが表示される
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0208.png)

はみ出したところは、grayscaleを0.0に設定して黒で塗る
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0209.png)

Quick maskを設定してから塗った方が、パイプと重ねる箇所を塗る時に楽になる
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0210.png)

塗り完了
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0211.png)

塗り全体確認
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0212.png)

Simmetryを解除する
柱部分の下側を塗る
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0213.png)

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

materialレイヤーを選択してから、Fill Layerを追加する
名前をPipesに設定する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0215.png)

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


PipesにBlack maskを追加する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0217.png)

Iでmaskを反転させ、
Polygon fillでパイプ部分を白く塗る
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0218.png)

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

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

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

Light GRPフォルダを作成
materialレイヤーを選択し、Fill Layerを追加する
追加したFill LayerをLight GRPフォルダの中に入れる
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0222.png)


TextureSet Settings にEmissiveを追加する

TextureSet Settings
https://support.allegorithmic.com/documentation/display/SPDOC/TextureSet+Settings

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

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

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

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

Light GRPにblack maskを追加する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0227.png)

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

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

Light GRPにLayerを追加する
emissのみ有効にする
Stencil にFence 01を設定する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0230.png)

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

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

### Post Effectの確認
ドキュメントが完全に執筆されていない
https://support.allegorithmic.com/documentation/display/SPDOC/Post+Effects

YEBIS 2を使用している
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0233.png)

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

Post Effect をOffにする
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0235.png)

### Backing
Backingのみ表示
今までのHieghtをペイントしてレイヤーをGourp化
名前をHeightにする

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

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

Fill Layerを追加する
名前をAll Layerに設定する
Paint GRPフォルダ内に入れる
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0238.png)

plastic Glossy Pureをダブルクリックする

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

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

Materialを右クリック -> Create material preset
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0241.png)

新規作成したmaterialを右クリック
名前をscifi door presetに設定する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0242.png)

再びbackingを選択する
All Paint レイヤーを選択する
scifi door presetをダブルクリック

同じ質感を設定することができる
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0243.png)

Paint GRPフォルダにBlack maskを追加する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0244.png)

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

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

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

柱の下部分を塗る
Pollygon FillのUVで2D側を塗るのが速い
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0248.png)

ペイントツールで溝の部分まで塗る
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0249.png)

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

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

backingの塗り完成
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0252.png)

全体
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0253.png)

### door

doorを表示して、
heightをペイントしたレイヤーをGroup化
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0254.png)

フォルダを追加し、
名前をFloor GRPに設定する

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

Fill Layerを追加し、
Floor GRP内に入れる
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0256.png)

動画と使用しているパラメーターが一番近い
Steel Rust and Wear を使用する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0257.png)

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

metalを非表示にする
パラメーターはこんな感じ
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0259.png)

見た目
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0260.png)

名前をFloorに設定する
Floor GRP にblack maskを追加する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0261.png)

Floor GRPのmaskをPollygon fillのUV(1.0)で床部分だけ質感が表示されるように塗る
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0262.png)

Folderを追加し、
名前をDoor GRPに設定する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0263.png)

Fill Layerを追加し、
名前をDoorに設定し、
Floor GRP内に入れる
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0264.png)

Door レイヤーのMaterialの設定を変更する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0265.png)

Door GRPにblack maskを追加する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0266.png)

Door部分のUIだけ有効になるmaskを作成する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0267.png)

Heightフォルダを選択して、Fill Layerを追加する（移動の手間が省ける）
名前をmetalにする
Cobalt Pureをダブルクリック

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

Door GRPのmask部分を選択する
Paintツールを選択し、Default Hardを選択する
ShapeにGradientを設定する
Hardnessを1に設定する
Doorの右側半分を塗りつぶす
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0269.png)

Pollygon fillのUV(1.0)で塗りつぶしてしまった柱のmaskを復活させる
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0270.png)

door正面も同じ形状のAlphaを選択して、溝の部分だけがmetalレイヤーが有効になるようにmaskを復活させる
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0271.png)

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

Door GRPを選択してからLayerを追加する
TextureSet SettingsのChannelにEmissiveを追加する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0273.png)

Default Hardを選択
colorとemissだけ有効
Base Color R 0.011 G 0.214 B 0.712
Emissive    R 0.458 G 0.681 B 0.993
Doorの下側の丸部分を塗って光らせる
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0274.png)

Emissive Intensityの数値を大きくすれば、塗った個所が光る
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0275.png)

Door完成
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0276.png)

動画５で柱側に色が塗られているので、色を塗る
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0277.png)

Folderを追加する
名前をPaint GRPに設定する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0278.png)

Fill layerを追加する
Pint GRP内に追加したlayerを入れる
scifi_door_presetをダブルクリック
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0279.png)

Paint GRPにblack maskを追加する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0280.png)

Pollygon FillでPaintを反映させたいUVのmaskを1.0で塗る
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0281.png)

本当の完成
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0282.png)

## Next
- [4: Setting Up An Export Pipeline](http://qiita.com/gansaibow/private/512468a06c6f2c6ac27e)

## Before
- [2: Painting Height Details](http://qiita.com/gansaibow/private/3e12bee2faa5f51432a0)

## 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)