Motion design

Rentang, Lukis Harimu di Satu Putaran

Video peluncuran aplikasi fiktif Rentang untuk merancang hari: butiran jam terbang dari kartu 16 jam terjaga ke jam dinding 24 jam dan mewarnai lima kegiatan tepat di slot waktunya sampai sisanya nol, lalu semuanya terbentang menjadi garis waktu 06.00 sampai 22.00.

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

Prompt

Buat video motion graphics 20 detik (1280x720) untuk peluncuran aplikasi fiktif bernama Rentang, aplikasi untuk merancang hari jam demi jam. Satu file HTML dengan GSAP, SVG, dan canvas untuk partikel. Font Plus Jakarta Sans tebal, latar terang abu kebiruan, kartu putih bersudut membulat dengan bayangan lembut. Adegan 1 (0-3 detik): latar biru gradasi dengan cahaya lembut yang bergerak dan busur-busur tipis yang berputar pelan. Ikon aplikasi berupa ubin putih membulat: lima busur berwarna (biru, hijau, ungu, merah muda, oranye) tergambar satu per satu, lalu jarum jam navy berputar masuk. Wordmark putih "Rentang" naik huruf demi huruf dan tagline "Rancang harimu, jam demi jam." muncul. Adegan 2 (3-4,5 detik): lapisan biru menyusut dalam lingkaran dan membuka latar terang. Judul "Lukis harimu di satu putaran." masuk kata demi kata dengan coretan hijau di bawah "satu putaran". Kartu putih berputar 3D masuk dari kiri, jam dinding 24 jam besar di tengah berputar masuk (lintasan abu tergambar melingkar, 24 garis jam, label 00.00, 06.00, 12.00, 18.00, busur tidur 22.00-06.00 bertitik dengan ikon bulan), dan lima baris legenda masuk dari kanan. Adegan 3 (5-14,5 detik): kartu kiri menunjukkan HARI INI, SABTU 7 NOV, 16j 00m waktu terjaga, dan "Belum ditempatkan" dengan bilah progres. Berurutan secara kronologis untuk Olahraga (06.00-07.30, ungu), Kerja (07.30-13.30, biru), Belajar (13.30-15.30, hijau), Hobi (15.30-18.00, oranye), dan Keluarga (18.00-22.00, merah muda): pusat jam menampilkan ikon, nama, dan rentang jam kegiatan aktif; butiran jam bergambar jarum terbang melengkung dari kartu dan mendarat tepat di slotnya pada jam dinding, busur berwarna menyapu searah jarum jam dengan kepala bercahaya, ikon putih muncul di tengah busur, baris legendanya menonjol dan angkanya naik (1j 30m, 6j, 2j, 2j 30m, 4j) sementara sisa di kartu menghitung mundur sampai 0j 00m. Adegan 4 (14,5-16,3 detik): seluruh kartu berubah hijau muda dengan garis hijau berdenyut dan tulisan "Setiap jam punya tempat", lencana centang meletup, pusat jam berganti "16j terisi", gelombang cincin hijau memancar dari jam dan konfeti warna-warni meledak di belakang semua elemen. Adegan 5 (16,3-20 detik): judul lama keluar sepenuhnya, kartu, jam, dan legenda menyingkir, lalu judul "Harimu sudah dirancang." masuk. Lima kegiatan terbentang menjadi satu garis waktu tebal 06.00 sampai 22.00, tiap segmen berisi ikon, nama, dan durasi, label rentang jam di atasnya dan label jam di bawahnya, penanda "SEKARANG" bergeser pelan dengan kepala label di bawah garis waktu, kilau melintas, dan logo Rentang menutup di bawah. Gerak halus dengan easing back dan expo, tidak ada jeda diam.

Video Motion design lainnya

  1. Ajar, Les Privat Plus BonusnyaMotion design20 dtkAjar, Les Privat Plus BonusnyaVideo peluncuran aplikasi fiktif Ajar di atas langit biru pucat berawan: kursor mengetik lokasi les matematika, tiga tutor muncul dengan bonus sesi coba gratis, lalu kartu perbandingan menghitung nilai bonus tiap tutor dalam rupiah dan kursor memesan sesi coba sebelum ditutup logo Ajar.Canvas 2D · GSAP · CSS
  2. Takar, Jadwal Obat IbuMotion design20 dtkTakar, Jadwal Obat IbuTempelan kertas berisi pengingat obat Ibu dari anak-anaknya menumpuk di latar krem sampai badge merah menghitung dua belas dosis terlewat, lalu kalimat besar muncul dari buram dan ponsel aplikasi fiktif Takar mencentang jadwal obat dari pagi sampai malam sambil memberi tahu seluruh keluarga.CSS · GSAP
  3. Tas Anyam Pandan Edisi PertamaMotion design20 dtkTas Anyam Pandan Edisi PertamaFilm peluncuran 20 detik untuk tas anyam pandan fiktif Serat: makro anyaman hitam arang dengan dua daun pandan amber dan biru yang teranyam bersilang, lembar spesifikasi di samping tas tote bertali kulit yang disinari cahaya tepi, kilatan putih, lalu tas melayang di depan huruf raksasa ANYAM dengan label edisi pertama.SVG · GSAP · CSS
  4. Situs Partikel Terbang FajarMotion design20 dtkSitus Partikel Terbang FajarHalaman web gelap untuk layanan balon udara fiktif Awang: balon udara dari puluhan ribu partikel berkilau buyar menjadi pusaran arus panas, lalu tersusun ulang menjadi elang perak kebiruan berkepala putih yang melayang, sementara penunjuk ketinggian naik sampai 2.400 m dan lautan awan muncul di bawah cakrawala yang disinari matahari fajar.Three.js · Partikel · Shader
ArtikelSusun brief