画像の比率計算アプリ「Ratio Studio」の30秒紹介動画

Ratio Studioは、バナーやSNS用の画像を作るデザイナー向けの、Mac・iPhoneの画像の比率計算アプリです。幅か高さを1つ入れると比率ごとのピクセルサイズを一覧にし、数値はタップでコピーできます。画像を選ぶとサイズと簡約した比率を出し、比率や数値を指定したトリミングをPNGかJPEGで保存できます。

0〜3秒　青焼きの設計図に4:3の枠が描かれ、寸法線の先の「高さ ？」が点滅します。電卓の計算式と「3:4 → ？」「3:2 → ？」「2:3 → ？」が、「ERR」の札つきで赤く並びます。

3〜8.4秒　「幅」の入力から線が伸び、比率ごとの「？」が1行ずつ寸法に変わって、iPhoneの比率計算の公式画面の行につながります。「幅と高さは数値だけコピーできる」の吹き出しが出ます。

8.4〜13.2秒　Macのサイズ比較の公式画面が出て、プレビュー画像を比率ごとに並べて比べる部分を順に囲みます。画面を下へ流して、16:9と9:16の段も見せます。

13.2〜16.8秒　カーソルが画像のカードをドラッグして運び、Macの画像サイズの公式画面で、読み込まれた画像のプレビューと下の2つの欄を順に囲みます。「Macはドラッグ＆ドロップで読み込める」と添えます。

16.8〜20.4秒　Macのトリミングの公式画面で、切り抜きの四隅の角が順に付き、画面右下のボタンを囲んで線を伸ばすと「PNG」と「JPEG」の札が出ます。「PNG・JPEGで保存できる」と添えます。

20.4〜25.8秒　表題欄が消え、公式アイコンが大きく置かれて「Ratio Studio」の名前が出ます。作図の円がめぐり、「比率」「サイズ」「トリミング」の3つの点が線でつながります。

25.8〜30秒　公式アイコンと「Ratio Studio」の名前、「Mac・iPhone」の対応機種が出て、製品のURLがコマンドラインのように打たれ、App Storeの札で締めます。

窓の外は青焼きの設計図にして、方眼と定規の目盛り、左上の表題欄、寸法線のような線を描きました。入力の点から比率ごとの行へ線を引き、赤い「？」が緑の答えにスクランブルして変わる動きで、計算がそろう様子を見せています。製品の窓はアイコンとiPhone・Macの公式画面をそのまま使い、寄る・囲む・流すだけで、画風は窓の外だけです。

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