Substance in UE4 Long Page

# Substance in UE4


<blockquote class="twitter-video" data-lang="ja"><p lang="ja" dir="ltr">Twitterだと画質が粗くてピントが合っていないみたいな感じになってしまう<br>カッコいいといいながらピンぼけで伝わらない<br>やっぱりVimeoとかYoutubeは偉大だ <a href="https://t.co/M11WiFIhxs">pic.twitter.com/M11WiFIhxs</a></p>&mdash; ＧＡＮ彩坊(光の戦士) (@gansaibow) <a href="https://twitter.com/gansaibow/status/844693930071343104">2017年3月22日</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>


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

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

## プロジェクトファイルのダウンロード 
Substance for UE4 Training Series 
Substance、UE4のプロジェクトファイルがダウンロードできる
https://forum.allegorithmic.com/index.php/topic,3242.0.html

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

## Substance in Unreal Engine 4 Tutorial: Introduction

**Substance in Unreal Engine 4 Tutorial: Introduction**
[![Substance in Unreal Engine 4 Tutorial: Introduction](http://img.youtube.com/vi/T9_E1kBP9S8/0.jpg)](https://www.youtube.com/watch?v=T9_E1kBP9S8)


## 1: Project overview, baking and setup 

**1: Project overview, baking and setup**
[![(1: Project overview, baking and setup)](http://img.youtube.com/vi/vrVvu9q6dXg/0.jpg)](https://www.youtube.com/watch?v=vrVvu9q6dXg)


### プロジェクトの作成
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0001.png)


|項目名  |値  |
|---|---|
|Graph Template  |Physically Based(Metallic/Roughness) |
|Graph Name  |archway |
|Size Mode  |Absolute |
|Width  |2048px |
|Height |2048px |
|Format |Relative to Parent |

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

一旦プロジェクトを保存する
ファイル -> すべてを保存
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0003.png)

名前はarchwayとする
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0004.png)

### FBXのインポート
プロジェクトを右クリック
Link -> 3D Mesh
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0005.png)


substance_ue4_project.zip内のDataフォルダに格納されているFBXファイルをすべて選択して、開くボタンをクリック
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0006.png)

Resourcesが追加される
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0007.png)

Resourcesを右クリック -> New -> Folder
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0008.png)

フォルダ名をmeshesに変更する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0009.png)

meshesにfbxをドラッグ＆ドロップ
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0010.png)

fbxをダブルクリックすることで3DViewにメッシュを表示することが出来る
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0011.png)

Youtubeは4.5.1を使用しているので、メニューの項目が少し変わっている
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0012.png)

6.0.1の場合
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0013.png)


Tangent Space Pluginの設定
mkktspace.dll
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0014.png)

Macroの作成

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

名前をspBakerに設定する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0016.png)

|項目名  |値  |
|---|---|
|Color Map from Mesh  |id |
|Normal Map from Mesh  |normal |
|Curvature  |curvature |
|Ambient Occlusion Map from Mesh  |ambient_occrusion |
|Position  |position |
|World Space Normals  |world_space_normals |

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

Default Resource Nameを　

```
$(mesh)_ $(spbaker)
```

に変更する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0018.png)

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

archway_bake_lowを右クリック
Bake model Infomationを選択する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0020.png)

画像の通り設定を行う
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0021.png)

normalマップが作成される
ダブルクリックで画像の確認が出来る
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0022.png)

同様の手順でdoor_bake,baking_bakeのnormalを作成する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0023.png)

normalを3種類作成する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0024.png)

作成したnormalの画像は以下の場所に保存されている
C:\Users\(ユーザー名)\Documents\Allegorithmic\Substance Designer\6

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

### Substance Painter 
Substance Painter 2 を起動
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0026.png)

File -> New 
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0027.png)


|項目名  |値  |
|---|---|
|Template  |Unreal Engine 4(allegorithmic) |
|Mesh |scifi_door_mm.fbx |
|Create a texture set per UDIM file |チェックなし |
|Normal map format |DirectX |
|Compute tangent space per fragment |チェック |
|Document resolution |2048 |
|Import mesh normal maps and baked maps for all materials |archway_normal.png, backing_normal.png, door_normal.png |

TemplateにUnrealEngine4を選択する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0028.png)

Meshにscifi_door_mm.fbxを選択する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0029.png)

Designerで書き出したnormalを追加する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0030.png)

プロジェクトを保存する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0031.png)


Viwer SettingsのEnviroment Mapの設定でEnviromentMapの表示設定が出来る

|項目名  |概要  |
|---|---|
|Enviroment Map  |使用するEnviroment Mapを選択する  |
|Enviroment Exposure(EV)  |使用するEnviromentの透明度 0:透明～100:不透明  |
|Enviroment Exposure(EV)  |使用するEnviromentのEV値(露出)  |
|Enviroment Rotation  |使用するEnviromentを回転させる  |
|Enviroment Blur  |使用するEnviromentにBlurをかける 0:くっきり～100:ぼやける  |

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

#### ImportするResourceをダウンロードする

動画でインポートしていたResource
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0033.png)

Eat3d_Bolt_Alpha_70.jpgではなく、Eat3d_Bolt_Alpha_69.jpgを使用していた

Substance、UE4のプロジェクトファイルがダウンロードできる
https://forum.allegorithmic.com/index.php/topic,3242.0.html
substance_ue4_project.zipを解凍した中に入っているalphasフォルダにすべて入っている
（動画 5のdecalsで気づいた）

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


http://eat3d.com/forum/tips-tricks-and-free-videos/110-free-custom-bolt-alphas

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

zbrush development resource site
http://www.badking.com.au/site/

plane_line_v.psdは自作できた
plane_line_h.psdも一緒に作成しておいた
以下からダウンロードできる
https://1drv.ms/u/s!AsyaT0uIFWqQgY5VQraCo1yr9TTl4A

動画の名前を検索する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0036.png)

動画の名前と一致する項目をクリック
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0037.png)

ADD TO CARTをクリック
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0038.png)


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

その後、アカウントを作成して、CheckOutをするとダウンロードすることが出来る

動画のファイルが一部収集できなかった
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0040.png)


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


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

ImportするResourceにalphaを設定する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0043.png)

Import your resources to:にproject '(プロジェクト名)'を設定する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0044.png)

## 2: Painting Height Details

**2: Painting Height Details**
[![(2: Painting Height Details)](http://img.youtube.com/vi/H4OwspeLilw/0.jpg)](https://www.youtube.com/watch?v=H4OwspeLilw)

archwayだけ表示する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0045.png)

fill layerの追加
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0046.png)

Fill layer 1をLayer1の下に移動する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0047.png)

Fill layer 1のMaterialをheightだけ有効にする
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0048.png)

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

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

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

Layer名をDetailに設定する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0052.png)

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


Alphaを選択する
Alphaフォルダの項目をダブルクリックで選択できる
Tool - Paintの項目のAlphaを左クリックするとリストが表示されるので、リストから項目を選択してもいい
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0054.png)

Alphaのブラシを選択したら、ブラシのサイズを変更しながら、ペイントしていく
ブラシのサイズ変更

- Ctrl + Heel
- Ctrl + 右クリック + マウスを前後

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

Paintする
Greebles_28
Greebles_9
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0056.png)


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

Quick Mask
https://support.allegorithmic.com/documentation/display/SPDOC/Quick+Masking

T : Editing Quick Mask / Using Quick Maskの切り替え
I : Maskを反転
Y : Quick Maskを終了する

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

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

Iを入力してマスクを反転させる
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0060.png)

Tを入力してUsing quick maskモードにする
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0061.png)

Paintツールを選択
plane_line_vを選択
heightのみ有効にして、値を-1にする
直線になるように線を引く

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

Yを入力してQuick Maskモードを終了する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0063.png)

シンメトリーを継続
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0064.png)

BlashをDefault Hard
ShapeをShape Gradient
Hardnessを1に設定
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0065.png)

GrayScaleが設定できなければ、マテリアルを選択する、
GrayScaleを０に設定する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0066.png)

TでQuick maskの編集モードにする
先ほど引いた線とかさなるように、四角く塗る
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0067.png)

中間部分をPolygon FIllで黒く塗る
モデルが完全なシンメトリーではないので、少しはみ出てしまう
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0068.png)

右側の塗り残しも塗る
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0069.png)

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

Polygon FillのUVモードで1.0を塗る
片側だけ塗れば、もう一方も１．０で塗られる
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0071.png)

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

Iでマスクを反転
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0073.png)

縦線と同じくらいの太さの横線をマスクの縦幅中央くらいに引く
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0074.png)

中心線まで横線を塗って、反対側と線を繋げなくてもいい
YキーでQuick maskを終了させる
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0075.png)

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

動画の9:34くらいの作業
線を追加する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0077.png)


動画の9:50くらいの作業
★Detailレイヤーを選択してから作業を開始する
Greebles_18で中央を２回ペイント
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0078.png)

動画10:01くらいの作業
Eat3d_Bolt_Alpha_59


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

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

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

動画10:05くらいの作業

Greeble_2を選択
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0082.png)

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

動画10:11くらいの作業
Vents_16を選択

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

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

動画10:15くらいの作業
Greebles_13

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

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

動画10:18くらいの作業
Scfi_Panels_13

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

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

動画10:22くらいの作業
Scfi_Panels_12

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

動画10:27くらいの作業
Eat3d_Bolt_Alpha_69

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

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

動画10:30くらいの作業
Greebles_2

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


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


動画10:32くらいの作業
Vents_18

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

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

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

動画10:38くらいの作業
Vents_07

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

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

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

動画10:47くらいの作業
Greebles_13

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

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

動画10:47くらいの作業
Greebles_28

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

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

動画10:51くらいの作業
Eat3d_Bolt_Alpha_59

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

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

動画10:53くらいの作業
Vents_07

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


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

動画10:57くらいの作業
Greebles_13

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

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

動画10:57くらいの作業
Nurnies_12 (XMD_Mech_Insert_20の代わり)
XMD_Mech_Insert_20は公式formからダウンロードすることが出来るsubstanceプロジェクトのalphasフォルダ内に入っている

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

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

動画11:06くらいの作業
Greebles_9

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

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

動画10:53くらいの作業
Vents_07

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

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

動画11:14くらいの作業
Eat3d_Bolt_Alpha_47

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

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

Boltsレイヤーを作成する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0119.png)

つなぎ目あたりに小さいくぼみをペイントしていく
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0120.png)

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

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

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

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

動画11:46くらいの作業
Vents_16

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

Detailレイヤーを選択してからペイントする
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0126.png)

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

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

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

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

archwayの塗り完了

### backingのペイント

archwayを非表示にして、backingを表示する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0131.png)

archwayとレイヤーの構造を同じにする
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0132.png)


突起の側面に横線を引く
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0133.png)

反対側の突起側面も塗る
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0134.png)

突起の隙間のマスクを消す
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0135.png)

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

Iを入力してmaskを反転
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0137.png)

Tを入力してUsing quick mask
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0138.png)

ペイントツール
plane_line_h
heightのみ有効にして、heightの値を0.7
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0139.png)

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

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

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

上部の突起にも溝を作る

Tでquick mask
上部突起にmaskする
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0143.png)

Ｉで反転
UでUsing quick mask
ペイントツール->plane_line_h
5本幅が均等になるように線を引く
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0144.png)

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

Yでquick mask終了
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0146.png)

横の柱に線を2本引く
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0147.png)

Layer Detailsを選択する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0148.png)

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

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

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

Bolts Layerを選択
Eat3d_Bolt_Alpha_47
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0152.png)

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

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

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

Detailsレイヤーを選択
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0156.png)

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

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

### doorのペイント

Layerを作成する

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


また見つからないブラシを使っていたので、自作
以下よりダウンロード
https://1drv.ms/i/s!AsyaT0uIFWqQgY8cmw90MJeR4THhKA

height 0.2にしてうっすらと塗る
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0160.png)

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

Scifi-Panels_12
height 1.0
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0162.png)

Scifi-Panels_13
height 1.0
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0163.png)

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

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


Greebles_09
height -0.8
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0166.png)

Greebles_03
Nurnies_01
Nurnies_03

height 1.0

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

Bolts Layerを選択
Eat3d_Bolt_Alpha_01
height -1.0
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0168.png)

Details Layerを選択

Eat3d_Bolt_Alpha_59

Eat3d_Bolt_Alpha_59
height 0.4

Eat3d_Bolt_Alpha_70
height 0.2

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

中央完成
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0170.png)

SideをQuick maskで選択する
Scifi_Plane_12
height 1.0
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0171.png)

Bolts Layerを選択する

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

Side完了
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0173.png)

床をquick maskで選択してペイント
Detail Layerを選択する

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

plane_line_hとplane_line_vで溝を作成する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0175.png)

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

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

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

Size Ratioが最新版では見つからなかったので、
長方形のAlphaを作成した
以下からダウンロードしてインポート
https://1drv.ms/i/s!AsyaT0uIFWqQgY8dWfqeEStq-3iwew

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

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

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

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

Stencil Mask
https://support.allegorithmic.com/documentation/display/SPDOC/Paint+brush

It is possible to edit the stencil transformation by pressing the shortcut S :
- Use S + Left Mouse click to rotate the stencil.
- Use S + Left Mouse click + SHIFT to snap/constrain to rotation of the stencil.
- Use S + Right Mouse click to Zoom/Unzoom the stencil.
- Use S + Middle Mouse click to translate the stencil.

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

quick maskとStencilを終了する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0184.png)

網上のDetailが描画することが出来る
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0185.png)

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

Height Mapのペイント完了
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0187.png)

**補足**
手順にはなかったが、パイプに溝が書かれている（動画４のNormalで気付いた）
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0188.png)

いい感じのブラシもないので、自作した
Pipe_Groove.png
https://1drv.ms/i/s!AsyaT0uIFWqQgY92BXFpmKLH2O_sRQ

archwayにPipe Grooveレイヤーを追加する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0189.png)

Blushの設定
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0190.png)

一本ずつquick maskで設定してから塗った方が塗りやすい
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0191.png)

Pipeの筒部分に溝をペイントする
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0192.png)

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

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

## 4: Setting Up An Export Pipeline

**4: Setting Up An Export Pipeline**
[![4: Setting Up An Export Pipeline](http://img.youtube.com/vi/Yp0FRgfmGJU/0.jpg)](https://www.youtube.com/watch?v=Yp0FRgfmGJU)

Substance PainterとSubstance Designerでお互いにExportしたテクスチャデータをリンクさせる

### Substance PainterのTexture書き出し
3DViewを右クリック
Export Texturesを選択
Ctrl + Shift + Eでもいい
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0283.png)

Designerと共有しやすいフォルダを選択する（今回はspexportという名前のフォルダを作成する。DesignerでFilterを作る時に特定しやすい名前にしておくのがいい）
16bitを選択する
Configに [Document channels + Normal + AO(No Alpha)]を選択
Exportをクリック
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0284.png)

### Substance Designerの書き出したテクスチャのFilter設定
Substance Designerを開く

Edit -> Preferences
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0285.png)

Projectsを選択する
Libraryタブを選択する
+をクリック
先ほどPainterでTextureを書き出したフォルダのパスを選択する
OKで確定する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0286.png)

Folder 1という名前をScifi Doorに変更する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0287.png)

Filterの追加
+をクリック
名前をsp exportに設定する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0288.png)

Filterの条件を入力する
- Bitmap
- Url
- Contains
- spexport

条件内容：画像、URL,spexportを含む

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

### Base Colorの共有
archway_base_colorをGraphにドラッグ
Link resource(s)を選択する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0290.png)

Graphにノードが追加される
2D表示にテクスチャが表示される
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0291.png)

Substance Painteを表示する
archwayを選択する
Paintレイヤーを選択する
BaseColorを変更する

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

Textureを再度Exportする
archwayのみをExportする
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0293.png)

Substance Designerにも変更が反映される
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0294.png)

Substance Painterに戻り、
Undo StackでColorの変更を無しにする

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

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

### Substance Designerからのテクスチャ共有

archway_Normal_DirectXをドラッグ
Link resource(s)を選択
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0297.png)

Curvatureを検索してドラッグする
NormalとCurvatureをつなぐ
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0298.png)

GrayScaleのNormalが出来上がる
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0299.png)

Intensityの値を3.14に設定する
輪郭が強調される
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0300.png)

Save Current image as bitmapをクリック
meshDateフォルダを作成して、作成したフォルダを選択
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0301.png)

ファイル名: archway_curvature
ファイルの種類： bmp
保存する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0302.png)

Substance Painterを表示
File -> Import resources
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0303.png)

archway_curvature.bpmをtextureとして、project 'archway'にImportする
このプロジェクトでしか使わないので、Projectでいいと思う
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0304.png)

Substance Painterに取り込まれる
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0305.png)

Intensityの値を１に戻して、archway_curvature.bmpを上書き保存する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0306.png)

Substance Painter側に変更が反映されていないので、
archway_curvatureを右クリック -> Reload
変更が反映される
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0307.png)

Substance Designerに戻り、
CurvatureのIntensityを3.93に設定する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0308.png)

Ambient Occlusionを検索し、Graphに追加する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0309.png)

archway_HeightのLink resourseを追加する
GrayScaleを選択する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0310.png)

つなげる
HeightからAmbient Occlusionを作成することが出来る
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0311.png)

Spreadingを0.01に設定する
溝の部分のみが黒くなる
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0312.png)

archway_ambient_occlusion.bmpでarchway_curvature.bmpと同じフォルダに保存する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0313.png)

archway_ambient_occlusion.bmpをtextureでproject 'archway'にインポートする
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0314.png)

Substance Painterに取り込まれる
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0315.png)

TexureSet Settingsを選択する
Select ambient occlusion mapをクリック
archway_ambient_occlusionを選択する

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

Select curvature mapをクリック
archway_curvatureを選択する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0317.png)

4はここまでだけど、5では backingとdoorにもcurvatureとambientOcclusionが作成されている

archwayのcurvature,ambient occlusionをbackingとdoor分コピーする
backingとdoorのnormal,heightのLink resoureceを追加する
archwayと同様にnormalにcurvature, heightにambient occlusionをつなげる
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0318.png)

backingとdoorのcurvature,ambient_occlusionをbmpで保存する

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

archwayのcurvature,ambient occlusionと同じフォルダに保存する

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

Substance Painterにtextureとしてインポートする
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0321.png)

backing,doorにAmbientOcclusion,Curvatureを追加する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0322.png)
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0323.png)

これでおしまい

## 5: Finishing The Base Materials

**5: Finishing The Base Materials**
[![5: Finishing The Base Materials](http://img.youtube.com/vi/3EH1ElkQtT8/0.jpg)](https://www.youtube.com/watch?v=3EH1ElkQtT8)



### Roughness (archway)

archwayのみ選択して表示する
Fill layerを追加する
名前をRoughとする
Materialをroughのみ有効にする

値は0.5に設定する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0324.png)

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

Add effects -> Add Generator
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0326.png)

GeneratorにMG_Dirtを選択する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0327.png)

Roughness表示にすると、ImportさらたCurvatureとAmbientOcclusionが反映されている
溝やねじ穴といったところがはっきりとしている
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0328.png)

MG_Dirtのプロパティを設定する
値をデフォルト値から変えた項目

|項目名  |値  |
|---|---|
|Dirt Level  |0.86  |
|Dirt Contrast  |0.5  |
|Grunge Amount  |0.53  |
|Grunge Scale  |1  |

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

MG_Dirtありとなしの比較
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0330.png)

パラメーターの微調整

|項目名  |値  |
|---|---|
|Dirt Level  |0.78  |
|Dirt Contrast  |0.72  |
|Grunge Amount  |0.44  |

数値を色々変更してみて理想形に近づける(任意)

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

Roughnessの影響度を調整する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0332.png)

0.7くらいの値に設定する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0333.png)

MG_Dirtを再び編集する

|項目名  |値  |
|---|---|
|Dirt Level  |0.75  |
|Dirt Contrast  |0.46  |
|Grunge Amount  |0.64  |

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

再びRoughnessの値を調整する
値を0.35に設定する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0335.png)

MG_Dirtを再び編集する

|項目名  |値  |
|---|---|
|Dirt Level  |0.65  |
|Dirt Contrast  |0.67  |

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

調整前（MG_Dirtなし）と調整後(Roughnessの影響度、MG_Dirt調整)
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0337.png)

RoughレイヤーをDuplicate(複製)する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0338.png)

materialレイヤーの上にDuplicateしたRoughレイヤーを移動し、名前をrough metalに変更する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0339.png)

MG_Dirtを編集する

|項目名  |値  |
|---|---|
|Dirt Contrast  |0.48  |

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

Roughness編集前とRoughness編集後の比較
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0341.png)

ここまでの全体
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0342.png)


### Roughness (backing)

backingのみ有効にする
Fill layerをPaing GRPに追加する
roughのみ有効にする
値を0.35に設定する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0343.png)

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

Add effects -> Add generatorを追加
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0345.png)

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

MG_Dirtのプロパティを設定する
値をデフォルト値から変えた項目

|項目名  |値  |
|---|---|
|Dirt Level  |0.81  |
|Dirt Contrast  |0.73  |
|Grunge Scale  |1  |

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

RoughレイヤーをDuplicateする
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0348.png)


metalレイヤーの上に移動する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0349.png)

Roughness変更前と変更後の比較
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0350.png)

archwayと並べると質感が違う
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0351.png)

archwayと同じパラメーターに設定する

|項目名  |値  |
|---|---|
|Dirt Level  |0.65  |
|Dirt Contrast  |0.67  |
|Grunge Amount  |0.64  |
|Grunge Scale  |1  |
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0352.png)

後ろの方が色が濃い
Roughness表示にして、Grayの色を近づけたほうが合わせやすい

|項目名  |値  |
|---|---|
|Dirt Level  |0.7  |
|Dirt Contrast  |0.63  |
|Grunge Amount  |0.74  |
|Grunge Scale  |2  |

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

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

ここまでの全体

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

### Roughness (door)

Fill layerをPaint GRPに追加する
名前をRoughに設定する
roughのみ有効にする
値を0.35に設定する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0356.png)

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

Add effects -> Add generator
GeneratorにMG_Dirtを設定する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0358.png)

archwayとbackingを表示する
Roughness表示にして、Grayの色を近づけたほうが合わせやすい

|項目名  |値  |
|---|---|
|Dirt Level  |0.78  |
|Dirt Contrast  |0.59  |
|Grunge Amount  |0.59  |
|Grunge Scale  |2  |

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

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

RoughをDuplicateする
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0361.png)

Door GRP内のDoorレイヤーの上に移動する
名前をRoughに変更する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0362.png)

パラメーターの調整
Door GRPのRough

|項目名  |値  |
|---|---|
|Dirt Level  |0.51  |
|Dirt Contrast  |0.76  |
|Grunge Amount  |0.62  |
|Grunge Scale  |2  |

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

RoughをDuplicateする
metalレイヤーの上に移動する
MG_Distのパラメーターを編集する

|項目名  |値  |
|---|---|
|Dirt Level  |0.67  |
|Dirt Contrast  |0.59  |
|Grunge Amount  |0.59  |
|Grunge Scale  |2  |

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

同様にRoughをDuplicateして、
Floor GRP内のFloorレイヤーの上に移動する
名前をRoughに変更する

MG_Distのパラメーターを編集する

|項目名  |値  |
|---|---|
|Dirt Level  |0.6  |
|Dirt Contrast  |0.86  |
|Grunge Amount  |0.64  |
|Grunge Scale  |2  |

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

編集前と編集後を比較
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0366.png)

ここまでの全体
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0367.png)

### Roughness (archway Pipe)

Folderを追加する
名前をPipe GRPに設定する
PipeレイヤーをPipe GRP内に入れる
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0368.png)

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

PipeのmaskをPipe GRPに移植する
PipeのmaskをCopy maskする
Pipe GRPのblack maskにPaste maskをする

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

pipeのmaskを削除する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0371.png)

Pipe GRPにLayerを追加する
名前をPipe Roughに設定する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0372.png)

Blushes -> Dirt2
roughのみ有効
値を0.6に設定
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0373.png)

Pipeを順次塗っていく
Roughness表示にして塗ると塗りやすい
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0374.png)

編集前と編集後の比較
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0375.png)

ここまでの全体
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0376.png)

### Decals (archway)

Substance、UE4のプロジェクトファイルがダウンロードできる
https://forum.allegorithmic.com/index.php/topic,3242.0.html
substance_ue4_project.zipを解凍した中に入っているdecalsフォルダのpsdをインポートする

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

decals.psd, decals_metal.psdをTextureとしてインポートする
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0378.png)

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

Projectionを選択する
color,metalのみを有効にする
Base Color,MettallicにインポートしたDecalを設定する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0380.png)

Decalを塗ると、Decalの画像のみが塗られる
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0381.png)

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

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

はみ出てしまったラインを消す
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0384.png)

ここまでの全体
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0385.png)

### Decals (door)

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

Projectionを選択する
Metallicに関係ないところに塗るので、
MetallicのDecalを削除する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0387.png)

Decalを塗る
レイヤーの透明度を85に設定する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0388.png)

ここまでの全体
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0389.png)

### TextureのExport
ここまでのTextureをExportする
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0390.png)

動画５終了

## 6: Creating The Substance Material Part 1

**6: Creating The Substance Material Part 1**
[![6: Creating The Substance Material Part 1](http://img.youtube.com/vi/cmPetaVwRsM/0.jpg)](https://www.youtube.com/watch?v=cmPetaVwRsM)

### ここで学習できること
基本的なノードの使い方
Base Materialの作り方
Materila Color Blend
Metal Edge Wear
Dirt

### Graphを追加する
archway.sbs
New -> Substance Graph
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0391.png)


|項目名  |値  |
|---|---|
|Graph Template  |Physically Based(Metallic/Roughness) |
|Graph Name  |New Graph |
|Size Mode  |Absolute |
|Width  |2048px |
|Height |2048px |
|Format |Relative to Parent |

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

名前をarchway_1に変更
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0393.png)

### OutputにAmbient Occlusionを追加する
Outをクリック
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0394.png)

IdentifierをAmbient_Occlusionに設定する
Add Itemをクリック
RGBA, ambientOcclusionに設定する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0395.png)


### Base Materialに設定する
archway_Base_ColorのLink resourceを追加する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0396.png)

その他のTextureのLink resourceを追加する
archway_Normal_DirectX
archway_Roughness
archway_Metallic

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

Base Materialを追加する
Material Filters -> PBR Utilities
Base MaterialをGraphに追加する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0398.png)

Compact Material
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0399.png)

User-Defind Mapを有効にする
- Base Color
- Normal
- Roughness
- Metallic

該当するTextureとつなげる
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0400.png)

表示形式をStandardに戻して、outをクリックすると出力結果を確認することが出来る
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0401.png)

Compactに戻す
Base MaterialのOutをOutputのノードにつなげると、すべてのノードにつなげてくれる
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0402.png)

### Base Colorの特定の色を変更する
Graphを右クリック 
View outputs in 3D Viewを選択する
materialを反映するmeshを選択する
3DViewにmaterialの結果が表示される
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0403.png)

Graph 右クリック -> Add Node -> Uniform Color 
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0404.png)

Graphの上のアイコンをクリックでも追加できる
こちらの方が速いので、よく使うNodeは覚える
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0405.png)

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

BlendノードにUniform ColorとBase_Colorのテクスチャをつなげる
Uniform ColorをBase Colorのテクスチャの青い部分と同じ色に設定する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0407.png)

maskで検索する
Color to MaskをGraphにドラッグする
Base ColorとColor to Maskをつなげる
Color to MaskのColorをBaseColorと同じ色に設定する
Mask Rangeを1に設定する

青い部分のみをmaskできる
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0408.png)

Color to MaskのOutとBlendのOpacityをつなげる
Uniform ColorのColorを変更する
BlendのOutputをダブルクリックする
BaseColorの青の部分がUniform Colorの色に設定することが出来る
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0409.png)

BlendのOuptutをBase MaterialのBaseColorにつなげる

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

### Metal Edge Wearで傷をつける
Mesh　Adaptive -> Mask Generators
Metal Edge WearをGraphにドラッグ
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0411.png)

Material Filters -> Material Color BlendをGraphにドラッグ
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0412.png)

Base MaterialのOutputとMaterial Color Blendをつなげる
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  |True  |
|Height  |False  |
|Opacity  |false  |

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

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

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

NormalとCurvatureをつなげる
CurvatureのIntensityを4.08に設定する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0416.png)

archway_HeightのLink resourceを追加する
archway_HeightとAmbient Occlustionをつなげる
Ambient OcclusiontのSpreadingの値を0.01に設定する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0417.png)

Curvature,AO(Ambient Occlusion)をMetal Edge Wearにつなげる
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0418.png)

Metal Edge WearとMaterial Color Blendをつなぐ
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0419.png)

Material Color BlendのOutputとOutputピンをつなぐ
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0420.png)

Ambient OcclusionとOutputのAmbient Occlusionをつなぐ（ここでOutputを増やす方法を知った）
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0421.png)

この時の3Dモデルの描画
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0422.png)

### Material Color BlendのInstance Parametersの調整
#### Base MaterialのMaterial Presetを変更し、Base Colorを取得する
Base Materialノードを追加する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0423.png)

OutputをExpand Nodeで各チャンネルを操作できるように分割する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0424.png)

Base ColorのMaterialPresetをCopperに設定する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0425.png)

Base ColorのMaterialPresetをCobaltに変更する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0426.png)

Material Color BlendのBase ColorをMaterial Preset Cobaltの色に設定する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0427.png)

#### その他のChannel

Normal
Normal Opacityを0.01に設定する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0428.png)

Metallic
ColorのLを255に設定する
(傷がついた場所の光沢がなくなる)
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0429.png)

Roughness
Color Lを94に設定する
(傷がついた場所にも少し光沢を入れて、傷がない場所の光沢を抑える)
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0430.png)

### Metal Edge Wearの調整

Color to MaskとMetal Edge WearのMask(Optional)をつなげる
（色がついているところのみ傷が反映される）
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0431.png)

Ambient Occlusion Mappingを0.98に設定する
(溝の中にmaskがはっきりする)
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0432.png)

この時の見た目
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0433.png)


### DirtをMaterialにBlend
#### DirtとMaterial Color Blendを追加する
Dirtを検索する
DirtをGraphにドラッグ
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0434.png)

Material Color BlendをGraphにドラッグ
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0435.png)

|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_0436.png)

Material Color BlendとMaterial Color BlendのMaterialをつなげる
DirtとMaterial Color BlendのGrayscaleをつなげる
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0437.png)

Metal Edge Wearで使用していたCutvature,AOをDirtにつなげる
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0438.png)

Dirtを反映したMaterial Color BlendをOutputにつなげる
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0439.png)

#### Material Color Blend(Dirt)の調整 

Base Color
RGBを変更する RGB(79,71, 68)
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0440.png)

Normal
Height Opacityを0.01に設定
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0441.png)

#### Dirtのmaskを作成する

Colort to Maskを複製する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0442.png)

Base ColorをBlendの黒の部分と同じ色に設定する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0443.png)

Mask Rangeを0に設定する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0444.png)

Blendを追加する
２つのColor to MaskをBlendにつなげる
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0445.png)

Blending ModeをAdd(linear Dodge)に設定する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0446.png)

DirtのmaskにBlendのoutputをつなげる
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0447.png)

![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0448.png)
DirtのInstance Parametersを調整する
Dirt Level 0.76
Dirt Contrast 0.3
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0449.png)

#### Material Color Blend(Dirt Invert Grayscle)の作成 

Dirt,Material Color Blendを複製する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0450.png)

Color BlendのOutputとOutputピンをつなげる
DirtのGrayscaleのLinkを切断する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0451.png)

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

DirtのInstance Parametersを調整する
Dirt Level 0.59
Dirt Contrast 0.43

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

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

Material Color BlendのOutputを選択する
MetallicのColor Lを255に設定する
(Metalの部分は白くなる)
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0455.png)

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

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

Base Colorとおなじくらいの濃さになる
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0458.png)

初期Materialとの比較
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0459.png)

## 7: Creating The Substance Material Part 2

**7: Creating The Substance Material Part 2**
[![7: Creating The Substance Material Part 2](http://img.youtube.com/vi/bZD16nCruDY/0.jpg)](https://www.youtube.com/watch?v=bZD16nCruDY)

### OutputのRoughnessを調整する
Clrをクリック
UniformColorを追加する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0460.png)

UniformColorのColor ModeをrayScaleに設定する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0461.png)

Bldをクリック
Blendを追加する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0462.png)

BlendのForegroundとUniform ColorのOutputをつなげる
Material Color BlendのOutputをExpand Material(Group)で分割する
BlendのBackgroundからMaterial Color BlendのRoughnessとつなげる
BlendのBlend ModeをAdd(Linear Dodge)に設定する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0463.png)

Uniform ColorのOutputとRoughnessをつなげる
Uniform ColorのOutput Color Lの数値を変更することで、出力するRoughtnessの調整をすることができる
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0464.png)

Graphをダブルクリック
Input ParametersのAdd a new input tweakをクリック
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0465.png)


パラメータを設定する

**input tweak**

|項目  |値  |
|---|---|
|Identifier |metal_rough |
|Label |Metal Rough |
|Defailt |0.01 |

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

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

Functionをダブルクリック
GpaphがFunctionの編集に変わる
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0468.png)

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

Variables/Get Floatにmetal_roughを選択する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0470.png)

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

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

Constant Floatを複製する
Linear InterpolationにConstantをつなげる
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0473.png)

Linear Interpolation　Bにつないでいる側のConstant Floatを0.4に設定する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0474.png)

Linear Interpolationを右クリック
Set as Output Nodeを選択
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0475.png)

Input Parametersの metal_roughのdefaultを変更することで、
Uniform ColorのGrayscaleが変更される
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0476.png)

Defaultを0.01に設定する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0477.png)

MetallicとBlendのOpacityをつなげる
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0478.png)

### 各ノードのパラメーターをInput Parameter化する

Uniform ColorのOuptut Colorをpaint_colorとしてInput Parameterに追加する

Uniform Colorを選択
Output ColorのExposeを選択
Input NameをNewに設定する
Input Nameをpaint_colorに設定する
OK -> OK
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0479.png)

paint_colorがInput Parametersに追加される
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0480.png)

LabelをPaint Colorに設定する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0481.png)

Metal Edge WearのWear Levelをmetal_wear_levelとしてExposeする
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0482.png)

Metal Edge WearのGrunge_amountをmetal_grunge_amountとしてExposeする
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0483.png)

Dirtを選択する
Dirt Levelをpaint_dirt_levelとしてExposeする
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0484.png)

DirtのGrunge Amountをpaint_grunge_amountとしてExpose

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

Dirtを選択する
Dirt Levelをmetal_dirt_levelとしてExposeする

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

Grunge Amountをmetal_grunge_amountとしてExpose
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0487.png)

metal_wear_levelの設定を変更する

|項目  |値  |
|---|---|
|Label |Metal Wear Level |
|Group |Weathring |
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0488.png)


paint_dirt_levelの設定を変更する

|項目  |値  |
|---|---|
|Label |Paint Dirt Level |
|Group |Weathring |

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

paint_grunge_amountの設定を変更する

|項目  |値  |
|---|---|
|Label |Paint Dirt Grunge Amount |
|Group |Weathring |

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

metal_grunge_amountの設定を変更する

|項目  |値  |
|---|---|
|Label |Metal Dirt Grunge Amount |
|Group |Weathring |

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

metal_dirt_levelの設定を変更する

|項目  |値  |
|---|---|
|Label |Metal Dirt Level |
|Group |Weathring |

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

順番を並び替える

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

paint_colorの設定を変更する

|項目  |値  |
|---|---|
|Group |Material |

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

metal_rooughの設定を変更する

|項目  |値  |
|---|---|
|Group |Material |

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

### archwayを複製してbackingのgraphを作成する

archwayをコピーして、archway.sbsにペースト
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0496.png)

backingにリネームする
Open -> backing
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0497.png)

backingのTextureのLink resourceを追加する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0498.png)

archwayのTextureをつなげていた箇所を置き換える
archwayのTextureを削除する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0499.png)

Graphを右クリック -> View outputs in 3D View -> backing
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0500.png)

### archwayを複製してdoorのgraphを作成する

archwayをcopy
archway.sbsにpaste
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0501.png)

doorにリネーム
doorを右クリック -> Open -> door
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0502.png)

doorのTextureのLink resourceを追加する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0503.png)

archwayのTextureをつなげていた箇所を置き換える
archwayのTextureを削除する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0504.png)

Invert GrayscaleをGraphに追加する
MetallicとInvert Grayscaleをつなげる
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0505.png)

DirtのmaskにInvert Grayscaleのoutputをつなげる
maskを削除する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0506.png)

MetallicとDirtのmaskをつなげる
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0507.png)

Paint Dirt Levelを調整する

|項目  |値  |
|---|---|
|Default |0.67 |

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

MetallicのInvert GrayscaleのOutputをMetal Edge Wearのmaskに設定する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0509.png)

Metal Wear Levelを調整する

|項目  |値  |
|---|---|
|Default |0.59 |

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

### door：Emissiveを追加する

Outをクリックし、Outputを追加する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0511.png)

UsageのAdd Itemクリック
RGBA / emissiveに設定する
Identifierをemissiveに設定する

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


door_EmmisiveのLink resourceを追加する
Output(emmisive)とdoor_Emmisiveをつなげる
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0513.png)

Outputを3D Viewに表示する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0514.png)

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

3DViewのMaterials -> door -> Editをクリック
Emissive Intensityを2に設定する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0516.png)

### archway：Emissiveを追加する

OutをクリックしてOutputを追加する
archway_EmissiveのLink resourceを追加する
Outputの設定を変更する
UsageのAdd Itemクリック
RGBA / emissiveに設定する
Identifierをemissiveに設定する

archway_EmissiveとOutputをつなげる

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

3DViewにEmissiveを表示する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0518.png)

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

ここまでの全体
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0520.png)

archwayをarchway_resourceに変更し、
archway_1をarchwayに変更する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0521.png)

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

## 9: Publishing The Substance

**9: Publishing The Substance**
[![9: Publishing The Substance](http://img.youtube.com/vi/dahDfKr1u8M/0.jpg)](https://www.youtube.com/watch?v=dahDfKr1u8M)

### backingのOuptut Sizeの設定を行う
backingのGraphを表示する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0595.png)

Graphをダブルクリック
Base Parametersを表示する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0596.png)

Output SizeにRelative to Parentを設定する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0597.png)

Outputが256x256に変更される
(Base Color, Normal, Metallic, Roughness)
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0598.png)

Height,Ambient Occlusionは2048x2048のままになっている
Heightは使用しないので削除する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0599.png)

Ambient OcclusionのOutput SizeをRelative Parentに設定する
256x256にサイズが変わる
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0600.png)

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

### doorのOuptut Sizeの設定を行う

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

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

LvlをクリックしてLevelを追加する
Emissiveの中間になるようにつなげる
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0604.png)

LevelのOutput SizeをRelative to Parentに設定する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0605.png)

Ambient OcclusionのOutput SizeをRelative to Parentに設定する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0606.png)

Heightを削除する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0607.png)

### archwayのOuptut Sizeの設定を行う

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

Graphをダブルクリック
Relative to Parentを選択する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0609.png)

LvlをクリックしてLevelを追加する
Emissiveの中間になるようにつなげる
LevelのOutput SizeをRelative to Parentに設定する

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


Ambient OcclusionのOutput SizeをRelative to Parentに設定する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0611.png)

Heightを削除する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0612.png)

Parent Sizeを変更すると、Output Sizeが変更される
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0613.png)

ResourceのTextureの設定を変更する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0614.png)

archway_Base_ColorのBitmap FormatをJpegに設定する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0615.png)

Bitmap FormatはNormalだけRaw、その他はJpegに設定する
(Vents_maskはBitmap Formatが無いので変更なし)

|Texture名|Bitmap Format|
|---|---|
|archway_Base_Color |Jpeg |
|archway_Normal_DirectX |Raw |
|archway_Height |Jpeg |
|backing_Height |Jpeg |
|backing_Normal_DirectX |Raw |
|door_Normal_DirectX |Raw |
|door_Height |Jpeg |
|archway_Roughtness |Jpeg |
|archway_Metallic |Jpeg |
|backing_Base_Color |Jpeg |
|backing_Metallic |Jpeg |
|backing_Roughness |Jpeg |
|door_Base_Color |Jpeg |
|door_Roughness |Jpeg |
|door_Metallic |Jpeg |
|door_Emissive |Jpeg |
|archway_Emissive |Jpeg |
|archway_Base_Color_1 |Jpeg |
|backing_Base_Color_1 |Jpeg |

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

### Public selected element(s)

archway.sbsを選択する
Publish selected element(s)のアイコンをクリック
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0617.png)

archway.sbsと同じフォルダに名前をsifi_door.sbsarに設定して保存する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0618.png)

OKボタンをクリックすると、sifi_door.sbsarが出力される
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0619.png)

designerのサイズに比べると、大きなサイズになる
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0620.png)

## 10: Importing Substance Into UE4, 

**10: Importing Substance Into UE4**
[![10: Importing Substance Into UE4](http://img.youtube.com/vi/_coeFqMNUP0/0.jpg)](https://www.youtube.com/watch?v=_coeFqMNUP0)

UE4 4.4.5なのでバージョンがかなり変わっている

### Substance Pluginをインストールする
マーケットプレイスからSubstanceを検索する
Substance Pluginを選択する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0621.png)

Substance Pluginを取得していない場合は取得する
Substance Pluginを取得しているならエンジンにインストールするを選択する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0622.png)

プラグインを追加するバージョンを選択して、インストールする
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0623.png)


### ForumのUE4 ProjectをUE4 15.1で開く
UE4 15.1でインポートしてみる
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0624.png)

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

プレイするとエラーが出るが、プロジェクトを開くことが出来た
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0626.png)


### 作成したsifi_door.sbsarを読み込む

Content -> materials -> substanceフォルダ内のアセットをすべて削除する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0627.png)

Import -> scifi_door.sbarを開く
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0628.png)

archwayのInstanceとMaterialをインポートする
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0629.png)

archway_resourceはmeshに関係が無いので、Importしない
designerから消してしまったほうがいい
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0630.png)

backingのInstanceとMaterialをインポートする
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0631.png)

doorのInstanceとMaterialをインポートする
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0632.png)

MaterialをMeshにドラッグ
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0633.png)

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

archway_INSTをダブルクリック
Output Sizeを2048pxに変更する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0635.png)

Textureの解像度が上がる
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0636.png)


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

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

### Emissiveの調整

archway_MATをダブルクリックし、マテリアルエディタを開く
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0639.png)

Emissiveを光らせるような値に設定する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0640.png)

Applyをクリック
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0641.png)

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

doorも同様にEmissiveを光らせる
door_MATをマテリアルエディタで開く
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0643.png)

Emissiveを設定する
Applyをクリックする
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0644.png)

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


### Blueprintのエラー取り
レベルブループリントを開く

sg_archwayのデフォルト値にarchway_INSTを設定する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0646.png)

sg_backingのデフォルト値にbacking_INSTを設定する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0647.png)

ArrayとInput Valuesがはずれているので、つなげる
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0648.png)

Event Begin Playの処理を削除する
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0649.png)

### UMGを有効にする
レベルブループリントのEvent Begin PlayをSequenceにつなげる
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0650.png)

ボタンとスライダーでBase ColorやMetal部分にDamageの質感を与えることが出来る
詳しくは動画１１で実施
![image](http://comiclo.jp/qiita/images/Cnv_20170323_085822_0651.png)

## 11: Changing Substance parameters using Blueprint

**11: Changing Substance parameters using Blueprint**
[![11: Changing Substance parameters using Blueprint](http://img.youtube.com/vi/9OZr6hjDs4w/0.jpg)](https://www.youtube.com/watch?v=9OZr6hjDs4w)

サンプルプロジェクト内にBlueprintとか動かせるので、詳細に書くよりサンプルプロジェクトの中身を見ながら動画を見るのがオススメ