---
title: "โมชั่นกราฟิก AI สำหรับวิดีโอสินค้า | Potto AI"
description: "ทำโมชั่นกราฟิก AI จากพรอมต์หรือลิงก์: ข้อความเคลื่อนไหว หน้าจอสินค้าแอนิเมชัน และแผนภูมิที่จับจังหวะกับเสียงบรรยาย สำหรับวิดีโอสินค้าและวิดีโออธิบาย"
canonical: "https://potto.ai/th/ai-motion-graphics"
language: "th"
dateModified: "2026-10-09"
---

# โมชั่นกราฟิก AI

ทำโมชั่นกราฟิกสำหรับวิดีโอสินค้า วิดีโออธิบาย และเรื่องราวข้อมูล จากพรอมต์หรือลิงก์: ข้อความเคลื่อนไหว หน้าจอสินค้าที่ขยับ และแผนภูมิในสไตล์แบรนด์ของคุณ จับจังหวะกับเสียงบรรยาย

- ตัวอักษรเคลื่อนไหว
- หน้าจอสินค้าแอนิเมชัน
- แผนภูมิที่เคลื่อนไหว
- สไตล์แบรนด์ในตัว

## ตัวอย่างแบบอินเทอร์แอกทีฟของเวิร์กโฟลว์โมชั่นกราฟิก

- ขั้นตอนที่ 1 คำอธิบายงาน: Potto อ่าน transcript.im และร่างคำอธิบายงานให้ยืนยัน
- ขั้นตอนที่ 2 โครงร่าง: หกหน้าจอที่จับคู่กับเสียงบรรยาย พร้อมระบบภาพ
- ขั้นตอนที่ 3 สตอรีบอร์ด: แต่ละหน้าจอพร้อมเสียงบรรยายและภาพ
- ขั้นตอนที่ 4 สร้าง: วิดีโอที่เรนเดอร์แล้วพร้อมหกหน้าจอ
- ขั้นตอนที่ 5 แก้ไข: การแก้ไขในแชตอัปเดตเฉพาะหน้าจอ 3 และ 6

## โมชั่นกราฟิก AI ยอดนิยม

ตัวอักษรเคลื่อนไหว หน้าจอสินค้าแอนิเมชัน แผนภูมิ และภาพยนตร์เปิดตัวที่ทำด้วยตัวสร้างโมชั่นกราฟิก AI โปสเตอร์โหลดก่อน; วิดีโอเล่นเฉพาะเมื่อคุณคลิก และบรรทัดใต้โปสเตอร์แต่ละอันแสดงที่มา

### วางลิงก์ใดก็ได้ รับข้อความที่สะอาด

*ตัวอักษรเคลื่อนไหว · หนึ่งบรรทัดต่อหนึ่งจังหวะ · 0:08*

**พรอมต์**

> ทำโมชั่นกราฟิก 16:9 สำหรับเครื่องมือถอดข้อความ ใช้บรรทัดใหญ่บนหน้าจอสามบรรทัด บรรทัดละจังหวะ: 'Paste any link.', 'Get clean text.' และ 'In seconds.' โดยแต่ละบรรทัดลงจังหวะกับเสียงบรรยาย

### การเดินชมแดชบอร์ด

*หน้าจอสินค้า · ซูมและเคอร์เซอร์ 16:9 · 0:10*

**พรอมต์**

> ทำแอนิเมชันภาพหน้าจอแดชบอร์ดสองภาพของฉันใน 16:9: เริ่มที่มุมมองเต็ม ซูมไปที่การตั้งค่าที่สำคัญหนึ่งอย่างพร้อมเส้นทางเคอร์เซอร์ และปิดท้ายด้วยคำเรียกร้องให้ลงมือพร้อม URL ของเรา

### รายได้เพิ่มขึ้น 42%

*เรื่องราวข้อมูล · ไตรมาส 3 ใน 45 วินาที · 0:09*

**พรอมต์**

> เปลี่ยนตัวเลขรายไตรมาสของฉันเป็นโมชั่นกราฟิก 16:9: ชื่อเรื่อง สถิติการเติบโต 42% และแผนภูมิแท่งรายได้รายเดือนตั้งแต่กรกฎาคมถึงตุลาคมที่เพิ่มขึ้นทีละนิด

### ประกาศวันเปิดตัว

*เปิดตัว · ฮุก หน้าจอ คำเรียกร้องให้ลงมือ · 0:09*

**พรอมต์**

> สร้างคลิปเปิดตัว 16:9: ฮุกที่ระบุชื่อสินค้า ภาพหน้าจอซูมหนึ่งภาพพร้อมเส้นทางเคอร์เซอร์ และปิดท้ายด้วยคำเรียกร้องให้ลงมือพร้อม URL

### สามคำ หนึ่งไอเดีย

*ตัวอักษรเคลื่อนไหว · คลิปนำด้วยตัวอักษร 9:16 · 0:08*

**พรอมต์**

> ทำคลิปนำด้วยตัวอักษร 9:16 ในสไตล์ Midnight Tech: หน้าจอชื่อเรื่องสั้นสองหน้า จากนั้นคำพูดที่เต็มเฟรม จับจังหวะกับบีต

### งบประมาณไปอยู่ที่ไหน

*เรื่องราวข้อมูล · แผนภูมิโดนัท 9:16 · 0:10*

**พรอมต์**

> แสดงว่างบประมาณของเราแบ่งอย่างไรใน 9:16: ชื่อเรื่อง แผนภูมิโดนัทที่มีสินค้า 45 การตลาด 30 และสนับสนุน 25 จากนั้นสถิติ 45% ที่ไปที่สินค้า

### รู้จัก Halo

*เปิดแบรนด์ · ชื่อ สามคำ URL · 0:10*

**พรอมต์**

> ทำการเปิดแบรนด์ 16:9 สำหรับ Halo: ฮุกที่มีชื่อและสโลแกน ฟีเจอร์สามอย่างคำเดียว และหน้าจอปิดท้ายที่มี halo.studio

### วัคซีนทำงานอย่างไร แบบแอนิเมชัน

*วิดีโออธิบาย · ชื่อเรื่อง ภาพประกอบสองภาพ · 0:10*

**พรอมต์**

> อธิบายว่าวัคซีนทำงานอย่างไรใน 16:9: คำถามเป็นชื่อเรื่อง จากนั้นสองขั้นตอนที่มีภาพประกอบพร้อมคำบรรยายสั้น ๆ ในสไตล์ Midnight Tech

### ทัวร์หน้าจอสี่เหลี่ยมจัตุรัส

*หน้าจอสินค้า · พร้อมลงฟีด 1:1 · 0:10*

**พรอมต์**

> ทำแอนิเมชันภาพหน้าจอของฉันใน 1:1 สำหรับฟีดโซเชียล: ซูมพร้อมเส้นทางเคอร์เซอร์ รายการฟีเจอร์สองบรรทัด และปิดท้ายด้วยคำเรียกร้องให้ลงมือ

### มีอะไรใหม่ใน v2.0

*บันทึกการเผยแพร่ · สามการเปลี่ยนแปลง 16:9 · 0:10*

**พรอมต์**

> เปลี่ยนบันทึกการเปลี่ยนแปลง v2.0 ของเราเป็นโมชั่นกราฟิก 16:9: ฮุกที่ระบุชื่อรุ่น รายการสามข้อว่าอะไรเปลี่ยนไป และข้อความชวนอ่านบันทึก

### หนึ่งลุค ทุกหน้าจอ

*ระบบภาพ · ก่อนและหลัง 16:9 · 0:10*

**พรอมต์**

> แสดงว่าระบบภาพสำคัญอย่างไรใน 16:9 ด้วยสไตล์ Neon Night: ฮุก ฟีเจอร์สามอย่าง และการเปรียบเทียบก่อนและหลัง

### ทำไมเมืองต่าง ๆ จึงเพิ่มหลังคาสีเขียว

*บทความ · คำถาม รายการ คำพูด · 0:10*

**พรอมต์**

> เปลี่ยนบทความของฉันเป็นโมชั่นกราฟิก 16:9: คำถามหลักเป็นชื่อเรื่อง ไอเดียสนับสนุนสามข้อเป็นรายการ และบทสรุปเป็นคำพูดพร้อมอ้างอิงแหล่งที่มา

*วิดีโอทั้งหมดที่นี่เป็นตัวอย่างของ Potto ที่สร้างจากคำอธิบายงานสั้น ๆ ตัวอย่างเป็นองค์ประกอบสาธิตที่จัดวางจากประเภทฉากของ Potto ไม่ใช่งานของลูกค้า และเล่นเป็นตัวอย่างสดในเบราว์เซอร์ของคุณจากข้อมูลฉากชุดเดียวกับที่ส่งออกเป็น MP4*

- [ทำให้การเดินชมสินค้าเคลื่อนไหว](https://potto.ai/th/product-video.md)
- [ทำเรื่องราวข้อมูล](https://potto.ai/th/explainer-video.md)
- [สร้างภาพยนตร์เปิดตัว](https://potto.ai/th/ai-video-generator.md)

## ทุกหน้าจอถูกวางแผนก่อนเคลื่อนไหว

โมชั่นกราฟิก AI ได้ผลเมื่อคำ ภาพ และจังหวะสอดคล้องกัน Potto เขียนแต่ละหน้าจอเป็นสตอรีบอร์ดที่คุณอ่านและแก้ไขได้ก่อนมีอะไรเคลื่อนไหว

*0:12 – 0:18 · หน้าจอ 3 · 6 วินาที*

- **เสียงบรรยาย**: รู้จัก transcript.im วางลิงก์จาก YouTube, TikTok, Instagram หรือ X — หรือลากไฟล์เสียงมาวาง
- **ภาพที่ผู้ชมเห็น**: หน้าแรกของ transcript.im เลื่อนขึ้นจากด้านล่าง กล้องดันเข้าไปที่ช่องค้นหา ลิงก์วางตัวเองลงไป และป้ายแพลตฟอร์มเด้งขึ้นด้านล่าง
- **ข้อความบนหน้าจอ**: วางลิงก์ใดก็ได้ / YouTube · TikTok · Instagram · X
- **สื่อ**: ภาพหน้าจอหน้าแรก, ป้ายแพลตฟอร์ม, โลโก้

### เสียงบรรยายกำหนดจังหวะ

แต่ละหน้าจออยู่นานเท่าบรรทัดเสียงบรรยายของมัน ข้อความและการเคลื่อนไหวจึงไม่นำหน้าเสียงบรรยาย

### ข้อความบนหน้าจอสั้นเสมอ

สองหรือสามคำต่อหน้าจอ ตั้งขนาดใหญ่ ประโยคเต็มอยู่ในเสียงบรรยายและคำบรรยาย

### Asset มาจากลิงก์ของคุณ

ภาพหน้าจอ โลโก้ และสีถูกดึงจากหน้าที่คุณวาง จากนั้นทำแอนิเมชันบนหน้าจอที่ต้องการ

## อะไรทำให้โมชั่นกราฟิก AI ได้ผล

สี่สิ่งตัดสินว่าโมชั่นกราฟิก AI ดึงความสนใจได้หรือไม่: คำที่เคลื่อนไหว หน้าจอที่มันอยู่ ตัวเลขที่นับ และลุคที่เชื่อมทุกอย่างเข้าด้วยกัน

### ตัวอักษรใหญ่ที่จับจังหวะกับแต่ละบรรทัด

บรรทัดสำคัญปรากฏเป็นข้อความขนาดใหญ่บนหน้าจอ ครั้งละสองหรือสามคำ และแต่ละหน้าจอคงอยู่นานเท่ากับบรรทัดเสียงบรรยายของมัน ข้อความจึงไม่วิ่งนำหน้าเสียงบรรยาย คำบรรยายจะแสดงบรรทัดที่พูดไว้ด้านล่าง และวลีสั้นยังคงใหญ่พอที่จะอ่านบนมือถือ

- แต่ละหน้าจอจับจังหวะกับบรรทัดเสียงบรรยาย
- คำบรรยายสำหรับทุกบรรทัดที่พูด
- ตัวอักษรขนาดใหญ่ที่อ่านได้บนมือถือ

![เฟรมจากวิดีโอโมชั่นกราฟิก AI พร้อมคำพูดแอนิเมชันขนาดใหญ่ ข้อความบนหน้าจอจับจังหวะกับบีต](https://cdn.potto.ai/images/ai-motion-graphics-kinetic-typography-frame-962.webp)

### หน้าจอสินค้าของคุณ แบบแอนิเมชัน

วางเว็บไซต์ของคุณแล้ว Potto นำภาพหน้าจอ โลโก้ และสีเข้ามา จากนั้นทำแอนิเมชัน: ซูมช้า ๆ ไปที่ช่องค้นหา เคอร์เซอร์ที่คลิกผ่านโฟลว์ คำบรรยายบนส่วนที่สำคัญ อินเทอร์เฟซจริงของคุณยังคงเป็นดาวเด่นแทนที่จะเป็นภาพจำลอง

- ภาพหน้าจอและโลโก้ดึงจากลิงก์ของคุณ
- เส้นทางซูมและเคอร์เซอร์บนหน้าจอจริง
- คำบรรยายที่ชี้ไปยังรายละเอียดที่ถูกต้อง

![เฟรมโมชั่นกราฟิกที่ซูมเข้าไปในภาพบุคคลประกอบภายในหน้าต่างสินค้า พร้อมคำบรรยายที่พิมพ์](https://cdn.potto.ai/images/ai-motion-graphics-product-screens-frame-1080.webp)

### แผนภูมิที่นับเพิ่มขึ้น

ให้ตัวเลขแก่ Potto แล้วสถิติพาดหัวจะลงก่อน ตามด้วยแผนภูมิแท่งหรือโดนัทที่เติมเมื่อเสียงบรรยายไปถึงแต่ละค่า แผนภูมิรับค่าที่มีป้ายสามถึงหกค่าจากคำอธิบายงานของคุณ ตัวเลขบนหน้าจอจึงเป็นค่าที่คุณให้มา

- สถิติพาดหัว แล้วตามด้วยแผนภูมิ
- แผนภูมิแท่งและโดนัทที่มี 3 ถึง 6 ค่า
- ค่ามาจากข้อมูลของคุณเอง

![เฟรมเรื่องราวข้อมูลจากวิดีโอโมชั่นกราฟิก AI พร้อมแท่งแอนิเมชันสำหรับรายได้รายเดือนตั้งแต่กรกฎาคมถึงตุลาคม](https://cdn.potto.ai/images/ai-motion-graphics-data-story-frame-1080.webp)

### หนึ่งลุคในทุกหน้าจอ

ก่อนเขียนหน้าจอใด ๆ Potto กำหนดระบบภาพ: จานสี ตระกูลตัวอักษร และสไตล์การเคลื่อนไหวจากแบรนด์ของคุณหรือหนึ่งใน 12 สไตล์ในตัว จากนั้นทุกฉากสืบทอดระบบนี้ ชื่อเรื่อง ภาพหน้าจอ และแผนภูมิจึงอ่านเป็นชิ้นเดียวกัน

- จานสีและฟอนต์จากแบรนด์ของคุณ
- สไตล์ภาพในตัว 12 แบบ
- การเคลื่อนไหวที่เข้าชุดกันในทุกหน้าจอ

![เฟรมโมชั่นกราฟิกที่แสดงสีแบรนด์บนทุกฉาก ตระกูลตัวอักษรเดียว และการเคลื่อนไหวที่เข้าชุดกัน](https://cdn.potto.ai/images/ai-motion-graphics-visual-system-frame-1080.webp)

## วิธีอื่น ๆ ในการสร้างด้วย Potto

โมชั่นกราฟิก AI ขับเคลื่อนทุกวิดีโอของ Potto เริ่มจากรูปแบบที่เจาะจง หรือเตรียมภาพและพื้นหลังที่จะเข้าฉาก

- [AI สร้างวิดีโอ](https://potto.ai/th/ai-video-generator.md): วิดีโอทุกประเภท จากพรอมต์หรือลิงก์เดียว
- [วิดีโออธิบาย](https://potto.ai/th/explainer-video.md): อธิบายหนึ่งไอเดียด้วยภาพประกอบและคำบรรยาย
- [วิดีโอเปิดตัวสินค้า](https://potto.ai/th/product-video.md): แสดงเวิร์กโฟลว์สินค้าจากภาพหน้าจอของคุณ
- [AI สร้างภาพ](https://potto.ai/th/ai-image-generator.md): สร้างภาพประกอบและภาพสำหรับฉากของคุณ
- [ลบพื้นหลัง](https://potto.ai/th/background-remover.md): ตัดโลโก้หรือสินค้าออกเพื่อฉากที่สะอาด
- [Claude Video](https://potto.ai/th/claude-video): Claude เขียนสตอรีบอร์ด Remotion เรนเดอร์วิดีโอ

## คำถามที่พบบ่อยเกี่ยวกับโมชั่นกราฟิก AI

คำตอบเกี่ยวกับว่าโมชั่นกราฟิก AI คืออะไร ทำอะไรเคลื่อนไหว และควบคุมอย่างไร

### โมชั่นกราฟิก AI คืออะไร?

โมชั่นกราฟิก AI คือหน้าจอแอนิเมชัน เช่น ข้อความเคลื่อนไหว ภาพหน้าจอสินค้า และแผนภูมิ ที่ AI วางแผนและตัวเรนเดอร์ทำให้เคลื่อนไหวให้คุณ Potto เป็นตัวสร้างโมชั่นกราฟิก AI: เขียนคำอธิบายงานและสตอรีบอร์ดทีละฉากจากพรอมต์หรือลิงก์ของคุณ และฉากต่าง ๆ เรนเดอร์เป็น MP4 พร้อมเสียงบรรยาย คำบรรยาย และเพลง ผลลัพธ์คือแอนิเมชันที่ออกแบบ ไม่ใช่ฟุตเทจที่ถ่าย และไม่ใช่พิธีกรดิจิทัล

### โมชั่นกราฟิก AI เกี่ยวข้องกับวิดีโอสินค้าและวิดีโออธิบายอย่างไร?

ทุกวิดีโอที่ Potto ทำคือโมชั่นกราฟิก: ข้อความแอนิเมชัน ภาพหน้าจอ แผนภูมิ และภาพประกอบที่จับจังหวะกับเสียงบรรยาย [วิดีโอสินค้า](https://potto.ai/th/product-video.md)ใช้สิ่งเหล่านี้เพื่อแสดงว่าสินค้าทำอะไร และ[วิดีโออธิบาย](https://potto.ai/th/explainer-video.md)ใช้เพื่อทำให้ไอเดียเข้าใจง่าย หน้านี้ครอบคลุมทั้งสองแบบ และหน้า AI สร้างวิดีโอคือตัวสร้างเดียวกันที่อธิบายตามรูปแบบวิดีโอ

### โมชั่นกราฟิกทำให้อะไรเคลื่อนไหวได้?

โปรเจกต์สร้างจากฉากสิบเอ็ดประเภท: ฮุก ชื่อเรื่อง ภาพหน้าจอ ฟีเจอร์ รายการ สถิติ เปรียบเทียบ แผนภูมิ ภาพประกอบ คำพูด และปิดท้ายด้วยคำเรียกร้องให้ลงมือ ข้อความค่อย ๆ ปรากฏตามจังหวะ ภาพหน้าจอซูมและตามเส้นทางเคอร์เซอร์ และแผนภูมิเพิ่มขึ้นเป็นแผนภูมิแท่งหรือโดนัทที่มีค่าสามถึงหกค่า ตัวสร้างโมชั่นกราฟิก AI ยังใช้สไตล์ภาพหนึ่งในสิบสองแบบ หรือจับคู่สีแบรนด์ของคุณ

### ฉันทำโมชั่นกราฟิก AI จากลิงก์หรือภาพหน้าจอได้อย่างไร?

การทำโมชั่นกราฟิก AI จากลิงก์ ให้วางที่อยู่หน้าเว็บในตัวสร้างและบอกว่าวิดีโอควรอธิบายอะไร; การเริ่มจากภาพหน้าจอ ให้แนบภาพ เอกสาร หรือไฟล์เสียงได้ถึงแปดไฟล์ Potto ดึงภาพหน้าจอ โลโก้ และสีแบรนด์จากหน้าเว็บเมื่อทำได้ ร่างคำอธิบายงานและสตอรีบอร์ด และทำให้หน้าจอที่รองรับเคลื่อนไหว ตรวจแต่ละหน้าจอกับต้นทางก่อนส่งออก

### ฉันควบคุมแอนิเมชันและจังหวะได้ไหม?

คุณควบคุมว่าแต่ละหน้าจอพูดอะไร แสดงอะไร และอยู่นานแค่ไหน โดยแก้ไขสตอรีบอร์ดหรือขอในแชต เช่น ย่อหน้าจอ 3 หรือจบที่โลโก้ของคุณ Potto ทำแอนิเมชันจากชุดประเภทฉากและสไตล์ที่กำหนดไว้ จึงไม่มีไทม์ไลน์อิสระและไม่มีโค้ดแอนิเมชันแบบกำหนดเอง คำขอที่ระบุหน้าจอและการเปลี่ยนแปลงจะได้ผลลัพธ์ที่ชัดเจนที่สุด และเวอร์ชันก่อนหน้ายังคงใช้ได้ถ้าคุณต้องการย้อนกลับ

### เสียงบรรยายและคำบรรยายส่งผลต่อจังหวะอย่างไร?

เสียงบรรยายกำหนดจังหวะ: แต่ละหน้าจออยู่นานเท่ากับเวลาที่พูดบรรทัดนั้น แล้วจึงเริ่มหน้าถัดไป คำบรรยายตามคำพูดในสไตล์เรียบ เน้น หรือตัวหนา และเมื่อปิดเสียงบรรยาย ระยะเวลามาจากสตอรีบอร์ดแทน ตรวจจังหวะโดยเล่นตัวอย่างพร้อมเปิดเสียง แล้วเล่นอีกครั้งแบบปิดเสียงพร้อมเปิดคำบรรยาย เพราะผู้ชมจำนวนมากดูโดยไม่มีเสียง

### ฉันทำให้ตัวเลขในแผนภูมิแม่นยำได้อย่างไร?

ให้ค่า หน่วย และช่วงเวลาที่แน่นอนแก่ Potto ในคำอธิบายงานหรือเอกสารที่แนบ เพราะไม่ตรวจสอบตัวเลข ฉากแผนภูมิรับค่าที่มีป้ายสามถึงหกค่าเป็นแผนภูมิแท่งหรือโดนัทพร้อมคำบรรยาย และฉากสถิติแสดงตัวเลขพาดหัวหนึ่งค่า เทียบทุกป้ายและตัวเลขกับต้นทางของคุณในสตอรีบอร์ดและอีกครั้งในวิดีโอที่ส่งออก เพราะคำบรรยายที่ย่อลงอาจทำหน่วยหายไป

### ฉันได้อะไร และมีค่าใช้จ่ายเท่าไร?

คุณได้ MP4 1080p ที่ 30 เฟรมต่อวินาที ในอัตราส่วน 16:9, 9:16 หรือ 1:1 ยาว 15 ถึง 90 วินาที คำอธิบายงาน สตอรีบอร์ด การแก้ไขในแชต และตัวอย่างฟรี; เครดิตจะใช้เมื่อส่งออก ในอัตราฐานที่แสดงในเครดิตโดยประมาณ บวกเสียงบรรยายตามจำนวนตัวอักษรและภาพประกอบแต่ละภาพ วิดีโอเงียบ 30 วินาทีใช้ 150 เครดิต และการสร้างต้องมีบัญชี

### สร้างโมชั่นกราฟิก AI ด้วย Claude ได้ไหม?

ได้ Potto ใช้ Claude Opus 5.5 เขียนโครงเรื่อง สตอรีบอร์ด และบทเสียงบรรยาย ดังนั้นโมชั่นกราฟิกและงานดีไซน์ภาพเคลื่อนไหวด้วย Claude จึงเริ่มจากคำอธิบายธรรมดาหรือลิงก์ในเบราว์เซอร์ โดยไม่ต้องเขียนโค้ดและไม่ต้องตั้งค่าในเครื่อง Remotion เรนเดอร์ฉากต่าง ๆ เป็น MP4 พร้อมภาพประกอบและเสียงบรรยายที่สร้างด้วย AI และคุณแก้ไขแต่ละฉากได้ก่อนส่งออก

## ทำให้การเปิดตัวครั้งถัดไปของคุณเคลื่อนไหว

วางลิงก์หรืออธิบายโมชั่นกราฟิกที่คุณต้องการในเครื่องมือสร้างด้านบน ตรวจสตอรีบอร์ด และส่งออกเมื่อทุกหน้าจออ่านได้ถูกต้อง สร้างโมชั่นกราฟิก AI จากลิงก์ ดูตัวอย่างและแก้ไขฟรี และคุณจ่ายเฉพาะตอนส่งออก