Motion design

Curhat Lampu Merah Perempatan

Sebuah 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.

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

Prompt

Buat video vertikal 9:16 berdurasi 20 detik dengan HTML dan canvas 2D: tipografi kinetik yang kacau tapi rapi, bercerita dari sudut pandang sebuah lampu lalu lintas di perempatan kota yang sibuk. Gaya: latar hampir hitam, HUD monospace kecil di atas ("lampu · perempatan 4 arah", titik live berdenyut, garis progres siklus yang warnanya ikut lampu aktif, persentase siklus, dan timer berjalan). Paduan huruf: serif italic untuk kalimat batin, sans condensed tebal raksasa untuk kata kunci, monospace untuk log dan label. Warna aksen hanya tiga: merah #FF4B3E, kuning #FFB627, hijau #2EE38A. Alur: (1) "dua puluh jam sehari / aku cuma bilang" lalu "tiga kata:" disusul kursor merah berkedip, label "memuat suara..." dan tiga titik lampu yang mengisi satu per satu; (2) MERAH, KUNING, HIJAU menghantam layar satu per satu dengan kilatan warna penuh layar, lalu berganti cepat secara acak dengan guncangan dan efek aberasi warna serta label "ERR: semua lampu ingin bicara"; (3) log kendaraan monospace bergulir di latar (motor terobos kuning, angkot ngetem, klakson), kalimat "yang paling sering / diterobos," dan penghitung motor nekat saat kuning naik ke 12.408; (4) stiker "TIN!" dan "TIIIN" bermunculan di seluruh layar dengan guncangan, kalimat "untung aku / tidak punya telinga." dan penghitung klakson per menit naik ke 1.312; (5) "tapi besok pagi, / aku tetap menghitung mundur" lalu angka raksasa 3, 2, 1 dengan cincin progres, dan penutup kilatan hijau dengan kata HIJAU, tiang lampu lalu lintas dengan lampu hijau menyala dan kalimat "silakan jalan." Tambahkan grain halus, easing yang tajam, dan tidak ada jeda diam lebih dari dua detik.

Video Motion design lainnya

  1. Kapang Hafal Resep TempeMotion design15 dtkKapang Hafal Resep TempeSebutir kedelai jatuh dan memantul di atas daun pisang, lalu benang kapang tumbuh darinya dan menyambung ke kartu resep ragi, grafik suhu peram, stok dan pesanan, serta memo tempel bercatatan spidol. Layar berubah gelap, semua kartu ditarik kembali ke kedelai, daunnya membungkus, serat kapang memancar, dan tulisan raksasa KAPANG HAFAL RESEPMU mendarat dengan kedelai itu sebagai titiknya.SVG · GSAP · Canvas 2D
  2. Rawat, Pengingat Servis MotorMotion design20 dtkRawat, Pengingat Servis MotorPromo gerak vertikal untuk aplikasi fiktif Rawat: mur, baut, roda gigi, dan tetes oli 3D berjatuhan di sekitar tanda tanya amber dan kartu pertanyaan servis, lalu ponsel 3D memindai odometer motor dan menampilkan dasbor jadwal servis oli, rem, ban, serta busi.Three.js · Canvas 2D · SVG
  3. Sekotak, Bekal Sekolah OtomatisMotion design20 dtkSekotak, Bekal Sekolah OtomatisVideo peluncuran 20 detik untuk aplikasi fiktif Sekotak yang menyusun bekal sekolah anak: kartu bekal di latar gelap berbola kaca toska terisi sendiri, judul muncul di atas gradasi aurora, wizard enam langkah diisi otomatis sampai jadwal diaktifkan, lalu kalender bekal Senin sampai Jumat menyusun kotak bekal berikutnya.GSAP · CSS · SVG
  4. Gerhana Total di Siang BolongMotion design10 dtkGerhana Total di Siang BolongKata LANGIT CERAH dan PUKUL 11.42 menyentak di layar hitam, lalu kata raksasa SIANG di kertas terang ditelan cakram bulan hitam sampai cahaya habis. Di tengah sinar merah dan korona putih, judul GERHANA • TOTAL dicap huruf demi huruf, pita merah miring menyapu masuk bersama stempel GELAP, dan cincin berlian menyala makin terang di tepi bulan sebagai penutup.Canvas 2D · SVG · CSS
ArtikelSusun brief