Motion design

Kafein, Molekul Pembuka Pagi

Wordmark kafein menebal dari tipis ke hitam pekat, lalu empat belas ubin atom putih yang mengilap berjatuhan di latar lavender terang dan menyusun diri menjadi struktur molekul kafein yang miring dalam 3D, lengkap dengan ikatan, cincin pirimidin dan imidazol, serta legenda 24 atom yang disorot per jenis. Molekul itu menyusut menjadi satu ubin biru yang membesar menjadi kartu miring bertuliskan Selamat pagi.

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

Prompt

Buat video motion design 20 detik (1280x720) bergaya video peluncuran yang bersih, dengan HTML, CSS, SVG dan GSAP saja, tentang molekul kafein. Gaya: latar putih keunguan (#EEF0F7) dengan cahaya lavender lembut yang bergeser pelan dan sedikit grain, satu warna aksen biru listrik (#3437F0) bergradasi ke ungu (#7B3AF2), huruf grotesk lebar dan tebal (Archivo lebar 125, berat 800) untuk judul, huruf mono kecil berjarak lebar untuk label, gerak masuk dengan blur dan easing expo/back yang halus. Alur: (1) Wordmark "kafein." muncul dari blur di tengah, tiap hurufnya menebal dari sangat tipis ke hitam pekat seperti orang terbangun, titiknya meletup biru, lalu rumus C8H10N4O2 tertulis di bawahnya. (2) Wordmark naik menjadi header kecil sementara rumusnya memudar, judul "Kecil, tapi bikin melek." naik per kata dengan frasa aksen bergradasi biru. Empat belas ubin atom putih mengilap bersudut membulat (C, N, O dan CH3) dengan label kecil Karbon, Nitrogen, Oksigen dan Metil di atasnya berjatuhan satu per satu dan memantul di bagian bawah layar, lalu melayang pelan. (3) Judul berganti menjadi "24 atom, satu molekul." dan semua ubin terbang melengkung dengan motion blur ke posisi struktur kafein yang benar (cincin enam dan lima yang menyatu, dua oksigen berikatan rangkap, tiga gugus metil, satu hidrogen di C8). Ikatan SVG tergambar satu per satu dengan cahaya biru, cincin pirimidin dan imidazol terisi warna tipis dan diberi label mono, denyut cahaya mengalir di sepanjang ikatan, ubin N dan O berpendar biru dan ungu, bidang molekul miring jelas dalam perspektif 3D sambil kamera mendekat, legenda bawah menghitung naik 8 karbon, 10 hidrogen, 4 nitrogen, 2 oksigen, lalu tiap jenis atom (karbon, hidrogen pada gugus metil, nitrogen, oksigen) bergantian membesar dengan cincin cahaya sewarna sementara atom lain meredup, bersama entri legendanya yang membesar dan diberi garis bawah berwarna. (4) Molekul menyusut menjadi satu ubin biru yang berputar dan membesar menjadi kartu biru miring dalam 3D dengan pola titik halftone, rumus kerangka kafein bergaris putih di pojok, label "MOLEKUL KAFEIN", judul besar putih "Selamat pagi.", baris "Ada di kopi, teh, dan kakao.", dan footer berisi rumus, wordmark kafein, serta 194,19 g/mol, ditutup kilau cahaya yang menyapu kartu. Semua teks berbahasa Indonesia, tanpa jeda mati.

Video Motion design lainnya

  1. Kapang Hafal Resep TempeMotion design15 dtkKapang Hafal Resep TempeSebutir kedelai jatuh dan memantul di atas daun pisang, lalu benang kapang tumbuh darinya dan menyambung ke kartu resep ragi, grafik suhu peram, stok dan pesanan, serta memo tempel bercatatan spidol. Layar berubah gelap, semua kartu ditarik kembali ke kedelai, daunnya membungkus, serat kapang memancar, dan tulisan raksasa KAPANG HAFAL RESEPMU mendarat dengan kedelai itu sebagai titiknya.SVG · GSAP · Canvas 2D
  2. Rawat, Pengingat Servis MotorMotion design20 dtkRawat, Pengingat Servis MotorPromo gerak vertikal untuk aplikasi fiktif Rawat: mur, baut, roda gigi, dan tetes oli 3D berjatuhan di sekitar tanda tanya amber dan kartu pertanyaan servis, lalu ponsel 3D memindai odometer motor dan menampilkan dasbor jadwal servis oli, rem, ban, serta busi.Three.js · Canvas 2D · SVG
  3. Sekotak, Bekal Sekolah OtomatisMotion design20 dtkSekotak, Bekal Sekolah OtomatisVideo peluncuran 20 detik untuk aplikasi fiktif Sekotak yang menyusun bekal sekolah anak: kartu bekal di latar gelap berbola kaca toska terisi sendiri, judul muncul di atas gradasi aurora, wizard enam langkah diisi otomatis sampai jadwal diaktifkan, lalu kalender bekal Senin sampai Jumat menyusun kotak bekal berikutnya.GSAP · CSS · SVG
  4. Gerhana Total di Siang BolongMotion design10 dtkGerhana Total di Siang BolongKata LANGIT CERAH dan PUKUL 11.42 menyentak di layar hitam, lalu kata raksasa SIANG di kertas terang ditelan cakram bulan hitam sampai cahaya habis. Di tengah sinar merah dan korona putih, judul GERHANA • TOTAL dicap huruf demi huruf, pita merah miring menyapu masuk bersama stempel GELAP, dan cincin berlian menyala makin terang di tepi bulan sebagai penutup.Canvas 2D · SVG · CSS
ArtikelSusun brief