画像変換のWebツール「BDFM」の30秒紹介動画
画像をビットマップ風の絵に変えるブラウザのツール「BDFM」の30秒の紹介動画です。同じ見本画像を入れたまま、ディザ方式の切り替えと数値の調整、白黒とカラーの違いを実際の画面で見せています。
依頼を受けて制作したものではありません。FablessBridgeが公開情報をもとに自主制作した紹介動画です。製品名・画面・ロゴは各社のものです。
BDFMのサイトを見るbitmap.designfamilymarket.comXの投稿を見る@FablessBridge
BDFMとこの紹介動画
BDFM（Bitmap DesignFamilyMarket）は、画像をビットマップ風の絵に変えるブラウザのツールです。11種類のディザ方式から選び、サイズとしきい値を調整して、白黒かカラーで仕上げます。できた絵はSVG・PNG・JPGで保存できます。
- 製品
- BDFM（画像変換のWebツール）
- 動画
- 30秒・横16:9・画面の文字は英語・ナレーションなし
動画で見せたこと
- 写真がどんな点の絵になるのかを、同じ見本画像と変換後の画面を矢印でつないで並べ、入れる前と後で見せました。
- 方式によって仕上がりが変わることを、メニューで方式を選ぶたびに右の画面が入れ替わる様子で見せました。
- 細かさや明暗を自分で決められることを、SIZEとTHRESHOLDのスライダーに寄ってから引いて見せました。
30秒の流れ
0〜2秒 「BDFM」と「photo in, bitmap out」の下に、「SAME INPUT」の見本画像と「BDFM OUTPUT」の変換後が矢印でつながって並びます。
2〜10秒 「11 dithering modes」と出て、左に同じ見本画像を置いたまま、メニューで方式を選ぶたびに右の画面が入れ替わります。
10〜18秒 「Dial in the numbers」と出て、スライダーに寄った画面から引き、サイズとしきい値を下げた画面に替わります。
18〜25秒 「Black & white or color」と出て、白黒の画面とカラーの画面が傾いて並び、SVG・PNG・JPGで保存できることを添えます。
25〜30秒 サイトのロゴと「Photo in. Bitmap out.」、bitmap.designfamilymarket.comを出して締めます。
表現で工夫したこと
生成り地に黒、書体はサイトと同じSpace GroteskとSpace Monoにし、窓は黒枠と黒いずらし影で1ビットの版画のように見せました。窓の外の地紋を点・誤差拡散・市松・網点・横線と場面ごとに替え、つなぎは画面全体が1ビットに潰れて戻る形にしています。変換の実演はサイトが最初に読み込む見本画像のままで、告知の投稿にあった実在の人物の顔の変換例は使っていません。
製品サイトで公開されている情報だけをもとに、製品の見た目に合わせて制作しています。ナレーションは入れず、画面の動きと音楽で伝える構成です。
自社の製品の紹介動画を相談する
企画が固まっていない段階からご相談いただけます。
紹介動画を相談する料金と制作の流れを見る顧客案件と自社サンプルを見る