---
title: "30-second product explainer motion graphic"
description: "A 30-second product explainer motion graphic built with canvas, SVG, GSAP, and CSS."
canonical: "https://potto.ai/ja/videos/hand-drawn-photosynthesis-diagram-synced-to-voiceover"
language: "ja"
datePublished: "2026-09-26"
---

# 30-second product explainer motion graphic

A 30-second product explainer motion graphic built with canvas, SVG, GSAP, and CSS.

A 30-second motion-graphics explainer for a product. The brief asks for a strong script, a clear color palette, and music. The animation is built with canvas, SVG, GSAP, and CSS.

- [解説](https://potto.ai/ja/videos/explainer.md)
- sudo_kiran 作
- 長さと比率: 0:30 · 16:9
- 制作ツール: Canvas, SVG, GSAP, CSS
- 公開日 2026/09/26
- オリジナルを見る: https://x.com/sudo_kiran/status/2103761658745335993

## プロンプト

```text
create best motion graphics explainer of the (your product) with very good script and good design colors and good music make sure the video should be incredible and people should feels like watch it many times.. it has to be in 30 seconds good and very intresting, it has to be best of the best of the best of the best video
(product link)
```

## 30-second product explainer motion graphic のよくある質問

30-second product explainer motion graphic の作り方、プロンプトの内容、そして Potto で同じような 解説 動画を作る方法。

### 30-second product explainer motion graphic とは？

30-second product explainer motion graphic は sudo_kiran による 解説 のモーショングラフィックス動画です。 A 30-second product explainer motion graphic built with canvas, SVG, GSAP, and CSS.

### 30-second product explainer motion graphic はどう作られましたか？

30-second product explainer motion graphic は Canvas、SVG、GSAP、CSS で制作されました。Potto の 解説 に含まれる AI モーショングラフィックス動画です。

### 30-second product explainer motion graphic のプロンプトは見られますか？

はい。30-second product explainer motion graphic のプロンプト全文がこのページにあります。コピーするか、「このプロンプトを使う」をクリックして Potto のワークスペースで開いてください。

### 30-second product explainer motion graphic の長さとアスペクト比は？

30-second product explainer motion graphic の長さは 0:30、フレームは 16:9 です。

### Potto で 30-second product explainer motion graphic のような 解説 動画を作れますか？

はい。「このプロンプトを使う」をクリックすると、30-second product explainer motion graphic のプロンプトが Potto のワークスペースに読み込まれます。Potto が独自のバージョンをレンダリングし、書き出す前に文字とスタイルを変えられます。

### 30-second product explainer motion graphic のオリジナルはどこで見られますか？

30-second product explainer motion graphic は作成者が最初に投稿しました。「オリジナルを見る」をクリックすると、その投稿が新しいタブで開きます。

### 30-second product explainer motion graphic のような 解説 動画はどこで見つかりますか？

Potto の 解説 コレクションを見てください。264 本あり、それぞれにプロンプト、仕様、出典が付いています。