Motion design

Pilah, Ribuan Foto Jadi Sepuluh

Teaser 20 detik untuk aplikasi desktop fiktif Pilah: daftar kesulitan memotret berputar cepat lalu berhenti di memilih foto terbaik, jendela galeri dan berkas menumpuk di atas desktop berlatar lukisan sawah senja, lalu sebuah panel dari bilah menu memilah jepretan beruntun dan menyisakan yang paling tajam.

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

Prompt

Buat teaser hype 20 detik, lanskap 1280x720, untuk aplikasi desktop fiktif bernama Pilah yang tinggal di bilah menu dan memilah ribuan foto liburan menjadi segelintir foto terbaik. Semua teks huruf kecil, bahasa Indonesia, font sans modern. Gerak harus pelan dan halus: satu kamera menerus di atas satu desktop, tanpa potongan keras. Dorong, tarik, dan geser kamera berdurasi 1,5 sampai 3 detik dengan easing ease-in-out yang lembut. Beri motion blur saat gerakan cepat dan lapisan film grain tipis. Kursor berukuran besar. Tanpa audio. Wallpaper desktop berupa lukisan impresionis sawah berundak saat senja dengan gunung biru di kejauhan, dibuat prosedural di canvas. 1. Buka dengan kalimat besar di tengah di atas wallpaper yang diburamkan: "di era kamera saku, yang tersulit adalah", tiap kata masuk dari kanan dengan sapuan warna oranye-merah muda yang melintas di atas hurufnya. Tahan sekitar satu detik, lalu kecilkan ke atas. 2. Di bawahnya daftar berputar cepat berisi kesulitan memotret (mengisi baterai cadangan, mengosongkan kartu memori, menunggu cahaya senja, mengatur iso dan rana, dan seterusnya), masing-masing dengan ikon aplikasi bulat-persegi bergradasi. Putarannya cepat lalu mendarat pelan di "memilih foto terbaik", dan 0,2 detik kemudian tanda tanya muncul. 3. Tarik kamera mundur memperlihatkan desktop sementara jendela menumpuk dari belakang kamera: galeri berisi ratusan foto, folder unduhan penuh berkas IMG, jendela perbandingan dua foto yang nyaris sama, editor dengan histogram, obrolan yang meminta foto terbaik, catatan tempel, dan dialog penyimpanan hampir penuh. Semua foto mini digambar prosedural (langit, matahari, bukit, laut). 4. Dorong kamera ke depan sehingga jendela-jendela terbang melewati kamera, kembali ke teks: "jangan biarkan foto terbaikmu / tenggelam di antara ribuan." 5. Geser ke framing sangat rapat di bilah menu kanan atas. Kursor naik dan melayang di ikon diafragma, ikon memanjang menjadi pil bertuliskan pilah, lalu diklik dan sebuah panel kaca gelap turun dari bilah menu. 6. Di panel, enam kelompok jepretan beruntun muncul, garis pindai menyapu, foto terbaik tiap kelompok mendapat cincin oranye dan skor ketajaman, sisanya meredup, penghitung turun dari 2.418 ke 6. Kursor mengklik tombol simpan, tombol berubah menjadi tersimpan, lalu panel kembali masuk ke bilah menu. 7. Tutup dengan wordmark pilah dan daftar klaim yang cincin serta centangnya tergambar satu per satu.

Video Motion design lainnya

  1. Perkenalkan, Aku GravitasiMotion design10 dtkPerkenalkan, Aku GravitasiGravitasi memperkenalkan dirinya lewat tipografi kinetik: bola oranye memantul, huruf membumi jatuh ke garis, batu dan bulu jatuh bersamaan untuk kata adil, dan sebuah bandul melepas titiknya ke huruf i pada tak terlihat. Daftar hal yang ia kerjakan bergulir sebelum kata gravitasi mendarat dengan titik oranye.Canvas 2D · Fisika
  2. Lingkar, Membaca Cincin PohonMotion design15 dtkLingkar, Membaca Cincin PohonPromo gerak aplikasi fiktif Lingkar di latar biru gelap: tabel data cincin tahun dan judul serif membuka cerita, lalu foto sampel inti kayu jati diseret ke jendela aplikasi, pecah menjadi partikel yang menyusun penampang batang, dan garis pemindai membaca 142 cincin menjadi grafik lebar cincin dengan 11 tahun kemarau panjang.Canvas 2D · SVG · CSSJuri 90
  3. Satu Bentuk Menuju Tidur LelapMotion design20 dtkSatu Bentuk Menuju Tidur LelapSatu bentuk tanpa potongan berubah dari tombol hitam menjadi kolom perintah, dinding suara pengantar tidur yang digulir, penggeser pengatur waktu, sakelar alarm pintar, tab, grafik tahapan tidur, palet perintah, dan notifikasi alarm untuk aplikasi tidur fiktif. Kursor menggerakkan setiap perubahan dengan klik dan tarikan, lalu kembali ke tombol awal.SVG · CSS
  4. Lima Buah Musim Kios PetikMotion design18 dtkLima Buah Musim Kios PetikPromo gerak 18 detik untuk kios buah fiktif Kios Petik: durian terbelah, manggis dihitung juringnya, rambutan mendarat di grafik panen, salak ditimbang sampai pas sekilo, lalu mangga dipesan lewat kartu pesanan. Tiap buah tampil di latar warna datar yang berbeda dan ditutup logo keranjang buah Kios Petik.GSAP · SVG · CSS
ArtikelSusun brief