ウェブツール「Ink Boil」の30秒紹介動画
スキャンした落書きの線を手描きのように揺らすウェブツール「Ink Boil」の30秒の紹介動画です。同じやかんの落書きを、左は手で4枚描き直し、右はInk Boilに入れて、ループするGIFができるまでを並べています。
依頼を受けて制作したものではありません。FablessBridgeが公開情報をもとに自主制作した紹介動画です。製品名・画面・ロゴは各社のものです。
Ink Boilとこの紹介動画
Ink Boilは、スキャンした落書きからインクだけを取り出し、すべての線を手描きのアニメのように揺らすウェブツールです。仕上がりは透明を保ったループのGIFか動画で保存できます。絵の処理はブラウザの中で行われます。
- 製品
- Ink Boil（ウェブツール）
- 動画
- 30秒・横16:9・画面の文字は英語・ナレーションなし
動画で見せたこと
- 線を揺らすには何枚も描き直す手間を、ライトテーブルで同じやかんを4枚描く左側で見せました。
- 落とすだけで線が揺れる点を、同じ落書きを入れた実際の画面とSAVE AS GIFを押す操作で示しました。
- 書き出したGIFが透明を保ってループすることを、色紙の上に置いたGIFのコマで確かめました。
30秒の流れ
0〜2秒 ワードマークと「One doodle. Two ways to make it boil.」が出ます。
2〜7.7秒 左のライトテーブルと右のInk Boilの画面に、同じ鉛筆の落書きが入ります。
7.7〜13.3秒 左で1枚ずつ描き直す間に、右ではInk Boilが線をひとりでに揺らします。
13.3〜18秒 右でSAVE AS GIFを押し、GIFか動画で保存できることを示します。
18〜25秒 「Same 4-frame boil」の見出しで、手で描いた4枚とInk Boilでの1枚を比べ、透明のままループするGIFを見せます。
25〜30秒 揺れるワードマークと「Drop a drawing. Watch it boil.」、inkboil.comで締めます。
表現で工夫したこと
罫紙とアニメーターのライトテーブルを舞台にし、ペグバーやオニオンスキン、赤鉛筆の正の字を小道具にしました。窓の外の見出しと手描きの線も12fpsで揺らし、場面のつなぎは線ゆれのように画面を歪ませています。製品の画面は自作のやかんの落書きを実際に入れて撮り、書き出したGIFのコマもそのまま使いました。
製品サイトで公開されている情報だけをもとに、製品の見た目に合わせて制作しています。ナレーションは入れず、画面の動きと音楽で伝える構成です。
自社の製品の紹介動画を相談する
企画が固まっていない段階からご相談いただけます。
紹介動画を相談する料金と制作の流れを見る顧客案件と自社サンプルを見る