ruang visualBeta tertutup
MasukDaftar
Motion design

Teguk, Catatan Minum Harian

Video promosi vertikal untuk aplikasi fiktif Teguk di latar gradasi pastel aqua, lila, dan persik dengan tetes air melayang di belakang ponsel: sebuah ketukan memilih jenis minuman, ukuran gelas, waktu, dan pengingat lalu menyimpannya sampai cincin target harian terisi, kemudian kalender sebulan mengisi selnya hari demi hari dengan kartu keterangan bergaris penghubung ke sel yang dimaksud, ditutup logo Teguk besar di tengah layar.

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

Prompt

Buat video promosi vertikal 20 detik (720x1280) yang modern, elegan, dan berkesan untuk aplikasi fiktif Teguk, pencatat dan pengingat minum air. Pakai HTML, SVG, canvas, dan GSAP. Latar gradasi pastel aqua, lila, dan persik dengan gumpalan warna buram yang bergerak pelan dan tetes air kecil melayang di canvas di belakang ponsel. Judul serif besar dengan satu frasa miring beraksen teal, label bab kecil bernomor di atasnya, dan mockup ponsel realistis di tengah bawah. Bab 01 "Setiap tegukan tercatat dalam sekali ketuk": di bottom sheet Tambah minuman, kartu ringkasan gelas tetap diam di bawah judul sementara daftar chip bergulir; jari virtual memilih Air putih, gelas 250 ml, Setelah olahraga, dan pengingat 1 jam, menekan Simpan, muncul centang Tercatat, lalu cincin target harian naik dari 1.500 ke 1.750 ml. Bab 02 "Sebulan penuh, sekali lihat": judul masuk dari blur, ponsel mengecil sedikit dan layar berganti ke kalender Oktober 2026 yang selnya terisi air hari demi hari, kapsul menandai 9 hari beruntun, grafik rata-rata harian, dan kartu Catatan hari ini 1.750 / 2.000 ml. Tiga kartu keterangan (Tercapai 24 hari, Beruntun 9 hari, Hari ini 1.750 ml) muncul di sisi ponsel, masing-masing dengan garis putus-putus ke sel atau kapsul yang dimaksud. Penutup: ponsel mengecil dan memudar ke blur, lalu ikon tetes dan logo teguk. besar muncul di tengah dari blur ke tajam dengan riak cincin, slogan, dan dua chip fitur. Easing halus, tanpa jeda mati.

Video Motion design lainnya

  1. Cara GPS Menemukan PosisimuMotion design15 dtkCara GPS Menemukan PosisimuReel gerak editorial lima bab tentang GPS: peta langit bertitik mengunci satelit satu per satu, sinyal waktu turun 20.200 km ke ponsel, tiga lingkaran jarak bertemu di satu titik, dan bola dunia bertitik dikelilingi enam bidang orbit. Panel matriks titik penutup menunjukkan jam yang meleset satu mikrodetik menggeser posisi 300 meter.Canvas 2D · CSS · Partikel
  2. Tanah yang Hidup di Bawah KakiMotion design20 dtkTanah yang Hidup di Bawah KakiTipografi kinetik di latar cokelat kehitaman dengan jaringan hifa dan akar yang tumbuh di bawah garis permukaan tanah, ribuan mikroba yang terbang masuk ke satu sendok makan, lapisan horison O, A, B, C yang naik menjadi kertas krem, angka raksasa 1000 yang terisi lapisan tanah, sebuah kutipan serif, lalu tunas kecil yang tumbuh dan menyalakan seluruh jaringan.Canvas 2D · GSAP · Partikel
  3. Dari Tombol Menjadi RotiMotion design20 dtkDari Tombol Menjadi RotiSatu bentuk tanpa potongan berubah dari tombol hitam menjadi daftar bahan, bola adonan yang diuleni dan mengembang, kenop suhu oven, roti bundar yang digores lalu kecokelatan, dan notifikasi roti siap. Kursor menggerakkan setiap langkah dengan klik dan tarikan.CSS · SVGJuri 91
  4. Profil Singkat Sang Beruang AirMotion design10 dtkProfil Singkat Sang Beruang AirRibuan partikel bercahaya membentuk seekor tardigrada yang menarik kakinya dan mengerut menjadi tong kriptobiosis, lalu berganti rupa menjadi termometer, bumi dengan kapsul yang mengorbit, jam pasir, pengukur tekanan, dan pohon spesies yang bercabang, masing-masing dengan judul bergaya HUD. Video ditutup garis cahaya yang meledak menjadi wordmark TARDIGRADA.Three.js · Shader · Canvas 2D
ArtikelSusun brief