Motion design

Lintang, Pemandu Langit Malam

Promo gerak aplikasi fiktif pengamat bintang bernama Lintang: di dalam mockup ponsel, peta langit dengan rasi Orion dan sabuk Waluku tergambar, lalu kartu bulan, planet, kecerahan langit, jadwal malam, dan pengingat hujan meteor Geminid muncul satu per satu mengikuti judul besar di atasnya. Empat titik tema mengubah tampilan aplikasi sampai mode merah, lalu sebuah meteor besar melintas di depan ponsel sebagai penutup.

Motion design · Canvas 2D, SVG, GSAP, CSS · 20 detik · 720×1280

Prompt

Buat video promo aplikasi vertikal 20 detik (720x1280) untuk aplikasi fiktif pengamat bintang bernama "Lintang" memakai HTML, CSS, SVG, canvas, dan GSAP. Latar hampir hitam dengan cahaya radial ungu tua yang bernapas pelan dan bintang kecil berkelip. Di atas: judul besar putih Plus Jakarta Sans ExtraBold, satu kata beraksen emas, muncul kata demi kata dari blur lalu memudar keluar. Di bawah ponsel ada tanda kecil "Lintang · pemandu langit malam" dengan bintang emas. Di tengah: mockup ponsel grafit dengan UI terang lavender, kartu putih bersudut lembut, dan angka JetBrains Mono. Urutannya: (1) "Langit malam, dalam genggaman." ponsel naik pelan, header "Malam Ini Cerah" dengan lokasi Bukit Sabana, kartu peta langit canvas: bintang bergerak naik, garis rasi Orion berbentuk jam pasir tergambar (Betelgeuse kiri atas, Bellatrix kanan atas, tiga bintang sabuk miring di tengah, Saiph kiri bawah, Rigel kanan bawah), label Betelgeuse dan Rigel, lingkaran bidik emas berlabel Waluku di sabuk, siluet bukit dan arah timur. (2) "Bulan, planet, sampai awan." tiap kata memunculkan kartu: bulan sabit tua 12%, tiga planet (Jupiter, Saturnus, Mars) bertumpuk, kupon bergaris putus "CERAH 92" dengan cincin persentase. (3) "Tahu kapan harus menengadah." header memudar lalu isi layar bergulir di bawah status bar yang tetap rapi, kartu jadwal 21.40, 23.15, 02.00 menyala bergantian dengan garis progres. (4) "Bahkan hujan meteor." kartu hujan meteor Geminid muncul, meteor melintas di peta langit dan latar, ketukan jari menekan tombol Ingatkan menjadi Aktif, notifikasi pengingat turun dari atas. (5) "Empat tema, satu langit." empat titik tema muncul di atas ponsel, cincin pemilih bergeser dengan riak cincin tebal yang mengembang, kilau titik terpilih, dan sapuan kilap di layar dari Terang ke Senja ke Malam, dan (6) "Mode merah, mata tak silau." seluruh aplikasi berubah merah gelap dengan ilustrasi bulan dan planet bergaris tepi merah terang, layar bergulir kembali ke peta langit, ponsel mendekat jelas, lalu satu meteor besar berekor panjang melintas di depan ponsel, peta langit berkilat, dan video ditutup pada bingkai akhir yang tenang. Semua gerak memakai easing halus dan pop ringan dengan kilau tepi saat kartu muncul.

Video Motion design lainnya

  1. Siul, Pengenal Kicau BurungMotion design20 dtkSiul, Pengenal Kicau BurungPromo gerak aplikasi fiktif Siul di latar hitam beraksen oranye: kursor otomatis mengenali ratusan rekaman kicau burung sekaligus, menyorot tiap kicauan di spektrogram yang bergulir, lalu memetakan sebaran Kepodang per bulan.SVG · CSS · Canvas 2DJuri 91
  2. Laras, Gitar Selaras SekejapMotion design20 dtkLaras, Gitar Selaras SekejapPil penyetel yang miring dalam perspektif menunjukkan senar sumbang dan gelombang pelayangan merah, lalu berubah menjadi bola cahaya yang menggambar gelombang bersih dan mengetik wordmark laras. Ponsel menyetel senar gitar satu per satu sementara teks di kiri ikut berganti, lalu bola cahaya memetik enam senar bercahaya sebelum logo dan tagline muncul.Canvas 2D · SVG · GSAP
  3. Ayo Ramaikan Lomba Tujuh BelasanMotion design12 dtkAyo Ramaikan Lomba Tujuh BelasanSeorang anak kartun berkaus merah dengan nomor dada 17 dan ikat kepala merah putih mengumumkan lomba tujuh belasan lewat enam adegan pop yang berganti cepat. Judul tebal bergaya stiker, medali emas, kartu lomba yang bergulir, ubin ikon karung sampai kerupuk, dan hujan konfeti menutup ajakan untuk meramaikan lapangan.SVG · GSAP · PartikelJuri 91
  4. Satu Langkah Sampai Garis FinisMotion design20 dtkSatu Langkah Sampai Garis FinisIklan tipografi kinetik tentang lari maraton: huruf serif tebal SATU, Tempo, Napas, Jarak, dan Terus bergantian di latar kertas, hitam, dan merah, ditemani catatan monospace, grafik tempo, gelombang napas, dan 42 kotak kilometer yang terisi, lalu ditutup pita finis merah yang putus di tengah.SVG · Canvas 2D · CSS
ArtikelSusun brief