Motion design

Terima Kasih ala Nusantara

Showreel bergaya editorial untuk arsip bahasa fiktif Lumbung Kata: ucapan terima kasih berganti cepat dalam sebelas bahasa di atas latar krem, situsnya tampil di bingkai browser dan ponsel dengan mode gelap, lalu kolom tanya menjawab pertanyaan dengan huruf besar. Video ditutup angka 718 bahasa daerah dan kartu akhir Lumbung Kata.

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

Prompt

Buat video motion graphics bergaya showreel (1280x720, 20 detik) untuk Lumbung Kata, arsip fiktif bahasa daerah Nusantara. Isinya tentang satu kata: terima kasih, dan bagaimana sebelas bahasa mengucapkannya. - Buka dengan kartu judul di tengah: label kecil huruf kapital terakota "ARSIP BAHASA DAERAH · NUSANTARA", nama "Lumbung Kata" dalam serif besar, tiga chip pil putih bertitik terakota (718 bahasa daerah, Rekaman penutur asli, Terbuka untuk sekolah) yang muncul satu per satu, lalu satu kalimat italic abu-abu. - Adegan kinetik: "Terima kasih" dalam serif raksasa berganti mengikuti ketukan menjadi Matur nuwun (Jawa), Hatur nuhun (Sunda), Suksma (Bali), Mauliate (Batak Toba), Tarimo kasih (Minangkabau), Sakalangkong (Madura), Tampiasih (Sasak), Kurre sumanga' (Toraja), Makase (Melayu Manado), dan Danke (Melayu Ambon). Tiap kata punya label bahasanya, gelombang suara SVG yang diputar dengan playhead terakota, dan penanda posisi "3 dari 11". Ritmenya melambat, lalu makin cepat, lalu mendarat pelan. - Tampilkan situsnya di dalam bingkai browser: navigasi, judul "Terima kasih", daftar rekaman dengan tombol putar dan gelombang mini, serta baris angka. Pil "Terang, gelap, atau ikut sistem" muncul, kursor mengeklik tombol tema, dan mode gelap menyapu halaman lewat lingkaran yang meluas dari tombol itu. Setelah itu browser bergeser ke kiri dan bingkai ponsel masuk menampilkan versi mobile dalam mode gelap. - Kolom tanya: pertanyaan diketik di kotak input, lalu tampil besar dan tebal "Bagaimana orang Toraja bilang terima kasih?" dengan kartu jawaban "Kurre sumanga'." (Bahasa Toraja, Sulawesi Selatan), disusul "Kalau di Madura?" yang dijawab "Sakalangkong." - Angka besar 718 menghitung naik dengan label "BAHASA DAERAH DI INDONESIA", lalu tutup dengan kartu akhir Lumbung Kata, kalimat ajakan italic, tombol "Mulai merekam", dan gelombang suara yang masih hidup. - Aturan brand premium: hanya tiga warna (krem #F3ECDF, tinta #1D1813, terakota #B4512B) plus turunan tipisnya, serif Newsreader untuk judul dan Inter untuk UI, satu ide per adegan, objek utama di tengah, ruang napas lega, semua gerak memakai easing, transisi halus dengan blur dan geser alih-alih potongan keras, dan ritme pada 120 BPM sehingga setiap pergantian jatuh tepat di ketukan. - Bangun dengan HTML, CSS, dan SVG, dianimasikan dengan satu timeline GSAP. Video senyap.

Video Motion design lainnya

  1. Kisah Angka Nol dalam 20 DetikMotion design20 dtkKisah Angka Nol dalam 20 DetikShowreel tipografi berlatar jingga kunyit menceritakan perjalanan angka nol: angka 628 bergaris tipis, tiga lambang nol kuno dari Babilonia, Maya, dan India di depan garis besar angka 0 raksasa, lalu deretan nol yang melipatgandakan angka 1 menjadi 1.000.000 di atas penggaris nilai tempat. Sapuan cahaya diagonal membuka layar hitam tempat angka 0 tergambar, menyala, dan meledak menjadi serpihan cahaya dengan kalimat penutup.SVG · CSS · Canvas 2D
  2. Ulem, Undangan dari Satu PesanMotion design20 dtkUlem, Undangan dari Satu PesanVideo peluncuran bergaya kertas untuk aplikasi fiktif Ulem: pesan obrolan acara yang berantakan dirapikan menjadi kartu undangan syukuran, catatan tempel berisi satu kalimat berubah menjadi undangan khitanan bermotif kawung, lalu satu undangan berganti empat gaya. Video ditutup dengan nama Ulem dan tiga kartu undangan yang mengipas naik.SVG · CSS · GSAP
  3. Kenalan Dulu dengan Sepak TakrawMotion design20 dtkKenalan Dulu dengan Sepak TakrawReel vertikal bergaya pop art kuning: enam kartu fakta sepak takraw berwarna terang muncul satu per satu, lalu bola rotan melesat ke kamera dan lingkaran biru membuka papan taktik tempat satu reli dimainkan dari servis, umpan, sampai smes salto yang berbuah poin.Canvas 2D · SVG · CSS
  4. Seratus Lampu untuk Gang KamiMotion design20 dtkSeratus Lampu untuk Gang KamiVideo peluncuran bergaya tipografi kinetik di latar gelap tentang gerakan warga fiktif Gang Nyala: grafik pejalan kaki yang datar, gang sempit yang satu-satunya lampu jalannya berkedip lalu padam, lalu seratus lampu menyala di peta kampung sampai gang itu terang lagi, dengan lampu di kedua dinding, warung yang buka, dan warga berjalan.Canvas 2D · SVG · CSS
ArtikelSusun brief