---
title: "スクショから製品発表動画を作成（商品紹介動画） | Potto AI"
description: "スクリーンショット、リンク、説明文から商品紹介動画を作成。Potto AI がストーリーボードを計画し、画面に動き、ナレーション、字幕、BGM を追加。"
canonical: "https://potto.ai/ja/product-video"
language: "ja"
dateModified: "2026-10-08"
---

# 製品発表動画

製品のスクリーンショットや製品ページを、機能や使い方を伝える商品紹介動画に。字幕、ナレーション、BGM も付けられます。

## Potto で作成した商品紹介動画

製品のスクリーンショットとテンプレートの動きで作る、機能の公開告知、更新情報、初めての紹介。ポスターを選ぶと動画を再生できます。

### 新機能公開のビフォーアフター

*16:9・19 秒*

導入のつかみ、注目箇所をトリミングして拡大した 2 つのスクリーンショットシーン、機能一覧、締めくくりの行動案内。

### 製品を初めて紹介

*16:9・13 秒*

製品を使ったことのない視聴者に向けた、課題のシーン、代表的な操作の流れ、締めくくりの行動案内。

### 既存ユーザー向けの更新情報

*16:9・10 秒*

提案全体を繰り返さず、変更点、その場所、新しい結果を伝えます。

### 縦長の機能紹介クリップ

*9:16・8 秒*

操作項目を 1 つ大きくトリミング、スマートフォンで読みやすい短いタイトルと字幕を添えます。

### フィード投稿向けの機能のヒント

*1:1・9 秒*

正方形の画面で、機能、結果、次の行動をそれぞれ 1 つずつ伝えます。

### リリースの告知

*16:9・9 秒*

課題から始め、新しい内容を紹介し、提供された素材で裏付けられる利点を示します。

*作例動画はスクリーンショットとテンプレートの動きで構成されています。構成したデモであり、画面録画ではありません。*

## 製品のスクリーンショットを動画のフレームに

同じ元画像がシーンになるビフォーアフターです。フレームには字幕、注目箇所のトリミング、カーソルの強調を追加し、その中の画像には元の素材を使います。

![最初のスクリーンショットシーンに使用した作例の元画像](https://potto.ai/images/examples/real-album-cover-1024.webp)

*元画像・作例用の素材*

*動画フレーム・0:05・16:9*

### 残した要素

操作画面はスクリーンショットから取り込みます。操作項目名、ラベル、見えている状態は動画が作るのではなく元の素材に由来します。字幕が説明する状態がフレームに引き続き映っているか確認してください。

### 追加されたもの

字幕、重要な操作部分のトリミング、カーソルの強調、シーン間の動きです。これらは注目を誘導しますが、スクリーンショットにない動作を加えるものではありません。

### 確認する点

公開時のサイズでラベルが読めるか、ナレーションが説明する状態がトリミングに映っているか、カーソルの動きが記録していないクリックを示唆していないかを確認します。並べて構成した映像は、録画ではなく構成した映像として説明してください。

## 視聴者に合わせて製品の伝え方を選ぶ

冒頭に必要な前提情報の量は視聴者によって変わります。まずメッセージを決め、再生する場所に合うアスペクト比と長さを選んでください。

### 新機能の公開

*16:9 · 19s*

その機能で変わる作業から始め、入口、機能の状態、結果を見せます。すべてのメニューを案内するより、厳選した 3 枚のスクリーンショットのほうが明確に伝わります。各シーンに役割を 1 つ持たせ、最終的なメッセージが公開時に利用できるバージョンと合っているか確認してください。

### 製品の紹介

*16:9 · 13s*

製品を使ったことのない視聴者には、課題から始め、代表的な操作の流れを見せ、最後に次の行動を 1 つ案内します。全体を細かく案内しなくても製品の仕組みが伝わるスクリーンショットを選び、画面上の文字は動画の速度で読める長さにしてください。

### 更新情報

*9:16 · 8s*

既存ユーザーに必要なのは、新たな売り込みではなく、何が変わったか、どこにあるか、作業にどう影響するかです。縦長の画面でも読めるよう変更された操作項目に絞ってトリミングます。利用がプランや段階的な提供に依存する場合は明示し、誰でも使えると誤解されないようにしてください。

## 商品紹介動画の作り方

上の作成パネルで進める 3 ステップです。書き出し前にプロジェクトの消費クレジットの目安が表示されます。

### 1．スクリーンショットと説明文を追加

画像、文書、音声ファイルを最大 8 件添付するか、URL を貼り付けます。動画クリップは使えません。誰が見て、何を理解し、どの行動を 1 つ取るべきかを伝え、正確な名称、日付、数値を説明文に書いてください。

### 2．比率と長さを選択

16:9、9:16、1:1 から選び、目標の長さを 15、30、45、60、90 秒から指定します。初期設定はナレーションなし、16:9 の 30 秒です。目標は目安であり、ナレーションや修正で最終的な長さが変わる場合があります。

### 3．ストーリーボードを確認して書き出し

トランジションを評価する前に、構成案とストーリーボードの説明内容を確認し、1080p の MP4 を書き出します。基本料金は 1 秒あたり 5 クレジットで、30 秒ならナレーションとイラストを含めず 150 クレジットからです。正確な額はプロジェクトの消費クレジットの目安で確認できます。ファイルをダウンロードし、最後まで再生してください。

## 商品紹介動画でスクリーンショットをどう活用するか

裏付けとなるのは元のスクリーンショットです。Potto がトリミング、字幕、動き、形式を整え、書き出し前にすべてのシーンを確認できます。

### スクリーンショットをシーンに

画像、文書、音声ファイルを最大 8 件添付するか、URL を貼り付けます。各スクリーンショットがシーンになるため、動画の操作画面は提供した画面を、撮影した状態のまま使います。

- 画像、文書、音声、URL に対応
- 操作項目名は撮影時のまま

*作例商品紹介動画の、字幕付きスクリーンショットシーン*

字幕を添え、スクリーンショットを拡大した商品紹介動画のフレーム

### ボタンなどの操作部分に注目させるトリミング

重要な操作項目にズームし、カーソルの強調で見る場所を示します。スクリーンショットにない動作を加えず注目を誘導するため、変更された操作項目に絞ってトリミング、字幕で名称を伝えてください。

- 各シーンで注目するトリミングは 1 つ
- 字幕では画面全体ではなく変更点を説明

*機能紹介シーンの注目箇所のトリミングと字幕*

スクリーンショットの注目箇所をトリミング、字幕を添えた商品紹介動画のフレーム

### 同じプロジェクトで 16:9、9:16、1:1

再生する場所に合う比率を選びます。サイトやチャンネルには 16:9、ストーリーズや縦型フィードには 9:16、フィード投稿には 1:1。比率を変えた後は、新しいサイズでも操作項目がトリミングに映っているか確認してください。

- 横長、縦長、正方形の画面
- 同じスクリーンショットを各形式に合わせて再配置

*16:9、9:16、1:1 の作例商品紹介動画*

横長、縦長、正方形の 3 つの商品紹介動画フレーム

### ストーリーボードを確認してから書き出し

構成案とストーリーボードを元の素材と照らし合わせ、合わない説明を直してからトランジションを評価してください。1080p の MP4 を書き出す前に、1 秒あたり 5 クレジットを基本とする料金がプロジェクトの消費クレジットの目安に表示されます。

- 説明内容をシーンごとに確認
- 書き出し前に消費クレジットの目安を表示

*書き出し前のストーリーボード*

つかみ、スクリーンショット、行動の案内のシーンを並べたストーリーボードのフレーム

## Potto AI をさらに見る

商品紹介動画は、見やすいスクリーンショットから始まり、完成した動画になります。その前後の作業にはこちらのページが使えます。

- [解説動画](https://potto.ai/ja/explainer-video.md): 台本、ナレーション、字幕で概念を説明します。
- [AI 動画生成](https://potto.ai/ja/ai-video-generator.md): 説明文から始めて、動画の種類を後から選びます。
- [モーショングラフィックス AI](https://potto.ai/ja/ai-motion-graphics.md): 動く文字からデータのストーリーまで、Potto の全動画スタイルを紹介します。
- [高画質化・拡大](https://potto.ai/ja/image-upscaler.md): 小さなスクリーンショットをシーンにする前に鮮明にします。
- [背景削除](https://potto.ai/ja/background-remover.md): 被写体を切り抜いてシーンをすっきり整えます。
- [画像編集 AI](https://potto.ai/ja/ai-image-editor.md): ラベルの修正や細部の変更を一文で指定します。

## 製品発表動画のよくある質問

商品紹介動画の意味、使える素材、公開前に確認する点を紹介します。

### 商品紹介動画とは何ですか？

商品紹介動画は、特定の視聴者に商品、機能、使い方を説明する動画です。Potto AI は、スクリーンショットなどの素材にテンプレートのシーンで動きを付け、字幕、任意のナレーション、BGM を組み合わせたモーショングラフィックスとして作成し、MP4 にレンダリングします。伝える商品のメッセージを 1 つ決め、元の素材で裏付けられることを確認してください。

### 製品発表動画とは何ですか？

製品発表動画は、製品や機能の動作を見せる動画です。Potto AI ではスクリーンショットを説明の流れに沿って並べられますが、それがそのまま連続した画面録画になるわけではありません。正確な操作の挙動やタイミングを証拠として示す必要がある場合は、実際の画面録画を使ってください。

### どんな素材を追加できますか？

中心となる素材はスクリーンショットです。見せたい画面の画像に加え、文書や音声ファイルを添付したり、製品ページの URL を貼り付けたりできます。添付は 1 回のリクエストで最大 8 件です。既存の動画クリップには対応していません。URL は素材の提供元であり、そのページにない機能を作り出してよいという意味ではありません。正確な名称、価格、数値を説明文に記載してください。

### スクリーンショットはどう準備すればよいですか？

関連する状態がわかる最新の画面を使い、トリミングで無関係な情報や個人情報を除き、視聴者に注目してほしい操作項目や変化を明示してください。機能名と利用できる条件を確認します。機能の開始状態、操作、結果など、元の素材で裏付けられるメッセージを 1 つ軸にして動画を構成し、対象者と次に取ってほしい行動を説明文に書いてください。

### アスペクト比と長さはどう選べばよいですか？

16:9、9:16、1:1 から選び、目標の長さを 15、30、45、60、90 秒から指定します。初期設定はナレーションなし、16:9 の 30 秒です。目標は目安なので、ナレーションや修正で最終的な長さが変わる場合があります。アスペクト比を変えた後は、新しいサイズで文字とスクリーンショットのトリミングを確認してください。デスクトップの画面は、縦長の枠や狭いページ列では小さすぎる場合があります。

### 商品紹介動画の作成にはアカウントが必要ですか？

ログイン前でもスクリーンショット、リンク、説明文を追加し、形式を選べます。商品紹介動画の作成を開始するとログイン画面が開き、素材と設定は作業スペースに保持されます。

### 商品紹介動画が失敗した場合や停止したい場合はどうすればよいですか？

下書き、構成案、ストーリーボードは無料で作り直せます。レンダリングや書き出しに失敗すると、プロジェクトに理由が表示され、再試行できます。クレジットがかかるのは書き出しが完了した場合だけです。進行中の処理は書き出しのキャンセル操作で停止してください。

### 商品紹介動画の料金はいくらですか？

構成の検討、ストーリーボード、チャットでの編集は無料です。書き出しは 1 秒あたり 5 クレジットで、30 秒の商品紹介動画なら 150 クレジットです。確定前に書き出しボタンに合計が表示されます。

### この動画は画面録画ですか？

いいえ。Potto AI はスクリーンショットにテンプレートの動きを付けて構成します。カーソルの強調やトランジションは注目を誘導するもので、実際の操作を記録したものではありません。ダウンロードした MP4 を最初から最後まで確認し、正確な操作タイミングを証拠として示す必要がある場合は、実際の画面録画を使ってください。

## 商品紹介動画を作成

スクリーンショットや製品ページを追加し、形式を選び、レンダリング前に書き出しの消費クレジットの目安を確認してください。