Motion design

Siul, Pengenal Kicau Burung

Promo gerak aplikasi fiktif Siul di latar hitam beraksen oranye: kursor otomatis mengenali ratusan rekaman kicau burung sekaligus, menyorot tiap kicauan di spektrogram yang bergulir, lalu memetakan sebaran Kepodang per bulan.

Motion design · SVG, CSS, Canvas 2D · 20 detik · 1280×720 · Skor juri 91/100

Prompt

Buat video promo motion design 20 detik untuk aplikasi fiktif pengenal kicau burung bernama Siul, dibangun dengan HTML, CSS, SVG, dan canvas 2D. Latar hitam pekat dengan cahaya oranye lembut di belakang panel aplikasi gelap di sisi kanan, aksen oranye #ff5b1f. Di kiri, penanda bab "01 / 03" dan judul tebal Inter Tight tiga baris dengan satu kata oranye, masuk dan keluar lewat masker baris per baris. Tiga bab diperagakan kursor otomatis: (1) Kenali: pilih semua 236 rekaman, buka menu Aksi, konfirmasi dialog, lalu tiap baris rekaman berubah menjadi nama burung (Kepodang, Cucak kutilang, Cekakak sungai, dan lainnya) lengkap dengan nama ilmiah dan persentase kecocokan, bergeser keluar sampai daftar kosong. (2) Spektrum: tekan putar, spektrogram berwarna panas bergulir melewati garis putar oranye, kotak deteksi tergambar di sekitar tiap kicauan dan masuk ke daftar Terdeteksi, lalu sakelar Saring derau membersihkan derau angin. (3) Peta: pin oranye berjatuhan di peta kontur hutan kota, sawah, dan sungai, filter Kepodang menyalakan sebaran panas, dan penggeser bulan diseret dari Mar ke Sep. Pergantian bab memakai gelombang cincin oranye dari titik klik. Tutup dengan logo Siul dan cincin suara yang berdenyut.

Video Motion design lainnya

  1. Lekas, Layar Terkunci Sampai BerdiriMotion design15 dtkLekas, Layar Terkunci Sampai BerdiriPromo gerak vertikal untuk aplikasi fiktif Lekas: tipografi besar di latar senja mengumumkan layar yang terkunci sampai kamu berdiri, lalu ponsel memperagakan tiga langkahnya, dari pengingat 50 menit, undian gerakan acak, sampai figur garis bercahaya yang memutar lengan sepuluh kali hingga layar terbuka.Canvas 2D
  2. Setetes, Donor Tepat WaktuMotion design20 dtkSetetes, Donor Tepat WaktuVideo peluncuran 20 detik untuk aplikasi fiktif Setetes yang mempertemukan pasien dengan donor darah: kartu masalah tentang pesan berantai, golongan yang tidak cocok, dan kabar terlambat, lalu peta radar yang menyalakan tiga donor O− sementara ponsel mengisi daftar donor, dan logo tetes darah yang terbentuk di akhir.SVG · GSAP · CSS
  3. Peron, Teman Naik KeretaMotion design20 dtkPeron, Teman Naik KeretaPromo gerak aplikasi kereta komuter fiktif Peron di latar hijau tua: ponsel 3D yang miring dan berputar memperlihatkan peta jalur kereta yang tergambar sendiri, grafik kepadatan dengan penggeser jam berangkat, denah gerbong tempat kursi 5C ditandai dengan satu ketukan, lalu dasbor perjalanan pagi. Judul tebal putih beraksen hijau mint bergantian di sisi ponsel dan ditutup logo Peron.CSS · GSAP · SVG
  4. Tungku, Sembilan Alat DapurMotion design20 dtkTungku, Sembilan Alat DapurSembilan ikon aplikasi dapur melayang masuk ke layar ponsel di atas latar gradasi pastel, lalu berkumpul menjadi logo Tungku. Tiga aplikasi andalannya, Takar, Rebus, dan Ragi, tampil bergantian di ponsel sebelum ditutup kartu akhir berisi kesembilan ikon.SVG · CSS
ArtikelSusun brief