【動画制作初心者向け!ゲームPV制作チュートリアル・決定版】簡単なコンテの書き方や動画収録のコツまで、プロの考える「基本」を紹介!(Mr.GAMEHIT監修)

2024.03.26
注目記事チュートリアルお役立ち情報ゲーム制作定番の○○
この記事をシェア!
twitter facebook line B!
twitter facebook line B!

いまや個人制作のゲームでも、展示会でのお披露目や各種プラットフォームの販売サイト登録に作品の紹介動画(以下、PVと表記)が必要になっています。

今回は自作ゲームのPVを制作したい方に向けて、最も簡単なPV制作方法をレクチャーします。動画の制作方法を教えてくれるのは、5,000本以上のゲーム動画広告を制作したMr.GAMEHIT「これさえ読めば大丈夫!」という決定版として、プロの手法を初学者向けにアレンジして分かりやすくお届けします。

TEXT / 佐藤 悠介
INTERVIEW / 神山 大輝
EDIT / 酒井 理恵、神山 大輝

目次

編集部

この記事では、ゲーム動画広告のプロであるMr.GAMEHITのPV制作ワークフローを取材し、初学者向けにアレンジした内容をお伝えします。

編集部がデモゲームをもとにPV制作した事例と合わせてお伝えしますので、この通りに作ればきっと上手くいくはずです!

今回使用するデモゲーム『UEFNでゲームづくりを始めよう』

題材に使うのは、ゲームメーカーズによる書籍『UEFNでゲームづくりを始めよう!』の内容に基づいて編集部が制作したデモマップです。障害物やさまざまなギミックをクリアしてゴールをめざす3Dアクションゲームとなっています。

YouTube動画『「UEFNでゲームづくりを始めよう!」デモマップ紹介動画』。2分39秒の通しプレイで島を紹介している

Mr.GAMEHIT

どんなPV動画を作っていくのが効果的か、これから一緒に考えていきましょう!

PV制作は全部で7工程で完了!まずは全体像を把握しよう

今回は、動画の設計から完成までの作業を7工程に分けています。それぞれの工程について詳しく見ていきましょう。

【STEP1:仕様を決めよう】利用用途に合わせた動画の尺やアスペクト比を決めます。

【STEP2:ユーザーに伝えたい「テーマ」を決めよう】開発者目線でゲームの推しポイントを洗い出しましょう。

【STEP3:字コンテを書こう】シーンの構成と秒数を文字で説明します。

【STEP4:素材を集めよう】動画に使用するプレイ映像をキャプチャします。

【STEP5:トンマナを決めよう】フォントや使用色など動画制作におけるルールを定めます。

【STEP6:動画を編集しよう】動画編集ソフトで動画を作ります

【STEP7:書き出してチェックしよう】動画を客観的な目線からチェックします。

STEP1:仕様を決めよう

最初は「アスペクト比」や「動画の長さ」などの仕様を決めていきます。PVをいつ、どこで使うかを考えながら、最終的な出力形式を考えます。

アスペクト比

アスペクト比は画面の縦横比のことで、「横幅:縦幅」で表します。例えば「16:9」は横長の画面、「1:1」は正方形の画面構成になります。

インディーゲームの展示会で再生する目的や、Steamなどのストアページに掲載するPVであれば16:9がオススメです。

動画の長さ

動画の尺で迷ったら30秒を目指すのがオススメ最近はショート動画の影響もあって動画の消費スピードが上がっているため、特別な意図がない限りは1分を超える動画よりも短い動画が推奨されます。30秒であればストアページにも掲載しやすく、途中で作るのがしんどくなってしまうこともありません。

Mr.GAMEHIT

動画に入れたい要素が多い場合は、30秒を超えてしまっても問題ありません。あくまで目安として捉えてください。

【補足資料】用途に合わせたアスペクト比と秒数について

広告用の動画の制作の場合、Mr.GAMEHITでは1:1の正方形の動画の制作を推奨しています。広告運営を考えたとき、最もユーザー獲得効率が高いのは1:1の比率。正方形の動画は上下左右に余白を作ることで縦長・横長どちらのアスペクト比にも流用できるのも採用率の高さの理由です。

また、秒数は6秒・15秒・30秒がよく使われます。配信したい媒体の入稿規定で秒数がどう定められているかによって決めると良いでしょう。

STEP2:ユーザーに伝えたい「テーマ」を決めよう

制作したゲームの「推しポイント」をテーマとして設定します。「推しポイント」は自分の視点で思いつくものでOK。これが動画の軸となります。

ゲームの推しポイントを把握できていなかったり、決めきれなかったりする場合は「このゲームはどんなゲームなのか?」という要素を以下の3つの観点から書き出してみましょう。

編集部

編集部でも、今回のデモマップの推しポイントを考えてみました。

  • 多彩なギミック
  • レールを滑りながら素早く敵を倒すタイムアタック
  • キーボーとムラスケが大量発生
  • フォートナイト×ゲームメーカーズ

ターゲット層を考えよう

テーマ(推しポイント)が決まったら、このPVを見てゲームに興味を持ってもらいたいターゲット層を設定します。

Mr.GAMEHIT

ターゲット層を考えるのは、動画のテイストの方針立てに役立ちます!

PVを見てもらいたいターゲット層(※)を考えるときは、ゲームを構成する要素のジャンルを一つひとつ言語化するのをオススメします。

「シューティングゲームでキャラクターはドット絵、世界観はサイバー系SFで……」とジャンルを意識しながらゲームを言語化していくと、そのゲームが好きなユーザー像を思い描きやすくなります。
※今回のデモゲームは書籍向けサンプルの側面が強いため、特定のターゲットを狙ったゲームとして制作をしたわけではないが、ゲーム制作の段階からターゲットを明確化しているのであれば、これを中心に動画内要素を設定することも可能

デモゲームの推しポイントとターゲットを表に書いて整理しよう。ここまでの工程で「推しポイント」と「ターゲット」が明確化。これによって、「動画の要素」が整理できる!

編集部

今回のPVのテーマは「多彩なギミック」、ターゲットは「3Dプラットフォーマーが好きな層」に決定。

「要素」として、全てのゲーム内ギミックを並列に「多彩なギミック」として見せることを決めました。

STEP3:字コンテを書こう

字コンテとは、文字ベースで動画の流れを説明した資料です。アニメーション制作においては良く絵コンテ(※)が用いられますが、今回は短時間かつ自分1人で動画を作る想定のため、絵コンテではなくより簡単な字コンテを作っていきます。
※動画の設計図となる資料。画面の構図やそのシーンの秒数が時系列にまとめられている。多くの方が参加する映画製作やカットシーン制作においてイメージの共有に役立つ。Vコンと呼ばれる動画コンテも存在する

早速「どんな順序」で「どのシーン」を配置し、それぞれ「何秒かけるか」を短冊型に書き出していきましょう。PV作成に用いる動画素材の収集時も、コンテがあったほうが必要な素材を把握しやすく、結果としてクオリティの高いものを素早く完成させることができます。

Mr.GAMEHIT

字コンテの段階で、テロップを入れるタイミング文章までアタリを付けられているとより良いですね!

最も簡単なフォーマット。まずはこの通りに書き込んでいってみよう

テキストはいつでも変更できるので、まずは気楽にシーンを並べてみましょう。ただし、シーンの切り替わりには1~2秒程度の余白を持たせてください。余白が無いと、後述するトランジションの効果をかけたときにシーンとシーンが詰まりすぎてしまいます

Mr.GAMEHIT

1シーンが短すぎると、視聴者が情報を認識する前にシーンが切り替わってしまいます。

どんなに短いシーンでも、シーンの切り替わりに1秒+ユーザーが文字を認識する1秒=計2秒は必要だと思っていてくださいね

PVの基本構成

Mr.GAMEHIT

どんな順序でシーンを並べたらいいか迷った場合は、Mr.GAMEHITでも使っている「PV動画の基本構成」を参考にしてみてください

序盤の指を止めてもらう箇所で有効なのは、「響くキーワード」や「目を引くアニメーション」。言葉なら「この謎が解けるか?」のような問いかけや「大ピンチ!」などの思わず視線が集まるような煽り文句が興味を引きやすいです。動きで目を引くなら、アニメーションを派手にすると良いでしょう。

中盤は、興味を引く要素をとにかく詰め込みます。30秒程度のPVであれば起承転結は考えずに「常にクライマックス」の気持ちで作ったほうが最後まで見てもらえます。もしも時間が中途半端に余ってしまった場合も、既存の要素を長くするよりは新しい要素を入れるほうが良いでしょう。

終盤には動画を見たユーザーにしてほしい行動を記載します。ゲームの配布先URLはQRコードにする方法もあります。

編集部

アドバイスをもとに作った字コンテがこちら。

時間は30秒程度に収めつつ、PV動画で見せたいシーンを詰め込みました

STEP4:素材を集めよう

キャプチャ収集時の設定

作成した字コンテをもとに、PVに使うキャプチャを収集します。キャプチャ収集時の音声はゲームのBGMはOFF、ゲームのアクションやシステムに強く結びついた銃声などのSEはONにして収集します。

Mr.GAMEHIT

後でキャプチャを切り貼りしてつなぎあわせる都合上、BGMはOFFにしてキャプチャしたほうが良いでしょう。

ゲームのSEは必要なければ動画編集時に消すこともできます

キャプチャ収集時のフレームレート動画を出力する時のフレームレートに合わせます。通常なら30fps、動画書き出し時間やマシンスペックなどに余裕があれば60fpsに設定しましょう。

Mr.GAMEHIT

144fpsの高フレームレートのゲームや、FPSなどのスピード感のあるゲームの場合は60fpsに設定してキャプチャしましょう。

今回は動画制作のためのキャプチャ取得であるため、YouTubeの最大フレームレートである60fpsより大きく設定する必要はありません

キャプチャ収集のやり方は2種類。作品に合わせて収録方法を選択

収録方法には、ゲームを通して収録するパターンと、素材リストに沿って必要な箇所を収録するパターンの2通りがあります。

  • 通しでプレイしている様子をキャプチャし、後から不要な部分をカット
  • 素材リストを作成し、リストを基に個別にシーンをキャプチャ

前者は、クリアまでの時間が短いゲームに有効です。プレイの様子を何回かキャプチャしておき、字コンテの内容に適したシーンや画角を切り取って素材にします。

対して後者は、クリアまでの時間が長いゲーム向けです。ただし、この場合はデバッグモードなどを実装し、開発者が指定した箇所からプレイができるようにしておいたほうが良いでしょう。素材収集の際は、具体的な撮りたいシーンを字コンテからリスト化しておくとスムーズです。

Mr.GAMEHIT

キャプチャした素材のファイル名は、リアルタイムでリネームするようにしましょう。

字コンテのシーンに番号を振り、「シーン番号」+「内容の説明」+「連番」とすると分かりやすいですよ

キャプチャのファイル命名例

STEP5:トンマナを決めよう

「トンマナ」とは「トーン&マナー」の略で、その制作物を形作る雰囲気やコンセプトの設計書のようなものです。具体的には、コンテンツで使用する配色やフォント、パーツの形状、レイアウト方法、文体などを決めておくと良いでしょう。なお、トンマナを最初に決めておくのは、動画制作だけでなくゲーム制作でも非常に有効です。

Mr.GAMEHIT

今回は決めておくと完成度が上がりやすい「配色」「フォント」だけ決めていきます

配色を決める

動画に入れるテロップや図形に使う色を選びます。背景に使っているような色を選ぶと、色が同化して見づらくなってしまいます。ゲーム内の色と同化しない見やすい色選びを心がけましょう。

文字の背景色が背景の水と同化している。これでは認識しづらい

文字の背景色を緑色に変更。文字列が目に入りやすくなった

色は「メインカラー・枠線に使う濃い色・無彩色」の3種類程度に抑えます。色の種類が多すぎると画面が見づらかったり、ゲームの世界観を壊してしまったりするためです。

Mr.GAMEHIT

色はインゲームで使われている色やプレイしていて印象的に映る色から選ぶのがオススメです。

ゲーム内の色をカラーピッカーで取得しても良いと思います

デモゲームを遊んでみて印象的だった色合いを3色選んでみた。なにより統一できていることが大切なので、「これで良いのかな?」と悩まずに先に進もう

編集部

ステージにある草木の「緑」と海の「青」、無彩色の「白」の3色を選びました。

緑と青は、背景と文字が同化することを避け、ゲーム内の色より明度を落としています

フォントを選ぶ

1つの動画に使うフォントは基本的に1つだけ。文字が細いと視認性が悪くなるため、太目にして使いましょう。

フォント選びは、作品の世界観に合わせようと凝ったフォントを選ぶとかえって難しくなります。初心者のうちはゴシック体のフォントが失敗が少なく、幅広い場面で使いやすいです。例として、フォントを4つ紹介します。

  • Noto Sans
  • Helvetica
  • LINE Seed
  • M+ FONTS

Noto Sans JP

Helvetica(欧文フォント)

LINE Seed JP_OTF Regular

M PLUS 1p(太字)

Mr.GAMEHIT

Noto Sans、Helveticaなどのオーソドックスなゴシックフォントはどんな世界観にも合わせやすいです。

LINE Seed、M+ FONTSは少し柔らかめ。

フォントは太目で使うとそれだけで見栄えが良くなりますよ

【ステップアップコラム】文字の装飾や色味について

背景に文字を置く際に役立つのが「縁取り」です。縁取りすることで文字が背景から浮き立ち、読みやすくなります。文字の縁取りの色は、欲張らずに1色のみにしましょう。基本的に、文字色が濃ければ白系、淡ければ黒系の縁取りです。凝った有彩色の縁取りは初心者にはオススメしません。

Mr.GAMEHIT

図の上は縁取りが白色の例、下は縁取りが黒色の例です。どちらも縁取りがあることによって文字が読みやすくなっています。

フォントに限らず「明-暗-明」、「暗-明-暗」となるように要素を配置すると視認性が上がります

STEP6:動画を編集しよう

カット編集

ここから動画編集ソフトでの作業になります。動画編集ソフトはWindowsの場合「Clipchamp、Macの場合「iMovieが最初から使える状態となっています。また、こだわった編集を行いたい方は「DaVinci Resolve」もオススメです。

動画編集は、キャプチャした素材から必要な部分だけをカットしつなぎ合わせるカット編集からスタートします。

字コンテに記載したカットの長さ、順序通りに配置していき、まずはテロップやアニメーションなどがない状態で動画を最初から最後まで通しで視聴できる状態にします。

Mr.GAMEHIT

最初の1シーンを作り込んで動画全体の基準にする方法もありますが、時間配分の面から初心者にはオススメしません。

まずは、細かい部分を無視して、1つの動画を完成させることを目指しましょう

この方法なら、タイムリミットになった時点で動画を書き出しても手元に残るものがあります

編集部

今回はClipchampを用いて動画編集を行いました。編集部がカット編集した動画がこちらです

カット編集した状態の動画。このままでも簡易的なPVとして成立するので、まずはこの段階を目指そう

テロップ位置・モーションを決める

カット編集が終わったら、テロップを入れていきます

テロップはゲーム画面の邪魔にならない位置を選びましょう。前のシーンでは上部にテロップを出していたのに、次のシーンでは下部に出すといった、テロップ位置がめまぐるしく変わる入れ方は好ましくありません。ぼんやり映像を眺めていてもテロップの情報が頭に入ってくるぐらいの情報量が適切です。

映像としての統一感を保つため、1つの文字列に対して使うテロップモーションは原則1種類。動画全体を通しても3種類程度に抑えましょう。

Mr.GAMEHIT

テロップを動的に出してみるのもオススメです。

動画編集ソフトに付属しているモーションを付けるだけでも見栄えがするので、怖がらずに試してみましょう!

編集部

今回は「ローワーサード」というテロップアニメーションを使ってみました

ローワーサード

モーションで視線を誘導すると効果的

動画を見ている人の視線は映像の中心付近ですが、視線は動いている物のほうへ向かいます。これを利用して、視聴者の視線を見せたいものの位置に誘導できます。テロップモーションの動きに注目させることで文字列をしっかり読ませ、テロップモーションの動きが止まったらその周辺で動くキャラクターやギミックなどに視線を移してもらうといった工夫を交えて、位置やモーションを調整していきましょう。

テロップモーションで視線を左側にいるプレイヤーと敵キャラに誘導

カット同士をつなぐトランジションはシンプルなものがオススメ

明確なテーマや規則性を持たせないのであれば、トランジションは極力シンプルな動きのものを使うようにしましょう。

トランジションは、ゲームの内容が激しく動きの多いものであれば「ズームアップ」、逆に大人しい雰囲気のゲームであれば「フェードイン」やそれに「ガウス(ぼかし)」を加えたものがオススメです。

Mr.GAMEHIT

「ちょっと物足りないな」ぐらいがちょうどいいですよ

編集部

「サード」というトランジションを選択しました。……そんなにシンプルではなかったかも?

サード

【ステップアップコラム】テロップとキャプチャで切り替わりタイミングをずらすテクニック

テロップとキャプチャの出現タイミングをずらすのが動画編集のコツです。キャプチャを残しつつテロップを切り替えたり、キャプチャとテロップの出すタイミングをずらしたりすると、シーン切り替えの見栄えが良くなります。ただし、カットの切り替えが速いシーンなどはテロップとキャプチャを一緒に変更するほうが良いでしょう。

BGM編集

動画に使用するBGMはインゲームで使っている楽曲があればその音源を、なければゲームの雰囲気に合っている楽曲を素材サイトなどで探して用います。動画に使用する楽曲は1曲に絞り、曲が盛り上がる部分が最初に来るように編集すると良いでしょう。

BGM編集では、動画内に無音の箇所を作らないようにします。複数の楽曲を用いることはオススメしませんが、もし複数使う場合にはクロスフェードで曲間をスムーズにつなげてください。使用する媒体にもよりますが、動画の最大音量は-6dB~-3dBくらいに収めると丁度いい音量になります。

Mr.GAMEHIT

音量は小さい分にはいいのですが、大き過ぎると音割れなどの問題が生じます。

また、動画にナレーションを入れる際は自動的に音量を下げる「ダッキング」の処理を行うと効果的です

STEP7:書き出してチェックしよう

編集した動画をファイルに書き出します。書き出しの際のフレームレートは、キャプチャ取得時に設定したフレームレートに合わせます。

書き出した動画をチェックする際、以下の項目を意識して確認するようにしましょう。

Mr.GAMEHIT

動画ファイルの書き出しは思っているよりも時間がかかります。時間には余裕をもって作業を行いましょう

確認の際、自分の目で確かめるだけではなく、第三者にも動画を見てもらうようにしましょう。友達や家族に動画を見せることで、動画のテンポ感や内容の伝わり方などを検証することができます。

また、スマホで動画を確認することも、最終チェックにおいて非常に有効な手段です。動画を作ったものとは違うデバイスを通して動画を視聴することで、自分の動画を客観視することが可能です。

Mr.GAMEHIT

文字が読みにくいと感じた場合は、文字の間隔を少し詰めてみましょう

文字と文字の間が詰まっている方が、ブロックとして認識しやすく、視認性が上がります

打ち込んだままの文字間隔

少し文字間隔を狭くしたもの

アドバイスをもとに完成したPVがこちら!

最初に提示した島を紹介する動画よりも30秒とコンパクトなのに、見せ場や島コードなど、ゲームをより深く知ってもらうための情報を詰め込むことができました。今回の総作業時間は6時間ほど。参加したいイベントや販売タイミングから逆算して、余裕を持ったスケジュールで取り組みましょう。

編集部が作ったPV完成版。素材は同じだが、構成を見直したことで、よりゲームの内容が伝わるようになった

今回紹介したワークフローを踏まえてPVを作れば、動画を作ったことのない方でも完成まで辿り着けるはずです。

自作ゲームのPVで、より多くの人にあなたのゲームが届くことを願っています。

編集部

Mr.GAMEHITはゲーム業界に特化した動画制作・広告運用サービスを提供しています。ゲームの理解度が高いゲーマーがクリエイターであり、有名タイトルからインディーゲームまで幅広い制作実績を持っているため、本気のPVや広告用動画の制作に困った場合は相談してみましょう!

Mr.GAMEHIT 公式サイト
佐藤 悠介

ゲームメーカーズ編集部。とにかくゲームが好きで、プレイするジャンルはRPG、SLG、FPS、ADV…とさまざま。『CoD』シリーズでは、アマチュアプレイヤーとしてのesports経験も。

関連記事

ノベルゲーム・アドベンチャーゲーム開発に便利な主要ノベルエンジンまとめ
2024.04.10
【Godot Engine】よく使うショートカットまとめ
2024.04.09
【Blender】よく使うショートカットまとめ
2024.04.08
【UEFN】よく使うショートカットまとめ
2024.04.05
【Unity】よく使うショートカットまとめ
2024.04.04
【Unreal Engine 5】よく使うショートカットまとめ
2024.03.19

注目記事ランキング

2024.04.09 - 2024.04.16
1
フォートナイトとUEFNがv29.20にアップデート。見下ろし視点でもプレイヤーキャラクターの向きを操作できるようになった
2
フォートナイト クリエイティブとUEFNで使える仕掛け一覧
3
『フォートナイト』で動く本格的なゲームが作れるツール「UEFN」とは?従来のクリエイティブモードから進化したポイントを一挙紹介!
4
【CHALLENGE1】「クリエイター ポータル」を使って、UEFNで作成した島を世界中に公開する
5
【2022年5月版】今から始めるフォートナイトの「クリエイティブ」モードープレイ開始から基本的な操作方法まで解説
6
フォートナイト クリエイティブとUEFNで使える仕掛け一覧 Vol.1「アイテム系」
7
フォートナイト クリエイティブとUEFNで使える仕掛け一覧 Vol.5「島の設定」
8
フォートナイト クリエイティブとUEFNで使える仕掛け一覧 Vol.7「NPC系」Part1
9
フォートナイト クリエイティブとUEFNで使える仕掛け一覧 Vol.2「ユーティリティ系」
10
『フォートナイト』で建築ビジュアライゼーション!?UEFNでオリジナルの世界観をどう作り上げたか、その手法を解説【UNREAL FEST 2023 TOKYO】
11
【CHALLENGE3】UEFNの機能「ランドスケープ」を使ってオリジナルの地形を作る
12
【CHALLENGE2-1】フレンドと一緒にゲームを作ろう――UEFNプロジェクトをチームメンバーとリアルタイムで共同編集する
13
フォートナイト クリエイティブとUEFNで使える仕掛け一覧 Vol.7「NPC系」Part2
14
UEFNで使えるプログラミング言語「Verse」のノウハウが集結。『UEFN.Tokyo 勉強会 03 Verse Night』レポート
15
【STEP2】UEFNの基本的な使い方を覚えよう
16
フォートナイト クリエイティブとUEFNで使える仕掛け一覧 Vol.6「チーム・対戦系」Part1
17
まるで『マイクラ』?ボクセル地形を生み出す無料アセット「VoxelPlugin Free」で”地形を掘ったり積み重ねたり”して遊んでみよう
18
フルカラー書籍「UEFN(Unreal Editor For Fortnite)でゲームづくりを始めよう!」、ついに本日発売!全国書店で好評発売中!
19
フォートナイト クリエイティブとUEFNで使える仕掛け一覧 Vol.10「UI系」Part1
20
フォートナイト クリエイティブとUEFNで使える仕掛け一覧 Vol.3「プレイヤー系」
21
フォートナイト クリエイティブとUEFNで使える仕掛け一覧 Vol.4「ゲームシステム系」
22
フォートナイト クリエイティブとUEFNで使える仕掛け一覧 Vol.8「ゾーン系」
23
【STEP1】「UEFN」を入手しよう
24
フォートナイトとUEFNがv29.10にアップデート。プレイヤーのジャンプや射撃などの入力を無効化するオプションが追加
25
【STEP5-1】スタート時のカウントダウンを作る
26
「UEFN」って実際どうなの? 編集部が3時間で「みんなで遊べるアクションゲーム(?)」を作ってみた
27
【STEP4-2】リスポーンとチェックポイントの仕組みを作る
28
【STEP3】オリジナルのアスレチックコースを作ろう
29
GDC 2024で行われた「State of Unreal」UEFN関連の発表内容まとめ。UEFNがMetaHumanを正式サポート
30
【STEP4-1】コース外に出たらデスする仕組みを作る
VIEW MORE

イベントカレンダー

VIEW MORE

今日の用語

マーケットプレイス(Market Place)
マーケットプレイス
  1. インターネット上で売買を行う仕組みやウェブサイト自体を示す。
  2. Epic Games LauncherやアンリアルエンジンのWebサイトからアクセスできる、アンリアルエンジン用のオンラインストア。アセットやプラグインなどの販売・購入が可能。
VIEW MORE

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