Motion design

Papan Lab, Rakit Papan Seluncurmu

Papan seluncur 3D dengan lapisan kayu berwarna di sisinya melakukan kickflip sambil berganti tema warna di atas pita motif kawung, lalu tiga panel peramban gelap memperlihatkan uji kebulatan roda, grafik respons truk, dan latihan ollie dengan skor. Video ditutup dengan papan yang kembali melayang di bawah wordmark PAPAN LAB.

Motion design · Three.js, SVG, GSAP, CSS · 20 detik · 1280×720

Prompt

Buat video peluncuran 20 detik (1280x720, latar biru tua hampir hitam) untuk situs fiktif PAPAN LAB, studio daring untuk merakit dan menguji papan seluncur. Bagian 1 (0-5 dtk): wordmark PAPAN LAB lebar di atas, papan seluncur 3D Three.js di tengah (deck melengkung dengan kicktail terangkat dan tujuh lapisan kayu berwarna terlihat di sisinya, grip tape gelap bertekstur halus, truk logam dengan baseplate, hanger membulat, kingpin dan bushing, roda kecil berwarna dengan cincin bearing), bawahnya pita tipis motif kawung SVG. Papan melakukan tiga kickflip dan di tiap putaran tema berganti Klasik, Neon, Bata, Laut; deretan chip tema di bawah ikut berpindah dan cahaya latar berubah warna, lalu muncul kalimat "Jelajahi dalam 3D. Jadikan milikmu." Bagian 2: label 02 UJI RODA, judul besar "Kenali rodamu." dengan aksen hijau mint, dan jendela peramban kaca gelap yang menggambar dua jejak kebulatan roda (mint dan ungu) dengan jarum berputar yang diikuti sapuan warna transparan, persentase 99,1% dan 98,4% menghitung naik, lalu pil centang "Oleng saat diam 0,3%". Bagian 3: label 03 TRUK, judul "Rasakan beloknya." beraksen emas; tab Jalanan, Taman, Kolam, Menurun bergantian, kurva respons emas berubah bentuk, titik bergerak di kurva, dan bilah KIRI/KANAN berisi persentase. Bagian 4: label 04 LATIHAN TRIK, judul "Lompat lebih tinggi." beraksen biru muda; panel latihan sisi samping tempat papan kecil melaju dan meng-ollie tiga rintangan dengan jejak lengkung putus-putus, label tinggi tiap lompatan, dan papan skor yang naik (TINGGI MAKS ikut berubah saat label tinggi muncul). Penutup: papan 3D kembali berputar di bawah wordmark dengan ajakan "Rakit. Uji. Meluncur." dan pita motif kawung di bawahnya. Gunakan GSAP untuk timeline, SVG untuk grafik, font Unbounded, Inter, dan JetBrains Mono, bilah progres biru tipis di bawah, dan label bagian kecil di pojok kanan atas.

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