--- title: "Motion Graphics AI untuk video produk | Potto AI" description: "Motion graphics AI dari prompt atau tautan: teks kinetik, layar produk beranimasi, dan bagan yang disinkronkan ke narasi, untuk video produk dan explainer." canonical: "https://potto.ai/id/ai-motion-graphics" language: "id" dateModified: "2026-10-09" --- # Motion Graphics AI Buat motion graphics untuk video produk, video explainer, dan cerita data dari prompt atau tautan: teks kinetik, layar produk bergerak, dan bagan dalam gaya merek Anda, disinkronkan ke narasi. - Tipografi kinetik - Layar produk beranimasi - Bagan yang bergerak - Gaya merek bawaan ## Pratinjau interaktif alur kerja motion graphics - Langkah 1, Deskripsi: Potto membaca transcript.im dan menyusun draf deskripsi untuk dikonfirmasi - Langkah 2, Garis besar: enam layar dipetakan ke narasinya, plus sistem visual - Langkah 3, Storyboard: setiap layar dengan narasi dan visualnya - Langkah 4, Buat: video yang dirender dengan enam layar - Langkah 5, Edit: pengeditan chat memperbarui layar 3 dan 6 saja ## Motion Graphics AI populer Teks bergerak, layar produk beranimasi, bagan, dan film peluncuran yang dibuat dengan generator motion graphics AI. Poster dimuat lebih dulu; video diputar hanya saat Anda mengkliknya, dan baris di bawah setiap poster menunjukkan asalnya. ### Tempel tautan apa pun, dapatkan teks bersih *Tipografi kinetik · Satu baris per beat · 0:08* **Prompt** > Buat motion graphics 16:9 untuk alat transkrip. Gunakan tiga baris besar di layar, satu per beat: 'Tempel tautan apa pun.', 'Dapatkan teks bersih.' dan 'Dalam hitungan detik.', masing-masing mendarat bersama narasinya. ### Penelusuran dasbor *Layar produk · Zoom dan kursor, 16:9 · 0:10* **Prompt** > Animasikan dua tangkapan layar dasbor saya dalam 16:9: mulai dari tampilan penuh, zoom ke satu pengaturan yang penting dengan jalur kursor, dan tutup dengan ajakan bertindak beserta URL kami. ### Pendapatan naik 42% *Cerita data · Q3 dalam 45 detik · 0:09* **Prompt** > Ubah angka kuartalan saya menjadi motion graphics 16:9: judul, statistik pertumbuhan 42%, dan diagram batang pendapatan bulanan dari Juli hingga Oktober yang menghitung naik. ### Pengumuman hari peluncuran *Peluncuran · Pemikat, layar, ajakan bertindak · 0:09* **Prompt** > Buat klip peluncuran 16:9: kail yang menyebut produknya, satu tangkapan layar yang di-zoom dengan jalur kursor, dan ajakan bertindak penutup beserta URL-nya. ### Tiga kata, satu ide *Tipografi kinetik · Klip berbasis tipografi, 9:16 · 0:08* **Prompt** > Buat klip berbasis tipografi 9:16 dengan gaya Midnight Tech: dua layar judul singkat, lalu kutipan yang memenuhi bingkai, disinkronkan ke beat-nya. ### Ke mana anggarannya pergi *Cerita data · Diagram donat, 9:16 · 0:10* **Prompt** > Tunjukkan bagaimana anggaran kami terbagi dalam 9:16: judul, diagram donat dengan produk 45, pemasaran 30, dan dukungan 25, lalu statistik untuk 45% yang masuk ke produk. ### Kenalan dengan Halo *Ungkap merek · Nama, tiga kata, URL · 0:10* **Prompt** > Buat ungkapan merek 16:9 untuk Halo: kail dengan namanya dan tagline, tiga fitur satu kata, dan layar penutup dengan halo.studio. ### Cara kerja vaksin, dianimasikan *Video explainer · Judul, dua ilustrasi · 0:10* **Prompt** > Jelaskan cara kerja vaksin dalam 16:9: pertanyaan judul, lalu dua langkah berilustrasi dengan subtitle singkat, dalam gaya Midnight Tech. ### Tur layar persegi *Layar produk · Siap linimasa, 1:1 · 0:10* **Prompt** > Animasikan tangkapan layar saya dalam 1:1 untuk linimasa media sosial: zoom dengan jalur kursor, daftar fitur dua baris, dan ajakan bertindak penutup. ### Yang baru di v2.0 *Catatan rilis · Tiga perubahan, 16:9 · 0:10* **Prompt** > Ubah changelog v2.0 kami menjadi motion graphics 16:9: kail yang menyebut rilisnya, daftar tiga poin tentang apa yang berubah, dan ajakan membaca catatannya. ### Satu tampilan, semua layar *Sistem visual · Sebelum dan sesudah, 16:9 · 0:10* **Prompt** > Tunjukkan mengapa sistem visual penting dalam 16:9 dengan gaya Neon Night: kail, tiga fitur, dan perbandingan sebelum dan sesudah. ### Mengapa kota menambah atap hijau *Artikel · Pertanyaan, daftar, kutipan · 0:10* **Prompt** > Ubah artikel saya menjadi motion graphics 16:9: pertanyaan utamanya sebagai judul, tiga ide pendukung sebagai daftar, dan kesimpulannya sebagai kutipan dengan sumber yang disebutkan. *Setiap video di sini adalah sampel Potto yang dibuat dari deskripsi singkat. Sampel adalah demonstrasi tersusun dari jenis adegan Potto, bukan karya pelanggan, dan diputar sebagai pratinjau langsung di browser Anda dari data adegan yang sama yang diekspor ke MP4.* - [Animasikan penelusuran produk](https://potto.ai/id/product-video.md) - [Buat cerita data](https://potto.ai/id/explainer-video.md) - [Buat film peluncuran](https://potto.ai/id/ai-video-generator.md) ## Setiap layar direncanakan sebelum bergerak Motion graphics AI berhasil saat kata, gambar, dan waktunya selaras. Potto menulis setiap layarnya sebagai storyboard yang bisa Anda baca dan ubah sebelum apa pun dianimasikan. *0:12 – 0:18 · Layar 3 · 6 dtk* - **Narasi**: Kenalan dengan transcript.im. Tempel tautan dari YouTube, TikTok, Instagram, atau X — atau masukkan file audio. - **Yang dilihat penonton**: Beranda transcript.im meluncur naik dari bawah. Kameranya mendorong ke kotak pencariannya, tautan menempel sendiri, dan lencana platform muncul di bawahnya. - **Teks di layar**: Tempel tautan apa pun / YouTube · TikTok · Instagram · X - **Aset**: Tangkapan layar beranda, Lencana platform, Logo ### Narasinya menetapkan waktunya Setiap layarnya bertahan selama baris narasinya, sehingga teks dan gerakannya tidak pernah mendahului narasinya. ### Teks di layarnya tetap singkat Dua atau tiga kata per layar, ditata besar. Kalimat lengkapnya ada di narasi dan subtitlenya. ### Asetnya berasal dari tautan Anda Tangkapan layar, logo, dan warnanya ditarik dari halaman yang Anda tempel, lalu dianimasikan di layar yang membutuhkannya. ## Apa yang membuat motion graphics AI berhasil Empat hal menentukan apakah motion graphics AI menahan perhatian: kata yang bergerak, layar tempatnya duduk, angka yang dihitungnya, dan tampilan yang menyatukannya. ### Tipografi besar, disinkronkan ke setiap baris Baris kunci muncul sebagai teks di layar berukuran besar, dua atau tiga kata sekaligus, dan setiap layar bertahan selama baris narasinya, sehingga teksnya tidak pernah mendahului narasinya. Subtitle menampilkan baris yang diucapkan di bawahnya, dan frasa pendeknya tetap cukup besar untuk dibaca di ponsel. - Setiap layar disinkronkan ke baris narasinya - Subtitle untuk setiap baris yang diucapkan - Tipografi besar yang terbaca di ponsel ![Bingkai dari video motion graphics AI dengan kutipan beranimasi besar, teks di layarnya disinkronkan ke beat-nya](https://cdn.potto.ai/images/ai-motion-graphics-kinetic-typography-frame-962.webp) ### Layar produk Anda, dianimasikan Tempel situs Anda dan Potto memasukkan tangkapan layar, logo, dan warnanya, lalu menganimasikannya: zoom perlahan ke kotak pencariannya, kursor yang mengklik melalui alurnya, keterangan pada bagian yang penting. Antarmuka asli Anda tetap menjadi bintangnya alih-alih mock-up. - Tangkapan layar dan logo ditarik dari tautan Anda - Zoom dan jalur kursor pada layar nyata - Keterangan yang menunjuk ke detail yang tepat ![Bingkai motion graphics yang memperbesar potret berilustrasi di dalam jendela produk, dengan keterangan yang diketik](https://cdn.potto.ai/images/ai-motion-graphics-product-screens-frame-1080.webp) ### Bagan yang menghitung naik Beri Potto angkanya dan statistik utamanya mendarat lebih dulu, diikuti diagram batang atau donat yang terisi saat narasinya mencapai setiap nilai. Bagannya mengambil tiga hingga enam nilai berlabel dari deskripsi Anda, sehingga angka di layarnya adalah yang Anda sediakan. - Statistik utama, lalu bagannya - Diagram batang dan donat dengan 3 hingga 6 nilai - Nilai-nilainya berasal dari data Anda sendiri ![Bingkai cerita data dari video motion graphics AI dengan batang beranimasi untuk pendapatan bulanan dari Juli hingga Oktober](https://cdn.potto.ai/images/ai-motion-graphics-data-story-frame-1080.webp) ### Satu tampilan di seluruh layarnya Sebelum layar apa pun ditulis, Potto menetapkan sistem visual: palet, keluarga tipografi, dan gaya gerak dari merek Anda atau salah satu dari 12 gaya bawaan. Setiap adegan lalu mewarisinya, sehingga judul, tangkapan layar, dan bagannya terbaca sebagai satu kesatuan. - Palet dan font dari merek Anda - 12 gaya visual bawaan - Gerakan yang serasi di setiap layarnya ![Bingkai motion graphics yang mendaftar warna merek di setiap adegan, satu keluarga tipografi, dan gerakan yang serasi](https://cdn.potto.ai/images/ai-motion-graphics-visual-system-frame-1080.webp) ## Lebih banyak cara membuatnya dengan Potto Motion graphics AI memberdayakan setiap video Potto. Mulailah dari format tertentu, atau siapkan gambar dan latar yang masuk ke sebuah adegan. - [AI Video Generator](https://potto.ai/id/ai-video-generator.md): Setiap jenis video, dari satu prompt atau tautan. - [Video explainer](https://potto.ai/id/explainer-video.md): Jelaskan satu ide dengan ilustrasi dan subtitle. - [Video peluncuran produk](https://potto.ai/id/product-video.md): Tunjukkan alur kerja produk dari tangkapan layar Anda. - [AI Image Generator](https://potto.ai/id/ai-image-generator.md): Buat ilustrasi dan visual untuk adegan Anda. - [Hapus background](https://potto.ai/id/background-remover.md): Potong logo atau produk untuk adegan yang bersih. - [Claude Video](https://potto.ai/id/claude-video): Claude menulis storyboard, Remotion merender videonya. ## FAQ Motion graphics AI Jawaban tentang apa itu motion graphics AI, apa yang dianimasikannya, dan cara mengendalikannya. ### Apa itu motion graphics AI? Motion graphics AI adalah layar beranimasi, seperti teks bergerak, tangkapan layar produk, dan bagan, yang direncanakan AI dan dianimasikan oleh perender untuk Anda. Potto adalah generator motion graphics AI: ia menulis deskripsi dan storyboard adegan demi adegan dari prompt atau tautan Anda, dan adegannya dirender sebagai MP4 dengan narasi, subtitle, dan musik. Hasilnya animasi yang dirancang, bukan rekaman yang difilmkan dan bukan penampil digital. ### Bagaimana kaitan motion graphics AI dengan video produk dan video explainer? Setiap video yang dibuat Potto adalah motion graphics: teks, tangkapan layar, bagan, dan ilustrasi beranimasi yang disinkronkan ke narasi. [Video produk](https://potto.ai/id/product-video.md) memakainya untuk menunjukkan apa yang dilakukan produk, dan [video explainer](https://potto.ai/id/explainer-video.md) memakainya untuk membuat sebuah ide mudah diikuti. Halaman ini mencakup keduanya, dan halaman AI Video Generator adalah pembuat yang sama yang dijelaskan lewat format videonya. ### Apa yang bisa dianimasikan motion graphics? Sebuah proyek dibangun dari sebelas jenis adegan: kail, judul, tangkapan layar, fitur, daftar, statistik, bandingkan, bagan, ilustrasi, kutipan, dan ajakan bertindak penutup. Teksnya dibangun tepat waktu, tangkapan layarnya di-zoom dan mengikuti jalur kursor, dan bagannya menghitung naik sebagai diagram batang atau donat dengan tiga hingga enam nilai. Generator motion graphics AI juga menerapkan salah satu dari dua belas gaya visual, atau mencocokkan warna merek Anda. ### Bagaimana cara membuat motion graphics AI dari tautan atau tangkapan layar? Untuk membuat motion graphics AI dari tautan, tempel alamat halamannya di pembuatnya dan sebutkan apa yang harus dijelaskan videonya; untuk mulai dari tangkapan layar, lampirkan hingga delapan gambar, dokumen, atau file audio. Potto menarik tangkapan layar, logo, dan warna merek dari halamannya bila bisa, menyusun draf deskripsi dan storyboard, dan menganimasikan layar yang membawanya. Periksa setiap layarnya terhadap sumbernya sebelum Anda mengekspor. ### Bisakah saya mengendalikan animasi dan waktunya? Anda mengendalikan apa yang dikatakan dan ditampilkan setiap layarnya serta berapa lama ia bertahan dengan mengedit storyboard atau meminta lewat chat, misalnya memendekkan layar 3 atau berakhir di logo Anda. Potto menganimasikan dari kumpulan jenis adegan dan gaya yang tetap, jadi tidak ada linimasa bebas dan tidak ada kode animasi khusus. Permintaan yang menyebutkan layarnya dan perubahannya memberi hasil yang paling jelas, dan versi sebelumnya tetap tersedia bila Anda ingin kembali. ### Bagaimana narasi dan subtitle memengaruhi waktunya? Narasinya menetapkan temponya: setiap layar bertahan selama waktu yang dibutuhkan barisnya untuk diucapkan, lalu layar berikutnya dimulai. Subtitle mengikuti kata yang diucapkan dalam gaya bersih, sorot, atau tebal, dan dengan narasi dimatikan durasinya berasal dari storyboard-nya. Periksa temponya dengan memutar pratinjaunya dengan suara menyala, lalu lagi tanpa suara dengan subtitle menyala, karena banyak pemirsa menonton tanpa audio. ### Bagaimana cara menjaga angka di bagan tetap akurat? Beri Potto nilai, satuan, dan periode yang persis di deskripsi atau dokumen yang dilampirkan, karena ia tidak memverifikasi angkanya. Adegan bagan mengambil tiga hingga enam nilai berlabel sebagai diagram batang atau donat dengan keterangan, dan adegan statistik menampilkan satu angka utama. Bandingkan setiap label dan angkanya dengan sumber Anda di storyboard-nya dan lagi di video yang diekspor, karena keterangan yang dipendekkan bisa menjatuhkan satuannya. ### Apa yang saya dapat, dan berapa biayanya? Anda mendapat MP4 1080p pada 30 frame per detik dalam 16:9, 9:16, atau 1:1, dari 15 hingga 90 detik. Deskripsi, storyboard, pengeditan chat, dan pratinjau gratis; kredit dikenakan saat Anda mengekspor, pada tarif dasar yang ditampilkan di perkiraannya ditambah narasi per jumlah karakter dan setiap ilustrasi. Video 30 detik tanpa suara memakan 150 kredit, dan membuatnya memerlukan akun. ### Bisakah saya membuat motion graphics AI dengan Claude? Bisa. Potto memakai Claude Opus 5.5 untuk menulis garis besar, storyboard, dan naskah narasinya, sehingga motion graphics dan motion design dengan Claude dimulai dari deskripsi biasa atau tautan di browser, tanpa kode dan tanpa penyiapan lokal. Remotion merender adegannya menjadi MP4 dengan ilustrasi dan narasi yang dihasilkan AI, dan Anda bisa mengedit setiap adegan sebelum mengekspor. ## Animasikan peluncuran berikutnya Tempel tautan atau deskripsikan motion graphics yang Anda inginkan di pembuat di atas, periksa storyboard-nya, dan ekspor saat setiap layar terbaca dengan benar. Buat motion graphics AI dari sebuah tautan; pratinjau dan pengeditan gratis, dan Anda hanya membayar saat mengekspor.