Motion design

Rumpun, Pemindai Hama Sawah

Video promosi vertikal untuk aplikasi fiktif Rumpun: kursor otomatis mengisi formulir, dua belas foto daun dan batang padi beterbangan masuk ke kotak unggah, lalu aplikasi mempelajari foto-foto itu dan menandai petak sawah yang diserang wereng batang cokelat di peta lahan.

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

Prompt

Buat iklan motion design vertikal 720x1280 berdurasi 20 detik untuk aplikasi web fiktif bernama Rumpun, pemindai hama sawah. Gaya: demo produk SaaS gelap yang rapi, latar hampir hitam (#0b0b0c), kartu abu gelap bersudut 12px, aksen kuning jingga #F5A524, huruf Inter untuk judul dan JetBrains Mono untuk label kecil. Semua visual dibuat dengan canvas, SVG, dan CSS, tanpa foto. Tiga babak, tiap babak punya label mono jingga dan judul putih besar di bawah jendela: 1. 01 · UNGGAH (0-9 dtk), judul "Unggah 10-20 foto daun padi". Jendela peramban gelap yang masuk dengan sedikit miring lalu tegak, di alamat rumpun.example/lahan menampilkan modal "Buat Pemindai Lahan". Kursor otomatis mengetik "Sawah Kidul" di kolom Nama Lahan, membuka pilihan Umur Tanam dan memilih 45 HST. Dua belas foto procedural (daun padi berbercak, batang padi dengan wereng cokelat di pangkalnya, air sawah) melayang dari luar layar dengan rotasi, mendarat di kotak unggah yang menyala jingga, lalu tersusun ke grid; penghitung naik sampai 12 FOTO DIPILIH. Kursor mencentang persetujuan, menekan tombol Mulai Pindai, dan notifikasi "Pemindaian dimulai" muncul. 2. 02 · PELAJARI (9-14,5 dtk), judul "Rumpun mempelajari kondisi sawahmu". Jendela memudar kabur, keduabelas foto terbang dari posisi grid menjadi orbit di sekeliling kartu besar berisi close-up batang padi. Garis putus-putus jingga beranimasi menghubungkan tiap foto ke tepi kartu, garis pindai menyapu gambar, kotak deteksi menandai wereng satu per satu dengan skor keyakinan, dan bilah progres naik ke 100%. Lencana PERCEPAT x40 di pojok. 3. 03 · TINDAK (14,5-20 dtk), judul "Lihat petak yang diserang sebelum menyebar". Orbit runtuh ke tengah, peta sawah tampak atas terbuka dari tengah lewat reveal lingkaran, lalu garis pindai tipis menyapu peta: petak-petak hijau berpematang dalam grid 6x6 yang utuh di dalam jendela, saluran air biru di tepi kiri, huruf kolom A-F di atas dan nomor baris 1-6 di kiri. Titik panas jingga merah berdenyut di petak B3 dan B4, pin jatuh, lalu kartu hasil naik: Wereng batang cokelat, keyakinan 82%, saran memeriksa pangkal batang dan mengeringkan petak 3-4 hari. Di akhir, judul berganti menjadi wordmark rumpun. dengan slogan "Sawah sehat, panen tenang." Di dasar layar ada indikator tiga langkah (Unggah, Pelajari, Tindak) yang terisi jingga mengikuti babak. Gerak dengan easing halus (ease-out cubic, sedikit overshoot untuk pendaratan), tanpa jeda diam lebih dari 2 detik.

Video Motion design lainnya

  1. Tokek Menjelaskan Kaki LengketnyaMotion design20 dtkTokek Menjelaskan Kaki LengketnyaSeekor tokek kartun membawakan acara bincang singkat tentang rahasia kakinya yang bisa menempel di dinding, disunting cepat dengan subtitle kata per kata, potongan zoom, latar yang berganti dari studio bertirai ke dunia pop bersinar lalu kartun lawas sepia. Di akhir ia menempelkan telapak kakinya ke layar.Canvas 2D
  2. Tujuh Warna dari Seberkas CahayaMotion design20 dtkTujuh Warna dari Seberkas CahayaReel gerak lima bab tentang pelangi: prisma kaca 3D memecah cahaya putih, tujuh batang neon membentuk wordmark Pelangi, lalu kata-kata yang distabilo di sebuah catatan terbang menjadi sketsa tangan tentang cahaya matahari yang membelok dan memantul di dalam tetes hujan hingga busur pelangi tergambar.Three.js · Canvas 2D · CSS
  3. Lapis, Satu Perintah Cetak 3DMotion design20 dtkLapis, Satu Perintah Cetak 3DVideo peluncuran 20 detik untuk alat fiktif Lapis di latar hitam: terminal mengetik perintah cetak vas spiral, tiga kartu pratinjau lapisan dan jalur nozzle mengipas keluar, lalu logo Lapis muncul dengan gradasi terakota ke ungu dan angka satu juta cetakan per bulan menghitung naik.SVG · GSAP · CSS
  4. Curhat Lampu Merah PerempatanMotion design20 dtkCurhat Lampu Merah PerempatanSebuah lampu lalu lintas bercerita dari sudut pandangnya sendiri lewat tipografi kinetik di layar gelap: tiga kata MERAH, KUNING, HIJAU menghantam layar, log kendaraan berlari di latar, penghitung motor penerobos dan klakson melonjak, lalu hitung mundur 3, 2, 1 berakhir pada lampu hijau dan ajakan silakan jalan.Canvas 2DJuri 91
ArtikelSusun brief