画像の分割ツール「Image Splitter」の30秒紹介動画
1枚の画像を列に切り分けるブラウザのツール「Image Splitter」の30秒の紹介動画です。横長の写真をXに並べるときの悩みを検索窓に打ち、3分割と隙間補正で1枚につながるまでを見せています。
依頼を受けて制作したものではありません。FablessBridgeが公開情報をもとに自主制作した紹介動画です。製品名・画面・ロゴは各社のものです。
Image Splitterとこの紹介動画
Image Splitterは、1枚の画像を均等または自由な幅の列に切り分けるブラウザのツールです。3分割と4分割はワンタップで選べて、Xに並べたときのすき間に合わせて継ぎ目を少し削る隙間補正があります。処理はブラウザの中で完結して画像はサーバーへ送られず、切り分けた画像はZIPで書き出せます。
- 製品
- Image Splitter(画像の分割ツール)
- 動画
- 30秒・横16:9・画面の文字は日本語・ナレーションなし
動画で見せたこと
- 横長の写真を1枚で投稿すると細い帯になる悩みに対して、3分割・4分割のボタンを囲み、実際の分割のプレビューを見せました。
- 並べると継ぎ目にすき間ができる悩みに対して、隙間補正のスイッチを囲み、製品が書き出した3枚を同じ投稿カードに並べて見せました。
- 写真を外へ送るのが不安な点に対して、雲へ伸びかけた矢印が戻る絵と締めの一言で、処理がブラウザの中だけで済むことを示しました。
30秒の流れ
0〜3秒 製品名が出て、自作の図形の写真がカッティングマットに置かれます。
3〜7.2秒 検索窓に「横長の写真 投稿すると小さい」と入り、投稿カードの中で写真が細い帯になります。
7.2〜11.4秒 「画像 3枚に切って 並べる」に変わり、切り取り線が斜めに走って幅のそろわない3枚に分かれます。
11.4〜15.6秒 「並べた画像 継ぎ目 すき間」に変わり、投稿カードに並べた3枚の継ぎ目のすき間を丸で囲みます。
15.6〜19.2秒 「画像 分割 アップロードしない」に変わり、写真から雲へ伸びかけた矢印が戻ります。
19.2〜23.4秒 検索結果の公式アイコンを押すと製品の画面になり、3分割・4分割のボタンを囲んでそれぞれのプレビューを見せます。
23.4〜26.4秒 隙間補正のスイッチを囲み、製品が書き出した3枚を同じ投稿カードに並べます。
26.4〜30秒 公式アイコンが出て、3つの切れ端から製品名が1つにつながりURLが出ます。
表現で工夫したこと
舞台は暗いカッティングマットにし、サイトと地続きの暗さの中で橙を切り取り線と囲みに使いました。窓の外の切れ端はコマ撮りのように段々に動かし、製品の画面とアイコンには掛けていません。分割の例はゲームの画面ではなく夕日と山の自作の図形にし、製品で実際に切り分けて書き出した画像を見せています。
製品サイトで公開されている情報だけをもとに、製品の見た目に合わせて制作しています。ナレーションは入れず、画面の動きと音楽で伝える構成です。
自社の製品の紹介動画を相談する
企画が固まっていない段階からご相談いただけます。
紹介動画を相談する料金と制作の流れを見る顧客案件と自社サンプルを見る