Untuk membuat animasi diagram alur proses, tulis langkahnya berurutan dengan nama singkat, lalu minta Otto menggambarnya sebagai diagram yang terbangun satu langkah demi satu: kotak atau ikon muncul, panah tergambar ke langkah berikutnya, langkah yang sedang dibahas menyala. Pakai narasi, voice over atau video talking head sebagai penentu waktunya.
Hasil asli dari galeri template Videotto.
Kapan diagram animasi lebih baik dari slide
Slide statis menampilkan semua langkah sekaligus. Itu cocok untuk dokumen yang dibaca pelan, tapi tidak untuk video yang ditonton sambil lalu. Diagram animasi menunjukkan satu langkah sekali, sehingga perhatian penonton selalu ada di titik yang sedang dijelaskan.
Gunakan format ini kalau ada urutan yang penting: alur pengaduan masyarakat, proses pemesanan, cara mendaftar, siklus produksi, sampai proses biologi seperti fotosintesis. Kalau urutannya tidak penting, daftar biasa atau kartu tips mungkin lebih pas.
Apa yang membentuk tampilannya
Diagram yang terlihat profesional biasanya justru sederhana. Bentuknya sedikit, warnanya sedikit, dan gerakannya selalu punya arti.
| Elemen | Pilihan yang aman | Kenapa |
|---|---|---|
| Layout | Vertikal dari atas ke bawah untuk 9:16, horizontal untuk 16:9 | Arah baca mengikuti bentuk layar |
| Bentuk | Kotak sudut bulat atau lingkaran dengan ikon sederhana | Mudah dikenali, tidak ramai |
| Font | Sans serif tebal untuk nama langkah, regular untuk keterangan | Nama langkah terbaca dalam sekejap |
| Warna | Abu abu untuk langkah yang belum dan sudah lewat, satu aksen untuk langkah aktif | Penonton tahu posisi mereka di alur |
| Gerakan | Panah tergambar dari satu kotak ke kotak berikutnya | Gerakan menjelaskan arah, bukan hiasan |
| Suara | Klik atau pop halus setiap langkah muncul | Menandai pergantian langkah |
Cara menulis alurnya
Otto bisa membaca alur dari narasi atau video kamu, tapi hasil paling rapi datang dari daftar langkah yang kamu tulis sendiri. Satu langkah per baris, nama langkah maksimal tiga atau empat kata, keterangan di belakangnya.
Kalau alurnya bercabang, misalnya "jika disetujui" dan "jika ditolak", tulis cabangnya dengan jelas. Kalau alurnya berputar, sebut bahwa langkah terakhir kembali ke langkah pertama supaya diagramnya dibuat sebagai siklus.
- Lurus: Lihat → Laporkan → Tindak lanjut → Evaluasi.
- Bercabang: Ajukan → Diperiksa → (disetujui: Diproses) / (ditolak: Perbaiki berkas).
- Siklus: Tanam → Rawat → Panen → Olah lahan → kembali ke Tanam.
Buat dalam 5 langkah
- Siapkan narasinya. Upload video talking head, file audio voice over, atau tulis naskah dan minta voice over AI.
- Tulis daftar langkah. Nama singkat, urutan jelas, tandai cabang atau siklus kalau ada.
- Pilih bentuk dan ikon. Sebutkan ikon untuk tiap langkah kalau kamu punya bayangan, misalnya HP untuk lapor dan centang untuk selesai.
- Sinkronkan dengan narasi. Minta tiap langkah muncul tepat saat disebut. Di akhir, tampilkan seluruh diagram utuh sebagai ringkasan.
- Cek keterbacaan di HP. Nama langkah harus terbaca tanpa zoom. Kalau langkahnya lebih dari enam, pecah jadi dua bagian.
Prompt yang bisa langsung dipakai
Diadaptasi dari permintaan asli pengguna Videotto ke Otto, salah satunya video sosialisasi layanan pengaduan. Ganti bagian dalam kurung siku.
[upload video atau file voice over] Tambahkan diagram alur animasi yang mengikuti narasi saya. Alurnya: 1. [Langkah 1]: [keterangan singkat] 2. [Langkah 2]: [keterangan singkat] 3. [Langkah 3]: [keterangan singkat] 4. [Langkah 4]: [keterangan singkat] Tiap langkah muncul sebagai kotak dengan ikon sederhana tepat saat saya menyebutnya. Panah tergambar dari langkah sebelumnya. Langkah aktif berwarna [warna], sisanya abu abu. Di akhir tampilkan seluruh alur utuh selama 3 detik. Tampilan bersih dan profesional, latar terang, ga alay.
Versi pendek yang sering dipakai
- "Animasi logo → masyarakat → HP → formulir pengaduan → petugas → tindak lanjut."
- "Buat diagram siklus dari penjelasan saya, berputar searah jarum jam."
- "Tampilkan LANGKAH 1 sampai LANGKAH 5 sebagai kartu yang muncul bergantian."
- "Tambahkan grafis bergerak ke seluruh video saya, tiap tahap proses dijadikan diagram."
“Animasi logo, lalu masyarakat, HP, formulir pengaduan, petugas, tindak lanjut. Lihat, laporkan, tindak lanjuti, evaluasi.”
Permintaan asli ke Otto, Sedikit diedit
Ide diagram untuk berbagai bidang
Hampir setiap bidang punya alur yang lebih mudah dipahami kalau digambar. Beberapa contoh yang sering dibuat pengguna:
- Layanan publik: cara melapor, cara mengurus dokumen, alur antrean di kantor pelayanan.
- Bisnis online: dari pesanan masuk, pembayaran, pengemasan, sampai barang diterima pembeli.
- Pendidikan: siklus air, proses pencernaan, tahapan penelitian, alur pembuatan keputusan.
- Internal kantor: SOP pengajuan cuti, alur persetujuan anggaran, proses onboarding karyawan baru.
Kesalahan yang sering terjadi
- Semua langkah muncul sekaligus. Penonton membaca bagian yang belum dijelaskan dan kehilangan narasi. Bangun diagramnya bertahap.
- Teks terlalu panjang di dalam kotak. Kotak berisi kalimat lengkap tidak terbaca di HP. Taruh nama langkah di kotak, penjelasan di narasi.
- Panah tanpa arah yang jelas. Garis yang saling silang membuat alur sulit diikuti. Susun langkah supaya panah tidak bersilangan.
- Warna terlalu banyak. Satu warna per langkah terlihat ramai dan tidak memberi informasi. Cukup satu aksen untuk langkah aktif.
FAQ
Bisa membuat diagram dari gambar alur yang sudah ada?
Bisa. Upload gambar alurnya sebagai referensi dan minta Otto membangun ulang diagram itu sebagai animasi bertahap. Cek ulang urutan dan nama langkahnya setelah jadi.
Apakah harus ada video wajah?
Tidak. Diagram bisa jadi isi utama video dengan voice over saja, atau muncul sesekali di antara potongan video talking head.
Berapa langkah maksimal dalam satu layar?
Untuk 9:16, sekitar lima sampai enam langkah masih nyaman. Lebih dari itu, bagi jadi dua bagian atau dua video.
Bisa dipakai untuk materi pelajaran?
Sangat cocok. Siklus air, rantai makanan, proses pencernaan atau tahapan sejarah bisa digambar sebagai diagram yang terbangun mengikuti penjelasan guru.
Bisa memakai warna dan logo instansi saya?
Bisa. Upload logonya dan sebutkan warna resminya. Diagram akan memakai warna itu untuk langkah aktif dan logo di pembuka atau penutup video.
Buat video berikutnya dengan Otto
Ceritakan ke Otto apa yang kamu mau dengan bahasa sehari-hari. Otto memotong, memberi teks, dan menganimasikan videonya untuk kamu.
