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.

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.
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.
Tipografi kinetik
Tempel tautan apa pun, dapatkan teks bersih
Satu baris per beat · 0:08
Buat klip berbasis tipografi 9:16 dengan gaya Midnight Tech: dua layar judul singkat, lalu kutipan yang memenuhi bingkai, disinkronkan ke beat-nya.
Tipografi kinetik
Tiga kata, satu ide
Klip berbasis tipografi, 9:16 · 0:08
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.
Artikel
Mengapa kota menambah atap hijau
Pertanyaan, daftar, kutipan · 0:10
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.
Layar produk
Penelusuran dasbor
Zoom dan kursor, 16:9 · 0:10
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.
Cerita data
Ke mana anggarannya pergi
Diagram donat, 9:16 · 0:10
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.
Cerita data
Pendapatan naik 42%
Q3 dalam 45 detik · 0:09
Buat ungkapan merek 16:9 untuk Halo: kail dengan namanya dan tagline, tiga fitur satu kata, dan layar penutup dengan halo.studio.
Ungkap merek
Kenalan dengan Halo
Nama, tiga kata, URL · 0:10
Animasikan tangkapan layar saya dalam 1:1 untuk linimasa media sosial: zoom dengan jalur kursor, daftar fitur dua baris, dan ajakan bertindak penutup.
Layar produk
Tur layar persegi
Siap linimasa, 1:1 · 0:10
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.
Peluncuran
Pengumuman hari peluncuran
Pemikat, layar, ajakan bertindak · 0:09
Jelaskan cara kerja vaksin dalam 16:9: pertanyaan judul, lalu dua langkah berilustrasi dengan subtitle singkat, dalam gaya Midnight Tech.
Video explainer
Cara kerja vaksin, dianimasikan
Judul, dua ilustrasi · 0:10
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.
Catatan rilis
Yang baru di v2.0
Tiga perubahan, 16:9 · 0:10
Tunjukkan mengapa sistem visual penting dalam 16:9 dengan gaya Neon Night: kail, tiga fitur, dan perbandingan sebelum dan sesudah.
Sistem visual
Satu tampilan, semua layar
Sebelum dan sesudah, 16:9 · 0:10
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.
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
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.
01TIPOGRAFI KINETIK
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

02LAYAR PRODUK
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

03CERITA DATA
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

04SISTEM VISUAL
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

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 GeneratorSetiap jenis video, dari satu prompt atau tautan.

- Video explainerJelaskan satu ide dengan ilustrasi dan subtitle.

- Video peluncuran produkTunjukkan alur kerja produk dari tangkapan layar Anda.

- AI Image GeneratorBuat ilustrasi dan visual untuk adegan Anda.

- Hapus backgroundPotong logo atau produk untuk adegan yang bersih.

- Claude VideoClaude 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 memakainya untuk menunjukkan apa yang dilakukan produk, dan video explainer 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.



