Motion design

Tenang di Mata Badai

Video lirik bergaya showreel di atas siklon tropis yang dilihat dari orbit, dikelilingi laut biru tua: lirik serif muncul mengikuti ketukan 96 BPM, melingkar di sekitar mata badai, menghentak bersama kilat, lalu melambat saat kamera masuk ke mata badai yang sunyi dan keemasan. Awan akhirnya terurai menjadi fajar dan judul lagu menutup video.

Motion design · Shader, WebGL, SVG, CSS · 20 detik · 1280×720

Prompt

Buat video lirik motion graphics 20 detik (1280x720) yang terasa seperti showreel seorang motion designer kelas atas, untuk lagu fiktif berjudul "Tenang di Mata Badai" pada tempo 96 BPM (8 bar, 4/4). Latar penuh layar adalah fragment shader WebGL: siklon tropis dilihat dari orbit yang dikelilingi laut biru tua, tiga lengan awan spiral dengan rotasi diferensial (awan dekat mata berputar lebih cepat), tekstur awan kumulus menggumpal dari noise billow dengan puncak yang disinari dan bayangan awan di permukaan laut, pita hujan tipis di tepi luar, awan popcorn kecil di laut terbuka, dinding mata yang tebal, vignette, dan grain halus. Tempel di atasnya HUD gaya satelit dari SVG/DOM: siku bingkai di empat sudut, judul MATA BADAI di kiri atas, pembacaan ANGIN MAKS dalam km/j dan TEKANAN dalam hPa di kanan atas yang angkanya bergerak sesuai bab, penghitung BAR 01/08 dengan titik ketukan yang berkedip tiap ketukan di kiri bawah, dan nama bab di kanan bawah (01 SIAGA, 02 PUSARAN, 03 MATA BADAI, 04 REDA). Tipografi lirik memakai Fraunces (serif, campur tebal dan italic tipis), label HUD memakai IBM Plex Mono. Alur: bar 1, kata "Langit merapat / ke laut" muncul satu per ketukan dengan efek blur ke tajam. Bar 2, cincin tipis bertanda skala tergambar mengelilingi mata badai dan lirik "angin menggulung semua yang kupunya" muncul huruf demi huruf melengkung di busur atasnya. Bar 3 dan 4, kamera mendekat, putaran awan makin cepat, kilat biru putih menyala di dalam awan pada setiap ketukan, kata raksasa BERPUTAR menghantam masuk per huruf setiap setengah ketukan (selang-seling isi penuh dan garis luar, tiap huruf diletakkan sesuai lebar aslinya) lalu terpencar keluar sambil berputar, disusul "makin cepat," dan "makin keras" yang bergetar mengikuti ketukan. Bar 5 dan 6, tepat di ketukan pertama bar 5 letterbox turun dan kamera masuk ke mata badai: semuanya melambat, letterbox sinematik turun, laut di dalam mata berubah keemasan, angin turun ke hampir nol, kata italic "lalu" dan "sunyi." muncul pelan, lalu lirik "di tengah pusaran aku belajar diam" melengkung di sisi dalam dinding mata. Bar 7, awan terurai dan warna berganti ke fajar jingga persik sementara "badai boleh lewat, / aku tetap di sini." naik dari bawah. Bar 8, kartu judul "Tenang di / Mata Badai" tersusun huruf demi huruf di kiri dengan cincin skala menutup di sekitar mata badai. Semua gerak memakai easing yang tegas dan sinkron ke ketukan, tanpa jeda mati.

Video Motion design lainnya

  1. Showreel Psikedelik Ubur-UburMotion design20 dtkShowreel Psikedelik Ubur-UburShowreel gerak 20 detik dalam lima bab tentang ubur-ubur: payung bulan dilihat dari atas yang berdenyut dengan cincin pelangi, terowongan hipnotis dari ratusan payung kecil, pusaran sulur neon, kilat cahaya putih, lalu seekor ubur-ubur 3D bening berkilau pelangi melayang di laut dalam sebelum judul UBUR-UBUR muncul.Shader · WebGL · Canvas 2D
  2. Karet Gelang Unjuk GerakMotion design15 dtkKaret Gelang Unjuk GerakReel tipografi kinetik 15 detik berjudul KARET BISA: seutas karet gelang oranye memamerkan geraknya lewat kata yang bergerak sesuai artinya, dari MELAR, MENTAL, MELILIT, BERPILIN, MERANGKAI, sampai cincin karet 3D yang LENTUR, lalu ditutup dengan APA SAJA.Canvas 2D · Shader · WebGL
  3. Pesan Galon dalam Satu BentukMotion design14 dtkPesan Galon dalam Satu BentukSatu bentuk tanpa potongan berubah dari tombol hitam "Pesan galon" menjadi pemuat, centang, pulau info depot terdekat, kartu pilihan isi galon dengan air yang bergoyang, slider jumlah galon yang melar saat ditarik melewati batas, sakelar antar sampai dapur, grafik galon per minggu, lalu notifikasi kurir berangkat. Kursor menggerakkan setiap perubahan dengan klik dan tarikan, dan videonya kembali ke tombol awal.CSS · SVGJuri 90
  4. Ruang Kendali Waduk Satu LayarMotion design20 dtkRuang Kendali Waduk Satu LayarSebuah 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.Canvas 2D
ArtikelSusun brief