Motion design

Belah, Layar Pembuka Sel Membelah

Di dalam mockup ponsel hitam di atas latar abu terang, sebuah inti sel kuning berpendar berubah menjadi bentuk datar berwarna yang menjalani interfase, profase, metafase, anafase, dan telofase sampai terbelah menjadi dua sel. Kedua sel lalu bersatu menjadi ikon aplikasi fiktif Belah, lengkap dengan nama, tagline, dan bilah pemuat.

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

Prompt

Buat animasi splash screen 15 detik untuk aplikasi belajar biologi fiktif bernama Belah, ditampilkan di dalam mockup ponsel hitam bersudut membulat yang sedikit miring dan melayang di atas latar studio abu-abu terang. Gambar semuanya di 2D canvas, dengan transform CSS untuk sudut ponsel dan kilau kaca. Layar ponsel hitam pekat, bentuk-bentuknya datar dan cerah tanpa outline. Alurnya mengikuti pembelahan sel (mitosis): (1) inti sel kuning #ffe94a berpendar lembut di dalam cincin tipis setebal 4 px yang warnanya bergeser jelas dari hijau toska ke merah muda; (2) pendarnya memadat menjadi gumpalan salem yang bergoyang, lalu goyangannya mereda dan berubah menjadi persegi membulat magenta yang rapi (radius sudut sekitar 28%) dan miring 45 derajat, sementara kromosom berbentuk X gelap muncul di dalamnya; (3) bentuknya meregang menjadi elips tegak berwarna cyan, kromosom berbaris di tengah dan benang gelendong tipis menarik dari dua kutub; (4) kromosom terbelah dan bergerak ke kutub, elips menyempit di tengah seperti oval Cassini sampai putus menjadi dua sel hijau; (5) kedua sel berputar, satu menjadi oranye, lalu merapat, memipih jadi garis tipis merah muda pucat yang ditahan sesaat, lalu berbalik (scaleX dari 0 ke 1 dengan overshoot) menjadi ikon aplikasi koral berisi logo sel putih yang menyempit di tengah seperti sedang membelah dua. Ikon, wordmark, tagline, dan bilah pemuat tersusun sebagai satu kelompok di tengah layar. Wordmark Belah muncul huruf demi huruf dengan tagline "Biologi sel dalam genggaman" dan bilah pemuat tipis yang terisi penuh. Di sekeliling bentuk, empat konfeti kecil (titik cyan, titik merah, kotak hijau, cincin merah muda) mengorbit pelan, selalu di dalam layar, dan di akhir melebar mengelilingi seluruh kelompok logo tanpa menyentuhnya. Di bagian bawah layar ada label fase kecil berwarna abu dan lima titik penanda fase. Pakai easing yang lembut, setiap perubahan bentuk mulus tanpa potongan, dan ponsel sedikit berganti sudut di tiap fase.

Video Motion design lainnya

  1. Sampul, Rak Bekas Ketemu PembacaMotion design20 dtkSampul, Rak Bekas Ketemu PembacaJendela 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.Canvas 2D · SVG · CSS
  2. Jalan Panjang Sebutir NasiMotion design20 dtkJalan Panjang Sebutir NasiDi latar biru berpetak, diagram alur rantai beras tergambar simpul demi simpul dari sawah, penggilingan, dan gudang sampai ke warung makan dan dapur rumah, lalu butir-butir beras kuning mengalir di sepanjang garisnya. Sapuan kuning membuka kartu penutup gelap untuk kanal panduan visual fiktif Bulir dengan logo dua butir beras yang berputar.SVG · GSAP
  3. Reel Gerak Kembang ApiMotion design15 dtkReel Gerak Kembang ApiReel gerak 15 detik dalam empat bab tentang kembang api: sumbu menyala menyalakan huruf SULUT, roket menggores garis miring yang membelah latar oranye kata MELESAT, peluru kembang api meluncur lalu meledak sebagai cincin dari grid titik, dan gumpalan cair berganti warna unsur kimia di balik kata WARNA. Gumpalan menjadi bola, naik seperti peluru, lalu pecah menjadi hujan percikan yang jatuh di belakang judul penutup.Canvas 2D · Partikel
  4. Perkenalan Akun Catur Langkah KudaMotion design15 dtkPerkenalan Akun Catur Langkah KudaVideo perkenalan 15 detik untuk akun catur fiktif Langkah Kuda: papan memainkan pembukaan sambil tiga ide pembukaan menyala, kartu statistik taktik menghitung naik, grafik evaluasi partai tergambar, raja tumbang di kartu kuning, lalu kurva rating naik dari 800 ke 1.850.Canvas 2D
ArtikelSusun brief