Motion design

Bayu, Angin Jadi Terang

Garis-garis angin menyatu menjadi baling-baling yang berputar lalu membentuk logo aplikasi fiktif Bayu, kemudian empat kartu Ukur, Putar, Simpan, dan Alirkan menyala bergantian di satu jalur. Setelah sapuan panel hijau limau, tiga turbin angin mengalirkan listrik ke deretan rumah yang jendelanya menyala satu per satu, sementara angka energi harian terus naik.

Motion design · SVG, CSS · 15 detik · 1280×720

Prompt

Buat video motion graphics 15 detik (1280x720) yang memamerkan kemampuan terbaikmu sebagai motion designer, untuk peluncuran aplikasi fiktif bernama Bayu: kendali energi angin untuk desa. Bangun semuanya dengan HTML, SVG, dan CSS, digerakkan oleh satu timeline deterministik dengan easing yang tegas (expo out, back out). Gaya: SaaS minimal yang terang, latar abu-abu sangat muda #F3F3F1, tinta hitam #141414, satu aksen hijau limau #C5E84B, garis tipis abu-abu, bayangan kartu yang lembut. Tipografi: Inter Tight tebal untuk judul, Instrument Serif untuk kata penekanan, JetBrains Mono kecil berjarak lebar untuk label. 0-2,6 detik: garis-garis angin abu-abu melesat dari kanan ke kiri dan menyatu ke baling-baling tiga bilah yang berputar kencang di tengah layar; putarannya melambat, baling-baling mengecil menjadi logo, huruf Bayu naik satu per satu, tagline KENDALI ENERGI ANGIN UNTUK DESA muncul dengan garis bawah limau. 2,6-3,3 detik: logo terbang ke pojok kiri atas menjadi header. 3,1-8,6 detik: label SATU ALIRAN. KENDALI PENUH. dan judul "Ukur, putar, simpan, alirkan dalam satu jalur." muncul kata demi kata. Empat kartu (01 UKUR, 02 PUTAR, 03 SIMPAN, 04 ALIRKAN) masuk berurutan dengan ikon kecil beranimasi dan panah penghubung yang tergambar. Sebuah titik limau berjalan di sepanjang jalur dan menyalakan tiap kartu: latar berubah hijau pucat, bilah progres terisi, angka metrik berdetak. Tiga poin fitur muncul di bawahnya. 8,5-9,3 detik: panel hijau limau bertepi hitam menyapu layar dari kanan ke kiri sebagai transisi. 9,0-13,0 detik: judul "Satu ladang angin. Satu desa menyala." Di kiri, ilustrasi garis: bukit tergambar, tiga turbin berputar, kabel listrik tergambar menuju enam rumah, denyut energi limau mengalir di kabel dan jendela rumah menyala satu per satu. Di kanan, panel data: angka energi hari ini naik sampai 1.284 kWh, grafik kecepatan angin tergambar, dan tiga baris log muncul bergantian. 13,0-15 detik: semua menyusut, logo kembali ke tengah lebih besar dengan baling-baling tetap berputar, tagline penutup "Angin jadi terang." dan garis bawah limau, ditemani garis angin tipis yang lewat.

Video Motion design lainnya

  1. Sensus Pohon Peneduh KotaMotion design20 dtkSensus Pohon Peneduh KotaInfografis gerak bergaya laporan editorial: 180 titik ruas jalan berubah warna saat angka besar menghitung jalan tanpa pohon peneduh, lalu titik-titik terbang membentuk grafik sebaran suhu aspal terhadap kanopi lengkap dengan tooltip, dan akhirnya ruas gersang berubah hijau menurut rencana tanam bibit.Canvas 2D
  2. Siput Kurir Paket KilatMotion design20 dtkSiput Kurir Paket KilatSeekor siput kurir bertopi biru butuh tujuh hari hanya untuk menempuh beberapa jengkal, lalu panik oleh pesan pembeli, menyalakan mode turbo, dan menabrak rumah tujuan. Isi paketnya ternyata sepasang sepatu lari, padahal ia tidak punya kaki.SVG · CSS
  3. Laut yang Melahirkan PulauMotion design20 dtkLaut yang Melahirkan PulauDi laut senja yang tenang, air mendidih dan menggembung lalu pecah menjadi letusan gunung api bawah laut: cincin kondensasi, jet abu, gelombang melingkar, dan kolom asap payung. Kamera berpindah sudut sampai sebuah pulau baru yang masih berasap muncul dari air.Three.js · Shader · Partikel
  4. Kotak Musik Putar dalam Lima LayarMotion design20 dtkKotak Musik Putar dalam Lima LayarSebuah situs produk fiktif untuk kotak musik kayu buatan Jepara bergulir melewati lima bagian yang tata letaknya berbeda: indeks lagu, dasbor mekanisme yang berbunyi, potongan teknis di latar gelap, kertas lubang untuk menyusun lagu, dan halaman pemesanan saat tutup kotak menutup.Canvas 2D · CSS
ArtikelSusun brief