Motion design

Mangsa, Prakiraan Tanam Sepekan

Seorang petani kartun bercaping menunjuk kolom pencarian "padi di Klaten", lalu tabel tujuh hari terisi cuaca, hujan, angin, kelembapan, dan saran kerja sawah, dan tiap kolom menyala bergantian. Awan badai melintasi Rabu dan Kamis, Senin dicap sebagai hari tanam dengan bibit yang tumbuh, lalu panel melipat menjadi kartu logo Mangsa sementara petani melambai.

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

Prompt

Buat video promo motion graphics 20 detik (1280x720) untuk aplikasi fiktif bernama Mangsa, aplikasi prakiraan tanam untuk petani padi. Bangun semuanya dengan SVG, CSS, dan GSAP dalam satu file HTML. Latar biru navy gelap dengan pendar ungu lembut di atas, partikel debu dan garis hujan tipis. Di kanan bawah ada maskot petani kartun bercaping bambu dan kaus hijau berlencana daun: berkedip, bibirnya bergerak mengikuti takarir, kepala dan badannya bergoyang dan sedikit melompat di tiap sorotan, dan lengannya selalu berputar menunjuk ke hal yang sedang dibahas. Buka dengan kolom pencarian berbentuk pil yang mengetik "padi di Klaten" dengan petunjuk kecil di atasnya dan pilihan tanaman (Padi, Jagung, Cabai, Kedelai) di bawahnya, judul kinetik tebal SATU KETIKAN di kiri atas, dan maskot menunjuk tombol hijau Prakiraan. Tombol ditekan, kolom pencarian melebar menjadi panel tabel gelap dengan pencatat waktu dan jumlah hari, judul bertambah menjadi SATU KETIKAN → SATU PEKAN. Tujuh baris Senin sampai Minggu terisi satu per satu: ikon cuaca, curah hujan dalam mm dengan batang kecil, angin km/j dengan panah arah, kelembapan dengan cincin persen, dan lencana saran (Tanam bibit, Pupuk dasar, Tunda semprot, Cek pematang, dan seterusnya); tiap angka menghitung naik sekali ke nilai akhirnya dan tidak berubah lagi. Lalu kolom disorot bergantian dengan kotak bercahaya: HUJAN biru muda, ANGIN kuning amber, LEMBAP ungu, SARAN hijau, sementara kata yang sama menyala di baris judul. Setelah itu awan badai dengan kilat dan hujan melintas di atas baris Rabu dan Kamis yang ditandai merah, judul berganti KAMIS BADAI → SENIN TANAM, baris Senin menyala hijau dengan tiga bibit padi yang tumbuh, dan cap bundar HARI TANAM dihentakkan di tepi panel. Tutup dengan panel yang melipat menjadi kartu berisi logo besar Mangsa dengan tagline "Tanam di hari yang tepat." tepat di bawahnya dan label Prakiraan 7 hari untuk sawahmu, sementara maskot melambai dengan tangan terbuka.

Video Motion design lainnya

  1. Cangkang Arsip, Satu Tab Semua CangkangMotion design20 dtkCangkang Arsip, Satu Tab Semua CangkangVideo peluncuran bergaya jendela peramban gelap untuk arsip fiktif cangkang.arsip: logo nautilus spiral tergambar bersama sekat ruangnya, tujuh jenis cangkang tersusun dengan angka yang berhitung sampai 78.597, lalu kursor membuka halaman kauri harimau mengilap lengkap dengan penggaris dan kartu data sebelum ditutup kartu akhir.SVG · CSS
  2. Papan Lab, Rakit Papan SeluncurmuMotion design20 dtkPapan Lab, Rakit Papan SeluncurmuPapan seluncur 3D dengan lapisan kayu berwarna di sisinya melakukan kickflip sambil berganti tema warna di atas pita motif kawung, lalu tiga panel peramban gelap memperlihatkan uji kebulatan roda, grafik respons truk, dan latihan ollie dengan skor. Video ditutup dengan papan yang kembali melayang di bawah wordmark PAPAN LAB.Three.js · SVG · GSAP
  3. Sorak, Cuplikan Komentator KampungMotion design20 dtkSorak, Cuplikan Komentator KampungTiga kartu ilustrasi datar bergantian memutar komentator lomba kampung (sepak bola tarkam, bulu tangkis antarkampung, balap karung Agustusan yang dimenangi peserta nomor 3) lengkap dengan takarir yang menyala kata demi kata. Ketiganya lalu terbang masuk ke aplikasi fiktif Sorak yang merangkainya jadi satu cuplikan sorotan.SVG · GSAP · CSS
  4. Giliran, Antre dari RumahMotion design20 dtkGiliran, Antre dari RumahBu Rini mengambil nomor antrean klinik A-017 lewat ponsel dan memantau sisa antrean dari rumah. Di klinik, layar panggilan memanggil A-015, A-016, lalu A-017, dan tiap pasien ilustrasi datar menunjukkan ponselnya ke perawat di samping loket sebelum masuk lewat pintu ruang periksa.SVG · CSS
ArtikelSusun brief