Motion design

Merancang Rambu Kebun Raya

Blob terakota bertuliskan Arah. membuka kanvas desain bertitik berisi tiga rambu kebun raya dengan bentuk berbeda: papan gerbang lebar bertiang dua, totem persimpangan, dan papan peta di atas tiang tunggal. Totem dirakit komponen demi komponen berlabel, rute di peta tergambar, lalu kanvas miring menjadi perspektif 3D dengan papan terangkat dan komponen berlabel melayang.

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

Prompt

Buat video motion design 20 detik (1280x720) yang memperlihatkan proses merancang sistem rambu petunjuk arah fisik untuk sebuah kebun raya fiktif, dengan gaya kanvas desain ala Material 3 Expressive. Palet tonal satu warna terakota: latar pembuka peach #FFDCC6, primer #8C3A0E, container #FFB48A, kanvas #F4EEEA bertitik halus, garis bingkai cokelat gelap. Font Plus Jakarta Sans. Pakai HTML/CSS, SVG, dan GSAP. Pembuka: blob organik yang terus bergoyang dengan kata putih tebal "Arah.", lalu tirai lingkaran menyusut dan membuka kanvas. Di kanvas ada tiga rambu dengan bentuk fisik berbeda, masing-masing berlabel nama dan ukuran, punya tebal papan, baut pemasang, dan tiang: papan Gerbang lebar di atas dua tiang, totem Persimpangan tinggi di atas alas, dan papan Peta persegi di atas satu tiang. Ketiganya dihubungkan panah putus-putus. Kamera menyorot papan Gerbang Utama yang empat tujuannya (Taman Anggrek, Rumah Kaca, Danau Teratai, Toilet) muncul dalam grid lengkap dengan piktogram, jarak, dan panah arah. Kamera bergeser ke totem Persimpangan yang masih kosong: kursor otomatis menaruh komponen cetak satu per satu, tiap komponen dibingkai kotak seleksi dengan label di atasnya yang tidak menutupi teks (Judul, Panah Arah berbentuk bilah penunjuk, Chip Jalur, Piktogram Akses kursi roda, Skala Jarak, Kode QR). Lalu papan Peta: rute dari titik Anda di sini ke Danau Teratai tergambar dengan denyut pin. Kamera mundur memperlihatkan ketiga rambu, kanvas miring menjadi perspektif 3D, rambu terangkat dengan bayangan di lantai kanvas, dan komponen besar berlabel ikon melayang berayun pelan, ditutup kartu judul di pojok kiri atas.

Video Motion design lainnya

  1. Bayu, Angin Jadi TerangMotion design15 dtkBayu, Angin Jadi TerangGaris-garis angin menyatu menjadi baling-baling yang berputar lalu membentuk logo aplikasi fiktif Bayu, kemudian empat kartu Ukur, Putar, Simpan, dan Alirkan menyala bergantian di satu jalur. Setelah sapuan panel hijau limau, tiga turbin angin mengalirkan listrik ke deretan rumah yang jendelanya menyala satu per satu, sementara angka energi harian terus naik.SVG · CSS
  2. Batiskaf Turun ke Dasar LautMotion design20 dtkBatiskaf Turun ke Dasar LautDari kabin batiskaf bergaya pastel yang simetris, sebuah jendela bulat berbingkai kuningan memperlihatkan laut berganti dari terumbu karang yang terang, ubur-ubur di zona senja, ikan sungut ganda di kegelapan, sampai cerobong hidrotermal di dasar laut. Jarum tekanan, penggaris kedalaman, dan papan nama zona ikut bergerak, sementara secangkir teh di meja terus mengepul.Canvas 2D · Partikel
  3. Ketuk, Metronom yang Tak MelesetMotion design15 dtkKetuk, Metronom yang Tak MelesetShowreel gerak 15 detik untuk aplikasi metronom fiktif Ketuk: kursor mengetuk tombol sampai tempo terkunci di 120 BPM, kata tempo, aksen, ketuk, dan irama melompat di atas blok warna yang berganti tepat di ketukan, lalu bandul dan grid ketukan di latar hitam sebelum kembali mulus ke awal.Canvas 2D · Partikel
  4. Showreel Pemindai Gua KarstMotion design20 dtkShowreel Pemindai Gua KarstShowreel gelap untuk studio survei gua fiktif Gema Bumi: kamera terbang di antara tiga diorama awan titik berwarna amber, yaitu ruang gua penuh stalaktit, sungai bawah tanah yang mengalir, dan peta lorong yang tumbuh dari pintu masuk. Teks tipografi tebal, label mono, dan penghitung panjang lorong muncul di sela perjalanan kamera.Three.js · Shader · Partikel
ArtikelSusun brief