紹介動画シリーズ

Unityエディタ拡張「Hierarchy Mover」の30秒紹介動画

Unityのヒエラルキーで登録した移動先へ右クリックから親を付け替えるエディタ拡張「Hierarchy Mover」の30秒の紹介動画です。衣装の入れ替えのたびに深い階層へドラッグする手間を、青焼きの設計図風に見せています。

  • Unityエディタ拡張
  • 30秒
  • 文字:日本語
  • 自主制作
  • 公開

依頼を受けて制作したものではありません。FablessBridgeが公開情報をもとに自主制作した紹介動画です。製品名・画面・ロゴは各社のものです。

Hierarchy Moverとこの紹介動画

Hierarchy Moverは、Unityのヒエラルキーでオブジェクトの親を付け替えるエディタ拡張です。移動先を登録しておき、オブジェクトを選んで右クリックの「PtnHM - set parent to:」からSlot 1〜9へ送ります。位置・回転・スケールは保たれ、複数選択をまとめて移動でき、Ctrl+Zを1回押せば戻せます。

製品
Hierarchy Mover(Unityエディタ拡張)
動画
30秒・横16:9・画面の文字は日本語・ナレーションなし

動画で見せたこと

  • 衣装の入れ替えのたびに深い階層へドラッグして落とし先を外す手間を、赤い軌跡と「ここじゃない」の印で見せました。
  • 移動先の登録を公式の設定画面で示し、選んで右クリックしSlotへ送ると2つの衣装が一度に付け替わる様子をツリーで見せました。
  • 位置・回転・スケールが変わらないことと、Ctrl+Z 1回でまとめて元の親へ戻ることを、チェック印とツリーの動きで見せました。

30秒の流れ

0〜3秒 背景にツリーの線が引かれ、「UNITY EDITOR TOOL」の下で「Hierarchy Mover」の名前が崩れた文字から定まります。「Unityのヒエラルキー内移動ツール」と添えます。

3〜8秒 「衣装の入れ替えは 毎回ドラッグ」の見出しでヒエラルキーのツリーが描かれ、衣装をドラッグすると赤い線が落とし先の外れを示して「×」と「ここじゃない」が出ます。やり直しても定まりません。

8〜14秒 「移動先を登録」の見出しで公式の設定ウィンドウに寄り、Slot 1とSlot 2の2行を順に囲みます。字幕で最初の9件がスロット1〜9になることを伝えます。

14〜20秒 「選んで右クリック → Slot」の見出しで、公式の右クリックメニューのSlot 2を囲みます。右のツリーでは選んだ2つの衣装がDisabledDressへ付け替わり、公式のAFTERの画面の該当部分も囲まれます。

20〜23.5秒 「位置・回転・スケールは そのまま」の見出しで、3つの項目に順にチェック印が付き、「親と並び順だけが変わる」と添えられます。

23.5〜26秒 CtrlとZのキーが現れ、押すとツリーの付け替えが元の親へまとめて戻ります。「Ctrl+Z 1回で まとめて戻せる」と出ます。

26〜30秒 公式のロゴの画像に寸法線が引かれ、BOOTHの商品ページのURLが打ち込まれて締めます。

表現で工夫したこと

窓の外を青焼きの設計図に見立て、ツリーの線を設計図の図として描き、場面のつなぎは青い紙を下から差し替える動きにしました。製品の窓には公式のBOOTH画像の切り抜きだけを使い、寄る・囲む・なぞる動きに留めています。ショップのアイコンは動画に出していません。ツリーのオブジェクト名は公式画像の構成に合わせた設計図の部品です。

製品サイトで公開されている情報だけをもとに、製品の見た目に合わせて制作しています。ナレーションは入れず、画面の動きと音楽で伝える構成です。

自社の製品の紹介動画を相談する

企画が固まっていない段階からご相談いただけます。

紹介動画を相談する料金と制作の流れを見る顧客案件と自社サンプルを見る
無料で相談する