Motion design

Reel Gerak Metamorfosis Kupu-Kupu

Reel motion graphics lima bab dengan bingkai HUD: tipografi kinetik BERUBAH, WUJUD, MAKAN, dan TUMBUH, lalu satu siluet putih di latar biru berubah dari telur, ulat berkaki, kepompong yang tergantung di ranting, hingga kupu-kupu. Ribuan titik 3D kemudian membentuk kupu-kupu, kawanan, dan lintasan migrasi sebelum kata TERBANG dan seekor kupu-kupu putih menutup video.

Motion design · Canvas 2D, Partikel · 15 detik · 1280×720

Prompt

Buat reel motion graphics 15 detik, 1280x720, tentang metamorfosis kupu-kupu, digambar seluruhnya dengan canvas 2D dalam satu file HTML. Bingkai HUD tetap di atas semua adegan: siku sudut tipis, teks mono kecil di kiri atas "REEL GERAK · METAMORFOSIS '26", nomor bab dan nama bab di kanan atas, timecode yang berjalan di kiri bawah, lima kotak penanda bab di tengah bawah, dan "1280×720 · 30 FPS · 120 BPM" di kanan bawah. Warna HUD menyesuaikan latar. Potongan adegan jatuh pas di ketukan 120 BPM dengan hentakan zoom kecil. Bab 01, tipografi kinetik (0-3 detik): kata BERUBAH putih raksasa di latar hitam dengan glitch irisan horizontal dan bayangan garis hijau zaitun yang lebih besar, lalu kata WUJUD hitam di latar putih tulang, hurufnya jatuh satu per satu dengan jejak motion blur. Font display tebal dan padat (Anton), HUD memakai JetBrains Mono. Bab 02 (3-5 detik): latar oranye #ff5b2e penuh baris kata ULAT bertekstur yang bergeser berlawanan arah. Pita oranye polos di atas dan bawah menjaga teks HUD hitam tetap terbaca. Di tengah kata MAKAN. hitam memantul masuk, lalu berganti TUMBUH. dengan balok hijau limau #d8f53a yang menyapu dari kiri di belakangnya. Bab 03, morf bentuk (5-10 detik): latar biru elektrik #2f45ff. Satu siluet putih tulang di tengah berubah dengan easing halus; setiap tahap adalah poligon dengan jumlah titik yang sama sehingga setiap bingkai peralihan tetap satu siluet bersih: [01] TELUR, [02] ULAT dengan badan bersegmen bergelombang peristaltik, kepala bulat bermata hitam, dan kaki-kaki pendek di bawah, [03] KEPOMPONG berbentuk tetes terbalik dengan guratan melengkung yang tergantung pada benang sutra dari ranting dan berayun pelan, [04] KUPU-KUPU yang mengepakkan sayap dan memunculkan antena. Detail tiap tahap memudar di awal peralihan dan muncul lagi saat bentuk sudah mapan. Di sekelilingnya kontur gema tipis yang tertinggal sesaat saat bentuk berubah, dua orbit elips dengan titik oranye, limau, dan putih, serta potongan diagonal hijau limau yang menyelip dari tepi. Label bab di bawah bentuk berganti dengan efek acak huruf. Bab 04, generatif 3D (10-13,3 detik): latar biru tua nyaris hitam. 1.200 titik koral, limau, dan oranye diproyeksikan dalam ruang 3D yang berputar. Titik-titik membentuk sayap kupu-kupu yang mengepak dengan garis badan dan dua antena dari titik putih, lalu menyebar menjadi cincin kawanan berbentuk torus, lalu menjadi lintasan migrasi spiral. Label bawah menyorot tahap aktif: [SAYAP] KAWANAN LINTASAN · 1.200 TITIK. Bab 05, penutup (13,3-15 detik): latar hitam, huruf TERBANG putih naik satu per satu dengan sedikit pantulan, garis limau tumbuh di bawahnya, teks mono SIKLUS SELESAI, dan seekor kupu-kupu putih tulang #f2efe6 dengan pendar lembut terbang menyerong ke kanan atas sambil mengepak.

Video Motion design lainnya

  1. Papan Lab, Rakit Papan SeluncurmuMotion design20 dtkPapan Lab, Rakit Papan SeluncurmuPapan seluncur 3D dengan lapisan kayu berwarna di sisinya melakukan kickflip sambil berganti tema warna di atas pita motif kawung, lalu tiga panel peramban gelap memperlihatkan uji kebulatan roda, grafik respons truk, dan latihan ollie dengan skor. Video ditutup dengan papan yang kembali melayang di bawah wordmark PAPAN LAB.Three.js · SVG · GSAP
  2. Sorak, Cuplikan Komentator KampungMotion design20 dtkSorak, Cuplikan Komentator KampungTiga kartu ilustrasi datar bergantian memutar komentator lomba kampung (sepak bola tarkam, bulu tangkis antarkampung, balap karung Agustusan yang dimenangi peserta nomor 3) lengkap dengan takarir yang menyala kata demi kata. Ketiganya lalu terbang masuk ke aplikasi fiktif Sorak yang merangkainya jadi satu cuplikan sorotan.SVG · GSAP · CSS
  3. Giliran, Antre dari RumahMotion design20 dtkGiliran, Antre dari RumahBu Rini mengambil nomor antrean klinik A-017 lewat ponsel dan memantau sisa antrean dari rumah. Di klinik, layar panggilan memanggil A-015, A-016, lalu A-017, dan tiap pasien ilustrasi datar menunjukkan ponselnya ke perawat di samping loket sebelum masuk lewat pintu ruang periksa.SVG · CSS
  4. Cengkam, Catatan Panjat DindingMotion design20 dtkCengkam, Catatan Panjat DindingIkon aplikasi fiktif Cengkam di layar ponsel gelap membuka logo, daftar rute panjat dinding yang dicentang satu per satu, lalu halaman rute Tangga Awan dengan jalur pegangan yang tergambar dan tombol yang menandai rute selesai dengan kepulan debu kapur.GSAP · SVG · CSS
ArtikelSusun brief