Motion design

Sela Menggambar Rute Lari Pagi

Di antarmuka asisten fiktif Sela, permintaan peta rute lari 5K diketik di kolom obrolan, lalu peta bergaya warna komunitas tergambar dari buram menjadi tajam, terbang masuk ke ruang yang terbuka di bawah header pengumuman Lari Pagi Tepi Kali, dan titik pelari menyusuri rutenya.

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

Prompt

Buat klip motion design 20 detik (1280x720) yang memamerkan asisten fiktif bernama Sela yang bisa menggambar peta rute bermerek lalu memasangnya langsung ke konten. Gaya: demo produk SaaS yang bersih dan terang, latar putih hangat dengan pendar hijau pucat di sudut, font Inter, panel UI putih berbayang lembut yang dimiringkan sedikit dalam perspektif 3D CSS. Kamera virtual bergerak pelan (geser, zoom masuk dan keluar) dengan efek depth of field: panel yang tidak sedang difokus dibuat buram. Di kiri ada panel obrolan Sela, di kanan pratinjau pengumuman komunitas lari fiktif "Lari Pagi Tepi Kali" dengan header teal tua dan tombol oranye. Alur: (1) kamera dekat di kolom ketik, di atasnya sapaan Sela "Halo, mau tambah apa hari ini?" dengan tiga chip saran, lalu kalimat "Buat peta rute lari 5K dari alun-alun menyusuri tepi kali, tandai pos minum di km 2 dan km 4, lalu pasang di atas pengumuman." diketik huruf demi huruf dengan kursor berkedip, sementara pil teks gelap di bawah berbunyi "Cukup ceritakan peta yang kamu butuhkan" dengan satu kata berwarna hijau. (2) Kursor panah bergerak ke tombol kirim dan mengklik, pesan masuk ke obrolan, kamera mundur memperlihatkan kedua panel. (3) Sela menampilkan status bertahap (membaca rute, menggambar peta, menambahkan warna komunitas) dan kartu gambar dengan shimmer, lalu peta muncul dari buram dan berbintik menjadi tajam: sungai melengkung, blok bangunan, jalan, alun-alun hijau, lalu garis rute oranye tergambar berkeliling dengan belokan U yang membulat di alun-alun, penanda km 1 sampai 4, dua ikon tetes air pos minum, bendera mulai/finis, kompas, dan lencana merek teal di sudut. Semua digambar prosedural dengan canvas 2D. (4) Isi pengumuman bergeser turun sehingga terbuka slot bergaris putus-putus tepat di bawah header teal, lalu salinan peta terbang dari obrolan ke slot itu dengan easing halus tanpa menutupi header, diberi bingkai hijau dan label "Baru ditambahkan", sementara Sela membalas bahwa peta sudah dipasang. (5) Kamera menyorot pengumuman dengan header tetap utuh di dalam bingkai, titik pelari putih-oranye yang berpendar dengan jejak memudar berjalan menyusuri rute, pil teks berganti "Langsung terpasang di pengumumanmu", lalu kamera menarik mundur ke bidikan lebar yang rapi: kedua panel utuh dan pil teks berada di latar di bawahnya. Semua teks di layar berbahasa Indonesia.

Video Motion design lainnya

  1. Trotoar Milik Semua KakiMotion design20 dtkTrotoar Milik Semua KakiManifesto gerak 20 detik tentang trotoar: sebuah titik merah pejalan kaki terjepit motor parkir dan gerobak dorong, dihujani cap larangan merah, lalu di latar biru motor dan gerobak didorong turun ke badan jalan sementara trotoar melebar sampai banyak titik bisa berjalan bersama.Canvas 2D
  2. Sidik, Serial Thriller FiktifMotion design20 dtkSidik, Serial Thriller FiktifUrutan judul pembuka sinematik untuk serial thriller fiktif SIDIK: sidik jari pusaran spiral dengan delta, ujung garis, dan percabangan disapu cahaya miring, lalu 12 titik forensik merah ditandai satu per satu. Guratannya kemudian terurai seperti asap ke dalam tinta merah berserabut yang membentuk kembali sidik jari di dalam cincin judul.Shader · WebGL · Canvas 2D
  3. Reel Gerak Studio OrigamiMotion design15 dtkReel Gerak Studio OrigamiReel gerak 15 detik untuk studio rekayasa kertas fiktif bernama lipat. Kata bergaya mesin ketik berganti mengikuti ketukan, selembar kertas terlipat dua kali lalu terbuka menjadi pola lipatan dasar bangau dan gambar garis bangau, kemudian kamera menembus bingkai kawat berlabel menuju bangau origami 3D bergaya halftone sebelum ditutup logo yang bersih.Three.js · Shader · WebGL
  4. Gembur, Kompos dari DapurMotion design20 dtkGembur, Kompos dari DapurVideo peluncuran 20 detik untuk aplikasi kompos rumahan fiktif Gembur di latar krem: logo gundukan tanah bertunas, chip sisa dapur dikunci dalam satu catatan, grafik suhu kompos dengan pengingat aduk di hari ke-6, lalu ribuan butiran tanah berjatuhan dan menumpuk menjadi gundukan saat kompos siap dipakai.Canvas 2D · GSAP · SVG
ArtikelSusun brief