見出し画像

趣味でイラストを描く背景苦手な私にとってUnreal Engineは最高の背景作成ツールとなった話。

nagi

watabokuさんに憧れて始めたイラスト

　watabokuさんが描くSAIという女の子を見て、衝撃を受けました。どこか神秘的で美しい女の子に目を奪われ、私もいつかこんな絵が描きたいと思いイラストを始めました。
　背景を描けば、イラストとしてのクオリティは上がることは分かっているものの、興味があるのは背景ではなかったので女の子のイラストばかり描いていました。唯一描いた背景はこれ。どうにかしたいとは思っていました。

Unreal Engine × イラストの公演と出会う

　そんな中、Unreal EngineというFortniteなどを作成したゲーム開発ツールがイラストの背景に使えるとの話を聞き、以下の公演に参加しました。かなり簡単にクオリティ高い背景が作成出来ることが分かり、自分でも試してみました。そこで得た情報を元に背景を作成した方法を記していきます。

使用ソフト

①イラスト作成ツール
　　medibang paintを使用。photoshopやクリスタでも可です。
②Unreal Engine 5.0

環境

OS:Windows 11
GPU:NVIDIA Geforce RTX 3070 Ti


方法

1.Unreal Engineのダウンロード

　下記を参考にインストールしてください。

商用利用も無料です。Unreal Engineの詳細については下記を参照してください。


2.背景の用意とインポート

 3Dの背景を用意します。Blenderなどで自作出来る人は用意してください。
自作が出来ない人は、下記のどれかでダウンロードしてください。全てUnreal Engineの開発元のEpic Gamesの公式 or 傘下のサービスです。その後、Unreal Engineにインポートします。

①Sketchfab (無料/有料)

下記のような3D背景が無料でダウンロードできます。有料でさらにクオリティが高いものや、机など単体で存在しているものもあります。Epic Games(1で作成した)アカウントを使用できます。

「Download 3D Model」をクリックすると無料でダウンロード
USDZの「Download」をクリック
編集→プラグイン→USD Importerにチェックを入れ、再起動
Unreal Engineを開き、コンテンツウィンドウの「追加」→「インポート」で先程インポートした.usdzを選択。
そのままインポートをクリック。

②UEマーケットプレイス(無料/有料)

Unreal Engine公式の3D販売サイト。1でダウンロードしたEpic Games Launcherにあるマーケットプレイスから購入可能です。無料のものもあり、「今月の無料コンテンツ」は、普段有料のものを無料で配布してくれます。

Epic Games Launcherのマーケットプレイス
ライブラリのマイダウンロードにマーケットプレイスで購入したものが並ぶので、「プロジェクトに追加する」 or 「プロジェクトを作成する」をクリック。

「プロジェクトに追加する」と表示されている場合は、既存のプロジェクトが必要です。下記を参照して作成してください。「プロジェクトを作成する」の場合はマイダウンロードからのクリックで作成出来ます。

③Megascans(無料)

　現実の建物などを3Dスキャンして作成された高品質の3Dアセット。Unreal Engineでの使用に限り、無料で使用出来ます。

ダウンロードや配置方法は下記を参照ください。


3.インポートしたものを3D空間に配置。

①Sketchfab

コンテンツブラウザウィンドウの「追加」→「レベル」で3D空間を作成。
BP_sky_Sphereをクリック。3D空間内に太陽が出現。
BP_Sky_SphereのSun Heightを変更すると、夜(0.0)~朝(1.0)を変更出来る。
コンテンツブラウザウィンドウの「コンテンツ」→「ダウンロードした名前」→「StaticMeshes」にあるアセットをドラッグアンドドロップで空間に出す
Directional Lightを3D空間に出す。

②UEマーケットプレイス(無料/有料)

購入したものはほとんど、空間として完成されていることが多い。

LevelやMapのフォルダの直下にある黄色線のものが3D空間。ダブルクリックで開く。

③Megascans(無料)

①と同様。

4.イラストの用意

背景を透明にして、透過pngで出力します。
コンテンツブラウザにドラッグアンドドロップするとインポートされます。
インポートされた画像を右クリックし、「マテリアルを作成」をクリック。
作成されたマテリアルをダブルクリックすると開きます。
左側のBlend Modeを「Translucent」に変更。
A横の○をクリックしながらマウスを動かすことで線が出るので「オパシティ」に繋げる。
Planeをクリック。
Plane(板)が出現。マテリアルをPlaneにドラッグアンドドロップ。
背景が透明な画像を3D空間に出せます。

あとは、このPlaneを動かして、背景にできそうな箇所を探します。動かし方は下記を参照ください。

5.画面キャプチャ

背景の位置をこの位置に決めました。
キャプチャする際はPlaneが邪魔なので非表示にします。
アウトライナーにあるPlaneの目の印をクリック。
高解像度スクリーンショットをクリック。
「スクリーンショットサイズの乗数」を2.0~4.0に変更。
クラッシュの可能性ありなのでPCのスペックによって調整してください。
キャプチャをクリック。
右下にウィンドウが出るので、パスをクリック。
エクスプローラーが開かれ、スクリーンショットが表示される。

6.イラスト作成ツールへインポートし、完成

スクリーンショットをイラスト作成ツールへインポートし、フィルタ調整等行って完成です。完成した結果が以下の通りです。

完成図と使用した3D

他のイラストにも背景を追加しましたので、イラストと使用した3Dアセットを共有します。




この記事が気に入ったらサポートをしてみませんか？