Motion design

Ruang Kendali Waduk Satu Layar

Sebuah titik di layar hitam membuka terminal pemantau waduk fiktif Tirtana: grafik muka air, pos hujan, kurva kapasitas, pintu air, dan penampang bendungan muncul satu per satu, kamera menyelam ke beberapa skala, lalu menjauh sampai seluruh layar menjadi titik di angkasa. Dari titik itu kamera kembali mendekat ke ponsel mendatar berisi grafik dan tabel kapasitas, ditutup kalimat Satu Layar untuk Seluruh Waduk.

Motion design · Canvas 2D · 20 detik · 1280×720

Prompt

Buat animasi canvas 2D yang memukau dan detail untuk terminal pemantau waduk fiktif bernama TIRTANA, dalam satu file HTML dengan JavaScript. Mulai dari satu titik bercahaya di layar hitam, titik itu memanjang menjadi garis lalu membuka bingkai terminal gelap. Jendela-jendela muncul satu per satu dengan easing halus: bar atas berisi ticker (muka air, debit masuk, debit keluar, curah hujan, status SIAGA NORMAL, jam WIB), grafik Muka Air Waduk per jam berupa candlestick hijau toska dan merah koral dengan garis rata-rata ungu muda, garis batas siaga kuning, dan label harga hidup di sumbu kanan; daftar Pos Hujan dengan sparkline; panel Kualitas Air; tabel Pintu Air dengan bar bukaan; Penampang Bendungan dengan permukaan air yang beriak; dan tabel Kurva Kapasitas bergaya rantai opsi dengan kolom elevasi di tengah, bar volume, dan baris elevasi saat ini disorot kuning. Kamera zoom masuk ke ujung grafik yang terus bergerak, bergeser ke tabel kapasitas, lalu mundur jauh sampai seluruh terminal menjadi satu titik di antara bintang-bintang. Dari titik itu kamera zoom kembali dan menampilkan ponsel dalam mode landscape: separuh kiri grafik muka air, separuh kanan kurva kapasitas. Akhiri dengan judul Satu Layar untuk Seluruh Waduk dan logo TIRTANA. Palet hitam kebiruan, teks abu terang, angka monospace, aksen hijau toska, koral, ungu muda, dan kuning; semua teks berbahasa Indonesia, durasi 20 detik.

Video Motion design lainnya

  1. Sisir, Booking Barbershop OtomatisMotion design20 dtkSisir, Booking Barbershop OtomatisIklan vertikal 20 detik untuk aplikasi fiktif Sisir: pertanyaan booking pelanggan barbershop melayang di latar gelap, tiga kursi cukur terisi sendiri, lalu balasan magenta diketik huruf demi huruf sementara harga, jam buka, dan kursi kosong melompat dari kartu info ke dalam balasan sampai jadwalnya terkunci dengan tiket bergaris tiang barbershop.SVG · GSAP · CSS
  2. Panel Surya yang Tak Pernah SamaMotion design20 dtkPanel Surya yang Tak Pernah SamaDi latar oranye hangat, tujuh kartu hari menunjukkan panel surya yang sama berkapasitas 4,2 kWp, lalu kartu cuaca memperlihatkan hasil listrik yang berbeda tiap hari. Kamera mendekat ke kartu hari ini saat kurva daya digambar jam demi jam, awan putih melintas di depan kartu dan membuat kurvanya turun, lalu grafik seminggu dan logo aplikasi fiktif Terik menutup video.GSAP · CSS · SVG
  3. 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
  4. 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
ArtikelSusun brief