Motion design

Cukup Bawa Satu Ransel

Video peluncuran satir tentang kebiasaan membawa terlalu banyak barang: kartu daftar bawaan liburan dua hari terus memanjang sampai timbangannya lewat batas dan dicap merah KEBERATAN, lalu semua barang tersedot pusaran di panggung gelap dan muncul tulisan krom besar Ransel. di bawah lampu sorot.

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

Prompt

Buat video motion design 1280x720 berdurasi 20 detik dengan HTML, CSS, SVG, Canvas 2D dan GSAP: video peluncuran satir tentang orang yang membawa terlalu banyak barang untuk liburan dua hari. Gaya: font Inter (900 untuk judul, 400-600 untuk UI). Babak terang memakai latar studio krem hangat (#F7F3EC ke #E2D9CB) dengan garis lantai buram, grain halus dan vignette. Babak gelap memakai panggung biru tua (#060A18 ke #122046) dengan tiga lampu sorot biru pucat, debu melayang di dalam berkas cahaya, dan lantai yang memantulkan. Aksen teal #0E7C86 di kartu, merah cap #D4262F, jingga #FF8A3D untuk titik akhir. Adegan 1 (0-6 dtk): kartu aplikasi putih "Liburan 2 Hari · Pantai" berisi tulisan "Cuma dua hari, kok…" dan "…jadi saya bawa secukupnya saja." yang diketik. Kursor mengklik "…lihat selengkapnya", lalu daftar memanjang satu baris demi satu baris: kaus 14 lembar, sepatu 6 pasang, charger 5 dan power bank 3, payung 2 dan jas hujan, bantal 3 macam termasuk guling, catatan teal "sisakan ruang untuk oleh-oleh", dan "Muat, kan?". Setiap baris memunculkan cip mengambang berikon (Kaus × 14, Sepatu × 6, Charger × 5, Payung × 2, Bantal × 3), sebagian buram seperti depth of field. Angka berat di bawah kartu naik dari 3,2 kg, bilah timbangannya berubah merah dan label "batas 20 kg" berganti jadi "lebih … kg" setelah lewat batas, dan jumlah barang ikut naik. Kursor mengklik tombol Tambah tiga kali sehingga cip Buku × 3 muncul dan berat berhenti di 28,9 kg. Kamera mengikuti kartu yang memanjang supaya selalu di tengah bingkai. Adegan 2 (6-8,5 dtk): kamera mendorong masuk ke kartu, cap merah bergaya tinta "KEBERATAN." menghantam kartu dengan guncangan, dan wordmark hitam tebal "Bawa Semua." naik di kiri bawah. Adegan 3 (8,5-9,3 dtk): transisi glitch, potongan horizontal bergeser dan warna RGB terpisah. Adegan 4 (9,3-11,3 dtk): layar terbelah diagonal: sisi kertas krem bertuliskan "Barang banyak" abu-abu, sisi panggung gelap bertuliskan "Cerita banyak" putih di bawah satu lampu sorot. Garis diagonal lalu menyapu habis ke kiri. Adegan 5 (11,3-13,8 dtk): kartu-kartu mini dan ubin ikon barang (kaus, sepatu, payung, charger, bantal, buku) berputar dalam pusaran seperti terowongan dan tersedot ke tengah, cincin-cincin tipis bergerak ke dalam, tiga lampu sorot mengarah ke pusat, lalu kilatan cahaya. Adegan 6 (13,8-20 dtk): dari kilatan muncul tulisan "Ransel" krom berekstrusi besar yang berdiri di lantai reflektif, titik jingga bercahaya jatuh memantul menjadi tanda titiknya, lengkap dengan garis kilau tipis horizontal. Label kecil "MEMPERKENALKAN KEMBALI", tagline "Satu tas. Dua hari. Cukup." muncul per frasa, kilau menyapu permukaan krom dua kali, riak cincin jingga memancar dari titik menjelang akhir, lampu sorot bergoyang pelan dan debu terus melayang sampai akhir. Semua gerak memakai easing expo dan back yang tegas, pergantian adegan cepat dan bersih, tanpa jeda mati.

Video Motion design lainnya

  1. Wijayakusuma Mekar Tengah MalamMotion design10 dtkWijayakusuma Mekar Tengah MalamDi taman bergaya buku cerita bergambar, sore yang keemasan berganti senja lalu malam berbintang sementara jam kecil di pojok berputar cepat menuju pukul 00.00. Tabung bunga merah bata dari tepi daun wijayakusuma melengkung naik, lalu kuncupnya mekar menjadi bunga putih bercahaya berkelopak luar ramping kemerahan yang didatangi ngengat dan aliran serbuk sari.SVG · CSS · Partikel
  2. Satelit Kubus yang Harus DietMotion design20 dtkSatelit Kubus yang Harus DietDi latar hitam bercahaya ungu, kartu anggaran massa satelit kubus fiktif KenariSat terisi baris demi baris sampai totalnya 4,41 kg dan melewati batas roket 4,00 kg. Angka itu dicoret, turun menjadi 3,62 kg bergradasi ungu-magenta, lalu panel laporan menampilkan satelit kubus 3D yang berputar dan membentangkan panel suryanya seperti sayap, bar perbandingan massa awal dan akhir tiap komponen, pengukur batas massa, dan kursor yang mengunci rancangan.CSS · SVG
  3. Profil Gula Aren NiralokaMotion design15 dtkProfil Gula Aren NiralokaProfil gerak 15 detik untuk produsen gula aren fiktif Niraloka: emblem pohon aren dengan tetes nira yang jatuh ke bumbung, linimasa 2014 sampai 2026, alur empat langkah dari sadap nira sampai ke dapur, angka capaian di panel kuning, lalu grafik penjualan yang tumbuh. Semuanya dibingkai HUD navy beraksen amber dengan sapuan pita diagonal kuning dan oranye antarbab.SVG · GSAP · Canvas 2D
  4. Larik, Teman Menulis PantunMotion design20 dtkLarik, Teman Menulis PantunTeaser aplikasi fiktif Larik di latar krem beraksen ungu: baris keempat sebuah pantun diketik di editor gelap, lalu tombol Cek Rima menyorot pola a-b-a-b, busur rima, suku kata, serta bagian sampiran dan isi. Video ditutup dengan dinding nama jenis dan istilah puisi Nusantara yang bergulir dan logo Larik.Canvas 2D · SVG · GSAPJuri 90
ArtikelSusun brief