Motion design

Rakel, Desain Kaos Siap Sablon

Demo produk gelap beraksen oranye untuk aplikasi fiktif Rakel: kursor menyeret file desain kaos ke dasbor, desainnya terurai menjadi empat film warna bertingkat dalam 3D, tiap film diafdruk ke rangka screen di bawah sapuan lampu UV, lalu skor siap cetak 94 muncul sebelum logo menutup video.

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

Prompt

Buat video demo produk paling mengesankan untuk Rakel, aplikasi fiktif bengkel sablon kaos kecil, 1280x720, 20 detik, satu file HTML dengan SVG, CSS 3D, dan GSAP 3.12.5. Gaya: panggung hampir hitam (#0b0a09) dengan cahaya oranye hangat yang bergeser pelan di belakang, grain halus, UI gelap ala SaaS premium. Aksen tunggal oranye #f2792b, teks krem #efe8de, abu-abu hangat untuk teks sekunder. Huruf Manrope, label bab kecil berhuruf kapital renggang dengan garis oranye di depannya, judul bab dibagi seimbang tanpa kata yatim. Gerak tenang dengan easing power3/expo, tidak ada pantulan norak. Alur: 1. 0-2,3 dtk: wordmark besar "Rakel." (titik oranye) dengan tagline "Dibuat oleh tukang sablon untuk bengkel sablon kecil." muncul dari blur. 2. 2,3-4,5 dtk: jendela aplikasi naik dari bawah dalam perspektif lalu tegak: sidebar (Beranda, Pesanan, Pisah Warna aktif, Stok Tinta, Layar & Mesh, Jadwal Cetak), judul "Meja pisah warna" dengan breadcrumb "Pesanan #218, Ombak Senja", zona unggah "Tarik desain kaosmu ke sini". Di atasnya label "01 UNGGAH DESAIN" dan kalimat judul muncul kata demi kata. 3. 4,5-7,3 dtk: kartu file kaos_ombak_senja_v4.png muncul, kursor menyeretnya ke zona unggah yang berubah menjadi garis putus-putus oranye, lalu file dijatuhkan. 4. 7,3-9,6 dtk: status berganti "Membaca 4 warna", "Memisahkan layar", "Memeriksa garis tipis" dengan bilah progres oranye. 5. 9,6-12,9 dtk: label "02 PISAH WARNA". Kaos gelap dengan sablon penuh warna (matahari, gunung, ombak, tulisan OMBAK SENJA) dipindai garis oranye, lalu empat film transparan muncul satu per satu dan bertingkat dalam 3D dengan jarak lega (alas putih, oranye, krem, biru), masing-masing bertepi dan bertab nomor sewarna dengan baris daftarnya, tanda registrasi krem yang jelas di tiap sudut. Daftar di kanan menyala sinkron dan menamai tiap layar beserta mesh-nya (T-110, T-156, T-156, T-120). 6. 12,9-15,1 dtk: label "03 AFDRUK KE LAYAR". Empat rangka screen aluminium bermesh berjajar, tiap film turun ke rangkanya, lalu sapuan "LAMPU UV" bergerak dari kiri ke kanan dan membakar gambar ke mesh satu per satu, diikuti cip "Afdruk selesai". 7. 15,1-17,7 dtk: label "04 SIAP KE MEJA CETAK". Cincin skor menghitung 0 sampai 94 "Siap cetak", kartu angka (4 layar, tinta 380 gram, halftone 45 lpi, waktu cetak 130 menit) dan tiga perbaikan otomatis dicentang satu per satu, tombol "Kirim film ke printer". 8. 17,7-20 dtk: jendela mundur dan meredup, wordmark kembali dengan kalimat penutup "Satu desain masuk, film sablon siap keluar."

Video Motion design lainnya

  1. 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
  2. Jilid, Naskah Lepas Jadi BukuMotion design20 dtkJilid, Naskah Lepas Jadi BukuVideo peluncuran 20 detik untuk studio jilid fiktif jilid.: lembar skripsi yang tercecer melayang lalu kamera menukik masuk ke stiker BAB 1, kemudian kata kerja raksasa bertitik warna (susun, jahit, lem, tekan, potong, sampul, emas) berganti mengikuti ketukan, masing-masing dengan elemen antarmuka kecil yang bergerak. Ditutup potongan cepat rapi, kokoh, kilat dan kartu logo dengan tombol Unggah naskah yang diklik kursor.SVG · GSAP · CSS
  3. Showreel Perpustakaan KelilingMotion design15 dtkShowreel Perpustakaan KelilingShowreel gelap beraksen oranye untuk perpustakaan keliling fiktif Rak Kelana: manifesto tipografi besar, angka buku dipinjam dengan grafik pertumbuhan dan rak buku yang terisi punggung demi punggung, motor pustaka mendaki garis lereng gunung, kata-kata koleksi yang berganti cepat, lalu perahu pustaka berlayar di peta antarpulau. Video ditutup dengan logo Rak Kelana dan slogannya.Canvas 2D · SVG · GSAP
  4. Kentong, Jadwal Ronda BeresMotion design20 dtkKentong, Jadwal Ronda BeresVideo peluncuran aplikasi fiktif Kentong untuk mengatur ronda malam: ikon kentongan piksel berubah menjadi jendela obrolan warga yang ruwet, lalu meluas menjadi malam penuh kartu fitur, dan akhirnya mengecil menjadi notifikasi giliran jaga yang dikonfirmasi kursor.SVG · CSS
ArtikelSusun brief