Motion design

Rawat, Pengingat Servis Motor

Promo gerak vertikal untuk aplikasi fiktif Rawat: mur, baut, roda gigi, dan tetes oli 3D berjatuhan di sekitar tanda tanya amber dan kartu pertanyaan servis, lalu ponsel 3D memindai odometer motor dan menampilkan dasbor jadwal servis oli, rem, ban, serta busi.

Motion design · Three.js, Canvas 2D, SVG, CSS · 20 detik · 720×1280

Prompt

Buat video promo vertikal 20 detik untuk aplikasi fiktif pencatat servis motor bernama Rawat. Latar biru petrol gelap dengan bokeh lembut dan satu warna aksen amber. Buka dengan tanda tanya 3D amber yang mengilap di Three.js, dikelilingi mur, baut, ring, roda gigi krom dan kuningan, serta tetes oli yang berjatuhan, plus kartu putih melayang berisi pertanyaan servis (oli mesin, busi, kampas rem, tekanan ban, aki, rantai, filter udara). Lalu semuanya tersapu keluar dan ponsel 3D naik ke tengah, memindai panel speedometer motor: jarum uji nyala menyapu skala, bingkai fokus mengunci odometer, garis pindai lewat, tiap digit diberi kotak, lalu muncul centang "Odometer terbaca". Layar berganti ke dasbor terang dengan sisa 420 km sampai ganti oli, cincin umur oli dan kampas rem, daftar servis dengan bar progres, dan notifikasi pengingat. Teks bawah dua baris di kotak gelap transparan, kata-katanya menyala bergiliran dari kiri ke kanan, ditutup logo Rawat.

Video Motion design lainnya

  1. Lembar, Herbarium Tanpa RibetMotion design20 dtkLembar, Herbarium Tanpa RibetDi panggung gelap, panel isian aplikasi fiktif Lembar mengetik data kantong semar dan lembar herbarium di sebelahnya ikut terisi, termasuk gambar tanamannya yang tergores garis demi garis. Lalu kursor mengganti templat, warna, dan huruf, dan video ditutup dengan tiga versi lembar yang mengipas di samping nama aplikasinya.CSS · SVG · Canvas 2D
  2. Alap-Alap Kawah MenukikMotion design15 dtkAlap-Alap Kawah MenukikDi latar arang gelap, sayap alap-alap kawah tergambar sebagai garis putih yang bulunya menyala merah bergantian, lalu terlipat rapat sementara garis arus udara menyempit dan hambatan udara turun. Burung bertengger tergambar garis demi garis, kemudian layar berubah merah saat ia menukik dari samping dan penghitung kecepatan naik sampai 320 km/j.Canvas 2D · SVG · CSS
  3. Oper, Pinjam Barang TetanggaMotion design20 dtkOper, Pinjam Barang TetanggaVideo peluncuran 20 detik untuk aplikasi fiktif Oper: stiker bor, tangga, dan tenda muncul di latar pastel bersama kalimat tentang barang yang jarang dipakai, stiker barang tetangga melayang lalu tersedot ke tengah, logo oper. mendarat dengan gelombang cincin, dan ponsel memperagakan peta kampung ilustrasi di Yogyakarta sampai pinjaman bor disetujui.SVG · GSAP · CSS
  4. Lima Wajah Huruf OmbakMotion design15 dtkLima Wajah Huruf OmbakKata OMBAK dieja huruf demi huruf, dan tiap huruf berperilaku seperti air: O memancarkan riak dan gelombang kejut, M meliuk bergelombang, B terisi buih, A dikelilingi cincin kata pasang surut, dan K tercebur memercikkan mahkota air. Di akhir kelima huruf berjajar rapi membentuk OMBAK yang bergoyang pelan di atas pita ombak.Canvas 2D · Shader · WebGL
ArtikelSusun brief