Motion design

Endus, Kucing Hilang Cepat Pulang

Poster kucing oranye bernama Kunyit tertimbun ribuan unggahan grup sampai dicap TERTIMBUN, lalu radar aplikasi fiktif Endus menyapu laporan warga sekitar dan menyalakan titik oranye yang mirip Kunyit. Video ditutup kartu temuan 350 m dari rumah dan logo Endus.

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

Prompt

Buat video promo vertikal 720x1280 berdurasi 20 detik untuk aplikasi fiktif bernama Endus, pencari hewan peliharaan hilang. Gaya motion design iklan aplikasi yang bersih: latar biru navy gelap bergradasi (#0a1730 ke #050b18), aksen oranye (#ff6b2c), teks putih tebal Plus Jakarta Sans 800 rata tengah dengan kata kunci berwarna oranye, setiap kalimat masuk kata demi kata dengan easing halus. Alur: 1. (0-2 dtk) Poster putih KUCING HILANG dengan ilustrasi kucing oranye Kunyit langsung tampil di tengah. Teks: "Kunyit hilang sejak Selasa malam." 2. (2-4,4 dtk) Poster mengecil, lalu lima jendela obrolan grup putih bergaris abu (Warga Griya Asri 2, Info Hewan Sleman, Ibu-Ibu RT 05, Jual Beli Kompleks, Kabar Kampung) jatuh menumpuk berjenjang di atasnya dengan sedikit rotasi, sehingga judul setiap grup tetap terbaca. Teks: "Postermu kamu sebar ke 5 grup." 3. (4,4-7 dtk) Angka besar di atas bergulir dari 0 ke 3.418 dengan label "unggahan baru di grup hari ini", sementara belasan kartu unggahan kecil terus menimbun tumpukan. Teks: "3 ribu unggahan baru masuk hari ini." 4. (7-9,2 dtk) Cap merah bertekstur kasar TERTIMBUN menghantam tumpukan dengan sedikit guncangan. Teks: "Postermu tenggelam sebelum sempat dilihat." 5. (9,2-16,2 dtk) Semua kartu mengecil dan tersedot ke satu titik di tengah sampai hilang, lalu dari titik itu radar di canvas 2D mekar: cincin tipis berskala 250 m sampai 1 km dengan label jarak di satu sisi, ikon rumah di pusat, puluhan titik abu laporan warga, dan sapuan kerucut oranye yang berputar. Putaran pertama membuat titik berkedip putih ("Endus membaca semua laporan di sekitarmu..."), putaran berikutnya menyalakan titik oranye bercahaya berlabel jarak ("...dan menandai yang mirip Kunyit."). Titik terdekat 350 m disorot dengan garis putus-putus oranye bercahaya yang tumbuh dari rumah, cincin denyut, dan label "Kunyit? 350 m". 6. (16,2-20 dtk) Radar naik mengecil ke atas sambil label jarak lain memudar dan hanya label Kunyit yang tersisa, sementara kartu temuan putih langsung naik masuk: avatar Kunyit, label Mirip 94% dengan bilah yang terisi, "Kucing oranye, kalung biru", "350 m dari rumah, dilaporkan 4 menit lalu". Lalu wordmark endus dengan ikon radar dan tagline "Bantu dia pulang lebih cepat." Radar terus berputar pelan sampai akhir. Gunakan GSAP untuk timeline elemen DOM/SVG dan canvas 2D untuk radar. Video tanpa suara.

Video Motion design lainnya

  1. Tokek Menjelaskan Kaki LengketnyaMotion design20 dtkTokek Menjelaskan Kaki LengketnyaSeekor tokek kartun membawakan acara bincang singkat tentang rahasia kakinya yang bisa menempel di dinding, disunting cepat dengan subtitle kata per kata, potongan zoom, latar yang berganti dari studio bertirai ke dunia pop bersinar lalu kartun lawas sepia. Di akhir ia menempelkan telapak kakinya ke layar.Canvas 2D
  2. Tujuh Warna dari Seberkas CahayaMotion design20 dtkTujuh Warna dari Seberkas CahayaReel gerak lima bab tentang pelangi: prisma kaca 3D memecah cahaya putih, tujuh batang neon membentuk wordmark Pelangi, lalu kata-kata yang distabilo di sebuah catatan terbang menjadi sketsa tangan tentang cahaya matahari yang membelok dan memantul di dalam tetes hujan hingga busur pelangi tergambar.Three.js · Canvas 2D · CSS
  3. Lapis, Satu Perintah Cetak 3DMotion design20 dtkLapis, Satu Perintah Cetak 3DVideo peluncuran 20 detik untuk alat fiktif Lapis di latar hitam: terminal mengetik perintah cetak vas spiral, tiga kartu pratinjau lapisan dan jalur nozzle mengipas keluar, lalu logo Lapis muncul dengan gradasi terakota ke ungu dan angka satu juta cetakan per bulan menghitung naik.SVG · GSAP · CSS
  4. Curhat Lampu Merah PerempatanMotion design20 dtkCurhat Lampu Merah PerempatanSebuah lampu lalu lintas bercerita dari sudut pandangnya sendiri lewat tipografi kinetik di layar gelap: tiga kata MERAH, KUNING, HIJAU menghantam layar, log kendaraan berlari di latar, penghitung motor penerobos dan klakson melonjak, lalu hitung mundur 3, 2, 1 berakhir pada lampu hijau dan ajakan silakan jalan.Canvas 2DJuri 91
ArtikelSusun brief