Motion design

Atsiri, Racik Parfum Otomatis

Video peluncuran 20 detik untuk aplikasi fiktif Atsiri: kursor memilih keluarga aroma dari daftar, pesanan tentang wangi tanah setelah hujan diketik, lalu kalender seminggu terisi botol parfum. Di latar gelap, empat panel Formula, Aroma, Racik, dan Kirim bekerja di sekitar logo tetes yang meneteskan cairan ke botol racikan hingga botol siap dan mengepulkan kabut wangi, lalu kamera mundur ke dinding rapi botol batch lain yang terisi satu per satu dan ditutup kalimat Satu aroma, tiap pagi.

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

Prompt

Buat video peluncuran vertikal 20 detik (720x1280) untuk aplikasi fiktif bernama Atsiri, autopilot yang meracik parfum kecil-kecilan setiap hari. Bangun seluruhnya dengan HTML, CSS, dan SVG inline, semua visual prosedural tanpa foto. Font Plus Jakarta Sans untuk UI dan JetBrains Mono untuk label kecil. Babak 1 (0-8 detik), latar gradasi hangat dari jingga kunyit ke merah mawar dan ungu tua, dengan kata raksasa transparan "Satu aroma" bergeser pelan di belakang. Logo tetes "Atsiri Autopilot" di atas. Panel gelap semi transparan berisi kolom cari "Cari keluarga aroma..." dan daftar Melati, Kenanga, Cendana, Nilam, Akar Wangi, Serai, masing-masing dengan ikon garis dan label kategori. Kursor otomatis menyorot item satu per satu dan kartu pratinjau miring di kanan berganti: botol parfum SVG dengan cairan berwarna, kelopak atau daun melayang, pil nama aroma, dan kata pendek seperti "segar!". Kursor memilih Serai, lalu kolom perintah mengetik "Wangi tanah setelah hujan pertama." dan tombol kirim mint ditekan. Tujuh kotak kalender SEN sampai MIN terisi miniatur botol satu per satu. Babak 2 (8-16 detik), latar meredup ke ungu gelap dengan cahaya amber di tengah. Empat panel kaca berpadding lega (ikon dan judul di dalam panel, titik status di sudut dalam) muncul dari logo bulat kecil di tengah yang tersambung garis cahaya dan tidak pernah menyentuh judul panel: Formula mengetik resep batch 128 (nada atas serai 12%, tengah melati 30%, dasar nilam 18%), Aroma menampilkan gelombang batang hijau yang hidup, Racik mengisi botol lapis demi lapis sementara tetesan bercahaya mengalir dari logo tengah sepanjang garis ke panel Racik dan playhead menyapu tiga klip bahan; saat botol penuh, kabut wangi lembut mengepul dan muncul label BOTOL 128 SIAP. Kirim mengisi bilah progres Toko daring, Lokapasar, dan Kurir kilat sampai tercentang dengan jadwal 09.00 tiap hari. Tepi panel menyala sesuai tahap yang aktif. Babak 3 (16-20 detik), kamera mundur: susunan panel mengecil ke sekitar separuh lebar layar di tengah, lalu dinding kartu botol batch lain muncul dalam grid rapi berjarak tetap, berurutan dari tengah ke luar dengan skala dan opacity, cairan tiap botol naik terisi. Kamera bergeser naik, gradasi gelap menutup bagian bawah, dan ditutup kalimat "Satu aroma, tiap pagi." dengan logo. Easing halus, tanpa jeda mati.

Video Motion design lainnya

  1. Merancang Rambu Kebun RayaMotion design20 dtkMerancang Rambu Kebun RayaBlob terakota bertuliskan Arah. membuka kanvas desain bertitik berisi tiga rambu kebun raya dengan bentuk berbeda: papan gerbang lebar bertiang dua, totem persimpangan, dan papan peta di atas tiang tunggal. Totem dirakit komponen demi komponen berlabel, rute di peta tergambar, lalu kanvas miring menjadi perspektif 3D dengan papan terangkat dan komponen berlabel melayang.SVG · GSAP · CSS
  2. Kisah Angka Nol dalam 20 DetikMotion design20 dtkKisah Angka Nol dalam 20 DetikShowreel tipografi berlatar jingga kunyit menceritakan perjalanan angka nol: angka 628 bergaris tipis, tiga lambang nol kuno dari Babilonia, Maya, dan India di depan garis besar angka 0 raksasa, lalu deretan nol yang melipatgandakan angka 1 menjadi 1.000.000 di atas penggaris nilai tempat. Sapuan cahaya diagonal membuka layar hitam tempat angka 0 tergambar, menyala, dan meledak menjadi serpihan cahaya dengan kalimat penutup.SVG · CSS · Canvas 2D
  3. Ulem, Undangan dari Satu PesanMotion design20 dtkUlem, Undangan dari Satu PesanVideo peluncuran bergaya kertas untuk aplikasi fiktif Ulem: pesan obrolan acara yang berantakan dirapikan menjadi kartu undangan syukuran, catatan tempel berisi satu kalimat berubah menjadi undangan khitanan bermotif kawung, lalu satu undangan berganti empat gaya. Video ditutup dengan nama Ulem dan tiga kartu undangan yang mengipas naik.SVG · CSS · GSAP
  4. Kenalan Dulu dengan Sepak TakrawMotion design20 dtkKenalan Dulu dengan Sepak TakrawReel vertikal bergaya pop art kuning: enam kartu fakta sepak takraw berwarna terang muncul satu per satu, lalu bola rotan melesat ke kamera dan lingkaran biru membuka papan taktik tempat satu reli dimainkan dari servis, umpan, sampai smes salto yang berbuah poin.Canvas 2D · SVG · CSS
ArtikelSusun brief