Motion design

Dua Keluarga Besar Dinosaurus

Video infografis datar yang membelah dinosaurus menjadi dua keluarga, pinggul kadal dan pinggul burung, lalu membuka berkas fosil Tyrannosaurus dan Triceratops lengkap dengan siluetnya. Penutupnya linimasa Trias, Jura, dan Kapur yang berakhir pada 66 juta tahun lalu.

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

Prompt

Buat video motion graphics infografis 20 detik (1280x720) yang merangkum dua keluarga besar dinosaurus, dibangun dengan SVG, CSS, dan GSAP. Gaya flat editorial ala berkas arsip: panel warna solid yang pekat (hijau zaitun #3b3a1f, biru dongker #17203a, merah marun #6d1422), kartu merah terang #d62839 dan hijau toska #2f8f7c bertekstur garis diagonal yang bergeser pelan, aksen emas #e8b84a dan teks krem #f4ecd9. Tipografi tebal membulat (Baloo 2 ExtraBold) untuk judul, Rubik untuk isi. Semua teks berbahasa Indonesia. Adegan 1 (0-3,4 dtk): layar terbelah tiga. Panel kiri zaitun dengan ikon jejak kaki tiga jari emas (tiga jari runcing terpisah dari bantalan tumit bulat): PINGGUL KADAL, Saurischia, Teropoda dan Sauropoda, baris emas 'Leluhur burung masa kini'. Strip tengah dongker dengan lingkaran krem berisi telur retak dan label DINOSAURIA. Panel kanan marun dengan ikon daun: PINGGUL BURUNG, Ornithischia, Stegosaurus dan Triceratops, baris emas 'Semuanya pemakan tumbuhan'. Isi tiap panel tersusun di tengah vertikal, teks muncul bertahap, ikon bergoyang halus. Adegan 2 (3,4-6,5 dtk): kartu merah bergaris menyapu dari kiri. Pita atas bertuliskan 'Berkas Fosil 01' dan 'Saurischia'. Angka bayangan besar 68 JT, judul raksasa TYRANNOSAURUS naik huruf demi huruf, lalu nama ilmiah, baris emas kelompok Teropoda pemakan daging, rentang hidup, dan ciri lengan pendek berjari dua. Di bawahnya garis tipis dan deretan chip data (Zaman, Makanan, Panjang, Berat) serta stempel bulat 01 PINGGUL KADAL. Adegan 3 (6,5-9,3 dtk): kartu potret marun naik dari bawah. Di kanan bingkai krem berisi siluet T. rex datar yang membuka rahangnya, di kiri label 'Teropoda', 'Sang Raja', judul T. REX, 'Kadal tiran' dan fakta panjang tubuh sekitar 12 meter. Adegan 4 dan 5 (9,3-15 dtk): pola yang sama untuk Triceratops dengan kartu toska bergaris (Berkas Fosil 02, Ornithischia, Seratopsia, tiga tanduk dan perisai leher) lalu kartu potret hijau tua dengan siluet Triceratops yang mengangguk: perisai leher berbentuk kipas bergerigi, dua tanduk dahi panjang, satu tanduk hidung pendek, paruh, ekor tebal, dan empat kaki kokoh. Adegan 6 (15-20 dtk): lingkaran membuka layar dongker. Judul 'Lebih dari 160 Juta Tahun'. Linimasa horizontal tiga zaman (Trias, Jura, Kapur) memanjang dari kiri, penanda muncul satu per satu (penanda atas menempel di tepi atas pita, penanda bawah di tepi bawah) dengan siluet Stegosaurus, Brachiosaurus, Tyrannosaurus, dan Triceratops beserta angka juta tahunnya. Garis merah menghantam di 66 JT, 'Akhir Zaman Kapur', lalu baris emas penutup 'Yang selamat: keturunan pinggul kadal, yaitu burung.' Gerak memakai easing power3 dan back, transisi berupa sapuan, slide, dan bukaan lingkaran, tanpa jeda diam lebih dari dua detik.

Video Motion design lainnya

  1. Lahap, Wadah Pakan yang BertanyaMotion design20 dtkLahap, Wadah Pakan yang BertanyaTutup bundar wadah pakan pintar fiktif Lahap bertanya apakah Mochi perlu diberi 20 g pakan, tombol jawabannya membesar di tengah layar lalu diketuk. Di adegan akhir aliran butiran pakan mengalir dari corong ke mangkuk baja hingga menggunung, lalu muncul notifikasi bahwa pakan sudah terisi.SVG · Canvas 2D · GSAP
  2. Lekat, Takarir Selalu Tepat WaktuMotion design20 dtkLekat, Takarir Selalu Tepat WaktuPromo gerak antarmuka desktop gelap untuk aplikasi fiktif Lekat: dialog peringatan menyebut 412 baris takarir meleset setelah video dipotong, lalu Lekat memetakan gelombang suara dialog dan dengan satu klik menggeser setiap blok takarir kembali menempel ke suaranya. Kamera menyorot linimasa dan tabel baris sebelum ditutup kartu logo.SVG · CSS
  3. Lembar, Herbarium Tanpa RibetMotion design20 dtkLembar, Herbarium Tanpa RibetDi panggung gelap, panel isian aplikasi fiktif Lembar mengetik data kantong semar dan lembar herbarium di sebelahnya ikut terisi, termasuk gambar tanamannya yang tergores garis demi garis. Lalu kursor mengganti templat, warna, dan huruf, dan video ditutup dengan tiga versi lembar yang mengipas di samping nama aplikasinya.CSS · SVG · Canvas 2D
  4. Alap-Alap Kawah MenukikMotion design15 dtkAlap-Alap Kawah MenukikDi latar arang gelap, sayap alap-alap kawah tergambar sebagai garis putih yang bulunya menyala merah bergantian, lalu terlipat rapat sementara garis arus udara menyempit dan hambatan udara turun. Burung bertengger tergambar garis demi garis, kemudian layar berubah merah saat ia menukik dari samping dan penghitung kecepatan naik sampai 320 km/j.Canvas 2D · SVG · CSS
ArtikelSusun brief