Motion design

Selat, Satu Tiket Setiap Pulau

Di latar putih bersih, sebuah tiket kapal feri bergambar laut pagi berlipat ganda menjadi deretan kartu pulau dalam perspektif, lalu tersusun ke kalender keberangkatan sepekan. Satu jadwal berubah menjadi Berlayar dan membuka peta rute tempat kapal mungil menyeberang selat sampai wordmark selat. muncul.

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

Prompt

Buat video motion graphics 15 detik (1280x720) yang memamerkan kemampuan motion design, seperti showreel untuk aplikasi fiktif pemesanan kapal feri antarpulau bernama selat. Gaya: editorial UI yang bersih di latar putih, tipografi grotesk tebal (Archivo 800) di kiri atas dengan nomor bab kecil merah "01" diikuti garis tipis, huruf judul berganti dengan efek gulung per huruf (staggered roll) setiap bab. Semua ilustrasi dibuat prosedural dengan SVG dan dianimasikan dengan GSAP: langit bergradasi, matahari atau bulan, pulau bergunung dengan pohon kelapa, kapal feri putih bergaris yang terayun, ombak yang terus bergerak. Empat bab: 01 "Satu tiket." Satu kartu tiket potret di tengah dengan ilustrasi laut pagi, tulisan serif "Menyeberang, pagi ini" dan sobekan tiket berperforasi berisi rute Teluk Sari ke Pulau Kenari pukul 06.00. Kartu melayang dengan bayangan lembut dan sedikit miring 3D. 02 "Setiap pulau." Kartu mengecil masuk ke deretan enam kartu pulau berukuran berbeda (pagi, siang, senja, malam, kabut, tosca) yang meluncur masuk dalam perspektif rotateY lalu bergeser perlahan, tiap kartu punya label rute dan jam. 03 "Terjadwal." Deretan kartu turun dan memudar, panel kalender sepekan (Sen sampai Min, jam 06.00, 12.00, 17.30) naik; thumbnail kapal muncul satu per satu di slotnya dengan chip "Terjadwal". 04 "Berlayar." Chip slot Senin 06.00 berubah hijau menjadi "Berlayar" dengan denyut cincin, lalu slot itu membesar menjadi peta rute bergaya kartografi lembut (pulau berpasir dengan pepohonan bulat, kompas kecil): garis putus-putus tergambar di antara dua pulau, penanda kapal bergerak di sepanjang rute, kartu info menunjukkan progres dan jam tiba 07.40, lalu wordmark "selat." dan tagline "Satu tiket untuk setiap pulau." muncul. Easing power3/expo, tanpa jeda mati, berakhir dengan kapal masih melaju.

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