Motion design

Serempak, Paduan Suara Tanpa Repot

Label urusan paduan suara seperti partitur di WhatsApp, absensi di kertas, dan iuran di buku tulis melayang berserakan dan berdenyut mengikuti ketukan empat yang makin cepat, sementara kalimat muncul kata demi kata. Semua label tersedot menjadi satu titik kuning yang bergulir menjadi titik pada wordmark Serempak, lalu panel latihan empat suara tampil dan empat garis gelombang menyatu menjadi satu garis kuning yang menyala serempak.

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

Prompt

Buat video peluncuran 20 detik (1280x720) dengan SVG, CSS, dan GSAP untuk aplikasi fiktif Serempak, pengelola paduan suara. Latar hitam kebiruan (#0b0e13) dengan pendar kuning hangat samar di atas. Babak 1: label kecil berbentuk kapsul gelap dengan titik putih melayang berserakan dalam tiga lapis kedalaman (dekat tajam, tengah sedikit kabur, jauh sangat kabur), misalnya "Partitur · foto WhatsApp", "Absensi · kertas lipat", "Iuran · buku tulis", "Siapa alto? · grup kedua"; beberapa punya lencana kuning (#f5b301) yang angkanya terus bertambah. Di bawah judul ada metronom empat titik yang menyala bergantian (ketukan pertama kuning) dan makin cepat, dan label-label ikut berdenyut kecil pada tiap ketukan. Di tengah, judul condensed tebal putih (Barlow Condensed) muncul kata demi kata dari blur: "Latihan lima menit lagi.", lalu "Partitur di mana? Siapa alto?", lalu "Kalian datang untuk bernyanyi." dengan kata terakhir berubah kuning. Babak 2: semua label dan metronom tersedot ke satu titik kuning di tengah; titik itu bergulir ke kanan dan menjadi titik pada wordmark "serempak." sementara huruf-hurufnya muncul dari blur, lalu wordmark bergeser ke kiri. Babak 3: panel aplikasi meluncur dari kanan berisi "Latihan Kamis · 19.30", empat baris Sopran, Alto, Tenor, Bas dengan bilah kehadiran dan angka yang menghitung naik, serta baris partitur dan iuran. Di bawah, empat garis gelombang berwarna dengan label Sopran, Alto, Tenor, Bas berfase berbeda perlahan sejajar menjadi satu garis kuning, disertai tagline "Empat suara. Satu tempat.". Tepat saat menyatu, satu ketukan serempak: garis kuning membengkak terang dengan kilau yang menyapu dari kiri ke kanan, keempat label dan inisial S, A, T, B di panel berubah kuning bersamaan. Easing halus (power3/expo), kamera melayang pelan, tanpa jeda mati.

Video Motion design lainnya

  1. Semerbak, Aplikasi Penemu WangiMotion design18 dtkSemerbak, Aplikasi Penemu WangiFilm produk 18 detik untuk aplikasi fiktif Semerbak di panggung gelap bersudut bulat berlatar cahaya amber: ikon gelombang wangi, beranda aplikasi, daftar parfum, deretan sampul aroma, pencarian "Kabut Melati", lalu sampul kabut sutra mutiara yang membesar, bertukar tempat, dan berujung pada logo Semerbak.Shader · SVG · CSS
  2. Prangko yang Kabur dari BingkainyaMotion design20 dtkPrangko yang Kabur dari BingkainyaSebuah prangko bergambar matahari, gunung, dan sawah tak sanggup menahan isinya: matahari menjebol perforasi, gunung tumbuh melewati tepi, dan sawah memanjang keluar sebelum layar tersapu kuning dan hijau. Di akhir, prangko yang tinggal bingkai kosong dicap pos dengan kalimat penutup.Canvas 2D
  3. Satu Detik Seekor KolibriMotion design20 dtkSatu Detik Seekor KolibriRibuan partikel bercahaya berkumpul menjadi seekor kolibri yang melayang di depan bunga di ruang gelap, sementara penghitung besar bergaya HUD menghitung 53 kepakan sayap lalu 21 detak jantung yang terjadi dalam satu detik.Canvas 2D · Partikel · CSS
  4. Flamboyan di Kota KelabuMotion design20 dtkFlamboyan di Kota KelabuIklan sinematik gelap untuk gerakan tanam kota fiktif Rimbun: barisan warga kelabu berbaris serempak di bawah menara jam, lalu satu sosok oranye menanam benih di retakan alun-alun beton dan sebatang pohon flamboyan tumbuh menyala, menutupi menara jam dengan bunga merah jingga.Canvas 2D · Partikel
ArtikelSusun brief