---
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/zh-Hant/videos/hand-drawn-photosynthesis-diagram-synced-to-voiceover"
language: "zh-Hant"
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/zh-Hant/videos/explainer.md)
- 由 sudo_kiran
- 時長與比例: 0:30 · 16:9
- 製作工具: Canvas, SVG, GSAP, CSS
- 發布於 2026年9月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 製作的 解說影片 類型 AI 動態圖形影片。 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 Motion Graphics 影片。

### 可以查看 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 支影片，每支都附有提示詞、規格和來源。