Explainer

Kenapa Sabun Mengangkat Minyak

Spidol menggambar catatan sketsa hitam putih: bahan air, minyak, dan sabun, molekul sabun dengan kepala suka air dan ekor suka minyak, lalu noda minyak di tengah piring dikepung molekul sabun sampai terangkat menjadi misel. Garis air menyapu misel keluar kotak, empat poin ringkasan dicentang satu per satu, dan piring berkilau bersih.

Explainer · SVG, CSS · 20 detik · 1280×720

Prompt

Buat video penjelas 20 detik bergaya catatan sketsa tangan tentang kenapa sabun bisa mengangkat minyak. Latar putih bersih, garis hitam tebal yang sedikit goyah seperti spidol, aksen merah untuk panah dan biru untuk judul. Sebuah spidol bermata biru terlihat terus menggambar dan menulis semua elemen, ujungnya selalu tepat di garis yang sedang digambar. Baris atas: judul hitam "Bahan" di atas tiga kotak sketsa berisi ikon dan label (Air, Minyak, Sabun), panah merah, lalu judul biru "Molekul Sabun" dengan gambar satu molekul: kepala bulat berarsir biru dan ekor zig-zag, diberi keterangan "kepala: suka air" dan "ekor: suka minyak". Baris bawah: judul "Cara Kerjanya" di atas kotak besar berisi piring (elips sketsa dilihat dari samping atas) dengan noda minyak kuning di tengah cekungannya; molekul sabun digambar satu per satu dengan ekor menancap ke minyak, noda terangkat dari piring dan dikepung penuh menjadi misel. Panah merah ke judul biru "Ringkasnya" dengan empat kotak centang yang ditulis dan dicentang bergantian: Ekor menempel ke minyak, Minyak terkurung jadi misel, Air membilas misel, Piring bersih. Sebelum poin ketiga dicentang, label "misel" memudar, lalu empat garis air biru bergelombang menyapu dari kiri ke kanan dan membawa misel berputar keluar melewati tepi kanan kotak; saat poin terakhir, piring berkilau dan poin itu dilingkari merah. Gelembung sabun kecil terus naik pelan, dan garis sketsa sedikit bergetar seperti animasi gambar tangan. Kamera zoom dan bergeser halus mengikuti spidol dari bagian ke bagian, lalu mundur di akhir memperlihatkan seluruh catatan. Teknik: SVG inline dengan path goyah prosedural, efek gambar lewat stroke-dashoffset, tulisan muncul lewat clipPath, semua dijalankan satu timeline requestAnimationFrame dengan easing halus.

Video Explainer lainnya

  1. Truk Pulang Tak Lagi KosongExplainer20 dtkTruk Pulang Tak Lagi KosongVideo penjelas cepat untuk startup logistik fiktif Angkut: kata KOSONG menghantam layar ungu, lalu grid 168 kotak perjalanan truk memperlihatkan bak yang pulang kosong dengan muatan balik 38%. Garis pindai mengisi setiap kotak dengan warna muatan hingga 91%, lalu arus label muatan mengalir sebelum ditutup logo angkut.SVG · GSAP · CSS
  2. Jelujur, Sketsa Jadi Pola JahitExplainer20 dtkJelujur, Sketsa Jadi Pola JahitVideo penjelas produk 20 detik untuk aplikasi fiktif Jelujur: sketsa gaun dibaca dan diukur, empat potongan pola tersusun di kartu, kursor menyetujuinya dengan stempel PAS DI BADAN, lalu pola mendarat di atas kain biru nila siap dipotong sebelum logo penutup.SVG · GSAP · CSS
  3. Reel Logo Katering PucukExplainer10 dtkReel Logo Katering PucukReel identitas hitam putih 10 detik untuk katering tumpeng fiktif Pucuk: kata SYUKUR dan BERSAMA bertumpuk, kartu putih POTONG PUCUKNYA, pita wordmark yang bergeser, lalu tumpeng 3D berlapis berputar di bawah HUD, pucuknya terangkat, dan semuanya memipih menjadi logo segitiga yang akhirnya berulang menjadi pola ubin.Three.js · Canvas 2D
  4. Pancar, Radio Amatir Satu BentukExplainer20 dtkPancar, Radio Amatir Satu BentukSatu bentuk membulat di latar abu terang terus berubah ukuran, sudut, dan warna untuk aplikasi fiktif Pancar: kursor mendaftarkan tanda panggil, peta titik Nusantara terisi ribuan stasiun radio amatir, pita frekuensi digeser, lalu ikut net malam dan kembali ke logo.Canvas 2D
ArtikelSusun brief