ブラウザのツール「ウゴウゴ線画メーカー」の30秒紹介動画
1枚の絵の線を手描きアニメのように動かすブラウザのツール「ウゴウゴ線画メーカー」の30秒の紹介動画です。同じ絵を手で1コマずつ描き直す場合と並べ、つまみの調整から無限ループのMP4の書き出しまでを見せています。
依頼を受けて制作したものではありません。FablessBridgeが公開情報をもとに自主制作した紹介動画です。製品名・画面・ロゴは各社のものです。
ウゴウゴ線画メーカーのサイトを見るsquiggle-studio.vercel.appXの投稿を見る@FablessBridge
ウゴウゴ線画メーカーとこの紹介動画
ウゴウゴ線画メーカーは、読み込んだイラストの線を震わせて、手描きアニメのMVのようにうごうご動く動画にするブラウザのツールです。震えの速さ・激しさ・細かさをつまみで調整し、録画時間を決めると、最後のコマが最初のコマにつながる無限ループの動画をMP4で保存できます。
- 製品
- ウゴウゴ線画メーカー(ブラウザのツール)
- 動画
- 30秒・横16:9・画面の文字は日本語・ナレーションなし
動画で見せたこと
- 1枚の絵を動かすには何枚も描き直す手間がかかることを、手で1コマずつ描き直す側とツールの側を並べて見せました。
- 線の揺れ方を好みに合わせられることを、操作画面のつまみの部分まで寄り、速さ・激しさ・細かさの3つを順に囲んで見せました。
- 書き出しまでの短さを、絵を読み込む・線の震えを調整・秒数を決める・MP4で保存の4つの手順を順に灯して見せました。
30秒の流れ
0〜2秒 公式のアイコンと製品名が出て、名前の下に線が引かれます。
2〜6秒 サンプルの1枚の絵に寄ってから引き、手で描く側とツールの側の左右に分かれます。
6〜12秒 左では紙に1コマずつ描き直す枚数が増えていき、右では同じ絵の線がうごうご動き続けます。
12〜18秒 操作画面の全体へ引いたあと、つまみの部分まで寄って速さ・激しさ・細かさの3つを順に囲みます。
18〜25秒 4つの手順が名前とともに順に灯り、保存のボタンとMP4の札が出ます。
25〜30秒 アイコンと製品名とURLの下で、3つのサンプルの絵がうごうご動いて締めます。
表現で工夫したこと
サイトと同じ生成りの地と墨色、橙・黄・緑の色と書体を使い、見出しや枠にもツールと同じ線の揺れを付けました。アイコンとサンプルの絵、操作画面はサイトをそのまま撮影したもので、描き直していません。告知の動画に写っていた他社のキャラクターの絵は使っていません。
製品サイトで公開されている情報だけをもとに、製品の見た目に合わせて制作しています。ナレーションは入れず、画面の動きと音楽で伝える構成です。
自社の製品の紹介動画を相談する
企画が固まっていない段階からご相談いただけます。
紹介動画を相談する料金と制作の流れを見る顧客案件と自社サンプルを見る