Substance in UE4 | 2: Painting Height Details

# Substance in UE4

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

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

## Next
- [3: Creating Base Materials](http://qiita.com/gansaibow/private/73362f4a869b84444b54)

## Before
- [1: Project overview, baking and setup](http://qiita.com/gansaibow/private/5019a8b8b222e73ab0aa)

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