ruang visualBeta tertutup
MasukDaftar
Motion design

Trah, Silsilah Keluarga Besar

Iklan gerak untuk aplikasi fiktif Trah: sebuah ponsel di latar biru malam menampilkan halaman silsilah Bani Sastro yang bergulir dari pohon keluarga, daftar acara (satu undangan ditandai Hadir), sampai album kenangan dan pesan Eyang, sementara judul bergaris stabilo berganti di atasnya. Di akhir, kursor mengetuk tombol tema dan halaman berubah menjadi versi ungu gelap.

Motion design · SVG, CSS, GSAP · 17 detik · 1280×720

Prompt

Buat iklan Instagram yang keren untuk Trah, aplikasi fiktif pembuat halaman silsilah keluarga besar. Gaya motion design SVG + CSS (GSAP untuk timeline), 17 detik, 1280x720. Latar biru malam gelap dengan cahaya lembut yang berganti warna. Di tengah ada mockup ponsel besar dengan layar gradasi lavender, biru muda, dan merah muda; di bagian atas layarnya ada judul tipografi kinetik tebal dengan sapuan stabilo, dan di bawahnya ponsel kedua yang lebih kecil menampilkan halaman keluarga "Bani Sastrowardoyo" (monogram, 142 anggota, 5 generasi, tab Pohon, Cerita, Acara). Urutan judul: "Keluarga besar itu / ramai sekali." (stabilo peach), "Jadi catat / semua ceritanya." (kuning), lalu "Satu halaman untuk" dengan kata yang berguling di dalam baris bermasker (kata lama keluar penuh dulu sebelum kata baru naik): "semua cucu." (mint), "setiap acara." (ungu lilac pekat), "semua kenangan." (biru langit), lalu "Rawat bersama." (salmon). Halaman di ponsel kecil bergulir halus mengikuti judul: pohon keluarga SVG yang garisnya tergambar dan simpulnya muncul satu per satu sampai cicit baru berlabel BARU yang berdenyut, daftar acara keluarga di mana tombol "Ikut" pada satu acara menyala menjadi "Hadir", album enam ilustrasi, dan kutipan serif miring yang ditahan utuh di layar sejenak. Di akhir halaman kembali ke atas, kursor mengetuk tombol bulan dan tema berubah ke ungu gelap lewat sapuan lingkaran dengan percikan bintang kecil. Gerakan ease-out yang lembut, tanpa foto, semua ilustrasi dibuat dengan SVG.

Video Motion design lainnya

  1. Tukang Sate Mengipas BaraMotion design11 dtkTukang Sate Mengipas BaraAnimasi pixel art 16-bit seorang tukang sate bersarung di samping gerobak SATE AYAM pada malam berbulan: ia mengipas arang makin cepat sampai bara menyala, api menyembur dengan percikan dan kepulan asap, lalu tenang lagi sementara sate perlahan matang dan seekor kucing oranye terlonjak kaget.Canvas 2D · Pixel art · Partikel
  2. 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
  3. 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
  4. 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
ArtikelSusun brief