Motion design

Cangkang Arsip, Satu Tab Semua Cangkang

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

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

Prompt

Buat video peluncuran 20 detik (1280x720) untuk situs fiktif cangkang.arsip, arsip daring koleksi cangkang laut. Semua visual dibuat dengan SVG dan CSS di dalam bingkai jendela peramban gelap (tab, tiga titik jendela, bilah alamat yang berganti URL), latar hampir hitam #0B0D0E, teks putih, satu warna aksen koral #FF8A5C, huruf Inter Tight tebal untuk judul dan JetBrains Mono kecil berhuruf kapital untuk label. Adegan 1 (0-5 detik): logo nautilus berupa spiral logaritmik yang tergambar dengan garis (stroke-dashoffset), lalu tujuh sekat ruang melengkung berwarna koral muncul satu per satu mengikuti gulungannya, wordmark cangkang.arsip naik huruf demi huruf dengan .arsip berwarna koral, tagline "Satu tab. Setiap cangkang dari laut Nusantara." Kamera mendorong pelan, butir pasir tipis melayang. Sepanjang video: cahaya kaustik lembut berwarna koral dan biru laut bergerak pelan di latar seperti pantulan air, dan di tepi bawah layar deretan nama cangkang (Kauri harimau, Kima raksasa, Nautilus berongga, Tiram mutiara ...) bergulir sebagai teks garis tipis yang sangat samar, hanya sebagai tekstur. Adegan 2 (5-13 detik): URL diketik menjadi cangkang.arsip/jelajah. Di kiri label JELAJAH MENURUT JENIS dan judul "Tujuh jenis cangkang. Satu arsip." (baris terakhir koral). Di kanan tujuh baris muncul bergantian, masing-masing dengan ikon garis kecil dan angka yang berhitung: Siput laut 38.412, Kerang 21.906, Kauri 7.385, Keong 5.940, Siput kerucut 3.217, Kima 1.428, Nautilus 309. Di bawah, total SEMUA SPESIMEN berhitung sampai 78.597. Kursor bergerak ke baris Kauri, menyorot dan mengekliknya. Adegan 3 (13-17,5 detik): halaman cangkang.arsip/kauri/harimau. Di kolom kiri, cangkang kauri harimau digambar SVG dari samping: kubah mengilap seperti porselen dengan gradasi krem ke cokelat, awan bercak biru keabuan dan cokelat di bawahnya, bintik gelap beragam ukuran yang makin rapat ke arah tepi dengan halo pucat tipis, garis punggung pucat yang bergelombang, pita tepi bawah yang lebih gelap, dasar pucat dengan celah bergerigi, kilau spekular dan cahaya tepi, bergoyang pelan di atas bayangan, dengan penggaris 0-15 cm yang memanjang di bawahnya, garis putus-putus koral menandai panjang sekitar 12 cm, dan garis pindai koral menyapu cangkang. Di kanan kartu data muncul baris demi baris: nomor katalog KA-07385, nama, nama ilmiah Cypraea tigris, panjang 7-15 cm, habitat terumbu karang dangkal, sebaran Indo-Pasifik, keluarga Cypraeidae. Adegan 4 (17,5-20 detik): kembali ke logo dan wordmark, angka 78.597 spesimen dan kalimat "Gratis dibuka siapa saja." Semua transisi memakai easing halus (expo out), tidak ada jeda diam lebih dari dua detik.

Video Motion design lainnya

  1. Tukang Sate Mengipas BaraMotion design11 dtkTukang Sate Mengipas BaraAnimasi pixel art 16-bit seorang tukang sate bersarung di samping gerobak SATE AYAM pada malam berbulan: ia mengipas arang makin cepat sampai bara menyala, api menyembur dengan percikan dan kepulan asap, lalu tenang lagi sementara sate perlahan matang dan seekor kucing oranye terlonjak kaget.Canvas 2D · Pixel art · Partikel
  2. Showreel Psikedelik Ubur-UburMotion design20 dtkShowreel Psikedelik Ubur-UburShowreel gerak 20 detik dalam lima bab tentang ubur-ubur: payung bulan dilihat dari atas yang berdenyut dengan cincin pelangi, terowongan hipnotis dari ratusan payung kecil, pusaran sulur neon, kilat cahaya putih, lalu seekor ubur-ubur 3D bening berkilau pelangi melayang di laut dalam sebelum judul UBUR-UBUR muncul.Shader · WebGL · Canvas 2D
  3. Karet Gelang Unjuk GerakMotion design15 dtkKaret Gelang Unjuk GerakReel tipografi kinetik 15 detik berjudul KARET BISA: seutas karet gelang oranye memamerkan geraknya lewat kata yang bergerak sesuai artinya, dari MELAR, MENTAL, MELILIT, BERPILIN, MERANGKAI, sampai cincin karet 3D yang LENTUR, lalu ditutup dengan APA SAJA.Canvas 2D · Shader · WebGL
  4. Pesan Galon dalam Satu BentukMotion design14 dtkPesan Galon dalam Satu BentukSatu bentuk tanpa potongan berubah dari tombol hitam "Pesan galon" menjadi pemuat, centang, pulau info depot terdekat, kartu pilihan isi galon dengan air yang bergoyang, slider jumlah galon yang melar saat ditarik melewati batas, sakelar antar sampai dapur, grafik galon per minggu, lalu notifikasi kurir berangkat. Kursor menggerakkan setiap perubahan dengan klik dan tarikan, dan videonya kembali ke tombol awal.CSS · SVGJuri 90
ArtikelSusun brief