Epic MegaGrantsを獲得したストーリーボード作成プラグイン「EPOS」を使って、UE5で簡単な2Dストーリーボードを作ってみよう

2022.07.15
注目記事チュートリアル見た目を良くするアセットレビューツール紹介アンリアルエンジン
この記事をシェア!
twitter facebook line B!
twitter facebook line B!

今年5月、Unreal Engineの2Dドローイングコードプラグイン「ILIAD」などを手掛けるPraxinosは、2Dストーリーボード作成プラグイン「EPOS」がEpic MegaGrantsを獲得したことを発表しました。本記事では、EPOSのプラグインを導入し、簡単なストーリーボードを作成してアニメーションを作るまでの手順をご紹介します。

TEXT / wvigler
EDIT / 神山 大輝

目次

この記事はUnreal Engine バージョン5.0.2を利用して書かれています。

EPOSとは?

EPOSUnreal Engine 5(以下、UE5)上で2Dストーリーボードや絵コンテを簡単に作成するための無料のプラグインです。3Dの背景と2Dの絵を重ね合わせ、パラパラ漫画のようにアニメーションさせることができます。詳細については2月21日に行われた「UE4 Manga Anime Illustration Dive Online」における講演「UE4とEPOSで創る新しいアニメ制作のワークフロー」でも解説されています。

EPOSは無料のコードプラグインですので、UE5をインストールしているならば、皆さんの環境でも気軽に試すことができます。

EPOSをマーケットプレイスからインストールしよう

まずはEPOSをインストールします。

Epic Games launcher内にあるマーケットプレイスからEPOSを検索し、UE5にインストールしましょう。

コードプラグインは入手した後にエンジンのバージョンを選択してインストールする必要があるので気を付けよう

EPOSのストーリーボードに書き込むには同社の提供するILIADが必要になります。

こちらもマーケットプレイスからインストールできます。

ILIADもEPOSと同じく無料のコードプラグインとなっている

これでストーリーボードを書くためのプラグインが揃いました。

最後にプロジェクトを作成します。

EPOS」はC++のみで動作するプラグインなので、必ずC++プロジェクトを作成しましょう。

EPOSの使うための設定をしよう

EPOSを利用するためにUE5側でいくつかの項目を設定する必要があります。

まず、EPOSILIADのプラグインを有効化します。プラグイン設定からEPOSILIADのプラグインにチェックを付けてください。

有効化した際に上記のウィンドウが表示される。どちらも「はい」を押そう

そして、プロジェクト設定からエンジン→物理→最適化の中の「検索結果をサポート」にチェックを入れます。

次に、「エディタの環境設定」の画面からキーボードショートカットの設定を変更していきます。「シーケンサー」の項目の中にある矢印キーのショートカットをすべて無効にします。

この4つの項目の「×」ボタンを押して無効にする

最後にUE5を再起動しましょう。これで設定完了です。

新しいストーリーボードを描いてよう

さて、ここからはEPOSのストーリーボードを作っていきましょう。普通のアセットと同じようにコンテンツドロワーを右クリックしてEPOSBoardSequenceを作成します。

作成したBoardSequenceを開くとシーケンサーと似た画面が開きます。ここでは「Boards」の右側にある「+」ボタンをクリックし、メニューから「New Shot」を選択します。

タイムラインにショットが追加されました。真ん中の「+」ボタンを押すとカメラを設定するメニューが表示されます。ここはデフォルトのままで作成していきます。下の「Create a  new camera and its plane」をクリックしましょう。

このような十字に青線が入った画面になりました。

ここで背景となる画面を決定します。カメラを操作して画角などを調整しましょう。カメラの操作方法は普通のビューポートと同じです。

青い十字線は消しておこう。歯車の形をボタンから「Grid」に付いているチェックを外すと消すことができる

画角の調整が終わったら、今度は絵を描くために「Iliadモード」を使用します。画面左上の「選択モード」となっている部分をクリックしてメニューを開き、「Iliad」を開きましょう。これで「Iliadモード」に移行できます。

さあ、これで普通のペイントソフトのように画面に絵を描くことができます。自由に絵を描いてみましょう!

描き間違えたら[Ctrl]+[Z]で戻すことができます。

ストーリーボードをアニメーションさせよう

今度は描いた絵をパラパラ漫画のようにアニメーションさせましょう。まずはストーリーボードに1コマ目の絵を描いていきます。

画面下のバーを次のコマを挿入したい場所まで動かし、下側にカーソルを合わせると現れる、棒人間のアイコンをクリックします。

画像では3フレームの位置にバーを持ってきている。デフォルトでは秒間24フレームに設定されているので、この間隔で順々にアニメーションさせると最終的に秒間8コマのアニメーションとなる

新しいコマが挿入されると、前に描いた絵が消えます。ここに新しいコマを描くことで、前のコマとの間でアニメーションを作ることができます。

前のコマを見ながら描きたい時は電球のアイコンをクリックすると、前後のコマを表示することができる

これを繰り返していくことで、UE5上に2Dのアニメーションを作成することができます。

バーを左右に動かすことで動きを確認できるので、アニメーションを確かめたい時は利用しよう

出来上がったアニメーションはスペースキーを押すことで再生できます。ぜひ、あなただけのアニメーションを作ってみてください!

他の背景を使用したり、色を付けることも可能

EPOSILIADにはここで紹介した以外にもさまざまな機能や使い方があります。

詳しい機能や実装については公式のドキュメントに掲載されています。サンプルプログラムも配布されているので、ぜひ活用してみてください。

「EPOS」マーケットプレイスページ「EPOS」公式チュートリアル動画「EPOS」公式ドキュメント
wvigler

アンリアルエンジンにハマり、ぷちコンでゲーム作ってた男。映像編で2連覇したことも。
昔はよくアーケードゲームとかやってました。
一番やり込んだのは「ケツイ ~絆地獄たち~」「戦国BASARAX」あたり。ローグライトゲームとかも好きです。

関連記事

「Unreal Engine」2023年12月の無料マーケットプレイスコンテンツが公開!コンボの入力をバッファリングするシステムや、大規模なAIの群衆を実装するプラグインなど
2023.12.06
Unreal Engineユーザーコミュニティによる技術勉強会『UE Tokyo .dev #2』、配信アーカイブと一部の発表資料を公開
2023.11.29
Epic Games Japan主催の勉強会「EOS/UE5 Deep Dive 2023」が12月14日、15日に秋葉原アキバホールにて開催。一般の参加枠もあり
2023.11.29
UEおよびUnityのアセットストアやAdobeなどが、2023年のブラックフライデーセールを開催中!
2023.11.24
編集部員が1日でヴァンサバ風ローグライクゲームを作ってみた。キャラクター変更からオリジナルの攻撃パターン作成までを解説!
2023.11.22
UE4で開発中のゲームをUE5に移行するには。サバイバルゲーム『Nightingale』開発チームによる事例紹介記事をEpic Gamesが公開
2023.11.20

注目記事ランキング

2023.12.03 - 2023.12.10
1
フォートナイトとUEFNがv28.00にアップデート。新しいカメラの仕掛けにより、見下ろし視点や横スクロールのゲームが制作できるようになった
2
【2022年5月版】今から始めるフォートナイトの「クリエイティブ」モードープレイ開始から基本的な操作方法まで解説
3
『フォートナイト』で動く本格的なゲームが作れるツール「UEFN」とは?従来のクリエイティブモードから進化したポイントを一挙紹介!
4
フォートナイト クリエイティブとUEFNで使える仕掛け一覧
5
【CHALLENGE1】「クリエイター ポータル」を使って、UEFNで作成した島を世界中に公開する
6
フォートナイト クリエイティブとUEFNで使える仕掛け一覧 Vol.1「アイテム系」
7
日産自動車、UEFNで作られたマップ『Electrify the World』を期間限定公開。EVコンセプトカーが登場する世界を楽しめる
8
フォートナイト クリエイティブとUEFNで使える仕掛け一覧 Vol.5「島の設定」
9
フォートナイトとUEFNがv26.30にアップデート。ロビー画面が一新され、クリエイターが島ごとにロビー背景を自由にカスタムできるように
10
【CHALLENGE2-1】フレンドと一緒にゲームを作ろう――UEFNプロジェクトをチームメンバーとリアルタイムで共同編集する
11
【STEP2】UEFNの基本的な使い方を覚えよう
12
フォートナイト クリエイティブとUEFNで使える仕掛け一覧 Vol.2「ユーティリティ系」
13
フォートナイトとUEFNがv27.10にアップデート。プレイヤーに与える武器のマガジン内に入っている初期弾薬量を設定するオプションが追加
14
フォートナイト クリエイティブとUEFNで使える仕掛け一覧 Vol.10「UI系」Part1
15
フォートナイトがv22.30にアップデート!クリエイティブモードにて「バトルロイヤル島」が登場したほか、メモリ使用量を表示する新たなマップUIが追加
16
フォートナイト クリエイティブとUEFNで使える仕掛け一覧 Vol.4「ゲームシステム系」
17
フォートナイト クリエイティブとUEFNで使える仕掛け一覧 Vol.10「UI系」Part2
18
【CHALLENGE3】UEFNの機能「ランドスケープ」を使ってオリジナルの地形を作る
19
フォートナイト上にオリジナルゲームを開発・公開できるPC専用エディタ『Unreal Editor For Fortnite(UEFN)』、ついにリリース!
20
フォートナイト クリエイティブとUEFNで使える仕掛け一覧 Vol.3「プレイヤー系」
21
フォートナイト クリエイティブとUEFNで使える仕掛け一覧 Vol.7「NPC系」Part1
22
【STEP3】オリジナルのアスレチックコースを作ろう
23
『フォートナイト』で建築ビジュアライゼーション!?UEFNでオリジナルの世界観をどう作り上げたか、その手法を解説【UNREAL FEST 2023 TOKYO】
24
まるで『マイクラ』?ボクセル地形を生み出す無料アセット「VoxelPlugin Free」で”地形を掘ったり積み重ねたり”して遊んでみよう
25
フォートナイト クリエイティブとUEFNで使える仕掛け一覧 Vol.9「建築物系」Part1
26
【STEP5-1】スタート時のカウントダウンを作る
27
【STEP6-4】インポートしたアセットを使ってギミックを作る
28
【STEP4-2】リスポーンとチェックポイントの仕組みを作る
29
フォートナイト クリエイティブとUEFNで使える仕掛け一覧 Vol.7「NPC系」Part2
30
【STEP6-1】「オリジナルキャラクターを登場させよう」――Fabでアセットをダウンロードしよう
VIEW MORE

イベントカレンダー

VIEW MORE

今日の用語

プロジェクト(Project)
プロジェクト
  1. 有限な期間で定められた目標を達成するための活動。
  2. ゲーム制作において、ひとつのタイトルを開発する活動。
  3. ゲームエンジンでは、ひとつのタイトルを開発するための環境一式。プロジェクトを開く起点となるファイルをプロジェクトファイルと呼ぶ。
VIEW MORE

Twitterで最新情報を
チェック!