Motion design

Lembar, Herbarium Tanpa Ribet

Di panggung gelap, panel isian aplikasi fiktif Lembar mengetik data kantong semar dan lembar herbarium di sebelahnya ikut terisi, termasuk gambar tanamannya yang tergores garis demi garis. Lalu kursor mengganti templat, warna, dan huruf, dan video ditutup dengan tiga versi lembar yang mengipas di samping nama aplikasinya.

Motion design · CSS, SVG, Canvas 2D · 20 detik · 1280×720

Prompt

Buat video showreel produk 20 detik (1280x720) untuk aplikasi fiktif bernama Lembar, pembuat lembar herbarium untuk peneliti lapangan. Gaya: panggung hampir hitam dengan cahaya lembut, tipografi grotesk putih yang tenang, panel UI gelap bersudut membulat di kiri, dan selembar kertas herbarium krem di kanan yang dimiringkan dalam perspektif 3D dan melayang pelan. Pakai HTML, CSS 3D transform, SVG, dan canvas untuk butiran debu halus di latar. Alur: 0-2 dtk: lembar kosong melayang di kegelapan, hanya garis placeholder abu. Panel 'Spesimen' bertanda 'Pratinjau langsung' masuk dari kiri, lalu judul muncul huruf demi huruf: 'Catat temuan di lapangan, / lembarnya rapi dengan sendirinya.' 2-10 dtk: kursor mengklik tiap kolom dan mengetik: Nama lokal 'Kantong Semar', Nama ilmiah 'Nepenthes gracilis', Lokasi 'Hutan kerangas, Belitung', Tanggal '12 Maret 2026'. Setiap ketikan langsung tampil di lembar. Begitu nama ilmiah terisi, ilustrasi kantong semar tergores di kertas dengan animasi stroke SVG: batang memanjat yang melengkung lembut, daun lonjong berselang-seling dengan ukuran berbeda, sulur dari ujung daun, lalu kantong-kantongnya terisi warna dan beberapa potongan selotip menempel di batang. 10-15 dtk: judul berganti dengan efek blur menjadi 'Spesimen yang sama. / Tampilan yang berbeda.' Panel berganti ke tab 'Desain' berisi Templat (Klasik, Arsip, Modern, Lapangan), Warna (Lumut, Terakota, Nila), dan Huruf (Serif, Sans). Kursor memilih Modern, lalu Terakota, lalu Sans, dan lembar berubah dengan transisi blur singkat setiap kali. 15-20 dtk: panel dan judul memudar ke kiri, dua versi lembar lain (Arsip dengan pita kepala hijau lumut dan Klasik dengan aksen nila) mengipas simetris ke kiri dan kanan di belakang lembar utama Modern terakota, dan di kiri muncul nama Lembar besar dengan kalimat 'Satu catatan, banyak tampilan.' serta label tiga versi. Easing halus, tanpa potongan keras.

Video Motion design lainnya

  1. Lelang Ikan Sebelum TerangMotion design20 dtkLelang Ikan Sebelum TerangVideo musik sinematik malam di dermaga dan aula lelang ikan, dibalut HUD pendeteksi: kotak label melacak perahu dan keranjang tongkol, angka lot berpacu, lalu papan lelang putih menulis kalimat penutup.Canvas 2D · Partikel
  2. Gotong, Panitia Agustusan BeresMotion design20 dtkGotong, Panitia Agustusan BeresVideo peluncuran 20 detik untuk aplikasi fiktif Gotong di latar putih bersih: judul tebal dengan avatar warga, jendela aplikasi naik dari bawah, lalu para asisten memindahkan kartu lomba balap karung, iuran warga, dan pengumuman di papan panitia Agustusan RT sebelum ditutup kartu logo.SVG · GSAP · CSS
  3. Deret, Pesan Kursi Tanpa AntreMotion design20 dtkDeret, Pesan Kursi Tanpa AntreKartu formulir pemesanan kursi teater yang macet di 99 persen berubah menjadi ribuan titik hitam, lalu titik-titik itu tersusun menjadi denah kursi gedung pertunjukan tempat kursor memilih dua kursi merah. Video ditutup dengan logo aplikasi fiktif Deret di dalam lingkaran titik.Canvas 2D · SVG · GSAP
  4. Kecipak, Pelatih Renang di SakuMotion design20 dtkKecipak, Pelatih Renang di SakuVideo penjelas produk tiga langkah untuk aplikasi fiktif Kecipak: satu putaran renang gaya bebas direkam di ponsel, kayuhannya diputar lambat lalu dibekukan untuk diukur sudut siku dan garis badannya, kemudian muncul rencana latihan mingguan dengan grafik waktu dan set pertama yang langsung berjalan.Canvas 2D · SVG · GSAP
ArtikelSusun brief