412.3K Views
February 21, 22
スライド概要
講演動画はこちら:
https://youtube.com/playlist?list=PLr_Cbd4sUDTwNRp41AqCEvoVmopnoUFXi
講演内容:
昨今のマンガ業界ではデジタル化が進み、多くの方がPCやタブレットでのマンガ制作を行われているかと思います。
そんな中、3Dをマンガで使ってみたい、もしくはちょっと使っているけどより活かしていきたい、という方に向けて、本講演ではマンガ制作における Unreal Engine の活用方法をご紹介させて頂けたらと思います。
週刊少年ジャンプの読み切りで「黒子のバスケ」の作者、藤巻忠俊先生が実際に活用した事例を元に、 Unreal Engine をマンガで使う美味しいところについてお話させて頂けたらと思います。
https://twitter.com/shiba_zushi/status/1472803697210327040
講演者:
斎藤 修 (Epic Games Japan)
https://twitter.com/shiba_zushi
イベントについてはこちら:
https://www.unrealengine.com/ja/blog/epicgamesjapan-manga-anime-illustration-dive-online-01
Unreal Engineを開発・提供しているエピック ゲームズ ジャパンによる公式アカウントです。 勉強会や配信などで行った講演資料を公開しています。 公式サイトはこちら https://www.unrealengine.com/ja/
マンガで使う! 初めてのUnreal Engine Epic Games Japan 斎藤 修 Technical Artist Developper Relations
自己紹介 斎藤 修 Epic Games Japan Technical Artist Developer Relations https://twitter.com/shiba_zushi ●Unreal Engineのサポートをしています ●以前は家庭用ゲームの開発などしてました ●Unreal EngineとHoudiniとマンガが好物です
自己紹介 ●最近の制作物
自己紹介 斎藤 修 Epic Games Japan Technical Artist Developer Relations https://twitter.com/shiba_zushi ●Unreal Engineのサポートをしています ●以前はとある大型ゲームタイトルの開発してました ●Unreal EngineとHoudiniとマンガが好物です ●むかし漫画描いてました
漫画
漫画描くのって大変ですよね
僕も 若かりし頃 少なからず漫画を描いてきたのですが……
漫画って 描くの マジで大変
漫画って 描くの マジで大変 何とか効率化 できないものか
特に 最近流行りの3Dとか 簡単に使えたり しないかなー
マンガで使う! 初めてのUnreal Engine Epic Games Japan 斎藤 修 Technical Artist Developper Relations
https://twitter.com/shiba_zushi/status/1472803697210327040?s=20 黒子のバスケの藤巻先生が「キルアオハル」という 読み切りで導入したUnreal Engine
そもそもゲームエンジンって?? Unreal Engineって何??
ゲームエンジンとは ゲーム開発を推進するエンジン つまり ゲームを作る為のアプリの事です
Unreal Engineには ゲーム制作に必要な様々な機能が集約されており このアプリ一つで あらゆるゲームを開発可能となっております
https://www.epicgames.com/fortnite/ja/home フォートナイトもUnreal Engineで作られています
Unreal Engineを使用して これまでに 様々なゲームが多数リリースされてきました
漫画 Q. 何で漫画で"ゲーム"エンジン?
https://youtu.be/lQXwvfqm1S8 最近 Unreal Engine 5による マトリックスのデモが公開されました
最近のゲームって 本当にめちゃくちゃ進化しましたよね
https://youtu.be/lQXwvfqm1S8 進化しすぎて ゲーム以外も作れちゃいそうですよね
はい 実は実際に作られております 映像 アニメ 車 建築 etc…
https://youtu.be/lQXwvfqm1S8 ゲームを作る技術は すでにゲームだけに留まらず 「リアルタイム技術」として様々に利用されています
漫画 Q. 何で漫画で"ゲーム"エンジン?
漫画 Q. 何で漫画で"ゲーム"エンジン? A. "ゲームの枠を超えた"技術だから
Q. なぜ "Unreal Engine" がオススメなの?
1. 導入しやすく 使いやすいツール
1. 導入しやすく 使いやすいツール 2. 無料かつ豊富なアセット
1. 導入しやすく 使いやすいツール 2. 無料かつ豊富なアセット 3. 覚えたスキルが無駄にならない
1. 導入しやすく 使いやすいツール 2. 無料かつ豊富なアセット 3. 覚えたスキルが無駄にならない
FREE FOR CREATORS 身も蓋もない一言で言いますと 無料だからです
Unreal Engine は 2014年に一般公開 2015年に無料化 Epic Gamesアカウントを無料登録すれば 誰でもUEをダウンロード・利用可能 https://www.unrealengine.com/ja/unreal
https://www.unrealengine.com/ja/faq 漫画やイラストで使う分には Unreal Engineは商用利用含めて完全に無料です!
1. 導入しやすく 使いやすいツール 2. 無料かつ豊富なアセット 3. 覚えたスキルが無駄にならない
プログラマー ゲームデザイナー 2Dアーティスト サウンド 3Dアーティスト デバッガー
プログラマー ゲームデザイナー 2Dアーティスト サウンド 3Dアーティスト あらゆる人が触るツール! デバッガー
あらゆる人がストレスなく触れるようにデザインされている為 非常に使いやすいです
https://www.unrealengine.com/ja/developer-interviews/egj-interview-manga-tadatoshi-fujimaki-01 初3Dの藤巻先生がUnreal Engine導入までに かかった時間は約12時間
Q. なぜ "Unreal Engine" がオススメなの? A. ①導入しやすく使いやすいから
1. 導入しやすく 使いやすいツール 2. 無料かつ豊富なアセット 3. 覚えたスキルが無駄にならない
3Dを始めるに当たって非常に大きな問題の一つが 「モデル制作コスト」です
慣れないツールで 作り方がよくわからず 時間がかかった割にあまり使えないモノが出来あがったり (画像は僕の初スカルプト作品です)
誰かに頼もうにも モデルを作れる人は中々捕まらないし オリジナルモデルはお金もかかる
FREE https://quixel.com/megascans そこでUnreal Engineが提供する 驚愕の無料アセット群 Megascans
FREE https://quixel.com/megascans/home ハリウッド映画などでも使用されている最高品質のアセットが Unreal Engineで使う限り無料
https://www.youtube.com/watch?v=ParMLadMTaQ 使用例としては こんな感じで ハイスピードレイアウトして頂いたり
FREE https://www.unrealengine.com/marketplace/ja/product/scarecrow 並べるのもめんどく… という方には すでにシーンになっているものも配布されております
FREE https://www.unrealengine.com/marketplace/ja/product/megascans-goddess-temple 並べるのもめんどく… という方には すでにシーンになっているものも配布されております
FREE https://www.unrealengine.com/marketplace/ja/product/c26355353df843289701d632508d4fb0 並べるのもめんどく… という方には すでにシーンになっているものも配布されております
https://www.unrealengine.com/marketplace/ja/store そして それらのシーンがダウンロードできる UEマーケットプレイス こちらもすごい
https://www.unrealengine.com/marketplace/ja/store こちらも非常に高品質なコンテンツ(無料含む)が それはもう大量にあります
https://www.unrealengine.com/marketplace/ja/store こちらも非常に高品質なコンテンツ(無料含む)が それはもう大量にあります
FREE https://www.unrealengine.com/marketplace/ja/store こちらも非常に高品質なコンテンツ(無料含む)が それはもう大量にあります
FREE https://www.unrealengine.com/marketplace/ja/product/archvis-interior-rendering こちらも非常に高品質なコンテンツ(無料含む)が それはもう大量にあります
FREE https://www.unrealengine.com/marketplace/ja/product/city-subway-train-modular こちらも非常に高品質なコンテンツ(無料含む)が それはもう大量にあります
FREE https://www.unrealengine.com/marketplace/ja/product/factory-environment-collection こちらも非常に高品質なコンテンツ(無料含む)が それはもう大量にあります
FREE https://www.unrealengine.com/marketplace/ja/product/soul-cave こちらも非常に高品質なコンテンツ(無料含む)が それはもう大量にあります
FREE https://www.unrealengine.com/marketplace/ja/product/6bb93c7515e148a1a0a0ec263db67d5b こちらも非常に高品質なコンテンツ(無料含む)が それはもう大量にあります
FREE https://www.unrealengine.com/marketplace/ja/product/soul-city こちらも非常に高品質なコンテンツ(無料含む)が それはもう大量にあります
https://www.unrealengine.com/ja/developer-interviews/egj-interview-manga-tadatoshi-fujimaki-01 もちろん無料アセットのみならず 有料のアセットも非常に品質が高く 藤巻先生も見開きで使用された学校などのアセットを購入しています
https://www.unrealengine.com/marketplace/ja/product/japanese-school-collection-5-asset-packs-over-200-assets もちろん無料アセットのみならず 有料のアセットも非常に品質が高く 藤巻先生も見開きで使用された学校などのアセットを購入しています
https://youtu.be/lQXwvfqm1S8 将来的には こちらのマトリックスのサンプルも 無料配布される予定があります
Q. なぜ "Unreal Engine" がオススメなの? A. ②無料かつ豊富なアセットがあるから
1. 導入しやすく 使いやすいツール 2. 無料かつ豊富なアセット 3. 覚えたスキルが無駄にならない
Unreal Engineはあらゆる業界で プロが使用しているツールです
https://www.unrealengine.com/ja/ 実はゲームを作ってみたかった
https://www.unrealengine.com/ja/ 映像制作してみたかった
https://www.unrealengine.com/ja/ 建築デザインに興味があった
https://www.unrealengine.com/ja/ 理想の車を走らせてみたかった
https://www.unrealengine.com/ja/ ライブ演出やりたかった
https://www.unrealengine.com/ja/ Unreal Engineを漫画で覚えれば ついでに色々な可能性も手に入ります
https://twitter.com/shiba_zushi/status/1463448380944764931?s=20 私生活でもUnreal Engineの技術は活かすことができます
少し生々しい話ですが 実際に様々な業界からUnreal Engineの技術が求められております
https://www.unrealengine.com/marketplace/ja/store 漫画で使用したモデルをマーケットプレイスで販売する なんてのも良いかもしれません
Q. なぜ "Unreal Engine" がオススメなの? A. ③覚えたスキルが無駄にならないから
1. 導入しやすく 使いやすいツール 2. 無料かつ豊富なアセット 3. 覚えたスキルが無駄にならない
前置きはいいよ 実際どう使うんだよ
https://docs.unrealengine.com/4.27/ja/Basics/InstallingUnrealEngine/ ではまずはUnreal Engineのインストール方法から
https://qiita.com/EGJ-Osamu_Saito/items/089d601a075f57e28ae1 より漫画家さんイラストレーターさん向けにわかりやすい手順を ブログ記事で書かせて頂きました
ブログ記事に従い Unreal Engineのインストールと起動を行うと こちらの画面になっていることかと思います
あとは カメラを動かして 画角を決めて ちょっと物を追加して スクショを撮って お気に入りのツールに持っていく……
あとは カメラを動かして 画角を決めて ちょっと物を追加して スクショを撮って お気に入りのツールに持っていく……
あとは カメラを動かして 画角を決めて ちょっと物を追加して スクショを撮って お気に入りのツールに持っていく……
あとは カメラを動かして 画角を決めて ちょっと物を追加して スクショを撮って お気に入りのツールに持っていく……
あとは カメラを動かして 画角を決めて ちょっと物を追加して スクショを撮って お気に入りのツールに持っていく……
以上です
「いやいやいや……」 と思われたかもしれませんが 適当な事を言っているわけではありません…!
1. カメラ調整 4. スクショ 2. 画角調整 5. 各ツールへ 3. モノ追加 6. 嬉しい インストールして頂き 今の一連の操作だけ覚えて頂ければ 少なくとも好きなアングルで画像を撮って使うことが可能です
FREE https://www.unrealengine.com/marketplace/ja/product/factory-environment-collection そうすると例えば 先程のこちらの無料アセットをダウンロードして…
同様の手順で 3Dの一番美味しいところがすぐ使えます
https://twitter.com/aizen76/status/1233623565225693185?s=20 https://twitter.com/ruyo_h/status/1437180470026911744?s=20 もちろん Unreal Engineをさらに習得することで アウトライン化したり嘘パースをかけたり ということも可能です
1. カメラ調整 4. スクショ 2. 画角調整 5. 各ツールへ 3. モノ追加 6. 嬉しい しかしまずは こちらの手順 こちらだけを覚えて頂くだけで
FREE この豊富な無料アセット群を活かすことが可能です
https://www.youtube.com/watch?v=ParMLadMTaQ 並べる事さえできれば こちらのハイスピードレイアウトも可能です
りんご適当に 並べといて 欲しいです 承知 これくらいであれば 例えばアシスタントさんの手が空いた時に 「ちょっと適当に3Dシーン作っといてくれない?」 みたいなお願いも しやすいですよね?
https://www.unrealengine.com/ja/developer-interviews/egj-interview-manga-tadatoshi-fujimaki-01 まずはお手軽な導入 Unreal Engineはそれが可能です
もうすこし 詳しく とはいえ…… もうちょっと丁寧な情報も知りたいですよね
https://www.unrealengine.com/ja/developer-interviews/egj-interview-manga-tadatoshi-fujimaki-01 藤巻先生もおっしゃられている形で Unreal Engineは機能が多いので 漫画に役立つ機能だけざっと知りたい ということがあるかと思います
それでは ここからは実際に「キルアオハル」で こちらのシーンをどのような手順で作画したかを ステップバイステップでご紹介させていただけたらと思います (画像使用の許可を藤巻先生 ジャンプ編集部より頂いております ありがとうございます!)
https://www.unrealengine.com/marketplace/ja/product/japanese-school-collection-5-asset-packs-over-200-assets 使用したアセットは先程ご紹介した こちらの学校アセットです
https://www.unrealengine.com/marketplace/ja/product/japanese-school-collection-5-asset-packs-over-200-assets マーケットプレイス製品は関連アセットが一通り入ってますので コスパで言うとめちゃくちゃに良いと思います
https://www.unrealengine.com/marketplace/ja/event-sale また マーケットプレイスは頻繁にセールしてますので セールタイミングだとお得です
製品を購入すると エピックゲームズランチャーから ダウンロードできるようになります
今回の製品はなにかのプロジェクトにアセットを追加する形になりますので プロジェクトが一つもない場合は作っておく必要があります
プロジェクトを開くと各シーンがあります これをレベルと言います
レベルは ゲームでの1ステージみたいなものです 最初だけ開くのに少し時間がかかります (2回目以降は事前準備が済んで早くなります)
レベルがフォルダのどこにあるかわからない場合は フィルタで見つけ出すことが出来ます
教室のレベルを開いてカメラを動かし アングルを合わせます カメラ操作は"右クリック+矢印キー"がオススメです
邪魔なものを選択して アウトライナで非表示にします
画角はここで調整できます
微調整したい場合は カメラスピードを調整しましょう
いくつかアングルを見比べる為にショートカットに登録すると便利です 数字のキーでぴょんぴょん飛べます (これらの機能はalweiさんの講演でより詳しく解説されます!)
また ウィンドウ透過ツールを使うと下書きに合わせるのに便利です (Winでは「NaiNai」 Macでは「Afloat」を使っています)
アセットを動かしたり 追加したり 削除したり 下書きに合わせて教室の状況を調整します
魚眼をかけます アウトプットログを表示して コマンドを打ちます
https://qiita.com/EGJ-Osamu_Saito/items/ee5568ebd0c2c28fb90c 魚眼の詳細はこちらを御覧ください また あかざ様の講演でもっと簡単な方法も紹介されます
モブを置きます 便利なモブパックがあるのでダウンロードして配置します
FREE https://www.unrealengine.com/marketplace/ja/product/twinmotion-posed-humans モブはこちらを無料でダウンロード可能です
フォリッジツールなど使うと 簡単に人混みが作成可能です
シミュレーションを利用して モデルを配置することも可能です
https://qiita.com/EGJ-Osamu_Saito/items/9119a343dde9c61e2ce0 詳細はこちらを御覧ください
Unreal Engineはモデリングも可能です 形を自然に歪ませたり 一部切り取ったりなどが簡単にできます
Unreal Engineはモデリングも可能です 形を自然に歪ませたり 一部切り取ったりなどが簡単にできます
https://youtu.be/OEg_DNvTLJc?t=885 詳細はこちらを御覧ください
3Dシーンが完成したのでスクショを撮ります 邪魔なアイコンは"ゲームビュー"で消えます
スクショの解像度は設定で倍率が上げられます 原稿の解像度に合わせてご調整いただけたらと思います
スクショは3回撮ります ライティングあり 詳細ライティング ワールドノーマル です
ライティングあり ワールドノーマル 詳細ライティング 「ライティングあり」はトレス用に 「詳細ライティング」はトーン用に 「ワールドノーマル」はライン用に使います
あとは作画作業です (今回はCLIP STUDIO PAINTで作業しました)
下書きに合わせて
ワールドノーマルを配置し
ライン化
ライン化はクリスタのレイヤー効果(ライン抽出)や LT変換を使っています
https://twitter.com/aizen76/status/1233623565225693185?s=20 alweiさんのPPLineDrawingも非常によく使います (使い方の詳細はalweiさんの講演でご説明されます!)
次に 詳細ライティングを配置して
モノクロ2値にして トーン化
トレス調整用にライティングありを配置して
線画修正
絵に馴染むように加筆
仕上げにトーンを調整して……
完成です!
わーい!
いかがでしたでしょうか? Unreal Engineを漫画で活かすイメージが湧いてきましたでしょうか?
まとめ
漫画 Unreal Engineは非常に高機能なゲームエンジンです
今回ご紹介させていただいた機能以外にも 本当に便利な機能が多数ございます
しかしまずは 「無料アセットを開いてスクショを撮る」 ここから3Dの第一歩目を始めてみるのはいかがでしょうか?
https://www.unrealengine.com/ja/ そして もし さらに興味が湧けば 様々な機能へ挑戦していく事も可能です
https://www.unrealengine.com/ja/blog/ue4-env ironment-art-dive https://www.unrealengine.com/ja/blog/epicgam esjapan-onlinelearning-13 https://www.unrealengine.com/ja/blog/epicgamesjapan-onlinele arning-06 手前味噌で恐縮ですが 先程の作例の詳細を知りたい方は 是非イベントアーカイブをご覧ください
https://www.unrealengine.com/ja/onlinelearning-courses また Unreal Engineはオンラインで学べる様々な学習コンテンツも ご用意しておりますので こちらも是非見てみて下さい
ぜひぜひ皆さま Unreal Engineをお楽しみいただけましたら幸いです
ご視聴ありがとうございました