Untuk membuat video tutorial langkah demi langkah dengan animasi, tulis langkahnya berurutan di prompt dengan satu kalimat pendek per langkah, lalu minta Otto menampilkan nomor besar, ikon atau ilustrasi untuk tiap langkah, dan penanda progres di atas layar. Tambahkan voice over yang membacakan tiap langkah dan ringkasan semua langkah di akhir.
Hasil asli dari galeri template Videotto.
Tutorial apa yang cocok dianimasikan
Animasi paling berguna untuk tutorial yang langkahnya jelas berurutan dan tidak butuh melihat tangan sungguhan bekerja.
- Cara mengakses layanan. Misalnya cara melapor lewat QR code: scan kode, isi formulir, pilih lokasi, kirim. Instansi dan dinas sering membuat video seperti ini untuk masyarakat.
- Cara pakai produk. Langkah memakai skincare, merakit rak, atau mengatur perangkat baru.
- Cara daftar dan administrasi. Langkah daftar sekolah, mengurus dokumen, atau mendaftar program komunitas.
- Tips belajar dan produktivitas. Metode belajar dalam empat langkah, cara menyusun jadwal harian.
- Ibadah dan kegiatan rutin. Urutan tata cara yang dijelaskan dengan ilustrasi sederhana dan bahasa yang santun.
Apa yang membentuk tampilannya
Tutorial animasi yang bagus terasa seperti buku petunjuk yang rapi, bukan iklan. Setiap layar menjawab satu pertanyaan: apa yang harus saya lakukan sekarang?
| Elemen | Yang bekerja | Catatan |
|---|---|---|
| Tata letak | Nomor langkah besar di atas, ilustrasi di tengah, instruksi singkat di bawah | Penanda progres tipis di paling atas |
| Huruf | Nomor sangat besar, instruksi tebal dan pendek | Maksimal sepuluh kata per instruksi |
| Warna | Latar terang yang bersih, satu warna aksen untuk nomor dan progres | Hijau centang saat langkah selesai |
| Gerakan | Nomor masuk, ilustrasi tergambar, layar bergeser ke langkah berikutnya | Arah perpindahan selalu sama, kiri ke kanan |
| Tempo | 3 sampai 5 detik per langkah, mengikuti narasi | Langkah penting ditahan lebih lama |
| Suara | Voice over jelas, bunyi halus setiap pindah langkah | Musik latar tipis supaya suara terdengar |
Buat dalam 6 langkah
- Tulis hasil akhirnya dulu. "Setelah video ini, penonton bisa melapor lewat QR code." Satu tujuan yang jelas membuat langkahnya mudah disusun.
- Pecah jadi langkah pendek. Tiga sampai tujuh langkah. Kalau lebih, gabungkan yang mirip atau buat dua video.
- Satu kalimat per langkah. Mulai dengan kata kerja: "Scan", "Isi", "Pilih", "Kirim". Penonton langsung tahu apa yang dilakukan.
- Tentukan visual tiap langkah. Ikon, ilustrasi sederhana, mockup layar HP, atau gambar produk yang kamu upload.
- Tambahkan suara. Voice over AI yang membacakan setiap langkah, atau rekaman suaramu sendiri.
- Tutup dengan ringkasan. Semua langkah dalam satu layar, cukup lama untuk di screenshot, ditambah kontak atau info lanjutan.
Prompt yang bisa langsung dipakai
Diadaptasi dari permintaan asli pengguna Videotto, termasuk video layanan masyarakat yang dijelaskan langkah demi langkah.
Buat video tutorial animasi 9:16, sekitar 40 detik, tanpa footage. Judul: "[Cara melapor lewat QR code]". Langkah: LANGKAH 1: [Scan QR code di poster] LANGKAH 2: [Isi nama pelapor] LANGKAH 3: [Pilih lokasi] LANGKAH 4: [Upload foto dan kirim] Tiap langkah: nomor besar di atas, ilustrasi sederhana atau mockup layar HP di tengah, instruksi pendek di bawah. Penanda progres tipis di paling atas, centang hijau setiap langkah selesai. Voice over bahasa Indonesia yang ramah membacakan setiap langkah. Subtitle otomatis. Akhiri dengan ringkasan semua langkah dalam satu layar dan teks "[info kontak]". Gaya bersih, latar putih, aksen [warna]. Ga alay.
Versi pendek yang sering dipakai
- "Buatkan video tutorial dengan voice over bahasa Indonesia dan hook menarik di awal."
- "Tiap langkah pakai mockup layar HP, tombol yang ditekan dilingkari."
- "Tambahkan ringkasan langkah di akhir biar bisa di screenshot."
- "Langkah 3 ditahan lebih lama dan diberi tanda peringatan kuning."
“Poster, lalu QR code, lalu masyarakat menggunakan kamera HP, scan QR code, formulir terbuka. LANGKAH 1, isi nama pelapor. Pilih lokasi.”
Permintaan asli ke Otto, Sedikit diedit
Untuk daftar yang tidak harus berurutan.
Animasi saja atau digabung rekaman layar
Tutorial aplikasi dan website sering lebih jelas kalau penonton melihat layar aslinya. Dalam kasus itu, gabungkan keduanya: upload rekaman layarmu, lalu minta nomor langkah, lingkaran di tombol yang ditekan, dan zoom ke bagian penting dibuat sebagai animasi di atasnya.
Rekaman layar juga bisa dirapikan. Bagian loading atau menunggu bisa dipercepat, perpindahan tab bisa dipotong, dan bagian yang kecil bisa diperbesar. Pengguna sering meminta persis seperti itu untuk video how to mereka.
Sebaliknya, untuk tutorial yang tidak bergantung pada tampilan layar, misalnya tips belajar atau tata cara, animasi penuh biasanya lebih rapi dan tidak cepat usang ketika tampilan aplikasi berubah.
Kesalahan yang sering terjadi
- Dua instruksi dalam satu langkah. "Isi nama dan pilih lokasi lalu kirim" membuat penonton tertinggal. Satu langkah, satu tindakan.
- Tanpa penanda progres. Penonton yang tidak tahu masih berapa langkah lagi lebih mudah pergi. Tampilkan "2 dari 4" atau garis progres.
- Terlalu cepat pindah. Penonton butuh waktu membaca dan membayangkan tindakannya. Ikuti kecepatan narasi, bukan kecepatan musik.
- Tidak ada ringkasan. Banyak orang menonton tutorial untuk dipraktikkan nanti. Layar ringkasan di akhir adalah bagian yang paling sering di screenshot.
FAQ
Bisa dari dokumen SOP atau panduan tertulis?
Bisa. Salin langkah dari dokumennya ke prompt, atau upload filenya dan sebutkan bagian mana yang dijadikan video.
Berapa langkah yang ideal untuk video pendek?
Tiga sampai lima langkah untuk video di bawah satu menit. Lebih dari itu, pecah jadi seri.
Bisa dibuat dalam bahasa daerah atau bahasa Inggris?
Bisa. Tulis langkahnya dalam bahasa yang diinginkan, atau minta subtitle tambahan dalam bahasa lain.
Bisa dipakai untuk layanan instansi?
Bisa. Format ini cocok untuk sosialisasi layanan. Upload logo instansi dan pakai warna resmi supaya terlihat terpercaya.
Bisa dibuat versi pendek dan versi lengkap?
Bisa. Minta versi 9:16 di bawah satu menit untuk media sosial, dan versi 16:9 yang lebih lengkap untuk YouTube atau layar di ruang tunggu, dari langkah dan gaya yang sama.
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.



