---
title: 映像屋さんのためのリアルタイムBG制作 ―リアルタイム超初心者からの脱却を目指して―
tags:  #ue4 #unreal engine #historia #unreal engine 4 #cgworld #アーティスト  
author: [株式会社ヒストリア](https://www.docswell.com/user/historia_Inc)
site: [Docswell](https://www.docswell.com/)
thumbnail: https://bcdn.docswell.com/page/8GJWGY4W72.jpg?width=480
description: 2018年11月4日に行われた「CGWORLD 2018 クリエイティブカンファレンス」および、 2019年3月25日に行われた「ボーンデジタルセミナー」にて発表させていただいたスライドです。  本講演は、制作マニュアル「映像屋さんのためのリアルタイムBG制作」を作成した際に得た知見をまとめた講演です。 マニュアルは無料公開中です。詳しくはこちらをご覧ください。 http://historia.co.jp/archives/10794/  講演者： 株式会社エレメントファクトリー　齋藤　秀行  株式会社ヒストリア / 株式会社エレメントファクトリー　佐々木 瞬  株式会社ポリゴン・ピクチュアズ　宮川　大輔   以下、セッション概要より抜粋。   リアルタイム超初心者のプリレンダーの背景アーティストに向けて、リアルタイムアセット制作のルールや概念を分かりやすく解説します。 プリレンダー経験はそこそこ長い我々が、リアルタイム初心者をようやく抜けられたような気がしている今だからこそ伝えられる内容です。
published: March 30, 19
canonical: https://www.docswell.com/s/historia_Inc/Z9WDPZ-bg-138874043
---
# Page. 1

![Page Image](https://bcdn.docswell.com/page/8GJWGY4W72.jpg)

映像屋さんのためのリアルタイムBG制作
―リアルタイム超初心者からの脱却を目指して―
2019/03/25


# Page. 2

![Page Image](https://bcdn.docswell.com/page/W4EZLX2273.jpg)

プレゼンテーション構成
1.
エレメントファクトリーのご紹介
（エレメントファクトリー社長
齋藤秀行）
2. リアルタイムレンダリングの特性
（エレメントファクトリー取締役／ヒストリア代表取締役
3. 映像屋さんのためのリアルタイムBG制作
（ポリゴン・ピクチュアズ部長
宮川大輔）
佐々木瞬）


# Page. 3

![Page Image](https://bcdn.docswell.com/page/KY76WP667V.jpg)

自己紹介 齋藤秀行
• 2001年にポリゴン・ピクチュアズに入社。
プロデューサーとして100件以上のプロジェクトに携わる。
• 2018年１月に設立された株式会社ヒストリアおよび株式会社ポリゴン・
ピクチュアズ・ホールディングスとの合弁会社「エレメントファクト
リー」の代表取締役に就任。「アンリアルエンジン」を様々な形で活用し
たリアルタイム用アセットの開発に取り組んでいる。


# Page. 4

![Page Image](https://bcdn.docswell.com/page/5G75MK6574.jpg)

株式会社エレメントファクトリー
齋藤
秀行
代表取締役
2018年1月4日に設立


# Page. 5

![Page Image](https://bcdn.docswell.com/page/V9J29WMGER.jpg)

ワンアセットマルチユース
ゲーム・遊技機化
VR/イベント
商品化
映像（映画・TV）
3Dモデルデータ活用


# Page. 6

![Page Image](https://bcdn.docswell.com/page/5DEY4LXGJM.jpg)

エレメントファクトリー取締役／ヒストリア代表取締役
佐々木瞬
リアルタイムレンダリングの特性


# Page. 7

![Page Image](https://bcdn.docswell.com/page/2VJNY41878.jpg)

自己紹介
株式会社エレメントファクトリー 取締役
株式会社ヒストリア 代表取締役
佐々木 瞬
ゲーム制作のディレクター兼エンジニア
Unreal Engine 3 を使用していた経験から、
2013年 Unreal Engine 専門会社のヒストリ
アを設立。UE4黎明期からゲーム開発だけで
なくコミュニティ活動にも力を入れる。また、
建築・自動車等の業界向けコンテンツも手掛
ける。


# Page. 8

![Page Image](https://bcdn.docswell.com/page/GYE9PQ5XJ3.jpg)

なぜ最近リアルタイムの進化が目覚ましいか？
GPUの
進化
ゲームエンジンの
進化・一般化
コミュニティの
発展


# Page. 9

![Page Image](https://bcdn.docswell.com/page/5GE8DGY9ED.jpg)

Epic Gamesも映像に力を入れる
Sequencer
映像制作用途にも使えるように開発されたカットシーンエディタ


# Page. 10

![Page Image](https://bcdn.docswell.com/page/MLELMG4M7R.jpg)

映像用途のリアルタイム
• リアルタイムならレンダリング時間が実質ゼロ！
• アセットマルチユースで簡単にコンテンツを作れる！


# Page. 11

![Page Image](https://bcdn.docswell.com/page/54JMYQK6JW.jpg)

そんなに甘くなかった！


# Page. 12

![Page Image](https://bcdn.docswell.com/page/ZPJR98XN79.jpg)

本プロジェクト発足の経緯
• 10以上のCGスタジオを技術サポートして似た質問が多数
• CGスタジオのクリエイティビティへの驚き
– ゲーム業界の持っていないノウハウがたくさん
– ゲーム業界にもっと関わってもらいたい！
• プリレンアーティストとの架け橋を作りたい！
マニュアル作りプロジェクトの発足！


# Page. 13

![Page Image](https://bcdn.docswell.com/page/NPEXQ868JX.jpg)

本プロジェクト発足の経緯
教材ほぼ無し
リアル
タイム
プリレン
[ ビギナー → リアルタイム ]
の教材で学ぶよりも
[ プリレン → リアルタイム ]
の方が圧倒的に近い！
教材多数
教材多数
そのための
教材を用意したかった
ビギナー


# Page. 14

![Page Image](https://bcdn.docswell.com/page/63EK9K1LED.jpg)

本プロジェクトの体制
プロジェクトの統括・ビジョンメイキング
モデル・実プロジェクトの作成
マニュアルの作成
プリレン文化の視点
技術的な監修
リアルタイム文化の視点


# Page. 15

![Page Image](https://bcdn.docswell.com/page/4L73WZQ675.jpg)

本プロジェクトの方針
• 一番手を付けやすいBGアセットから着手
• ゲームアセットを想定
– 一般的なリアルタイム用アセットの指標作りが目的なため
• ライティングはベーシックな焼き付けのフロー
– タイトルの特徴によって焼き付けないことも多々あるが、
まずは一般的な知識を付けることを目的にする


# Page. 16

![Page Image](https://bcdn.docswell.com/page/V87DKR9MJG.jpg)

リアルタイムの特徴


# Page. 17

![Page Image](https://bcdn.docswell.com/page/4VJPKWZQE8.jpg)

リアルタイムの特徴
• 16ms～33msに1回レンダリングを行う（VRは11ms～）
• 様々な制限に対する、様々な工夫で成り立っている
アクション性が高いゲームは 60FPS
それ以外は 30FPS が基準


# Page. 18

![Page Image](https://bcdn.docswell.com/page/L2EVV8WPEQ.jpg)

リアルタイムレンダリングの4つの制限
【ディスク容量の制限】
【CPU処理速度の制限】
ユーザーのディスクに収まる必要がある
CPU計算するのは主にプログラムとモーションと物理
GPUへのデータ転送も行う
HDD
Memory
CPU
GPU
16～33ms
16～33ms
【メモリ容量の制限】
レンダリングしたい素材はメモリに読み込む必要がある
【GPU処理速度の制限】
転送されたデータを元にレンダリングを行う


# Page. 19

![Page Image](https://bcdn.docswell.com/page/Z57GL5DQEL.jpg)

HDD/メモリ容量を減らす工夫
• テクスチャサイズを減らす
– ★テクスチャのタイリングとディティールマップ
– テクスチャのmipmap
• ポイントキャッシュを（ほぼ）使わない
• ストリーミング技術
– 動画など
★マークは本日お話する内容です


# Page. 20

![Page Image](https://bcdn.docswell.com/page/V4EQYZ1WJP.jpg)

CPU処理負荷を減らす工夫
• マテリアルによる頂点アニメーション
– CPUではなく、GPUで動かす
• アニメーションの計算を並列化
• 物理挙動のベイク
★マークは本日お話する内容です


# Page. 21

![Page Image](https://bcdn.docswell.com/page/DKJ4W3R171.jpg)

グラフィック最大の壁 GPU


# Page. 22

![Page Image](https://bcdn.docswell.com/page/PLE1Y1Q57G.jpg)

対GPUの大きな方針
事前
計算
事前に計算できるものは、事前計算
してデータとして持っておく。
ライトマップのベイクや、GIの事前
計算など。
そのフレームを描画するのに必要
最低限のデータのみを取り扱う。
カリング、LODなど。
フェイク
必要
最小限
高速にそれっぽく見えれば良い
という割り切り。
ノーマルマップ、リフレクショ
ン、影など。
これらをストイックに最適化するのがゲーム制作


# Page. 23

![Page Image](https://bcdn.docswell.com/page/8GEWG8MWJ2.jpg)

GPU負荷を減らす工夫
• 描画頂点数を減らす工夫
• ライト計算を減らす工夫
– ★カリング
– ★ノーマルマップの利用
– LOD
• シェーダーを減らす工夫
– 複雑なシェーダーを組まない
– 半透明を減らす
★マークは本日お話する内容です
– ★焼き付け（ライトマップ）
– ライトプローブ


# Page. 24

![Page Image](https://bcdn.docswell.com/page/W47ZL8Q2J3.jpg)

GPU負荷を減らす工夫
• ポストプロセスの工夫
– G-Bufferの流用
• その他
– 動的解像度
★マークは本日お話する内容です


# Page. 25

![Page Image](https://bcdn.docswell.com/page/KYJ6WPN6JV.jpg)

ゲーム/ゲーム制作の特徴


# Page. 26

![Page Image](https://bcdn.docswell.com/page/5GJ5MK55J4.jpg)

その他、ゲーム/ゲーム制作の特徴
• ユーザーが世界を自由に動き回れる
– カメラの位置が指定できない
– 膨大な量のデータが必要
→量産のための工夫が独自進化！
• 絵作りでなく、ゲームの面白さから先に詰める
– “企画職”が大雑把な地形を決める


# Page. 27

![Page Image](https://bcdn.docswell.com/page/4LE3WZN5E5.jpg)

量産を便利にする工夫
• ★頂点ペイント
• ★ Follige
• ★モジュラーアセット
• ★デカール
★マークは本日お話する内容です


# Page. 28

![Page Image](https://bcdn.docswell.com/page/V8EDKRWY7G.jpg)

その他、プリレンとの大きな違い
• 処理のためのデータ作成
– ★コリジョンの作成
• 制作環境の違い
– バージョン管理（SVN / Perforce / Git ）
• ワークフローの違い
– ★レベルデザイナーによるグレーボックス
• 自由にバッファ分けが出来ない
• エフェクトの作り方
★マークは本日お話する内容です


# Page. 29

![Page Image](https://bcdn.docswell.com/page/4V7PKW92J8.jpg)

ポリゴン・ピクチュアズ部長 宮川大輔
映像屋さんのためのリアルタイムBG制作
2019/03/25
29


# Page. 30

![Page Image](https://bcdn.docswell.com/page/L2JVV8MXJQ.jpg)

自己紹介
株式会社ポリゴン・ピクチュアズ
宮川 大輔
イノベーション・デザイン部 部長
1999年、ポリゴン・ピクチュアズに入社。制
作推進室長、執行役員を歴任し、制作組織の運
営に携わってきた。2018年4月からイノベー
ション・デザイン部を立ち上げ、リアルタイム
技術開発を推進している。


# Page. 31

![Page Image](https://bcdn.docswell.com/page/Z5EGL5GRJL.jpg)

本セッションの目的
リアルタイムの基本を映像屋さんの皆
さんと共有したい！
基本さえおさえれば、リアルタイムっ
て面白い事を実感してもらえれば幸い
です。


# Page. 32

![Page Image](https://bcdn.docswell.com/page/V4JQYZXY7P.jpg)

本セッションの内容
基本＋実演！


# Page. 33

![Page Image](https://bcdn.docswell.com/page/DK74W36ZE1.jpg)

制作フロー＆本セッションのサマリー
UE4作業
の紹介
仕様を決めずに発注！
コ
ン
セ
プ
ト
ア
ー
ト
グ
レ
ー
ボ
ッ
ク
ス
①
モ
デ
リ
ン
グ
修
正
（
最
適
化
）
②
テ
ク
ス
チ
ャ
ー
修
正
（
最
適
化
）
③
ブ
ラ
ッ
シ
ュ
ア
ッ
プ


# Page. 34

![Page Image](https://bcdn.docswell.com/page/PLJ1Y1VDEG.jpg)

コンセプトアート
ラスボスとのバトルステージを想定したゲーム用BG


# Page. 35

![Page Image](https://bcdn.docswell.com/page/8GJWG8L872.jpg)

デザイン詳細


# Page. 36

![Page Image](https://bcdn.docswell.com/page/W4EZL8M973.jpg)

映像屋さんが知っておくべきこと その1
モジュラーアセット
レゴブロックみたいに、いくつかのパーツを自由に組合わせてBGを作成す
れば効率が良いですよね。そのパーツのことをモジュラーアセットと言い
ます。
その他にもモジュラー化の利点はあります。
モジュラー化の利点
・アーティスト以外
でも組合わせて使える
・修正しやすい
・カリング
注意事項
・ピボット位置
・ユニークな要素を
減らす


# Page. 37

![Page Image](https://bcdn.docswell.com/page/KY76WPND7V.jpg)

映像屋さんが知っておくべきこと その2
カリング
処理負荷軽減のため、見えていないオブジェクトを描画しないように
することです。
フラスタムカリング
◎フラスタムカリング
カメラから見えてる範囲(視錐台と
いう図形で表される)から外のオブ
ジェクトを描画しない
○オクルージョンカリング
遮蔽されている(他のオブジェクト
によって隠されている)オジェクト
を描画しない
C
Far
Clipping
Plane
B
Near
Clipping
Plane
A
Camera
適切にカリングされやすいように、オブジェクトはある
程度細かい単位に分かれている事が望ましい


# Page. 38

![Page Image](https://bcdn.docswell.com/page/5G75MK5874.jpg)

グレーボックス
仮モデルで作ったBGのことをグレーボックスと言います。


# Page. 39

![Page Image](https://bcdn.docswell.com/page/V9J29WNVER.jpg)

ここからモジュラーアセットを発
注していきます！


# Page. 40

![Page Image](https://bcdn.docswell.com/page/5DEY4LPQJM.jpg)

①モデリング


# Page. 41

![Page Image](https://bcdn.docswell.com/page/2VJNY45278.jpg)

モデリング
良く聞かれる質問
「最適なポリゴン数って
どれくらい？」


# Page. 42

![Page Image](https://bcdn.docswell.com/page/GYE9PQYDJ3.jpg)

モデリング
このモデルから作っていきます
78,912


# Page. 43

![Page Image](https://bcdn.docswell.com/page/5GE8DG65ED.jpg)

ポリゴン数について
どこまでをポリゴンにして、どこまでをノーマルマップにすべきか？
途中経過
78,912


# Page. 44

![Page Image](https://bcdn.docswell.com/page/MLELMG937R.jpg)

ポリゴン数について
まずはキャラクター目線をベースにして、シルエットに影響しなければ
ノーマルマップを考えてみる！
候補１
候補1と候補2はノーマル
マップで十分ですね。
候補３はシルエットに影
響しそう。ノーマルマッ
プの解像度も高くしない
といけないしポリゴンで
OK！
候補３
候補２


# Page. 45

![Page Image](https://bcdn.docswell.com/page/54JMYQZMJW.jpg)

ポリゴン数について
ノーマルマップ使用前
ノーマルマップ使用後


# Page. 46

![Page Image](https://bcdn.docswell.com/page/ZPJR986L79.jpg)

ポリゴン数について
ポリゴン数
上部のみ
A
A
B
C
D
３０４
78,912
2,454
5,310
45,000
748
1,560
B
C
D


# Page. 47

![Page Image](https://bcdn.docswell.com/page/NPEXQ8D6JX.jpg)

ポリゴン数について
良く聞かれる質問
「最適なポリゴン数ってどれくらい？」
答え
最近はポリゴン数が絶対の指標ではなくなっており、
明確なルールはありません。ゲーム仕様に従おう。
ただ、ノーマルマップを使える所は使い、無駄に面を
増やさない事は意識すべき。


# Page. 48

![Page Image](https://bcdn.docswell.com/page/63EK9KXGED.jpg)

UVについて
良く聞かれる質問
「UVって何かルールはあるの？」


# Page. 49

![Page Image](https://bcdn.docswell.com/page/4L73WZ5575.jpg)

映像屋さんが知っておくべきこと その3
ライトマップ
処理負荷を軽減するために、スタティック(静的)オブジェクトが受け
るライトや影の情報を事前に計算してテクスチャに焼き付けたもの
A,B = 静的
Character = 動的
A
A,Bは
事前計算
B
Character


# Page. 50

![Page Image](https://bcdn.docswell.com/page/V87DKRDYJG.jpg)

ライトマップについて
ライトマップ専用のUVが必要
手順①FBXインポートオプション
手順②ライトやオブジェクトを
スタティックorステイショナリに設定
手順②ビルド(焼きこむ)
←チェック！


# Page. 51

![Page Image](https://bcdn.docswell.com/page/4VJPKWX2E8.jpg)

ライトマップについて
注意事項！
UVが重なっていると、自動的にライトマップUVも重なって作成されます。
ライトマップUVが重なっているとビルド時にエラーになります。


# Page. 52

![Page Image](https://bcdn.docswell.com/page/L2EVV8LXEQ.jpg)

ライトマップについて
メインのUVを重ねたい場合
オブジェクト
テクスチャー
UV


# Page. 53

![Page Image](https://bcdn.docswell.com/page/Z57GL5XREL.jpg)

ライトマップについて
このままビルドする
と・・
注目！
警告が出ます！


# Page. 54

![Page Image](https://bcdn.docswell.com/page/V4EQYZ8YJP.jpg)

ライトマップについて
ライトマップUVを手動で作成
①MAYAでライトマップ用のUVを追加
②”Generate Lightmap Uvs” をOffにしてインポート
③UE4で “Loght Map Coordinate Index”を設定


# Page. 55

![Page Image](https://bcdn.docswell.com/page/DKJ4W32Z71.jpg)

ライトマップについて
再ビルドすると・・
注目！
警告がなくなりました！


# Page. 56

![Page Image](https://bcdn.docswell.com/page/PLE1Y1MD7G.jpg)

UVついて
良く聞かれる質問
「 UVって何かルールはあるの？ 」
答え
あります！
・ライトマップUVは絶対に重ねない。
そのためには、元のUVを重ねない。もしくはライト
マップ用の重なっていないUVを自力で作る！
・テクスチャー効率を考えてなるべくUVを広く展開
する。


# Page. 57

![Page Image](https://bcdn.docswell.com/page/8GEWG838J2.jpg)

映像屋さんが知っておくべきこと その4
コリジョン・・・当たり判定
本プロジェクトでは、床や壁などキャラクターが通過して欲しくない
オブジェクトにコリジョンを設定しました。
FBXのインポート
オプションで、自動作成の
On/Offを選択できます。
←チェック！


# Page. 58

![Page Image](https://bcdn.docswell.com/page/W47ZL8V9J3.jpg)

コリジョン
床オブジェクトにコリジョンを
設定してみましょう！
自動作成のコリジョン
でも、これには問題が・・・


# Page. 59

![Page Image](https://bcdn.docswell.com/page/KYJ6WP5DJV.jpg)

コリジョン
キャラクターが浮いてます！
この辺にいます


# Page. 60

![Page Image](https://bcdn.docswell.com/page/5GJ5MKY8J4.jpg)

コリジョン
メッシュをそのままコリジョンにすることも出来ます。


# Page. 61

![Page Image](https://bcdn.docswell.com/page/V9E29WGV7R.jpg)

コリジョン
コリジョンを手動で作成しました。でも、結果は変わりません。
調べてみましょう。
MeshName : SM_Floor
CollisionName : UCX_SM_Floor


# Page. 62

![Page Image](https://bcdn.docswell.com/page/5D7Y4LVQEM.jpg)

コリジョン
UCX_[RenderMeshName]_##
ここが駄目っぽい
完全に閉鎖型の凸型 3D 形状ならば何でも
凸型オブジェクトになります。例えば、
ボックスも 凸型オブジェクトになります。
以下の図は、凸型、および凸型ではない例
を示しています。
EPIC HPより


# Page. 63

![Page Image](https://bcdn.docswell.com/page/2VENY4M2J8.jpg)

コリジョン
コリジョンを別オブジェクトにして、凹をなくしました。
すると・・・
(別オブジェクトに)
出来ました！
(分かりやすくするために
縮小してます。)


# Page. 64

![Page Image](https://bcdn.docswell.com/page/GY79PQNDE3.jpg)

②テクスチャー


# Page. 65

![Page Image](https://bcdn.docswell.com/page/5G78DGK57D.jpg)

テクスチャー
良く聞かれる質問
「最適なテクスチャーサイズって
どれくらい？ 」


# Page. 66

![Page Image](https://bcdn.docswell.com/page/ML7LMGZ3JR.jpg)

テクスチャー
このどでかいBGではかなりチャレンジング
ですが、
テクスチャーのMAXを ”512*512”に設定。
”512*512” や ”256*256” でも耐えられるように
工夫していきましょう！


# Page. 67

![Page Image](https://bcdn.docswell.com/page/54EMYQVMEW.jpg)

映像屋さんが知っておくべきこと その5
テクセル比
実際のオブジェクトのスケールに対するテクスチャーのテクセル(テク
スチャを構成するピクセル)の割合。
→自分で書いてても意味わからん？？
要はあっちのオブジェクトは鮮明で、こっちはボケボケとならないよう
にテクスチャーの見え方は統一しましょうってこと。
例えば、１m四方の正方形の板に
512のテクスチャーを貼った場合
512
512
1メートル
テクセル比
＝512テクセル/m
よって、
今回のプロジェクトでは、
左図を例にすると、
テクセル比
＝512/13.4m
＝38.2テクセル/m
となります。
512*512
のテクスチャー
1340cm


# Page. 68

![Page Image](https://bcdn.docswell.com/page/ZPER982LJ9.jpg)

４Kテクスチャー 鮮明で全く問題なし！


# Page. 69

![Page Image](https://bcdn.docswell.com/page/NP7XQ8P6EX.jpg)

512テクスチャー
さすがにテクスチャーがボケる・・


# Page. 70

![Page Image](https://bcdn.docswell.com/page/637K9KDG7D.jpg)

ディテールマップについて
ディテールマップでディテールを補ってみよう！
シームレスなノーマルマップをタイリングして、メインのノーマルマップ
にブレンドします。
(使用するディテールノーマルマップ)
ブレンド
結果


# Page. 71

![Page Image](https://bcdn.docswell.com/page/4LJ3WZR5J5.jpg)

ディテールノーマルなし


# Page. 72

![Page Image](https://bcdn.docswell.com/page/V8JDKRYYEG.jpg)

ディテールノーマルあり あらっ、意外にいけそう！


# Page. 73

![Page Image](https://bcdn.docswell.com/page/4VEPKW6278.jpg)

タイリングについて
床はキャラクターの足元にあるので目立ちます。
そうは言っても４Kテクスチャーを張る訳にもいかないですよね・・。
床のテクスチャーをタイリングしてみよう！
このオブジェクトを
検証してみます。


# Page. 74

![Page Image](https://bcdn.docswell.com/page/L27VV83X7Q.jpg)

タイリングについて
まずはテクスチャーを確認
ベースカラー(４K)
ノーマルマップ(４K)


# Page. 75

![Page Image](https://bcdn.docswell.com/page/Z5JGL53R7L.jpg)

タイリングについて
256*256のシームレスなテクスチャーを作成
これを貼ってみましょう！
ベースカラー(256*256)
ノーマルマップ(256*256)


# Page. 76

![Page Image](https://bcdn.docswell.com/page/V47QYZ5YEP.jpg)

タイリングについて
4K
256
さすがの安定感
やっぱ無理か・・・
さすがの安定感
あらっ,寄ればいけそう！あとはUE4で調整！


# Page. 77

![Page Image](https://bcdn.docswell.com/page/DKE4W39ZJ1.jpg)

タイリングについて
良く聞かれる質問
「最適なテクスチャーサイズって
どれくらい？ 」
答え！
・決められたテクセル比を基準に！
・小さく済むに越したことはないので、タイリング
やディテールマップを駆使する。


# Page. 78

![Page Image](https://bcdn.docswell.com/page/PL71Y1KDJG.jpg)

モジュラーアセット完成！


# Page. 79

![Page Image](https://bcdn.docswell.com/page/8G7WG8D8E2.jpg)

グレーボックス


# Page. 80

![Page Image](https://bcdn.docswell.com/page/W4JZL8G9E3.jpg)

置き換え


# Page. 81

![Page Image](https://bcdn.docswell.com/page/KYE6WPYDEV.jpg)

③ブラッシュアップ
(UnrealEngine4)


# Page. 82

![Page Image](https://bcdn.docswell.com/page/5GE5MKG8E4.jpg)

ブラッシュアップの方向性
1.リピート感の軽減
2.質感のバリエーションを増やす
3.ぶっさし感の軽減
4.色数を増やす
5.彩度を高めに
設定（方向性）
季節：春
時間：午前中
特記事項：雨上がり


# Page. 83

![Page Image](https://bcdn.docswell.com/page/V9729WYVJR.jpg)

汚し(シミ)
絶対ワールド位置
(AbsoluteWorldPosition)
MAYA
で言う
ところの
ワールドポジションをもとにテクスチャーを投影


# Page. 84

![Page Image](https://bcdn.docswell.com/page/5DJY4LGQ7M.jpg)

汚し(シミ) – 結果


# Page. 85

![Page Image](https://bcdn.docswell.com/page/2V7NY4G2E8.jpg)

デカール
テクスチャーだけでなくマテリアルごと投影
手順①デカールをレベルに配置


# Page. 86

![Page Image](https://bcdn.docswell.com/page/GYJ9PQWD73.jpg)

デカール
手順②マテリアルを作成
手順③レベル内のデカールに
マテリアルを設定


# Page. 87

![Page Image](https://bcdn.docswell.com/page/5GJ8DGN5JD.jpg)

デカール – 結果


# Page. 88

![Page Image](https://bcdn.docswell.com/page/MLJLMGP3ER.jpg)

メッシュペイント
頂点カラーを利用してメッシュに直接ペイントすることで、
同じメッシュに異なる色や質感を追加することが出来ます。
R・・・苔
G・・・黄緑
B・・・Wet


# Page. 89

![Page Image](https://bcdn.docswell.com/page/547MYQ4M7W.jpg)

メッシュペイント
頂点数4
頂点数400
2つ塗るだけで・・
細かく書き込める！
注意事項
頂点数が少ないと、細かい塗り分け
が出来ません。
よって、適度にメッシュを細かくす
る必要があります。


# Page. 90

![Page Image](https://bcdn.docswell.com/page/ZP7R98WLE9.jpg)

メッシュペイント – 結果


# Page. 91

![Page Image](https://bcdn.docswell.com/page/NPJXQ8V67X.jpg)

フォリッジ(Foliage 訳すと「枝葉」)
メッシュをブラシでペイントしながら大量に配置出来る機能
インスタンス化メッシュなので処理負荷が軽い


# Page. 92

![Page Image](https://bcdn.docswell.com/page/63JK9KQGJD.jpg)

フォリッジ – 結果


# Page. 93

![Page Image](https://bcdn.docswell.com/page/4LE3WZP5E5.jpg)

PostProcessVolume
ポストプロセスエフェクト
ある意味、映像屋さんが最も好きなところですよね。


# Page. 94

![Page Image](https://bcdn.docswell.com/page/V8EDKRLY7G.jpg)

結果、こうなりました！


# Page. 95

![Page Image](https://bcdn.docswell.com/page/4V7PKW22J8.jpg)

調整なし


# Page. 96

![Page Image](https://bcdn.docswell.com/page/L2JVV8DXJQ.jpg)

汚し(シミ)


# Page. 97

![Page Image](https://bcdn.docswell.com/page/Z5EGL5YRJL.jpg)

デカール＋メッシュペイント+フォリッジ


# Page. 98

![Page Image](https://bcdn.docswell.com/page/V4JQYZMY7P.jpg)

ポストプロセスエフェクト


# Page. 99

![Page Image](https://bcdn.docswell.com/page/DK74W3VZE1.jpg)

ファイナルイメージ


# Page. 100

![Page Image](https://bcdn.docswell.com/page/PLJ1Y13DEG.jpg)

ファイナルイメージ 昼


# Page. 101

![Page Image](https://bcdn.docswell.com/page/8GJWG8P872.jpg)

ファイナルイメージ 夕方


# Page. 102

![Page Image](https://bcdn.docswell.com/page/W4EZL8K973.jpg)

ファイナルイメージ 夜


# Page. 103

![Page Image](https://bcdn.docswell.com/page/KY76WPQD7V.jpg)

告知1
https://www.element-factory.co.jp/
無料公開中!
・・・キング師匠
・・・ポリゴリ君
本セッションの元となったマニュアル
をデータとともに公開します！
本セッションでは伝えきれなかったこ
と満載です！


# Page. 104

![Page Image](https://bcdn.docswell.com/page/5G75MKR874.jpg)

ご清聴ありがとうございました。


