ブラウザの画像加工ツール「ゆがみレンズ」の30秒紹介動画
画像にレンズを当てて膨らませたり縮ませたりするブラウザのツール「ゆがみレンズ」の30秒の紹介動画です。そのままの顔とレンズを当てた顔を左右に並べ、ドラッグやスライダーで変わっていく様子を実際の画面で比べています。
依頼を受けて制作したものではありません。FablessBridgeが公開情報をもとに自主制作した紹介動画です。製品名・画面・ロゴは各社のものです。
ゆがみレンズとこの紹介動画
ゆがみレンズは、ブラウザで開いてすぐに画像を歪ませて遊べるツールです。レンズをドラッグで動かし、ゆがみと大きさの2本のスライダーで膨らませたり縮ませたりできます。レンズを足して重ねたり枠を消したりでき、手持ちの画像を選んで歪ませることもできます。
- 製品
- ゆがみレンズ(ブラウザの画像加工ツール)
- 動画
- 30秒・横16:9・画面の文字は日本語・ナレーションなし
動画で見せたこと
- どう歪むのかの分かりやすさとして、左にそのままの顔、右にレンズを当ててドラッグする顔を並べて見せました。
- 調整の手軽さとして、ゆがみを縮む側から膨らむ側へ動かす様子に寄り、2本のスライダーの箱を囲みました。
- 重ねる楽しさとして、レンズを足して両目に置き枠を消す流れと、画像を選ぶボタンを囲む場面を見せました。
30秒の流れ
0〜2秒 製品名と好きな画像を歪ませて遊ぶ道具だと出ます。
2〜9.5秒 左はそのままの顔、右はレンズをドラッグする実際の画面をカーソルでなぞります。
9.5〜14秒 右の窓でゆがみを縮む側から膨らむ側へ動かし、窓の中で寄ります。
14〜18秒 右でレンズを足して両目に置き、枠を消します。
18〜21.5秒 スライダーの箱へ寄り、ゆがみと大きさの2本を囲みます。
21.5〜25秒 そのままの顔と仕上がりを並べ、画像を選ぶボタンを囲みます。
25〜30秒 アイコンと製品名、ブラウザで開いてすぐ遊べることとURLで締めます。
表現で工夫したこと
黒に近い地の上を見えないレンズが通るたびに背景の模様が膨らんで曲がる形にし、模様は場面ごとに方眼・同心円・網点・走査線・斜線へと替えました。見出しにはシアンとマゼンタの色ずれを付けて場面の頭だけ揺らしています。画面は製品ページを実際に操作して撮ったもので、歪ませたのはツールに付いている顔のイラストだけです。
製品サイトで公開されている情報だけをもとに、製品の見た目に合わせて制作しています。ナレーションは入れず、画面の動きと音楽で伝える構成です。
自社の製品の紹介動画を相談する
企画が固まっていない段階からご相談いただけます。
紹介動画を相談する料金と制作の流れを見る顧客案件と自社サンプルを見る