イラスト用の表情差分ツール「表情差分ツール」の30秒紹介動画
パーツ分けしたPNGを読み込みチェックで表情を組み替える「表情差分ツール」の30秒の紹介動画です。同じパーツを手作業で切り替える左と、ツールで組む右を並べ、読み込みから書き出しまでをアニメの透写台に見立てて見せています。
依頼を受けて制作したものではありません。FablessBridgeが公開情報をもとに自主制作した紹介動画です。製品名・画面・ロゴは各社のものです。
表情差分ツールとこの紹介動画
表情差分ツールは、パーツ分けしたPNGのフォルダを読み込み、表情のパーツをチェックで選んで重ねられるツールで、BOOTHで配布されています。組み合わせた表情は名前を付けて差分として残せ、保存した差分は名前で並びます。できた表情はそのまま画像で書き出せます。
- 製品
- 表情差分ツール(イラスト用の表情差分ツール)
- 動画
- 30秒・横16:9・画面の文字は日本語・ナレーションなし
動画で見せたこと
- パーツの準備の手間に対して、公式画面のPNGフォルダを読み込むボタンに寄って囲み、フォルダを渡すだけで始められることを見せました。
- 表情を組み替える手間に対して、左でレイヤーの目を切り替え続ける様子と、右でパーツのカードにチェックを入れる様子を並べました。
- 差分を管理する手間に対して、差分保存と画像の保存のボタンを囲み、保存した差分が名前で並ぶ欄まで見せました。
30秒の流れ
0〜2秒 線画のセルが重なって落ち、中央の線で左右に分かれて製品名が出ます。
2〜6秒 左はレイヤーの目を切り替え続け、右は公式画面の読み込みのボタンに寄って囲みます。
6〜10秒 右でパーツのカードを囲んでチェックを指し、キャラクターの表示へ移ります。
10〜14秒 右で差分保存を指して差分の名前の並びを囲み、左には書き出しの窓が積もります。
14〜18秒 右で画像の保存のボタンを囲んで指し、全体へ引きます。
18〜25秒 左が退いて公式の窓が中央へ広がり、差分の並びとキャラクターとパーツの欄を順に囲みます。
25〜30秒 点灯した透写台に商品画像が置かれ、題字から全体へ引いて締めます。
表現で工夫したこと
アニメの透写台とセルに見立て、深いティールの机にペグ穴の帯とトンボを置き、キャラクターの髪色から取ったライラックを差し色にしました。窓の外の画風は線画からセル塗り、光の仕上げへと移り、つなぎの揺らぎは公式の画面には掛けていません。画面に写るキャラクターは作者のもので、公式の画素のまま描き足していません。
製品サイトで公開されている情報だけをもとに、製品の見た目に合わせて制作しています。ナレーションは入れず、画面の動きと音楽で伝える構成です。
自社の製品の紹介動画を相談する
企画が固まっていない段階からご相談いただけます。
紹介動画を相談する料金と制作の流れを見る顧客案件と自社サンプルを見る