SVG変換ツール「Alvseike Image to SVG」の30秒紹介動画

Alvseike Image to SVGは、PNG・JPG・WebPの画像をブラウザの中でベクターのパスに変換し、SVGとして保存するツールです。画像はアップロードされずに手元で処理されます。保存したSVGはベクター編集ソフトで開いて編集できます。

0〜2秒　ツールのアイコンと名前「Alvseike Image to SVG」、「Same PNG logo. Two ways.」の一行が出ます。

2〜7.2秒　「Not just rename the file.」の見出しの下で、同じロゴのPNGを左は拡張子を.svgに書き換える「RENAMED」、右はツールに入れる「TRACED」に分けます。右の画面は変換前から変換後に切り替わります。

7.2〜12.6秒　「Zoom in 8×」の見出しで、左右とも1倍から8倍まで寄ります。左は画素の四角が大きく見え、右は変換後の画面に切り替わって境目が1本の線になります。

12.6〜18秒　「Real vector paths」の見出しで、左は画素のまま拡大した画面、右は公式の保存の画面を並べ、細かさの選択とダウンロードを黄色い枠で囲みます。

18〜21.6秒　「Zoom 8×: no white seam」の見出しで、同じ境目を左右に並べて左に✗、右に✓を付け、「Shared edges」と添えます。

21.6〜25秒　「100% local · No uploads」の見出しで公式の画面を大きく出し、一部を枠で囲んで「PNG, JPG or WebP」の対応形式を示します。

25〜30秒　サイトの共有画像を寄りから引いて全体を見せ、アップロードしないことを一言添えて、alvseike.com/tools/image-to-svg を出して締めます。

背景は左半分を画素のモザイク、右半分を細線とアンカー点で描き、窓の外だけで画素とベクターの違いを表しました。製品の窓は公式サイトの共有画像とアイコン、公開ツールの実際の画面だけを使い、画面は加工せず寄る動きと枠で囲む動きだけにしています。変換する入力のロゴは動画用に作ったPNGで、実際にツールで変換した画面を撮りました。

製品サイトで公開されている情報だけをもとに、製品の見た目に合わせて制作しています。ナレーションは入れず、画面の動きと音楽で伝える構成です。