Explainer

Simpul, Belajar Mengikat Tali

Video penjelas bergaya editorial di latar krem untuk aplikasi fiktif Simpul: petunjuk lama yang berbelit dibandingkan dengan versi yang ditulis ulang untuk pemula, lalu sebuah ponsel memilih Simpul Delapan dan tali oranye terikat langkah demi langkah sampai rapat.

Explainer · GSAP, Canvas 2D, CSS · 20 detik · 1280×720

Prompt

Buat video penjelas produk berdurasi 20 detik untuk aplikasi fiktif bernama Simpul, panduan gratis belajar mengikat tali. Gaya editorial yang tenang: latar krem hangat #F1E8DA, kartu kertas #FAF5EC dengan bayangan lembut, judul serif Newsreader, label kecil huruf kapital monospace, aksen oranye bata #D9542B dan stabilo jingga pucat. Animasi pakai GSAP, ilustrasi tali digambar di canvas 2D sebagai tali berkontur gelap dengan persilangan atas dan bawah yang benar. Adegan 1 (0 sampai 7 detik): kalimat 'Satu tali, dijelaskan ulang sampai kamu bisa.' di kiri atas, dua kartu berdampingan. Kartu kiri berlabel 'PETUNJUK ASLI · BUKU TALI-TEMALI, 1962' berisi kalimat lama yang berbelit, kata-kata sulitnya (sosok, ujung kerja, bagian tegak, selipkan kembali) disorot satu per satu, di bawahnya gumpalan tali kusut yang padat dengan banyak lilitan saling tindih. Kartu kanan berlabel 'DITULIS ULANG · TINGKAT PEMULA' berisi instruksi sederhana yang muncul kata demi kata, kata kuncinya disorot, dan simpul delapan yang rapi tergambar sendiri lalu sedikit dikencangkan. Adegan 2 (7 sampai 9 detik): kartu terangkat dan memudar, muncul wordmark serif besar 'Simpul' dengan label 'PANDUAN SIMPUL GRATIS' dan baris kecil di bawahnya. Adegan 3 (9 sampai 12 detik): ponsel berbingkai hitam meluncur masuk dari kanan, layar 'Saya ingin belajar' berisi enam simpul dengan keterangan kegunaannya, kursor menekan Simpul Delapan lalu tombol oranye 'Mulai belajar'. Adegan 4 (12 sampai 17 detik): wordmark menepi dan di kiri muncul angka langkah serif besar berwarna oranye '01 / 04' sampai '04 / 04' dengan instruksinya dalam huruf besar, sementara layar ponsel berganti ke halaman latihan dengan kertas bertitik, tali oranye terikat membentuk simpul delapan berbentuk angka 8 (lingkaran dulu, lalu ujung memutar di belakang bagian tegak, lalu masuk ke lingkaran dari depan), label 'Langkah 1 dari 4' sampai 'Langkah 4 dari 4' dan teks instruksi berganti mengikuti tali, titik progres terisi. Adegan 5 (17 sampai 20 detik): simpul tertarik rapat, lencana 'Selesai' muncul di ponsel, dan di kiri muncul pil alamat 'simpul.example' serta kalimat abu 'Jalan di peramban. Tidak perlu dipasang.' yang diketik, lalu seutas tali oranye tergambar di bawahnya dan berakhir dengan simpul delapan kecil sebagai penahan. Gerak halus dengan easing power3 dan expo, tanpa potongan kasar.

Video Explainer lainnya

  1. Di Dalam Mesin EspressoExplainer20 dtkDi Dalam Mesin EspressoMesin espresso 3D yang bodinya dibelah berdiri di panggung gelap, lalu kursor otomatis mengikuti jalur air, uap, dan kopi, menurunkan dan menaikkan tekanan pompa, sampai mesinnya diurai menjadi komponen berlabel.Three.js · Shader · Partikel
  2. Sebutir Gabah Menjadi PadiExplainer20 dtkSebutir Gabah Menjadi PadiKata BENIH, AKAR, TUNAS, BULIR, dan PADI ditulis goresan kuas tinta di atas kertas krem, sementara di bawahnya satu tanaman padi tumbuh dari sebutir gabah: tetes air membuat kulitnya retak, akar bercabang, tunas naik ke cahaya, lalu bulir terisi sampai batangnya merunduk. Video ditutup peribahasa makin berisi makin merunduk dan sebuah cap merah.Canvas 2D · Partikel · Fisika
  3. Kata Sandi yang Tak Pernah DisimpanExplainer20 dtkKata Sandi yang Tak Pernah DisimpanVideo penjelas gelap empat bab tentang cara server menyimpan kata sandi: sandi diketik lalu terangkat menjadi chip, ditaburi garam acak, diaduk fungsi hash 100.000 putaran menjadi jejak 64 karakter, lalu saat login jejak baru disapu garis hijau dan dicocokkan huruf demi huruf dengan yang tersimpan.SVG · GSAP · CSS
  4. Merapikan Halaman Lacak PaketExplainer20 dtkMerapikan Halaman Lacak PaketHalaman lacak paket kurir fiktif Jinjing yang penuh kode gudang dirapikan dalam tiga keputusan desain: kode diterjemahkan jadi kalimat, estimasi tiba naik ke atas sementara riwayat dilipat, lalu seluruh halaman berubah menjadi kerangka cetak biru berlabel ukuran sebelum kembali utuh.SVG · GSAP · CSS
ArtikelSusun brief