Motion design

Lekat, Takarir Selalu Tepat Waktu

Promo gerak antarmuka desktop gelap untuk aplikasi fiktif Lekat: dialog peringatan menyebut 412 baris takarir meleset setelah video dipotong, lalu Lekat memetakan gelombang suara dialog dan dengan satu klik menggeser setiap blok takarir kembali menempel ke suaranya. Kamera menyorot linimasa dan tabel baris sebelum ditutup kartu logo.

Motion design · SVG, CSS · 20 detik · 1280×720

Prompt

Buat video promo 20 detik (1280x720) untuk aplikasi desktop fiktif bernama Lekat, alat yang menyelaraskan ulang takarir (subtitle) dengan dialog di video. Bangun ulang UI-nya sendiri dengan HTML, CSS, dan SVG dalam gaya aplikasi desktop modern bertema gelap: title bar, command bar berkelompok (Dokumen, Mode, Selaraskan Semua berwarna aksen biru, Ekspor), panel linimasa dengan penggaris waktu, baris blok takarir dan gelombang suara, tabel baris (No, Mulai, Selesai, Teks, Geser, Status), dan status bar. Tanpa screenshot, semua digambar prosedural. Alur: buka dengan pemutar video berisi ilustrasi laut saat subuh, lalu dialog peringatan muncul di atas latar yang memburam: 412 baris takarir tampil terlambat sekitar 1,8 detik setelah intro dipotong. Kursor menekan OK. Jendela Lekat masuk, gelombang suara tergambar dari kiri ke kanan sambil menganalisis audio, kotak garis putus muncul di posisi yang benar. Kursor menekan Selaraskan Semua, kamera zoom dan menyapu linimasa sementara blok merah meluncur satu per satu ke kotaknya dan berubah biru. Kamera turun ke tabel: kolom Geser menghitung mundur ke 0,00 d dan status berubah dari Meleset menjadi Pas. Zoom out, setelah semua baris Pas muncul notifikasi '412 baris diselaraskan' di pojok kanan bawah layar, lalu kartu penutup logo Lekat dan tagline. Keterangan gaya presentasi di kiri bawah, di atas panel gelap pekat, dengan garis aksen biru: judul putih tebal plus subjudul abu, berganti per babak. Gerak kamera halus dengan easing, kursor terlihat jelas, semua teks berbahasa Indonesia.

Video Motion design lainnya

  1. Satu Bentuk untuk Parkir MalMotion design14 dtkSatu Bentuk untuk Parkir MalSatu bentuk hitam putih tanpa potongan berubah dari tombol "Cari parkir" menjadi pemuat, centang kuning, pulau dinamis, kartu sesi parkir, slider perpanjangan, baris sakelar pengingat, tab lantai, grafik okupansi, palet perintah, dan notifikasi lunas dengan palang gerbang terangkat, lalu kembali menjadi tombol. Kursor otomatis mengeklik dan menyeret setiap perubahan di atas kanvas abu hangat.SVG · CSS
  2. 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
  3. 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
  4. 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
ArtikelSusun brief