絵心がなくてもわかるUE4 絵作りのコツ

Unreal Engine 4 札幌 Meetup#ue4studysap

By alwei

自己紹介HN : alwei （アルウェイと読みます）

関西アンリアルの人。

普段 Twitter をよくやってます。→ @aizen76

元々はゲームプログラマーで、 3D アクションゲームや MMORPG など、

幅広いゲームジャンルのあらゆる部分を作ったりしていました。

今はフリーでゲーム開発の先生をやったり、テクニカルライターやったり、

イベント活動をやったりと割りと何でも屋。

自己紹介最近はイラストを描くのが趣味。

3D モデリングもやってます！（ Maya 派なので仲間少ない…）

ぶっちゃけ一人でなんでも作れるようになりたい。

テクニカルアーティストにも憧れる。

まぁ面白ければ何でもよし！

うちの子可愛い (*´∀ ｀ )

著書Unreal Engine 4ブループリント逆引きリファレンス

翔泳社様より発売中。

ブループリントとは何ぞや？

ビジュアルスクリプトってどう使うの？

というような人向けの内容です。

さて…

札幌に大阪から乗り込んできたものの…

関西人アウェイ！

緊張 Big ！

面白いこと言わないときっと刺される！！

まぁそんなことより誰か札幌の美味しい

食べ物紹介してください

いいから本題

UE4 の絵作りについて

絵を描いてみる

モデリングしてみる

おいっ！！

私、絵心ないし…プログラマー（エンジニア）の方は、厳しいかもしれません。

じゃあ UE4 で魅力のある絵を出すのは難しいの？

いえ、そんなことはありません。

しっかりと基礎を理解していれば UE4 で魅力のある絵を出すことは

そんなに難しいことではありません。

今回はそんな人達向けの内容です。

ポストエフェクト

ポストエフェクトUE4 に限らず、 After Effects などの合成ソフトと同じようなことが可能。

一度レンダリングしたモノに対してかける後処理のエフェクトです。

イマドキの綺麗で魅力ある絵を表現するにはここをこだわる必要があり。

UE4 にはデフォルトで様々なポストエフェクトが用意されています。

使い方は以下を参照してください。

https://docs.unrealengine.com/latest/JPN/Engine/Rendering/PostProcessEffects/index.html

ブルーム

ブルーム現実世界における発光現象を再現するエフェクト。

いわゆる HDR （ High Dynamic Range ）映像のシミュレート。

あくまでもシミュレートなのでガウスブラーアルゴリズムで実装されています。

イマドキのゲームはブルームにメッチャこだわってます。

UE4 はこのブルームエフェクトの質もとても高い。

ブルームにこだわるゲームはとても綺麗です！

ブルームなし

ブルームあり

更に少し調整

ブルームを使おう！ブルームは豪華な映像には必須！

ブルームプロパティの、” Intensity” や” Threshold” の調整だけでも

かなりの違いを見せることが可能。

光らせたいマテリアルを”エミッシブカラー”に接続するだけで光る！※値要調整

またはメタリック要素が強いものは反射によって光る。

ブルームを使おう！！恒常的に光るものはエミッシブカラーに。

光の反射によって光る場合はライトの強さと置き方と、

メタリック、ラフネスのバランスで反射の光り方は変化します。

極端な設定にすると目に痛くなるので、やりすぎに注意。

バランスよく設定すると柔らかな表現が可能になります。

カラーグレーディング（トーンマッピング）

カラーグレーディングHDR （ハイダイナミックレンジ）を LDR （ローダイナミックレンジ）に

カラー情報をマッピング仕直すことをトーンマッピングと呼びます。

これで HDR 映像の高輝度を表現することができます。

UE4 では更にこれの色変換を行うところまでサポートしており、

この変換処理のことをカラーグレーディングと呼んでいます。

アニメちっくな色づかいカラーグレーディングを調整することで、

普段皆さんの観ているセルアニメのような雰囲気に近い表現ができます。

セルアニメのような表現でキーワードとして重要なのは、

『彩度』『ハイコントラスト』『ガンマ値』などなど…

ここから 1枚ずつ変化を見ていきましょう！

完全未調整状態

Scene Color Tint(0.5,0.5,0.5)

Saturation(2.5,1.5,1.5)

Contrast (4.0,4.0,4.0)

Gamma (3.0,3.0,3.0)

High Contrast LUT挿入

独自セルシェーダー導入

独自ディフュージョン導入

最初と最終の比較

※ モデル本体のマテリアルは一切弄っておりません。

解説

Scene Color （シーン全体の色）最初に Scene Color全体を暗く落としました。

高輝度に調整していく場合、暗い状態からの方が幅効かせて

調整がしやすいからです。

Saturation （彩度）魅力あるアニメキャラは全体的に彩度が高い。

彩りのあるキャラは魅力的に見える。

肌の色を強くするために R 成分だけを強めにしています。

Contrast （ハイコントラスト）ハイコントラストは線の力強さを引き上げます。

白いところは白く、黒いところはより黒くなります。

アニメキャラも全体的にハイコントラストでメリハリをつけています。

Gamma （ガンマ値）ガンマ値はモニターによる色補正のことです。

モニターによって違う値になるのでここではベースのガンマ値を設定します。

今回は高い値による補正で全体的な輝度を高めました。

ルックアップテーブルルックアップテーブルテクスチャーを挿入して、更に色変化を与えます。

今回はハイコントラストな LUT テクスチャーを挿入しました。

これでより色と線が引き立つように。

今回使用した LUT 。LUT テクスチャーは探すと色々出てきます。

セルシェーディング独自セルシェーディングを導入。アウトライン機能もつけています。

簡単な作り方ならブログで紹介しています。

http://unrealengine.hatenablog.com/entry/2016/05/29/204545

ぶっちゃけこの辺の詳しいことはこの後のおぎまふさんが解説してくれるはずなので後は任せた！！

ディフュージョンフィルターもんしょさんが作られてたディフュージョンフィルターを参考にして、

導入しています。アニメ系の絵作りにはかなり効果あり。

https://twitter.com/monsho1977/status/670633405634248705

色づかいについてまとめ色づかいというのは本当に重要です。

絵描きさんの絵が魅力的に見えるのは必然的に

色の選択が上手いというのも大きいはずです。

絵心がない！という人も一度色塗りをやってみるとその気持ちがわかります。

描くというのと塗るというのはまた別の技術です。

一度何かを塗ってみてから、どういう色が綺麗に見えるのか

わかってくると UE4上でも同様のことが再現できるようになります。

被写界深度（ Depth of Field ）

被写界深度（ DoF ）カメラの焦点が合っていない時にブラーを発生させて、

見せたい対象にフォーカスし、視線を誘導させる手法です。

現実のカメラに発生するエフェクトですが、それをシミュレートします。

プロの映像の世界では間違いなく利用されており、

これが使いこなせるかでプロとアマチュアの差が出るくらいです。

UE4 では 3種類の被写界深度が実装されています。

被写界深度（ DoF ）被写界深度の考え方は 3 つのレイヤーに分かれています。

Near （近距離）、 Far （遠距離）、 Focal Region （焦点領域）

これらのレイヤーのうち Near と Far がブラーによりぼやけて、

Focal Region とブレンドされた結果が DoF となって画像になります。

[Show( 表示 )]→[Visualize( 可視化 )]→[Depth of Field Layers] で

それぞれのレイヤーが緑、青、黒でデバッグ表示されます。

Gaussian DoF

Bokeh DoF

Circle DoF

Gaussian DoF最も標準の被写界深度。実際にゲームで使うのには

丁度良いパフォーマンスになります。品質的には Bokeh DoF に劣ります。

Bokeh DoF映画の映像のようなクオリティを実現する DoF です。

パフォーマンスよりもクオリティ重視なため、かなり重いです。

Circle DoF最近追加された DoF 。クオリティとパフォーマンスのバランスは良いです。

ただし設定が貧弱で、 3種類の DoF の中で最も使いこなすのが難しいところ。

まとめマテリアルが上手く作れなくても、ポストエフェクトだけで

UE4 はかなりお手軽に綺麗で魅力ある絵作りができます。

もちろん絵が描けたり、モデリングできるともっと有利です。

絵心ないけど…という人も一度挑戦してみるのもいかがでしょうか？

ポストエフェクトを弄る際にもそれらが相乗効果になり、

よりクオリティの高い表現ができるようになります。