Motion design

Jejak Neon Sikep Madu

Garis neon hijau limau melacak migrasi seekor sikep madu bertanda pemancar melewati empat titik singgah berikon dan berlabel jarak, lalu burung kaca 3D bersayap jari dan berekor kipas mengepak di depan cincin radar di samping tulisan setiap kepakan tercatat. Penutupnya angka 8.640 km yang menghitung naik di balik tiga kartu kaca yang membiaskannya.

Motion design · Three.js, Canvas 2D, Shader, Partikel, CSS · 15 detik · 1280×720

Prompt

Buat motion graphic 15 detik (1280x720) dengan Three.js tentang migrasi seekor sikep madu bertanda pemancar satelit. Latar hitam pekat, satu warna aksen hijau limau neon (#C6FF3A) dengan bloom, tipografi sans tebal putih (Inter Tight) dan angka monospace hijau. Babak 1 (0-5 detik): kepala komet neon menarik garis bercahaya yang meliuk di atas bidang titik-titik 3D, kamera mengikutinya dari samping atas, titik di bawah jalur ikut menyala, sementara sisa rute di depannya tampak sebagai garis putus-putus redup. Di setiap titik singgah, di atas garis dan terhubung dengan tiang tipis, ada cincin neon berdenyut berisi ikon besar yang jelas (ombak, gunung, dua daratan dengan selat di tengahnya, gunung api berasap), dan di bawah garis ada pil kaca berisi nama tempat serta jarak kumulatif: Laut Cina Timur 760 km, Semenanjung Malaya 5.480 km, Selat Malaka 5.910 km, Pulau Jawa 7.320 km. Di atas muncul teks 'setiap kepakan.' huruf demi huruf dengan titik hijau, lalu kamera menukik ke kepala komet sampai layar menyala. Babak 2 (5-10,3 detik): garis neon melesat masuk dan bidang pindai hijau memunculkan seekor sikep madu dari kaca bening (MeshPhysicalMaterial transmission) dengan kontur dan guratan bulu neon yang menyala, dilihat dari atas di depan cincin radar: kepala kecil berparuh bengkok, sayap lebar dengan bulu primer yang merenggang seperti jari, ekor mengipas dengan tiga garis palang, dan cincin radar terlihat membias di balik kacanya. Burung mengepak pelan dengan pemancar di punggung yang lampunya berkedip. Di kanannya teks besar 'setiap kepakan' putih dan 'tercatat.' hijau, baris telemetri monospace (SM-27, ketinggian, km/jam), lalu denyut sinyal dari pemancar memunculkan notifikasi kaca '+212 km hari ini'. Babak 3 (10,3-15 detik): angka 8.640 km menghitung naik di depan cahaya hijau dengan keterangan 'ditempuh satu sikep madu dalam satu musim', tiga kartu kaca 3D bergelombang halus melayang naik, menutupi bagian bawah angka dan membiaskannya sampai digitnya tampak bergeser (41 hari di udara, 12 titik singgah, 46 km/jam rata-rata), lalu komet neon menyapu di balik kartu dan berhenti sebagai titik bercahaya. Gerak halus dengan easing, transisi blur cepat antar babak.

Video Motion design lainnya

  1. 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
  2. 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
  3. 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
  4. Peron, Teman Naik KeretaMotion design20 dtkPeron, Teman Naik KeretaPromo gerak aplikasi kereta komuter fiktif Peron di latar hijau tua: ponsel 3D yang miring dan berputar memperlihatkan peta jalur kereta yang tergambar sendiri, grafik kepadatan dengan penggeser jam berangkat, denah gerbong tempat kursi 5C ditandai dengan satu ketukan, lalu dasbor perjalanan pagi. Judul tebal putih beraksen hijau mint bergantian di sisi ponsel dan ditutup logo Peron.CSS · GSAP · SVG
ArtikelSusun brief