Motion design

Sampul, Rak Bekas Ketemu Pembaca

Jendela katalog toko buku bekas terang di latar arang memperlihatkan pemilik mengetik judul dan harga satu per satu sementara angka terjual tetap nol, lalu jendela itu menyusut menjadi titik oranye yang dihampiri ratusan titik pembaca yang sedang mencari buku. Semua titik berkumpul menjadi tanda titik pada wordmark aplikasi fiktif sampul.

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

Prompt

Buat video pitch produk 20 detik (1280x720) sebagai halaman HTML/JS yang setiap frame-nya dihitung dari waktu, untuk aplikasi fiktif bernama sampul. yang mempertemukan toko buku bekas dengan pembaca. Gaya: latar arang #232120, satu warna aksen oranye #f26b1f, tipografi Inter, takarir besar di bawah layar dengan satu kata yang menyala oranye bergantian mengikuti ritme bacaan, indikator rekam kecil (titik oranye + 00:00) di pojok kanan atas, gerak halus dengan motion blur vertikal tipis lewat filter SVG saat daftar bergulir. Babak 1 (0-10 detik): jendela aplikasi katalog berwarna krem terang dengan sudut membulat dan bayangan lembut. Isinya bilah pencarian, penghitung Terdaftar 128 dan pil merah Terjual 0, lalu daftar buku bekas fiktif (sampul kecil bergaris warna, judul, penulis, kondisi, harga, tombol Ubah) yang terus bergulir tersentak-sentak. Kartu dialog Tambah buku muncul di kanan: judul, penulis, dan harga diketik huruf demi huruf dengan kursor teks berkedip sementara penunjuk mouse menunggu di slot foto, lalu tombol Simpan ditekan, penghitung naik ke 129, lalu dialog baru mulai diketik lagi. Takarir: "Berjam-jam memotret, mengetik judul, menulis harga satu per satu..." lalu "dan rak tetap penuh, nyaris tak ada yang terjual." Pil Terjual 0 berdenyut. Babak 2 (10-16,3 detik): isi jendela memudar dan jendelanya menyusut menjadi satu titik oranye bercahaya di tengah. Takarir "Padahal, setiap hari,". Ratusan titik abu-abu kecil (pembaca) bermunculan di sekelilingnya, beberapa membawa label pencarian seperti "cari: Hujan di Atas Seng". Garis tipis oranye tumbuh dari pembaca ke titik tengah, denyut cahaya berjalan di garis, titik pembaca yang tersambung berubah oranye, dan angka pencarian hari ini naik sampai 214, ditempatkan di atas jaringan dalam zona arang yang bersih supaya angkanya tetap terbaca. Takarir "ada pembaca yang mencari buku persis seperti milikmu." Babak 3 (16,3-20 detik): semua titik tersedot ke pusat dan, sementara huruf wordmark sudah mulai naik, titik oranye meluncur menjadi tanda titik pada wordmark besar "sampul." yang hurufnya naik satu per satu dari bawah, disusul kartu notifikasi kecil "3 pembaca mencari Hujan di Atas Seng" dan takarir penutup "Rak bekasmu, ketemu pembacanya." Gunakan canvas 2D untuk partikel dan garis, HTML/CSS untuk antarmuka, dan SVG untuk ikon serta motion blur.

Video Motion design lainnya

  1. Obeng, Catatan Perbaikan RumahMotion design20 dtkObeng, Catatan Perbaikan RumahDiorama 3D isometrik di atas piringan berganti dari dapur, teras, ke ruang tengah, sementara kartu di bawahnya mendengarkan kalimat pemilik rumah lalu menyusunnya jadi catatan perbaikan. Video ditutup dengan ringkasan tiga perbaikan dan total biaya bulan ini.Three.js · GSAP · CSS
  2. Rona, Palet Warna InstanMotion design20 dtkRona, Palet Warna InstanVideo peluncuran 20 detik untuk alat fiktif Rona di latar krem hangat: kalimat Temukan warnamu diketik, hurufnya tersedot lalu meledak jadi garis-garis radial, logo kipas lima kartu warna terbentuk, lalu jendela aplikasi memperlihatkan lima kolom warna yang dikunci, diacak, dan diekspor sebelum kolomnya melipat kembali menjadi logo.Canvas 2D · Partikel
  3. Untai, Membaca KehidupanMotion design20 dtkUntai, Membaca KehidupanFilm peluncuran 20 detik bergaya alat pengembang untuk pustaka genomika fiktif Untai: satu kursor melepas sinyal yang bercabang, fungsi baca() terhubung ke 24 format data, lalu satu aliran berubah dari huruf basa menjadi heliks DNA, protein yang melipat, dan pohon kekerabatan sebelum ditutup wordmark Untai. Di tengahnya empat proses berjalan paralel dan aliran yang terputus tersambung lagi dari titik yang sama.Canvas 2D · Partikel
  4. Menembus Tirai AuroraMotion design20 dtkMenembus Tirai AuroraDari orbit, matahari terbit di tepi Bumi dan angin matahari keemasan menyalakan cincin aurora, lalu kamera menyelam menembus tirai cahaya hijau dan ungu, menengadah ke mahkota aurora yang berputar, dan mendarat di tepi danau pegunungan saat langit masih menyala.Shader · WebGL · Canvas 2D
ArtikelSusun brief