Cara Membuat Video Tutorial Langkah demi Langkah dengan Animasi

Berdasarkan studi kami atas 1 juta+ video dari 280.000+ pengguna

Oleh Yao Ming, Founder4 menit baca
Jawaban singkat

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?

ElemenYang bekerjaCatatan
Tata letakNomor langkah besar di atas, ilustrasi di tengah, instruksi singkat di bawahPenanda progres tipis di paling atas
HurufNomor sangat besar, instruksi tebal dan pendekMaksimal sepuluh kata per instruksi
WarnaLatar terang yang bersih, satu warna aksen untuk nomor dan progresHijau centang saat langkah selesai
GerakanNomor masuk, ilustrasi tergambar, layar bergeser ke langkah berikutnyaArah perpindahan selalu sama, kiri ke kanan
Tempo3 sampai 5 detik per langkah, mengikuti narasiLangkah penting ditahan lebih lama
SuaraVoice over jelas, bunyi halus setiap pindah langkahMusik latar tipis supaya suara terdengar

Buat dalam 6 langkah

  1. Tulis hasil akhirnya dulu. "Setelah video ini, penonton bisa melapor lewat QR code." Satu tujuan yang jelas membuat langkahnya mudah disusun.
  2. Pecah jadi langkah pendek. Tiga sampai tujuh langkah. Kalau lebih, gabungkan yang mirip atau buat dua video.
  3. Satu kalimat per langkah. Mulai dengan kata kerja: "Scan", "Isi", "Pilih", "Kirim". Penonton langsung tahu apa yang dilakukan.
  4. Tentukan visual tiap langkah. Ikon, ilustrasi sederhana, mockup layar HP, atau gambar produk yang kamu upload.
  5. Tambahkan suara. Voice over AI yang membacakan setiap langkah, atau rekaman suaramu sendiri.
  6. 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.

Tempel ke Otto
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
Baca: video animasi checklist

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.

Coba di video kamu sendiri

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.