ブラウザツール「きりかえメーカー」の30秒紹介動画
画像を切り替え演出つきのアニメ画像にするブラウザツール「きりかえメーカー」の30秒の紹介動画です。同じ4枚の画像を使い、左に手作業、右に製品の画面を並べて進み方の違いを見せています。
依頼を受けて制作したものではありません。FablessBridgeが公開情報をもとに自主制作した紹介動画です。製品名・画面・ロゴは各社のものです。
きりかえメーカーとこの紹介動画
きりかえメーカーは、複数の画像を切り替え演出つきでつなぎ、APNGやWebPのアニメ画像として書き出せるブラウザツールです。演出は動くサンプルから選べて、容量は5MB以内に自動で調整されます。画像は外部に送信されず、ブラウザの中だけで動きます。
- 製品
- きりかえメーカー(ブラウザツール)
- 動画
- 30秒・横16:9・画面の文字は日本語・ナレーションなし
動画で見せたこと
- 同じ4枚の画像を左右に分け、手作業ではつなぎのコマを1枚ずつ作る様子と製品の画面を並べました。
- 公式の画面に寄って、サンプルの読み込み、演出の一覧からの選択、書き出しまでを順に囲みました。
- 手作業では容量の上限を超えてやり直す一方、製品では5MB以内に自動で収まることを対比で示しました。
30秒の流れ
0〜2秒 公式のロゴが出て、サンプルの4枚が並び、画面が左右に分かれます。
2〜7.5秒 左では画像を1枚ずつ置き、右では公式の画面で「サンプル」を押して読み込みます。
7.5〜13秒 左はつなぎのコマを1枚ずつ作り、右は演出の一覧から円・ブラインド・カードめくりなどを囲みます。
13〜18秒 左は容量メーターが上限を超えて赤くなり、右は「書き出す」の結果と5MBの上限を囲みます。
18〜21.5秒 左の36枠の格子がなかなか埋まらない間に、右ではサンプルが演出つきでつながります。
21.5〜25秒 公式の編集画面を泡が包み、画像が外部に送信されないことを伝えます。
25〜30秒 公式ロゴから引いて製品名とURL、研究所のアイコンが並びます。
表現で工夫したこと
製品の中心が切り替えなので、場面のつなぎを波打つ遷移にして、背景も水玉やネオン、網点、モザイク、雲へと場面ごとに替えました。切り替えの見本にはサイトの公式のサンプル画像だけを使い、他の作品の絵は使っていません。製品の画面はサイトの撮影をそのまま使い、寄る・引く・囲むだけにしました。
製品サイトで公開されている情報だけをもとに、製品の見た目に合わせて制作しています。ナレーションは入れず、画面の動きと音楽で伝える構成です。
自社の製品の紹介動画を相談する
企画が固まっていない段階からご相談いただけます。
紹介動画を相談する料金と制作の流れを見る顧客案件と自社サンプルを見る