Motion design

Laras, Gitar Selaras Sekejap

Pil 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.

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

Prompt

Buat video motion design 20 detik (1280x720) untuk peluncuran aplikasi fiktif penyetel gitar bernama Laras. Gaya: latar hitam kebiruan dengan cahaya aurora teal, ungu, dan magenta yang buram di tepi layar, partikel bokeh melayang, kartu UI berbentuk pil putih dengan pendar gradasi, huruf sans tebal Plus Jakarta Sans dan angka monospace. Buka dengan pil penyetel yang miring jelas dalam perspektif 3D (condong ke samping dan sedikit berputar, tepi kanan yang lebih dekat berpendar magenta lebih kuat, perlahan berkurang miringnya) yang membaca 'SENAR 5 · A2 · 108,9 Hz' dengan jarum kecil dan chip merah '−17 sen', gelombang pelayangan merah berdenyut di bawahnya berlabel 'pelayangan 1,1 Hz', sebuah token not balok abu-abu jatuh dari bawah pil tanpa menutupi chip merah lalu memudar, lalu kalimat 'Satu senar sumbang. Satu lagu ikut goyah.' muncul kata demi kata. Pil itu menyusut menjadi bola cahaya biru-ungu yang melesat sambil menggambar gelombang sinus teal yang rata dan bersih berlabel 'senar 5 · 110,0 Hz' dan 'selaras · tanpa pelayangan', lalu melompat di atas huruf sehingga wordmark 'laras' muncul satu huruf per pendaratan, berhenti di kiri wordmark sebagai titik logo, dengan tagline 'Cukup pakai [ikon mikrofon] mikrofon ponsel'. Bola itu terbang masuk ke logo di mockup ponsel 3D yang meluncur dari kanan: dial setengah lingkaran dengan jarum yang bergerak dari −17 ke 0 sen sementara angka 108,9 berhitung ke 110,0 Hz, enam chip senar E A D G B E dicentang satu per satu, dan daftar riwayat menghitung 1/6 sampai 6/6. Teks di kiri berganti dari 'Mendengarkan · Senar 5, nada A' ke 'Baru saja · Senar 5 selaras 110,0 Hz', lalu judul dan angka Hz di kiri ikut berganti setiap kali satu chip dicentang (Senar 4 selaras 146,8 Hz, Senar 3 selaras 196,0 Hz, dan seterusnya) dengan penghitung 'dari gitar akustikmu · 3/6 senar selaras', sampai 'Siap dimainkan 6/6 senar'. Teks UI ponsel dibuat cukup besar agar terbaca. Penutup: enam senar bercahaya terbentang, bola cahaya turun menembus senar dari atas ke bawah dan memetiknya satu per satu, tiap senar tertarik lalu bergetar dengan simpangan jelas yang meredam dalam sekitar setengah detik disertai kilatan cahaya, senar turun ke bawah layar, lalu logo 'laras' dengan tagline 'Setiap senar, tepat di nadanya.' dan chip 'Unduh gratis di ponselmu'. Animasikan dengan timeline GSAP, canvas untuk aurora, partikel, gelombang, dan senar, serta SVG untuk ikon dan dial.

Video Motion design lainnya

  1. Tungku, Sembilan Alat DapurMotion design20 dtkTungku, Sembilan Alat DapurSembilan ikon aplikasi dapur melayang masuk ke layar ponsel di atas latar gradasi pastel, lalu berkumpul menjadi logo Tungku. Tiga aplikasi andalannya, Takar, Rebus, dan Ragi, tampil bergantian di ponsel sebelum ditutup kartu akhir berisi kesembilan ikon.SVG · CSS
  2. Mangsa, Prakiraan Tanam SepekanMotion design20 dtkMangsa, Prakiraan Tanam SepekanSeorang 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.SVG · GSAP · CSS
  3. Reel Gerak Metamorfosis Kupu-KupuMotion design15 dtkReel Gerak Metamorfosis Kupu-KupuReel motion graphics lima bab dengan bingkai HUD: tipografi kinetik BERUBAH, WUJUD, MAKAN, dan TUMBUH, lalu satu siluet putih di latar biru berubah dari telur, ulat berkaki, kepompong yang tergantung di ranting, hingga kupu-kupu. Ribuan titik 3D kemudian membentuk kupu-kupu, kawanan, dan lintasan migrasi sebelum kata TERBANG dan seekor kupu-kupu putih menutup video.Canvas 2D · Partikel
  4. Pulang, Mudik Tanpa RibetMotion design20 dtkPulang, Mudik Tanpa RibetSembilan ubin ikon urusan mudik Lebaran melayang di sekitar wordmark aplikasi fiktif Pulang, lalu tersambung dalam satu lingkaran bercentang. Setelah itu jadwal H-7 sampai Hari H tersusun di pohon garis, rute Jakarta ke Klaten terpantau dengan jarak yang menghitung mundur, dan video ditutup di wordmark dengan ikon yang kembali melayang.SVG · GSAP · CSS
ArtikelSusun brief